@charset 'utf-8';
/* UTM
   Author: Matt Zimmermann
   Updated: 05/26/2010
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GLOBAL ELEMENTS
   =GLOBAL CLASSES
   =GLOBAL FORMS RULES
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
   =COLUMN-LEFT
   =COLUMN-RIGHT
   =BOTTOM WRAP AND FOOTER
   =DISCLAIMERS
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
   =SRCH PAGE
   =ACAD, ACED, AFAD, AFED AND OCST PAGES
   =LOGN, ORDL AND ORHL PAGES
   =ACLN PAGES
   =BASK AND CHECKOUT PAGES
   =ORDH AND ORDS PAGES
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */
html{overflow-y:scroll;}
body{
background:#575757;
text-align:center; 
font:12px/1.4 Arial, Helvetica, sans-serif; 
color:#000;
margin:0; /* reiterating for webkit */
}
h1{font-size:20px; color:#134f72;}
h2{font-size:16px; color:#134f72;}
h3{font-size:14px; color:#134f72;}
h4{font-size:12px; color:#134f72;}
h5{font-size:11px; color:#134f72;}
h6{font-size:10px; color:#134f72;}
blockquote{
margin:0 10px 10px; 
background:#efefef; 
padding:10px;
font-family:Georgia, Times, 'Times New Roman', serif;
font-style:italic;
color:#3f3f3f;
}
a:link,a:visited{color:#fff; text-decoration:underline; outline:none;}
a.bluelnk{ color:#0a85b8; }
a:hover,a:active{color:#2f86af; text-decoration:none; outline:none;}
img{vertical-align:bottom;} /* to prevent a gap from showing below images in some browsers */
ol li{list-style-type:decimal;}
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:square;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}
h1, h2, h3, h4, h5, h6, p, ul, dl, ol{margin:15px 0 5px;}

/* ------------------------ GLOBAL CLASSES ------------------------ */
.clear{
clear:both;
}
.right{float:right;}
.left{float:left;}
.img-left{
float:left; 
margin:2px 10px 10px 0px;
}
.img-right{
float:right; 
margin:5px 0px 10px 10px; 
}
.float-left{
float:left;
display:inline;
}
.float-right{
float:right;
display:inline;
}
.align-left{
text-align:left;
}
.align-center{
text-align:center;
}
.align-right{
text-align:right;
}
.hidden{
display:none;
}
.button, a.button{
color:#676767 !important;
background:#ccc;
padding:3px 25px;
vertical-align:middle;
font:12px Arial, Helvetica, sans-serif;
border:1px solid #000;
margin:0;
text-decoration:none !important;
}  /* Extra selector a.button for inheritance */
	input.button{
 padding:2px 25px;
 width:auto;
 margin: 10px 15px;
	}
 .grey-button{
 color:#000 !important; 
 background:#CFC9B5 !important;
 cursor:pointer;
 }
 .black-button, a.black-button{
 background:#000 url(../images/bg_black_btn.gif) repeat-x;
 color:#fff !important;
 padding:3px 5px;
 min-width:65px;
 border:1px solid #3d3d3d;
 display:-moz-inline-stack;
 display:inline-block;
 *display:inline; /* For IE6 and IE7 to display correctly without floats */
 zoom:1;
 cursor:pointer;
 }
  * html .black-button, * html a.black-button{ 
  width:expression(this.scrollWidth < 64 ? '65px' : 'auto'); /* sets min-width for IE */
  min-width:65px; /* sets min-width value for all standards-compliant browsers */
  }
 .blue-button, a.blue-button{
 background:#134f72 url(../images/bg_blue_btn.gif) repeat-x;
 color:#fff !important;
 padding:3px 5px;
 min-width:65px;
 font:bold 16px Arial, Helvetica, sans-serif;
 border:1px solid #575757;
 display:-moz-inline-stack;
 display:inline-block;
 *display:inline; /* For IE6 and IE7 to display correctly without floats */
 zoom:1;
 cursor:pointer;
 }
  * html .blue-button, * html a.blue-button{ 
  width:expression(this.scrollWidth < 64 ? '65px' : 'auto'); /* sets min-width for IE */
  min-width:65px; /* sets min-width value for all standards-compliant browsers */
  }
  .black-button:hover, a.black-button:hover, .blue-button:hover, a.blue-button:hover{
  border:1px solid #2893d4;
  }
 .basket-icon span{
 background:url(../images/icon_cart.png) no-repeat left center;
 padding-left:15px;
 }
 .checkout-icon span{
 background:url(../images/icon_checkmark.png) no-repeat left center;
 padding-left:15px;
 }
.dark-border{
border:1px solid #828282 !important; 
}
.corners{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0;
}
* html .clearfix            {zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */

h2.accordian{ color:#fff; font-size:16px; position:relative; top:5px;}
/* ------------------------------- GLOBAL FORM ELEMENTS ------------------------------- */
fieldset{
border:1px solid #ccc;
padding:10px;
margin:10px 0;
}
legend{
margin:0 5px;
padding:3px 5px;
font:normal normal bold 12px/12px Arial, Helvetica, sans-serif;
}
fieldset{
border:1px solid #ccc;
padding:10px;
margin:10px 0;
}
legend{
margin:0 5px;
padding:3px 5px;
font:normal normal bold 12px/12px Arial, Helvetica, sans-serif;
}


form{ }
form br{line-height:0; height:0; font-size:0;} /* defaults vertical spacing between fields */
 input, textarea, select{
 color:#676767;
 padding:3px;
 vertical-align:middle;
 font:12px Arial, Helvetica, sans-serif;
 border:1px solid #828282;
 margin-top:10px;
 width: 133px;
 }
  input:focus{
  border:1px solid #2893d4;
  }
 input.submit, label{
 cursor:pointer;
 width:auto;
 padding:2px;
 
 }
 label{
 display:inline;
 float:left;
 width:150px;
 text-align:right;
 margin-right:.5em;
 padding:3px 0;
 cursor:pointer;
 font-weight:bold;
 }
  label.error{
  color:#d90000;
  }
 input#searchfield{
 width:150px;
 margin:0;
 overflow:visible;
 }
 select{
 width:auto;
 }
 textarea{
 height:90px; 
 overflow:auto; 
 margin:0 0 4px 0; 
 width:200px; 
 }
.textfield{
background:url(../images/bg_text_input.gif) repeat-x left top;
width:325px;
}
.info-message, .warning-message, .error-message, .success-message{
font-weight:bold;
padding:15px 15px 15px 48px;
color:#333;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
clear:both;
}
 .info-message{
 background:#9dd7f9 url(../images/icons/info.png) no-repeat 10px center;
 border:1px solid #64a6cc;
 }
 .warning-message{
 background:#f9e29d url(../images/icons/warning.png) no-repeat 10px center;
 border:1px solid #d0bc81;
 }
 .error-message{
 background:#f9a89d url(../images/icons/error.png) no-repeat 10px center;
 border:1px solid #d3847a;
 }
 .success-message{
 background:#c5f99e url(../images/icons/check.png) no-repeat 10px center;
 border:1px solid #98cf70;
 }
 div.info-message, div.warning-message, div.error-message, div.success-message{
 margin-bottom:10px;
 }
 .info-message p, .warning-message p, .error-message p, .success-message p{
 margin:0.5em 0;
 }
 .info-message ul, .warning-message ul, .error-message ul, .success-message ul{
 margin-bottom:0;
 }
  .info-message ul li, .warning-message ul li, .error-message ul li, .success-message ul li{
  list-style:none;
  }
  /* _-_-_ CONTACT FORM ELEMENTS _-_-_ */
  #contact-form, #RAQ{margin:20px 0 10px;}
  #contact-form fieldset,  #RAQ fieldset{width:610px; margin:auto;}
  #contact-form p{clear:both;}
  #contact-form input.textfield{width:225px;}
  #contact-form textarea{width:400px;}
  #contact-form .btn-container, #RAQ .btn-container {text-align:center;}
  #contact-form .btn-container input, #RAQ .btn-container input{margin:0 25px;}
  #contact-form .error-message ul, #contact-form .error-message ul li, #RAQ .error-message ul,  #RAQ .error-message ul li{margin:0;}


/* ------------------------------- WRAP ------------------------------- */
#wrap{
background:#3d3d3d;
width:960px;
margin:0 auto;
text-align:left;
}
 .single-column #wrap{
 background:#fff;
 }

/* ------------------------------- HEADER ------------------------------- */
#header{
height:90px;
background:url(../images/bg_header.gif) no-repeat;
position:relative;
}
	
	/* ------------------------ masthead framework ------------------------ */
	#masthead{
 background:url(../images/img_masthead.gif);
 display:block;
 height:90px;
 width:310px;
 position:absolute;
 top:0px;
 left:15px;
 }
 #shop-online{
 position:absolute;
 top:25px;
 left:345px;
 }
 #phone-number{
 position:absolute;
 top:30px;
 left:525px;
 color:#f5f5f5;
 font:bold 20px Arial, Helvetica, sans-serif;
 background:url(../images/icon_phone.png) no-repeat left center;
 padding-left:20px;
 }

	/* ------------------------ meta ------------------------ */
  #meta{
  position:absolute;
  top:10px;
  right:25px;
  height:64px;
  width:220px;
  background:url(../images/bg_minicart.gif) repeat-x;
  padding-right:10px;
  border:1px solid #3d3d3d;
  }
  #meta ul{
  margin:0;
  padding:0;
  color:#fff;
  }
   #meta li{/* if your li's float, you can adjust border height w/ line-height */
   padding:6px 0 0; /* adjusts the spacing between each li display and border-left */
   list-style:none;
   }
   #meta ul.mini-basket-info{
   text-align:left;
   float:left;
   padding-left:10px;
   font-weight:bold;
   }
    #meta ul.mini-basket-info li{
    padding:9px 0 0;
    }
   #meta ul.min-basket-links{
   text-align:right;
   float:right;
   }
   #meta a:link, #meta a:visited{
   text-align:left;
   }
   #meta a:hover, #meta a:active{ }

/* ------------------------------- NAVBAR ------------------------------- */
#nav{
background:#3d3d3d url(../images/bg_navbar.gif) repeat-x; 
width:960px; 
height:31px; 
margin:0;
padding:0; 
}
#nav ul{
height:31px; 
margin:0;
padding:0;
float:left;
}
#nav li, #nav a{
display:block;
font:bold 19px Tahoma, Geneva, sans-serif;
text-transform:uppercase;
text-decoration:none;
height:31px;
} 
#nav li{
float:left; 
list-style:none; 
display:inline; 
position:relative;
padding:0 7px;
background:url(../images/img_navbar_divider.gif) no-repeat right top;
}
#nav a{
padding:2px 10px 0;
}
#nav-01{
background:url(../images/bg_navbar_first.gif) no-repeat left top;
}
 #nav-01 a{
 padding-left:15px;
 }
	
	/* ------------------------ search ------------------------ */
		#search{
  float:right;
  margin:0;
  padding:4px 25px 0 0;
  background:url(../images/bg_navbar_last.gif) no-repeat right top;
		}
   #search input.submit{
   padding-right:5px;
   margin:0;
   }

/* ------------------------ MAIN ------------------------ */
#main{
clear:both;
border:solid #2d2d2d;
border-width:0 1px;
background:url(../images/main_bg.jpg) repeat-y;
}

/* ------------------------ COLUMN-LEFT ------------------------ */
#column-left{
width:238px;
padding-bottom:65px;
float:left;
display:inline;
background:#3d3d3d;
border-right:1px solid #303030;
position:relative;
}
.single-column #column-left{
display:none;
}
	#column-left ul.par{
 margin:0;
 padding:0;
 background:#1e1e1e;
 border-bottom:1px solid #2a2a2a;
 display:block;
	}
		#column-left ul.par li{
  background:url(../images/bg_cattree_link.jpg) repeat-x;
  list-style:none;
  border:1px solid;
  border-color:#939393 #2c2c2c #1b1b1b #1f1f1f;
  padding:0 0 0 10px;
  margin:0;
  display:block;
  }
   #column-left ul.par li a{
   display:block;
   font:bold 14px Arial, Helvetica, sans-serif;
   text-decoration:none;
   background:url(../images/img_cattree_arrow.gif) no-repeat left center;
   padding:0 0 0 25px;
   line-height:34px;
   }
    #column-left ul.par li a.cat-on{
    background:url(../images/img_cattree_arrow_on.gif) no-repeat left center;
    }
    #column-left ul.par li a.acme{
    background:url(../images/img_cattree_acme.gif) no-repeat left center;
    padding:0 0 0 30px;
    }
	#column-left ul.sub1{
 margin:0;
 padding:5px 0;
 border-bottom:none;
	}
		#column-left ul.sub1 li{
  background:none;
  list-style:none;
  border:none;
  padding:0;
  margin:0;
  }
   #column-left ul.sub1 li a{
   display:block;
   font:bold 12px Arial, Helvetica, sans-serif;
   text-decoration:none;
   background:none;
   padding:0 0 0 15px;
   line-height:24px;
   }
	#column-left ul.sub2{
 margin:0;
 padding:0;
 border-bottom:none;
	}
		#column-left ul.sub2 li{
  background:none;
  list-style:none;
  border:none;
  padding:0;
  margin:0;
  }
   #column-left ul.sub2 li a{
   display:block;
   font:bold 12px Arial, Helvetica, sans-serif;
   text-decoration:none;
   background:none;
   padding:0 0 0 30px;
   line-height:16px;
   }
   .newsletter{
  		 
   }
	#column-left form{
 margin:0;
 border-top:1px solid #2a2a2a;
 left:0px;
 bottom:0px;
 width:100%;
	}
  #column-left form div{
  padding:5px 0 10px 5px;
  border-top:1px solid #575757;
  }
  #column-left form p{
  margin-bottom:5px;
  font:bold 16px Arial, Helvetica, sans-serif;
  color:#fff;
  }
  #column-left form input.submit{
  padding-right:5px;
  }


ul.par.menu h2 { cursor: pointer; margin: 0 0 10px; }
#emailField{ width: 195px; margin: 10px 0; }

/* ------------------------ COLUMN RIGHT ------------------------ */
#column-right{
width:719px;
min-height: 355px;
float:right;
display:inline;
background:#fff;
position:relative;
}
	.single-column #column-right{
 width:958px;
 background:#fff;
 margin:0 auto;
 float:none;
 display:block;
	}

	.single-column #column-right a{
 color:#2f86af;
	text-decoration:underline;
 outline:none;
	}
	.single-column #column-right a:hover{
 color:#828282;
 text-decoration:none;
 outline:none;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl{margin-left:20px; margin-right:20px;}

	#column-right ul{
 margin-left:20px;
 margin-right:20px;
	}
		#column-right ul li{
  /* background:transparent url(../images/bullet.jpg) 0px 6px no-repeat; 0px = horizontal position for left, 6px = vertical position from top */
  /* padding-left:10px; pushes text to the right to display bg img */
  margin-left:20px;
  }
 #hdft-header, #hdft-footer, #prod-ctgy-hdft-header, #prod-ctgy-hdft-footer{
 clear:both;
 }
 .single-column #column-right #page-title, #column-right #page-title{
 margin:0 20px;
 padding:10px 0 0;
 }
 #column-right .pagecrumbs{
 overflow:hidden;
 background:#d3d3d3;
	font:normal 10px Arial, Helvetica, sans-serif;
 color:#000;
 line-height:24px;
 clear:both;
 }
 #column-right .pagecrumbs.header{
 border-bottom:1px solid #1e1e1e;
 }
 #column-right .pagecrumbs.footer{
 border-top:1px solid #1e1e1e;
 }
  #column-right .pagecrumbs ul.breadcrumbs, #column-right .pagecrumbs ul.pagination{
  display:inline;
  margin:0 20px;
  }
  #column-right .pagecrumbs ul.breadcrumbs{
  float:left;
  }
   #column-right .pagecrumbs ul.breadcrumbs li, #column-right .pagecrumbs ul.pagination li{
   float:left;
   list-style:none;
   margin:0;
   }
   #column-right .pagecrumbs ul.breadcrumbs li{
   padding-left:5px;
   }
    #column-right .pagecrumbs ul.breadcrumbs .first, #column-right .pagecrumbs ul.pagination .first{
    padding-left:0;
    }
   #column-right .pagecrumbs ul.breadcrumbs a, #column-right .pagecrumbs ul.pagination a{
   color:#000;
   text-decoration:none;
   }
   #column-right .pagecrumbs ul.breadcrumbs a{
   padding:2px 5px 2px 0;
   }
   #column-right .pagecrumbs ul.breadcrumbs a:hover{
   text-decoration:underline;
   }
   #column-right .pagecrumbs ul.breadcrumbs .cat-on{
   font-weight:bold;
   }
  #column-right .pagecrumbs ul.pagination{
  float:right;
  }
   #column-right .pagecrumbs ul.pagination li{
   padding-left:3px;
   }
   #column-right .pagecrumbs ul.pagination a{
   padding:2px;
   }
   #column-right .pagecrumbs ul.pagination a:hover{
   color:#fff;
   background:#2f86af;
   }
   #column-right .pagecrumbs ul.pagination .page-on{
   color:#fff;
   background:#092e45;
   }
     
#sponsors{ margin: 10px 20px; }
#sponsor-logos{margin-bottom: 30px;}
#sponsor-logos img{ margin: 10px; }

#qtybask{
margin: 15px 0 45px 25px;
}


img.imgspace{ margin: 5px; }
p.imggroup{ margin: 10px 0; }


/*--- MANCAP --*/
#MANCAP p img { max-width: 200px; margin:10px;}
/* ------------------------ FOOTER ------------------------ */
#footer{
width:958px;
height:74px;
margin:0 auto;
background:url(../images/bg_footer.gif) repeat-x;
border:1px solid;
border-color:#363636 #2d2d2d #060606;
clear:both;
}
#footer ul{
width:222px;
height:74px;
margin:0;
padding:5px 0 0 15px;
background:url(../images/img_footer_divider.gif) no-repeat left top;
text-align:left;
float:left;
}
 #footer ul.first{
 background:none;
 }
	#footer li{
 padding:0;
 line-height:16px;
 list-style:none;
 }
#footer a{
text-decoration:none;
font-weight:bold;
}

/* ------------------------ DISCLAIMERS ------------------------ */
.disclaimer{
font-size:10px;
text-align:center;
color:#fff;
margin:10px;
clear:both;
}

/* ------------------------ SFNT PAGE ------------------------ */


/* ------------------------ CTGY PAGE ------------------------ */
#ctgy-title{
margin:10px 20px 0;
}
.ctgy-products{
width:225px;
min-height:250px;
margin:10px 0 5px;
padding:0 6px;
text-align:center;
display:-moz-inline-stack;
display:inline-block;
*display:inline; /* For IE6 and IE7 to display correctly without floats */
zoom:1;
}
 * html .ctgy-products{ 
 height:expression(this.scrollHeight < 249 ? '250px' : 'auto'); /* sets min-height for IE */
 min-height:250px; /* sets min-height value for all standards-compliant browsers */
 }
	.ctgy-products img{
	display:block;
	margin:0 auto 4px;
	width:180px;
	height:140px;
	}
	.ctgy-products div{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	}
	.ctgy-products span.price{
 color:#0f4f75;
	font:bold 14px Arial, Helvetica, sans-serif;
 display:block;
 margin:3px auto 5px;
	}
	.ctgy-products a.prod-link{
	display:block;
	margin:0 auto 2px;
 width:200px;
	color:#092e45;
	text-decoration:none;
	}
	.ctgy-products a.prod-link:hover{
	color:#2f86af;
	}
	.ctgy-products form{
 padding:0;
 margin:0;
 display:inline;
	}
  .ctgy-products a.button, .ctgy-products form input{
  font-size:10px;
  }
  .ctgy-products form input{
  padding:2px 5px;
  cursor:pointer;
  }

/* ------------------------ PROD PAGE ------------------------ */
#prod-images{
width:320px;
padding:10px 0 10px 20px;
overflow:hidden;
display:inline-block;
display:block;
float:left;
}
 .prod-img{
 width:320px;
 height:259px;
 margin:0 auto 10px;
 display:block;
 }
#prod-info{
width:355px;
padding:10px 20px 10px 0;
overflow:hidden;
display:inline-block;
display:block;
float:right;
}
 #prod-info form{
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#092e45;
 }
  #prod-info form select{
  display:block;
  width:125px;
  margin-bottom:10px;
  }
  #prod-info .prod-msrp, #prod-info .prod-price{
  margin:0 20px 3px;
  }
   #prod-info .prod-price{
   font-size:24px;
   color:#0f4f75;
   }
  #prod-info .prod-save, #prod-info .prod-code{
  margin:0 20px 20px;
  }
  .prod-code{ font-size: 10px; }
  #prod-info label{
  font-weight:bold;
  width:62px;
  }
  #prod-info #Quantity{
  width:25px;
  text-align:center;
  color:#092e45;
  font-weight:bold;
  }
  .add-to-basket span{
  background:url(../images/icon_add_to_basket.png) no-repeat 5px center;
  padding:3px 5px 3px 25px;
  }
#prod-descrip{
margin:10px 20px;
clear:both;
font-weight:normal;
}
#prod-descrip a {color:#5CA9CC;}
#prod-descrip a:hover {color:#5CA9CC;}

.volprice { margin:0 20px;}

/* ------------------------ SRCH PAGE ------------------------ */
#content{ margin: 0 15px;}

.product-item{ margin: 25px 0;}

/* ------------------------ ACAD, ACED, AFAD, AFED AND OCST PAGES ------------------------ */
.logout-link{
margin:12px 0;
float:right;
}
#customer-fields label, #affiliate-fields label{
float:left;
white-space:nowrap;
text-align:right;
padding:2px 5px 3px 0;
display:inline;
clear:both;
}
#affiliate-commissions label, .OSEL .non-editable label{
float:left;
width:120px;
font-weight:bold;
text-align:right;
padding:0 6px 0 0;
display:inline;
}
#customer-fields input.textfield, #affiliate-fields input.textfield, #tax-fields input, #affiliate-commissions div.form-row div, .non-editable div.form-row div{
width:170px;
margin:0 0 4px 0;
}
#affiliate-commissions div.form-row div{
float:left;
}
#customer-fields select, #affiliate-fields select{
width:176px;
margin:0 0 4px 0;
}
#fields-key .italic, #customer-fields .form-row label.italic{
font-style:italic;
}
#fields-key .red{
color:#d90000;
}

#fields-key{
	margin: 0 15px;
}
#login-details, #affiliate-information{
margin:16px 0;
}
#affiliate-commissions .form-row{
margin:0 0 8px 0;
}
#AFAD #affiliate-fields{
width:50%;
margin:0 auto;
}
#AFED #affiliate-fields #affiliate-contact, #AFED #affiliate-fields #affiliate-commissions{
float:left;
width:50%;
}
#affiliate-fields .form-row div.non-editable{
margin:0 0 8px 0;
padding:2px 0 0 0;
}
.save-button, .continue-button{
clear:both;
text-align:right;
padding:24px 0 0 0;
}
.required{
font-weight:bold;
color:#0a85b8;
}
#ship-to h2.fields-heading, #bill-to h2.fields-heading{
background:#ccc;
color:#333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}
.address2-label{
margin:0 0 14px 0;
}
.controls{ 
font:normal .75em Arial, Helvetica, sans-serif;
visibility:hidden;
}
#customer-fields .controls label{
float:none;
}
#ship-to, #bill-to{
width:50%;
float:left;
}
#ship-to h2 input.checkbox, #bill-to h2 input.checkbox{
margin:0;
padding:0;
width:13px;
height:13px;
overflow:hidden;
cursor:pointer;
}
div.invalid input.textfield, div.invalid select, #tax-fields div.invalid input{
border-color:#d90000;
}
div.invalid label{
color:#d90000;
}
#customer-fields.editable .form-row, #affiliate-fields.editable .form-row{
margin:0 0 6px 0;
text-align:left;
}
#customer-fields.non-editable .form-row{
margin:0 0 4px 0; 
text-align:left;
}
#customer-fields.non-editable label, #affiliate-fields.non-editable label{
margin:0 0 0 30px;
padding:0 4px 0 0;
font-weight:bold;
width:110px;
text-align:right;
float:left;
clear:both;
white-space:nowrap;
}
#customer-fields.non-editable .form-row div, #affiliate-fields.non-editable .form-row div{
float:left;
}
#acad-form, #aced-form, #ocst-form{
width:719px;
margin:auto;
padding-bottom:20px;
clear:both;
}
#ocst-form #update-record{
clear:both;
padding:24px 0 0 24px;
}
 #ocst-form #update-record input{
 width:auto;
 margin:0;
 padding:0;
 }
.tax-fields label{
font-weight:bold;
}

/* ------------------------ LOGN, ORDL AND ORHL PAGES ------------------------ */
#logn-left, #logn-right, #orhl-left, #orhl-right{
width:400px;
margin:10px 0 25px;
padding:0 25px;
}
 #logn-left, #orhl-left{
 float:left;
 }
 #logn-right, #orhl-right{
 float:right;
 }
 #logn-left h2, #logn-right h2, #orhl-left h2, #orhl-right h2{
	font:bold 18px Arial, Helvetica, sans-serif;
 }
#ordl-left, #ordl-center, #ordl-right{
margin:10px 0 25px;
padding:0 15px;
text-align:center;
}
 #ordl-left{
 width:250px;
 float:left;
 }
 #ordl-center{
 width:400px;
 float:left;
 }
  #ordl-center .ordl-wrappers{
  border:solid #828282;
  border-width:0 1px;
  }
 #ordl-right{
 width:220px;
 float:right;
 }
 #ordl-left h2, #ordl-center h2, #ordl-right h2{
	font:bold 18px Arial, Helvetica, sans-serif;
 }
.logn-wrappers{
width:350px;
height:250px;
border:1px solid #828282;
background:#dedede;
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
color:#333;
}
.ordl-wrappers{
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
}
.orhl-wrappers{
width:350px;
height:150px;
border:1px solid #828282;
background:#dedede;
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
color:#333;
}
	.logn-wrappers ul{
 margin:10px 20px;
	}
	.logn-wrappers h3{
	font:bold 16px Arial, Helvetica, sans-serif;
 color:#333;
	}
	.logn-wrappers label, .ordl-wrappers label{
 width:90px;
 font-weight:bold;
	}
	.orhl-wrappers label{
 width:115px;
 font-weight:bold;
	}
  .orhl-wrappers input.textfield{
  width:215px;
  }
	.logn-wrappers p, .ordl-wrappers p, .orhl-wrappers p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:0.75em;
	margin:0;
	clear:both;
	}
	.logn-wrappers a#showUN, .ordl-wrappers a#showUN, .logn-wrappers a#showPW, .ordl-wrappers a#showPW, .orhl-wrappers a#showUN, .orhl-wrappers a#showPW{
 color:#2f86af;
	text-decoration:underline;
 outline:none;
	}
	.logn-wrappers a#showUN:hover, .ordl-wrappers a#showUN:hover, .logn-wrappers a#showPW:hover, .ordl-wrappers a#showPW:hover, .orhl-wrappers a#showUN:hover, .orhl-wrappers a#showPW:hover{
 color:#828282;
 text-decoration:none;
 outline:none;
	}
.panelUN, .panelPW{
clear:both;
width:75%;
margin:10px auto;
}
	.panelUN h3, .panelPW h3{
	font:bold 16px Arial, Helvetica, sans-serif;
 color:#333;
	}
	.panelUN label, .panelPW label, .panelUN .input-btn, .panelPW .input-btn{
 font-weight:bold;
	}

/* ------------------------ ALCN PAGE ------------------------ */
#ACLN #hdft-header h1#page-title{
float:left;
}
#ACLN #hdft-header a.button{
float:right;
margin:10px 20px 0;
text-align:center;
}
#ACLN .account-links{
clear:both;
height:150px;
padding-bottom:75px;
}
 #ACLN .account-links ul{
 list-style:none;
 margin:0 auto;
 width:400px; /* ADD 200PX FOR EACH ADDITIONAL ICON PAST 2 */
 }
  #ACLN .account-links li{
  float:left;
  list-style:none;
  padding:10px 30px;
  margin:0;
  }
   #ACLN .account-links li a{
   display:block;
   height:128px;
   width:128px;
   }
    #ACLN .account-links li a.edit-account{
    background:url(../images/icons/account_edit.png) no-repeat;
    }
    #ACLN .account-links li a.order-history{
    background:url(../images/icons/order_history.png) no-repeat;
    }
    #ACLN .account-links li a.wish-list{
    background:url(../images/icons/wish_list.png) no-repeat;
    }

/* ------------------------ BASK, OCST, OSEL AND OPAY PAGES ------------------------ */
.basket{
width:100%;
border:none;
clear:both;
}
	.basket td{
 padding:5px;
 }
	.basket #basket-header-row{
 vertical-align:middle;
 background:#d3d3d3;
 color:#000;
 text-align:center;
 }
 	.basket #basket-header-row td.prod{
  text-align:left;
  }
 .basket #basket-prod-row{
 vertical-align:top;
 }
 	.basket #basket-prod-row td.prod{
  width:100%;
  }
   .basket #basket-prod-row td.prod a{
   color:#2f86af;
   text-decoration:none;
   }
   .basket #basket-prod-row td.prod a:hover{
   color:#000;
   }
 	.basket #basket-prod-row td input.quantity{
  text-align:center;
  width:35px;
  }
 	.basket #basket-prod-row p{
  margin:0.3em 0;
  }
  .basket #basket-prod-row img{
  display:block;
  margin:0 auto;
  max-width:100px;
  max-height:100px;
  }
   * html .basket #basket-prod-row img{ 
   width:expression( this.scrollWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */
   max-width:100px; /* sets max-width value for all standards-compliant browsers */
   height:expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
   max-height:100px; /* sets max-width value for all standards-compliant browsers */
   }
  .basket #basket-prod-row input.remove{
  width:16px;
  height:16px;
  border:none;
  outline:none;
  }
   .basket #basket-prod-row input.removebtn{
  width:18px;
  height:18px;
  border:none;
  outline:none;
  cursor:pointer; text-indent:-900000px;
  background:url(../images/btn_remove.gif) no-repeat 0px center;
   }
  
 .basket #basket-update-row{
 vertical-align:middle;
 background:#efefef;
 }
  .basket #basket-update-row .continue-shopping{
  }
  .basket #basket-update-row .update-cart{
  }
 .basket #basket-bottom-row{
 border-bottom:3px solid #d3d3d3;
 padding:0;
 height:0px;
 font-size:0px;
 }
#shipping-coupons{
width:45%;
float:left;
padding:15px 5px;
}
 #shipping-coupons table{
 border:none;
 }
 #shipping-coupons table.results{
 padding:10px 5px 0;
 margin-bottom:10px;
 border:1px solid #828282;
 background:#efefef;
 }
  #shipping-coupons table.results tr.shipto{
  background:#828282;
  color:#fff;
  }
  #shipping-coupons table.results tr.shipmethod{
  background:#aaa;
  color:#fff;
  }
   #shipping-coupons table.results td{
   padding:5px;
   }
 #shipping-coupons table form input{
 width:auto;
 }
#totals{
float:right;
text-align:right;
margin:15px 5px;
}
	#totals div{
 padding:10px 5px 0;
 margin-bottom:10px;
 border:1px solid #828282;
 background:#efefef;
 }
  #totals div .charges{
  font-size:14px;
  }
  #totals div .total{
  font-size:16px;
  }
#checkout-headers{
	border:1px solid #e9e9e9;
	background:#f6f6f6;
	margin:0 0 20px;
	padding:5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ccc;
}
	#checkout-headers .secure, #checkout-headers .ocst, #checkout-headers .osel, #checkout-headers .opay{
 float:left;
 display:inline;
 padding:5px 6px;
 margin:0 5px;
 text-transform:uppercase;
 }
	#checkout-headers .secure{
 background:url(../images/icons/lock.png) no-repeat 0px center;
 padding-left: 25px;
 color:#828282;
 width:113px;
 height:24px;
 }
	#checkout-headers .id-page{
 background:#828282;
 color:#fff;
 margin:0 0 0 5px;
 }
	#checkout-headers .id-arrow{
 float:left;
 display:inline;
 font-size:0px;
 line-height:0%;
 width:0px;
 border-top:12px solid #f6f6f6;
 border-left:16px solid #828282;
 border-bottom:12px solid #f6f6f6;
 margin-right:5px;
	}
#redemption-center{
margin-bottom:30px;
}
 #redemption-center h2{
 font:bold 16px Arial, Helvetica, sans-serif;
 border-bottom:1px solid #ccc;
 padding-bottom:3px;
 }
 #redemption-center form, #redemption-center br{
 float:left;
 }
  #coupon-form p, #giftcert-form p{
  margin-top:10px;
  }
 #redemption-center form{
 float:left;
 padding-right:25px;
 }
#OSEL .basket{
width:719px;
margin:auto;
}
#OSEL #shipping .form-row, #OSEL #payment .form-row, #OPAY #payment-fields .form-row{
margin:0 0 20px;
}
#OSEL #shipping label, #OSEL #payment label{
float:left;
width:65px;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0; 
font:bold 14px Arial, Helvetica, sans-serif;
}
#OSEL #shipping, #OSEL #payment{
float:left;
padding-right:25px;
}
#OSEL .error-message{
float:left;
display:none;
}
 #OSEL .error-message p.error{
 margin:5px 0;
 }
 .payment-icons, shipping-icons{
 text-align:left;
 }
  .payment-icons img, .shipping-icons img{
  margin:5px 2px 0;
  }
#osel-form, #opay-form{
width:700px;
margin:auto;
padding-bottom:20px;
clear:both;
}
 #osel-form h2, #opay-form h2{
 font:bold 16px Arial, Helvetica, sans-serif;
 border-bottom:1px solid #ccc;
 padding-bottom:3px;
 margin:0 0 10px;
 }
#OPAY #payment-fields label{
float:left;
width:auto;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0; 
font:bold 12px Arial, Helvetica, sans-serif;
}
 #OPAY #payment-fields input{
 width:225px;
 }

div.order-id, div.order-date{
	margin:0 15px;
}
/* ------------------------ ORDH AND ORDS PAGES ------------------------ */
#orderhistory-list, #order-contents, #ORDS #customer-fields{
padding:20px;
}
#orderhistory-list table{
border-collapse:collapse;
width:100%;
margin-bottom:100px;
}
#order-contents table{
width:100%;
}
#orderhistory-list table tr.alt-row{
background:#efefef;
}
#order-contents table td, #orderhistory-list table td{ 
vertical-align:top;
padding:3px;
}
#orderhistory-list .order-reorder{
text-align:center;
}
#orderhistory-list .order-invoice{
}
#orderhistory-list .order-description{
text-align:left;
}
#orderhistory-list .order-date{
}
#orderhistory-list .order-purchased{
text-align:center;
}
#orderhistory-list .order-quantity{
text-align:center;
}
#orderhistory-list .order-status{
text-align:center;
}
#orderhistory-list .order-tracking{
text-align:left;
}
#orderhistory-list .order-total{
text-align:right;
}
#orderhistory-list .order-price{
text-align:right;
}
#orderhistory-list .order-view{ 
vertical-align:middle;
padding:0 8px;
}
#orderhistory-list tr.heading td{ 
font-weight:bold;
white-space:nowrap;
}
#order-contents table tr td.order-reorder{
text-align:center;
vertical-align:middle;
}
#order-contents table tr td.order-invoice{
}
#order-contents table tr td.order-description{
text-align:left;
}
#order-contents table tr td.order-date{
text-align:left;
}
#order-contents table tr td.order-purchased{
text-align:center;
}
#order-contents table tr td.order-quantity{
text-align:center;
}
#order-contents table tr td.order-status{
text-align:left;
}
#order-contents table tr td.order-tracking{
text-align:left;
}
#order-contents table tr td.order-total{
text-align:right;
}
#order-contents table tr td.order-price{
text-align:right;
}
#order-contents table tr td.charge-description, #order-contents table tr td.charge-fee{
font-style:italic;
text-align:right;
}
#order-contents table tr td.charge-fee{
text-align:right;
}
#order-contents table tr td.formatted-total, #order-contents table tr td.total-prompt{
text-align:right;
font-weight:bold;
}