@charset "UTF-8";
/* CSS Document */
/* Rebecca Esler */
/* 06/05/08 */

body{
  margin:0;
  padding:0;
  background-color: #b4aeac;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;
}

p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;
color: #666666;}

.spacer10{height: 1em;}
.spacer30{height: 3em;}
/*-----centres site-----*/
#frame{
  margin:0 auto 65px auto;
  padding:0;
  width:770px;
}

/*-----top banner (logo)-----*/
#top{
  background: url(../images/top.jpg) no-repeat top left;
  margin:0;
  padding:0;
  width:770px;
  height:78px;
  font: 10px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#top ul{
  margin:0px;
  padding:47px 0 0 268px;
  text-align:left;}

#top li{
  display:inline;
  margin: 0;
  padding:1px 28px 0 12px;
  list-style:none;
  background: url(../images/EMBulletWT.jpg) no-repeat top right;}

#top a:visited, #top a:link{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#6c6b70;}

#top a:hover{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#c1d72c;}

#top li.end{
background: url(../images/spacer.gif) no-repeat top right;
padding:0 0px 0 12px;}

/*-----header image-----*/
#header{
  background: url(../images/BannerTP.jpg) no-repeat top left;
  margin:0;
  padding:0;
  width:770px;
  height:172px;
}

.clearboth { clear:both;}
/*-----navigation bar-----*/
#nav{
  background: url(../images/BannerGY.jpg) no-repeat top left;
  margin:0;
  padding:2px 0 0 0;
  width:770px;
  height:28px;
  font: 10px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#nav ul{
  margin:8px 11px 0 0px;
  padding:0;
  text-align:center;}

#nav li{
  display:inline;
  margin: 0;
  padding:1px 25px 0 12px;
  list-style:none;
  background: url(../images/EMBullet.jpg) no-repeat top right;}

#nav a:visited, #nav a:link{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#ffffff;}

#nav a:hover{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#c1d72c;}

#nav li.end{
background: url(../images/spacer.gif) no-repeat top right;
padding:0 0px 0 12px;}

/*-----content area (green strip repeating)-----*/
#content{
  /*background: url(../images/content.gif) repeat-y top left;*/
  float:right;
  background-color:#FFFFFF;
  width:770px;
  margin:0;
  padding:0 0 50px 0;
}

/*page header*/
#top1{
  color:#7c7a74;
  font: 13px/15px Arial, Helvetica, sans-serif;
  text-align:left;
  margin:10px 0 0 10px;
  }

#top1 h1{
  margin:20px 0 0 0 0;
  padding:0;
  font:16px Arial, Helvetica, sans-serif;
  color:#c1d72c;
  font-weight:bold;
}

/*-----left navigation-----*/
#left{
  float:right;
  display:inline;
  width:142px;
  margin:10px 0 0 0;
  padding:10px 7px 25px 6px;
  color:#333333;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
  font-weight:bold;
}

#left ul{
  margin:0;
  padding:0 13px 0 7px;
}

#left li{
  background: url(/store/images/grey_icon.jpg) no-repeat top left;
  margin: 0;
  padding: 0 0 9px 15px;
  list-style:none;
}

#left a:link, #left a:visited{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#7c7a74;
}

#left a:hover{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#000000;
}

#left img{
  border:0;
}

#left table{
  margin:0;
  padding:0;
}

.text{
  width:125px;
  margin:0;
  padding:2px;
  color:#7c7a74;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #7c7a74;
}


.quantity{
  width:35px;
  margin:0;
  padding:2px;
  color:#7c7a74;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #7c7a74;
}

.text1{
  width:25px;
  margin:0;
  padding:2px;
  color:#7c7a74;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #7c7a74;
}

#right p.space{
padding:3px 0;
}

/*-----left side (login for cart)-----*/
#left td.login ul{
  margin:0;
  padding:2px 0;
}

#left td.login li{
  margin: 0;
  padding: 0px 0 2px 0;
  list-style:none;
  background:0;
}

#left td.login a:link, #left td.login a:visited{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#ffffff;
}

#left td.login a:hover{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#000000;
}

/*-----right side (content)-----*/
#right{
  float:left;
  display:inline;
  width:594px;
  margin:0;
  padding:10px 11px 0 10px;
/*  color:#7c7a74;
  font: 13px/15px Arial, Helvetica, sans-serif;*/
  text-align:left;
  background-color:#FFFFFF;
}

#right p{
  margin:0;
  padding:16px 0 0 0;
}


#right h1{
  margin:0;
  padding:0;
  font:16px Arial, Helvetica, sans-serif;
  color:#c1d72c;
  font-weight:bold;
}

#right h2{
  margin:0;
  padding:0;
  font:14px Arial, Helvetica, sans-serif;
  color:#7c7a74;
  font-weight:bold;
}

#right h3{
  margin:0;
  padding:0;
  font:14px Arial, Helvetica, sans-serif;
  color:#7c7a74;
  font-weight:bold;
}

#right a:link, #right a:visited{
  margin:0;
  padding:0;;
  text-decoration: underline;
  color:#7c7a74;
}

#right a:hover{
  margin:10px 0;
  padding:0;
  text-decoration: underline;
  color:#000000;
}

#right img{
  border:0;
}

#right ol{
margin:5px 0 0 5px;
padding:0;}

#right ul{
  margin:5px 0 0 0;
  padding:0;
}

#right li{
  margin:0 0 0 20px;
  padding:2px 0;
}

#right select{
  margin:0;
  padding:2px;
  color:#7c7a74;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #7c7a74;
}

/*-----breadcrumb menu-----*/
#horMenu{
  float:right;
  width:589px;
  margin:0 0 9px 0;
  padding:0px;
  color:#7c7a74;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
}

#horMenu ul{
  float:right;
  margin:0;
  padding:0;
}

#horMenu li{
  display:inline;
  list-style:none;
  margin: 0;
  padding: 0 11px 0 7px;
  background: url(../images/divider.jpg) no-repeat top right;
}

#horMenu a:link, #horMenu a:visited{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#7c7a74;
}

#horMenu a:hover{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#000000;
}

#horMenu li.end{
  background: url(../images/spacer.jpg) no-repeat top right;
  padding: 0 0 0 7px;
}

/*-----footer image-----*/
#footer{
  background: url(../images/BannerBTM.jpg) no-repeat top left;
  margin:0;
  padding:0;
  width:770px;
  height:67px;
}

/*-----footer links-----*/
#links{
  float:left;
  width:589px;
  margin: 12px 0 0 0;
  padding:0px;
  color:#000000;
  font: 10px Arial, Helvetica, sans-serif;
  text-align:left;
}

#links ul{
  float:left;
  margin:0;
  padding:0;
}

#links li{
  display:inline;
  list-style:none;
  margin: 0;
  padding: 0 12px 0 8px;
  background: url(../images/divider_black.jpg) no-repeat top right;
}

#links a:link, #links a:visited{
  margin:0;
  padding:0;
  text-decoration:none;
  color:#000000;
}

#links a:hover{
margin:0;
padding:0;
text-decoration: underline;
color:#000000;
}

#links li.end{
  padding: 0 10px 0 0;
}







/* ------------Step 2: Confirming order details-------------- */
#right table.order-details{
margin: 0px;
padding:0;
width: 100%;
font: 11px Arial, Helvetica, sans-serif;
  color:#333333;}

#right table.order-details td {
  background-color:#efefef;
  vertical-align:top;
  margin:0px;
  padding:5px;}

table.order-details thead th {
  font-weight: bold;
  height:20px;
  background-color:#e6e6e6;
  text-align: left;
  padding: 5px;}

table.order-details td.price {
  text-align: left;}

table.order-details td.qty {
  text-align: left;}

table.order-details tfoot td {
  border-top-color: black;}

#right table.order-list{
width:60%;}



/* ------------Step 3: Paying by direct credit or postal or fax-------------- */
table.fax-order {
  margin: 1ex 8px 2ex 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;}

table.fax-order table.order-details {
  margin: 0px;
  width: 100%;}

table.fax-order td {
  /*border-top: 1px solid #C7C9CA;*/
  vertical-align: top;}

table.fax-order th {
  border-width: 1px 0px;
  font-weight: bold;
  /*test-transform: uppercase;*/}

table.payment-method {
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;}

table.payment-method td {
  line-height: 2.5em;}

.print-only {
  display: none;}

/* ------------Invoice-------------- */
table.invoice {
  margin: 0px;
  padding:0;
  width: 70%;
  font: 11px Arial, Helvetica, sans-serif;
  color:#333333;}

table.invoice table.invoice {
  margin: 0px;
  width: 100%;}

table.invoice td {
  /*border-top: 1px solid #C7C9CA;*/
  vertical-align:top;
  margin:0px;
  padding:5px;}

table.invoice table.invoice td {
  /*border-top: 1px solid #C7C9CA;*/
  background-color:#efefef;
  vertical-align:top;
  margin:0px;
  padding:5px;}

table.invoice table.order-details {
  margin: 0px;
  font:11px Arial, Helvetica, sans-serif;
  color:#000000;
  width: 100%;}

table.invoice table.order-details h4 {
  margin: 0px;
  font:12px Arial, Helvetica, sans-serif;
  color:#0c4986;
  width: 100%;}


table.invoice table.invoice th {
  font-weight: bold;
  height:20px;
  background-color:#e6e6e6;
  text-align: left;
  padding: 5px;
  /*test-transform: uppercase;*/}




/* ------------List or products ordered-------------- */
table.order-list {
  margin: 0px;
  padding:0;
  width: 100%;
  font: 11px Arial, Helvetica, sans-serif;
  color:#333333;}

table.order-list td {
  background-color:#efefef;
  vertical-align:top;
  margin:0px;
  padding:5px;}

table.order-list th {
  font-weight: bold;
  height:20px;
  background-color:#e6e6e6;
  text-align: left;
  padding: 5px;}
/*
table.metric .metric {
  display: inline;}

table.metric .imperial {
  display: none;}

table.imperial .metric {
  display: none;}

table.imperial .imperial {
  display: inline;}
  */
.featured-products{
  font-size:11px;}

#featured-products td{
  padding:5px;}

#featured-products td table{
  border: 1px solid #7c7a74;
  padding:5px;}

#right #featured-products table.featured-products h4 a:link, #right #featured-products table.featured-products h4 a:visited{
  margin:0;
  padding:0;
  font:12px Arial, Helvetica, sans-serif;
  color:#c1d72c;
  font-weight:bold;
  text-decoration:none;
  }

#right #featured-products table.featured-products h4 a:hover{
  margin:0;
  padding:0;
  font:12px Arial, Helvetica, sans-serif;
  color:#7c7a74;
  font-weight:bold;
  text-decoration:none;
  height:50px;}

#cart_s {
  z-index: 10;
  padding:5px;

  width:132px;
  font: 10px Arial, Helvetica, sans-serif;
  background-color: #e3e3e3;
  background-image:url(../images/login.jpg);
  background-position:center top;
  background-repeat:no-repeat;
}

#s_t{ width: 100%; font-size:1.3em; font-weight:bold; margin: 15px 0 15px 0 ; text-align:center;}
/*#mycart {
background-color:#B4AEAC;


margin:0;
padding:35px 5px 10px;
width:132px;
}*/

#ca_left{width:430px; float:left}
#back_page{clear: both}
.a1, .a2, .a3, a4{margin:3px; padding-left:3px; line-height:16px; float:left}
.a1{width:150px; text-align:right; padding-right:6px; clear:left}
.a3{width:200px;}
.a4{width:200px; padding-top:5px;}

#next_postal{margin-left:250px; margin-top:15px; margin-bottom:20px; clear:both}
#qmark{ padding:3px; margin-left:200px}

/* Order process form wrapper */
#postal_form {width:586px; border:1px solid #CCC;}
#postal_form .container {padding:30px; width: 100%; }

#progress.step1 {background-image: url(../images/payment_sprite.png); background-position: 0px  3px; width:590px;padding:5px;margin:0px;height: 20px;}
#progress.step2 {background-image: url(../images/payment_sprite.png); background-position: 0px -32px; width:590px;padding:5px;margin:0px;height: 20px;}
#progress.step3 {background-image: url(../images/payment_sprite.png); background-position: 0px -67px; width:590px;padding:5px;margin:0px;height: 20px;}
#progress.step4 {background-image: url(../images/payment_sprite.png); background-position: 0px -102px; width:590px;padding:5px;margin:0px;height: 20px;}

 .step { text-align:center; width:137px; padding:5px; margin: 0 ; float :left; color:#FFFFFF;font-size:13px; font-weight:bold;}



#postal_form select{width:150px; border-color:#BABABA}
#phint{text-align:left; margin-left:150px; width:330px;}
.hint{width:295px; overflow-x:hidden;font-size:10px;}
.hint>li{clear:left; width:300px; min-height:22px;list-style-type:none;}
.hint>li:hover{cursor:pointer; background-color:#b4aeac;}
.hc1{width:50px; float:left;  padding-left:3px;  overflow:hidden;}
.hc2{float:left; width:150px; padding-left:3px; overflow:hidden}
.hc3{float:left; width:40px; padding-left:3px; overflow:hidden}
.c3{width:35px; padding: 1px; float:right}
.c2{width:5px; padding: 1px; float:right}
.c1{width:75px; padding: 1px; float:right}

#update_cart_form{border-top:1px dashed #ccc; overflow: auto; width:100%;}
#cart{border-bottom:1px dashed #ccc;}
#cart{font: 10px Arial, Helvetica, sans-serif;}
#cst{margin-left:440px; width:100px; margin-top:15px; text-align:right; font-weight:bold}
.freight{margin-left:440px; width:100px; text-align:right; font-weight:bold}

#cc_form{border-top:1px dashed #ccc; padding-top:10px;}
.dcb{margin-left:120px;}
#placeOrderButton{margin-left:120px; margin-top:30px}

.p_list{margin:0 0 auto 0; line-height:28px; float:left;}
.t1{padding-left:10px; width:495px; float: left; color:#273A62}
.t2{padding-left:10px; width:120px; float:left; color:#273A62 }
.p1{padding-left:10px; padding-top:10px; width:495px; float:left; }
.p2{padding-left:10px; padding-top:10px; width:120px; float:left; }

.ct2, .ct3, .ct33, .ct4, .ct5{float:left; padding-left:3px; margin:3px; width:80px;overflow:hidden}
.ct1 {float:left; width:130px; padding-left:3px; margin:3px; overflow:hidden; clear:left}
.cart_title{font-weight:bold; font-weight:bold; height:20px; margin:2px; padding:2px}
.receipt{ margin-left:00px; width:300px; padding:5px;}
#checkout_button{float:right; margin-top:15px; margin-bottom:20px}
#cshopping a {float:right; font-size:11px; color:blue; text-decoration:none; margin:10px 0 10px 0 ; }
#cshopping:visited {color:red; margin:10px 0 10px 0 ; }
#hr2{clear:both}
.stock{font-weight:bold; color:red; clear:both}



.box-line { border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
}
.cart-button {  background-color: #c1d72c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
}
.cart-button-s {  background-color: #c1d72c;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:11px;
  color: #FFFFFF;
}
.info-list {  font-size: 10px;
  color: #666666;
}
.info-title { color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.screw-type {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
.specs {  color: #666666;
  font-size: 11px;
}
.stock-warning {  color: #990000;
  text-transform: uppercase;
}
.wattage {color: #333333; font-weight: bold; }

.plbl{border-bottom: 1px dashed #ccc;}

.des{color:#333333;}

#loading {
padding: 15px;
text-align: center;
display: none;
width: 400px;
margin-left: -200px;
top: 0;
left: 50%;
position: fixed;
background: #ffffff;
opacity: 0.85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* oh joy for IE */
  filter: alpha(opacity=85);          /* dear IE, why must you be so difficult?  */
}
#tosPopUp {
background: #fff;
color: #333;
padding: 10px;
width: 800px;

top: 50%;
left: 50%;
margin: -200px 0 0 -400px;
z-index: 55;
position: fixed;
}
#tosPopUp h2 { color: #000; margin: 5px 0;}
#tosPopUp h3 { font-size: 12px; margin: 3px 0;}
#tosOverlay {
background: #222;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 22;
opacity: 0.85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* oh joy for IE */
  filter: alpha(opacity=85);          /* dear IE, why must you be so difficult?  */
}