


#productImageSide{
position:relative;
float:left;
min-height:1075px
}
.attManual #productImageSide{min-height:800px}

a#productMainImage {
display:block;
height: 1058px;
width: 800px;
overflow: hidden;
position:absolute;
z-index:1;
}



a#productMainImage img{
/* display:none; */
position:absolute;
z-index:2;
}


/*to hide the real attribs*/
#attributesHiddenWrapper{
display:none;
overflow:hidden;
}





#stockLogoThumb{
height:50px;
width:70px;
position:relative;
top:-70px;
float:right;
}
#stockLogoThumb img{
width:50px;
height:50px;
float:right;
border:1px solid #93585f;
padding:3px;
background:#fff;
margin:0 20px 0 0;
}









/*******************/
ul.tabs {}
ul.tabs li {}
ul.tabs li a {}
ul.tabs li a:hover {}
/*--selector Makes sure that the active tab does not listen to the hover properties--*/
html ul.tabs li.active a, html ul.tabs li.active a:hover   {}
.tab_container {clear:both;}

/**home tab styles*/

#homeTabs{
padding:12px;
border:0px solid rgba(00,00,00,0.5);
background: #f8f6f7;

}
#homeTabs ul.tabs {
display:block;
}
#homeTabs ul.tabs li {
display:block;
float:left;
margin:0 6px;

}
#homeTabs ul.tabs li:first-child{margin:0 6px 0 0;}
#homeTabs ul.tabs li:last-child{
margin:0;}

#homeTabs ul.tabs li a{
display: block;
height:10px;
padding:12px;
color: #797979;
background:rgba(190,190,190,0.5);
text-transform: uppercase;
letter-spacing: 0.03em;
border-color:#c65c48;
border-radius: 5px;
}
#homeTabs ul.tabs li a#aggReviewTabButton{
display: block;
height: 0%;
padding:12px;
color: #797979;
background:rgba(190,190,190,0.5);
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.03em;
border-color:#005AD2;
border-radius: 5px;


}
#homeTabs ul.tabs li.active a{
font-weight: bold;
color: #005AD2;
background: #fff!important;
border: solid 3px;
}


#homeTabs ul.tabs li.active:after {
position: relative;
    content: '\f0d7';
    color:#005AD2;
    font-family: FontAwesome;
    font-size: 27px;
    top: -5px;
    left: 45%;
}


#homeTabs ul.tabs li a:hover {
background:rgba(00,00,00,0.9);
}/*
#homeTabs ul.tabs li.active a:hover {
background: #005AD2;
color:#c65c48;
}*/

#homeTabs .tab_container{
margin:12px 0;
padding:6px;
background:#ededed;
}


/**individual tab styles*/

#productTabs{
padding:12px;
border:0px solid rgba(00,00,00,0.5);
background: #f8f6f7;

}
#productTabs ul.tabs {
display:block;
}
#productTabs ul.tabs li {
display:block;
float:left;
margin:0 6px;

}
#productTabs ul.tabs li:first-child{margin:0 6px 0 0;}
#productTabs ul.tabs li:last-child{
margin:0;}

#productTabs ul.tabs li a{
display: block;
height:10px;
padding:12px;
color: #797979;
background:rgba(190,190,190,0.5);
text-transform: uppercase;
letter-spacing: 0.03em;
border-color:#c65c48;
border-radius: 5px;
}
#productTabs ul.tabs li a#aggReviewTabButton{
display: block;
height: 0%;
padding:12px;
color: #797979;
background:rgba(190,190,190,0.5);
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.03em;
border-color:#005AD2;
border-radius: 5px;


}
#productTabs ul.tabs li.active a{
font-weight: bold;
color: #005AD2;
background: #fff!important;
border: solid 3px;
}


#productTabs ul.tabs li.active:after {
position: relative;
    content: '\f0d7';
    color:#005AD2;
    font-family: FontAwesome;
    font-size: 27px;
    top: -5px;
    left: 45%;
}


#productTabs ul.tabs li a:hover {
background:rgba(00,00,00,0.9);
}/*
#productTabs ul.tabs li.active a:hover {
background: #005AD2;
color:#c65c48;
}*/

#productTabs .tab_container{
margin:12px 0;
padding:6px;
background:#ededed;
}





ul#productDetailsList {
    display: block;
    width: 270px;
    float: left;
    margin: 0 0 0 0;
}

#productSpecifications, h3#productSpecifications{
width: 70%;
}


#productSpecifications .ProductSpecificationsGrid .DetailRow {
padding-left: 0;
border: 1px solid black;
margin: 0 0 -1px 0;
clear: both;
height: auto !important;
float: left;
width: 100%;
background-color: #eaeaea;
}
#productSpecifications .ProductSpecificationsGrid .Label {
text-transform: uppercase;
font-weight: bold;
float: left;
padding: 0 9px;
width: 230px;
color: black;
font-size: 13px;
font-family: Verdana;
font-weight: bold;
clear: none;
line-height: 18px;
}
#productSpecifications  .Value {
display: inline;
padding: 0 9px;
color: black;
margin: 0;
line-height: 18px;
width: 615px;
float: left;
clear: none;
border-left: 1px solid black;
background-color: white;
}


#productTabs h2.sub_heading_pd{
color: #f57c00;
font-weight: bold;
font-size: 120%;
text-align: left;
}


/******Shipping table*******/

#shippingInfoMainContent{
text-align:left;
}
.shippingTableWrapper,  .shippingTableWrapperTpp{display: none}


.attCot .shippingTableWrapper, .attCom .shippingTableWrapper, .attCob .shippingTableWrapper{
display:block;   
height:100%;
font:normal 12px arial;
margin:0px 0;
padding:6px;


}
.attTpp .shippingTableWrapperTpp, .attTppw .shippingTableWrapperTpp{
display:block; 
height:100%;
font:normal 12px arial;
margin:0px 0;
padding:6px;

}
.shippingTableWrapper .shippingRate, .shippingTableWrapperTpp .shippingRate{
display:inline-block;
padding:2px 1px;
background:#fff;
border:1px solid #aaa;
width:55px;
}
.shippingTableWrapper .shippingRate.wideBox, .shippingTableWrapperTpp .shippingRate.wideBox{
width:90px;
}
.shippingTableWrapper .chacksOrderAmount, .shippingTableWrapperTpp .chacksOrderAmount{
display:block;
height:30px;
background:#eee;
font-weight:bold;
color:#700;
border-bottom:1px solid #ccc;
}
.shippingTableWrapper .shippingPrice, .shippingTableWrapperTpp .shippingPrice{
display:block;
height:16px;
padding:4px 0 0 0;
}

p.table_description_text{
width:60%;
}


/**reorder*/

.attReorder #productTabs{display: none;}

.reorderProductPage a#productMainImage{
/* 	height:331px!important; */
}

.reorderStuffWrapper{
	position:relative;
	top:332px;
	max-width: 800px;/*same as image*/
	
}

.reorderNote{
background:#900;
}
.reorderNote p{}
.reorderNote a{}

a.hideShowButton{
	display:block;
	padding:12px;
	background:#F4F3F3;
}
a.hideShowButton span{
text-align:center;
}



#viewOldOrder{
float:left;
margin:30px 0;
width:800px;
border:1px solid green;
height:600px;
}

iframe#reorderAccount{
display:block!important;
width:800px;
height:600px;
float:right;
overflow:hidden;
/* border-bottom:4px solid #000; */
}

.clearReorder{
width:500px;
clear:left;
}


.attReorder a#product_main_image {
height: 310px;
width:766px!important;
float: left;
overflow: hidden;
padding-top:10px!important;
margin-bottom:10px;
/* background: #FFFFFF; */
}

.attReorder.att3ppw a#product_main_image {
height: 258px;
width:766px!important;
float: left;
overflow: hidden;
padding-top:10px!important;
margin-bottom:10px;
/* background: #FFFFFF; */
}

.attReorder a#product_main_image img{
border-bottom:1px solid #ccc;
width:766px!important;
float: left;
overflow: hidden;
}




.attReorder .pan2Wrap{display:none}
.attReorder .pan3Wrap{display:none}
.attReorder .panel.panelA4.open{width:380px}

.disabledSwatch{
background-color:red;
display:none;
}

.attReorder #sideTabWrapper ul.tabs li a,
.attReorder #sideTabWrapper ul.tabs li.active:after,
.attReorder #product_left_side_bottom  {
display: none;
}


	




/****this product does not have the lines option

i use it as an invisible box to disable the image link*/
.attReorder #linesOverlay{
display:block;
width:766px;
height:300px;
position:absolute;
top:40px;
left:0px;
/*background:transparent;*/
background:rgba(255,255,255,0.00);
}
.attReorder #attributeBox-color {
display:block;
}
.attReorder #attributeBox-color h4{}

.attReorder .swatch_wrapper{
height:100%;
width: 100%;
}
.attReorder .swatch_wrapper .attribImg{
font:bold 10px/10px Arial;
height:60px;
width:78px;
color:rgba(90,90,00, 0.1);
}  
.attReorder .swatch_wrapper .attribImg:hover{color:#333;}
.attReorder .swatch_wrapper .attribImg img{
height: 26px;
width: 53px;
border: 1px solid #333;
margin: 2px 0 5px 0;
}
.attReorder .swatch_wrapper .attribImg.selected{
background:#c65c48;
height: 60px;
}
.attReorder .swatch_wrapper .attribImg label{display:block;}
.attReorder .swatch_wrapper .attribImg label img{pointer-events: none;}


#box_previousorderinformation{
clear:both;
height:auto;
margin:0px 0 0 0;
padding:6px;
font-weight: bold;
background: #ededed;
}

 #attributeBox-previousorderinformation{
height:26px;
}
#attributeBox-previousorderinformation h4 {
}

#attributeBox-previousorderorinvoiceno{width:200px;}
#attributeBox-previousorderorinvoiceno h4{display:none;}
#attributeBox-firstlineprinted {width:200px;}
#attributeBox-firstlineprinted h4{display:none;}
.attReorder #attributeBox-accountnumber{width:200px !important;}
.attReorder #attributeBox-accountnumber h4{display:none;}
.attReorder #attributeBox-confirmaccountnumber{width:200px;}
.attReorder #attributeBox-confirmaccountnumber h4{display:none;}
.attReorder #attributeBox-checksstartingnumber{width:200px!important;}
.attReorder #attributeBox-checksstartingnumber h4{display:none;}
.attReorder #attributeBox-checksstartingnumber{margin: 0px 0px 0px;}


#attributeBox-previousorderorinvoiceno:after, 
#attributeBox-firstlineprinted:after, 
.attReorder #attributeBox-accountnumber:after,
.attReorder #attributeBox-reversenumbering:after,
.attReorder #attributeBox-checksstartingnumber:after{
cursor:pointer;
display:inline-block;
padding:0 0 0 0px;
content:'\f05a';
font-family: FontAwesome;
float: right;
margin-top: -18px
}
.attReorder #attributeBox-reversenumbering:after{
margin-top: -33px}

.attReorder #attributeBox-checksstartingnumber:after{
top: 23px;
left: 195px;}

.attReorder input#attrib-81-0, .attReorder input#attrib-82-0, .attReorder input#attrib-81-0, .attReorder input#attrib-17-0, .attReorder input#attrib-18-0, .attReorder input#attrib-20-0{width:178px!important;}

#attributeBox-confirmstartingnumber {
width:150px;
font:bold 12px Arial;
margin:-55px 5px 0px;
float:right;
padding:2px;
border: 2px solid #FFFFFF;
}
#attributeBox-confirmstartingnumber h4{display:none;}

.attReorder #attributeBox-reversenumbering {
    clear:both;
    width: 150px;
    font: bold 12px Arial;
    margin: -101px 0px 0px;
    float: right;
	padding:2px;
    border: 2px solid #FFF;
}
.attReorder #attributeBox-reversenumbering h4{display:none;}

#attributeBox-reordertype{}
#attributeBox-reordertype h4{}
#attributeBox-reordertype br{display:none;}



label[for="attrib-84-384"], label[for="attrib-84-383"]{
display:inline-block;
font-size:12px;
font-weight:bold;
/*height:70px;
width:152px;
background: url('../images/not_ex.jpg')  no-repeat 0px 12px;*/
}

input#attrib-84-383, input#attrib-84-384{
height: 76px;
width: 17px;
}
input#attrib-84-383:checked {
background:#EF8080;
}
/*input#attrib-84-383:after,*/ label[for="attrib-84-383"]:after{
display:block;
font-size:12px;
color:#900;
padding:5px;
white-space: pre;
width: 47%;
content:'Print the checks,\a layout, information etc.  \a exactly as before.';
}
/*input#attrib-84-384:after,*/ label[for="attrib-84-384"]:after{
display:block;
font-size:12px;
color:#900;
padding:5px;
white-space: pre;
width: 47%;
content:'I will enter all changes \a in the comment box below. ';
}



 
/********************************** Manual Reorder***********************************/
 

#productGeneral.centerColumn.attReorder.Manual{
    max-width: 1400px!important;
}
 .attReorder.Manual a#productMainImage{
	width:980px;
	height: 717px;
    overflow: hidden;

}
.attReorder.Manual a#productMainImage img{
	height: 717px;
    overflow: hidden;

}
.attReorder.Manual a#productMainImage {
    height: 240px!important;
}



/* contact us form */

iframe#contactUs{
min-width: 77%;
    height: 507px;
    float: right;
    background: #fff;
}


div.contactAddress {background: transparent url(../images/form_bg.gif) no-repeat center top ;
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 600px;
  margin: 0px 5px 10px 0;
  border: 1px #becfe9 solid;
  border-top:none;
  float: right;
}

div.contactAddress fieldset {
  clear: both;
  font-size: 100%;
  padding: 0px 10px 20px 10px;
  margin: 0;
  border:none;  
  width: 600px;
/*  border-bottom: 1px #becfea solid;*/
}

div.contactAddress fieldset legend {
  position:relative;
  clear:both;
    margin: 0px 0;
  padding: 3px 0 0 0 ;
  font-size:17px;
  font-family:Verdana, Geneva, sans-serif;
  color: #015ba7;

}


div.contactAddress div {
  clear: left;
  display: block;
  width: 800px;
  zoom: 1;
  margin: 10px 0 0 0;
  padding: 1px 3px;
}

div.contactAddress div.optional label, label.optional {
  font-weight: normal;
}

div.contactAddress div.required label, label.required {
  font-weight: bold;
}



.contactFAQ{
float: left;
width: 21%; 
margin-top:3px;
}
div.faqSContainer, div.shippingfaqs  {border:none;}
Div#customerServicesBanner{
  background: transparent url(../images/contactBanner.jpg) no-repeat left top;
width:100%;
height: 215px;
margin: 8px 0 3px 0;}

div.serviceContactInfo {
    float: left;
    margin: 0 70px 10px 360px;
}
div.customerServiceInfo {
    float: left;
    clear: right;
}
div.addressInfo {
    clear: both;
    margin: 0 100px 10px 360px;
    width: 305px;


}





