img, div { behavior: url(iepngfix.htc) } 

/* start global */
button {
margin: 0 7px 0 0;
padding:5px 10px 6px 7px;
width:auto;
overflow:visible;
padding:1px 7px 1px 4px; /* IE6 */

/*padding-left: 3px;

padding-right: 3px;

font-size: 11px;

line-height: 130%;*/

}

#zoom, #zoom img {
width: 16px;
height: 16px;
}


button[type] {

padding:2px 7px 3px 4px; /* Firefox */

line-height:17px; /* Safari */

}



*:first-child+html button[type]{

padding:1px 7px 2px 4px; /* IE7 */

}



button img {

margin:0 3px -3px 0 !important;

padding:0;

border:none;

width:16px;

height:16px;

}



button#btnNewDesign {

position: absolute;

left: 9px;

}



#ajax-loading {

position: absolute;

z-index: 555;

text-align: center;

width: 100%;

display: none;

height: 50px;

vertical-align: middle;

background: #CA4349;

left: 0px;

right: 0px;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight: bold;

height: 75px;

}



#ajax-loading div {

margin-top: 25px;

}


#wrapper {
text-align: center;
}

div.help {
background: #E5E5E5;
margin: 4px;
/*margin-bottom: 0px;*/
padding: 5px;
color: #474747;

overflow: visible;

height: 14px;
}

div.help-cart {
background: #E5E5E5;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
color: #474747;
}

div.help img {
vertical-align: middle;

margin-top: -2px;
}

h2 {
font-family: Tahoma;
font-size: 17px;
color: #011681;
}

#custom-wrapper {

width: 675px;

background: #FFF;

line-height: 1em;

}

/* end global */

/* start tabs */

#tabs {

font-family: Tahoma;

font-size: 11px;

margin-bottom: 20px;

}

#tabs div.ui-tabs-hide {

display: none;

}

#tabs ul.tabs {

height: 25px;

list-style-type: none;

margin: 0px;

padding: 0px;

}

#tabs ul.tabs li {


width: 114px;

height: 25px;

float: left;

margin-right: 2px;

font-weight: bold; 

line-height: 19px;
background-image: url(../images/bg-tab-digitees.jpg);


}

#tabs ul.tabs li a {

color: #BABABA;

display: block;

padding: 3px 8px 3px 8px;

margin-right: 3px;

text-align: center;

font-size: 1.4em;
width: 98px !important;
width: 110px;

}

#tabs ul.tabs li a:hover {

text-decoration: none;

}

#tabs ul li.ui-tabs-selected a {

color: #FFF;

}

#tabs ul li.ui-tabs-selected a:hover {

}

#tabs div.ui-tabs-container {

border: 1px solid #E5E5E5;

/* min-height: 500px; */
height: auto !important;
/*height: 500px;*/
padding-top: 0px !important;
padding-top: 4px;
padding-bottom: 0px !important;
padding-bottom: 4px;

}


#tabs ul li.ui-tabs-selected {
background-image: url(../images/bg-tab-custom.jpg);
}

/* end tabs */



/* start custom */

#custom iframe {

display: none;

}

#sides-list {

height: 152px;

text-align: center;

font-weight: bold;

border-bottom: 1px solid #E5E5E5;

}

#sides-list ul {

list-style-type: none;

padding: 0px;

margin: 0px;

}

#sides-list li {

height: 141px;

width: 118px;

cursor: pointer;

text-align: center;

margin-left: 7px;

margin-right: 7px;

float: left;

}

#sides-list li.selected {

background: #FFF url(../images/bg-selected-side.gif) no-repeat;

}

#sides-list li img {

margin-top: 10px;

clear: both;

}

#sides-list li span {

display: block;

}



#custom {

position: relative;

height: 533px;

}

#preview {

right: 0px;

position: absolute;

width: 351px;

height: 343px;

}

#preview h2 {

display: none;

text-align: center;

margin: 0px;

padding: 0px;

font-size: 30px;

text-transform: uppercase;

font-weight: normal;

}

#preview ul {

height: 313px;

overflow: hidden;

list-style-type: none;

margin: 0px;

}

#preview ul li {

display: block;

text-align: center;

width: 100%;

position: relative;

}

#preview span {

cursor: pointer;

}

#preview div.nav {

text-align: center;

}

#preview div.overlay {

position: absolute;

/*overflow: hidden;*/

z-index: 5;

}

#existing {

position: relative;

}

#existing table, #saved table {

width: 100%;

}

#existing table td, #saved table td {

text-align: center;
vertical-align: top;

}

#existing table td img, #saved table td img {

/*border: 1px solid #E5E5E5;*/

height: 122px;

width: 98px;

margin-bottom: 15px;

margin-top: 9px;

cursor: pointer;
border: 1px solid #DDD;

}

#existing table td.hover {
background: #FFFFFF url(../images/bg-hover-side.gif) no-repeat;
background-position: 7px 0px;
}

#saved table td.hover {
background: #FFFFFF;
background-position: 7px 0px;
}


#existing table td.selected, #saved table td.selected {

background: #FFF url(../images/bg-selected-side.gif) no-repeat;

background-position: 7px 0px;

}

#existing table td.selected img, #saved table td.selected img {

/*border-color: #3C3C3C;*/ 

}



#existing table label{

color: #5e5e5e;

font-weight: bold;

cursor: pointer;

}

#saved table label {

color: #3C3C3C;

font-weight: bold;

cursor: pointer;

}



#existing div.print-on {

position: absolute;

width: 655px;

bottom: 0px;

background: #E5E5E5;

color: #000;

padding: 9px;

}



#saved div.warning {

background: #F00;

margin: 4px;

margin-bottom: 4px !important;
margin-bottom: 0px;

padding: 5px;

color: #FFF;

}

#saved div.warning a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }



#control-panel {

position: absolute;

top: 200px;

left: 17px;

width: 281px;



}

#control-panel h2 {

background: #FFF;

text-transform: uppercase;

line-height: 12px;

font-size: 20px;

color: #CD4249;

padding: 0px;

margin: 0px;

margin-bottom: .8em;

}

#control-panel h3 {

color: #CD4249;

font-size: 1.4em;

font-weight: 600;

margin-top: 0px;

margin-bottom: .5em;

}

#control-panel div.section {

margin-bottom: 5px;

}

#control-panel p {

color: #474747;

}

#control-panel div.panel{

padding: 12px;

border: 1px solid #E5E5E5;

}

#save-bar {

position: absolute;

bottom: 0px;

width: 657px;

background: #E5E5E5;

padding: 9px;

text-align: right;

}

#save-bar label span {

padding-right: 7px;

color: #454545;

font-weight: bold;

}

div.pagination {

padding: 5px;

text-align: right;

}

/* end custom */



/* start product selector */

#product-selector {

font-family: Tahoma;

color: #444444;

font-size: 11px;

margin-bottom: 20px;

position: relative;

border: 1px solid #E5E5E5;

width: 665px;

overflow: hidden;

height: 310px;

}

#product-selector div.product-list {

margin-top: 5px;

}

#product-selector div.product-list ul {

list-style-type: none;

margin: 0px;

padding: 0px;

height: 245px;

}

.jcarousel-next {

z-index: 3;

display: none;

height: 245px;

background: #E5E5E5 url(../images/arrow-right.gif) no-repeat 50% 50%;

top: 0px;

right: 4px;

cursor: pointer;

position: absolute;

width: 15px;

text-align: center;

}



.jcarousel-prev {

z-index: 3;

display: none;

height: 245px;

background: #E5E5E5 url(../images/arrow-left.gif) no-repeat 50% 50%;

top: 0px;

left: 4px;

cursor: pointer;

position: absolute;

width: 15px;

text-align: center;

}

.jcarousel-clip {

position: absolute; 

top: 0px;

left: 19px;

right: 19px;

width: 627px;

}

#product-selector div.product-list ul li {

vertical-align: middle;

text-align: center;

height: 245px;

width: 117px;

}

#product-selector div.product-list ul li img {

border: 1px solid transparent;

}

#product-selector div.product-list ul li.selected img {

border: 1px dashed #454545;

}

#product-selector div.preview {

display: none;

height: 270px;

position: absolute;

right: 0px;

top: 0px;

width: 500px;

}



#product-selector div.bar {

background: #E5E5E5;

bottom: 0px;

position: absolute;

width: 657px;

padding: 8px;

}

#product-selector div.attributes {

position: absolute;

top: 0px;

right: 0px;

padding: 4px 11px 6px 6px;

width: 320px;

text-align: right;

}

#product-selector div.attributes ul {

list-style-type: none;

position: relative;

top: -11px;

}

#product-selector div.attributes ul li {

float: right;

margin-left: 20px;

}

#product-selector div.attributes ul li label {

margin-right: 5px;

}

/* end product selector */

div.buttons {

text-align: right;

}

#no-cart {

	display: none;
	
}

/* start cart */

#cart {

font-family: Tahoma;

font-size: 11px;

background: #FFF;

}



#cart table {

border-collapse: collapse;

border-color: black;

width: 100%;

border: 1px solid #E5E5E5;

}

#cart td, #cart th {

padding: 3px;

}

#cart th {

background: #E5E5E5;

color: #444;

font-weight: bold;

padding: 4px;

font-size: 11px; 

}

#cart th.width-1p {

width: 1%;

}

#cart tbody td.no-rows {

text-align: center;

height: 50px;

}

#cart ul.totals { 

text-align: right;

font-weight: bold;

font-size: 14px;

margin-right: 5px;

list-style-type: none;

}

#cart .buttons {

text-align: right;

}

/* end cart */



#loading {

display: none;

font-family: Tahoma;

font-size: 13px;

font-weight: bold;

background: #FFF;

padding: 15px;

}

#loading img {

vertical-align: -5px;

}