/*CSS reset*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;height: auto;width:990px;border: 0px;margin: 0px  auto;background-color: #fff;	color:#333;	background-image: url(images/bj.gif);background-repeat: repeat-x;background-position: center 90px;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{ padding: 0; margin: 0;}    
img { border: 0;}    
ul{list-style: none;}    
h1,h2,h3,h4,h5,h6,em{font-weight: normal; font-style:normal; font-size: 100%;}    
i{ font-style:italic; color:#069;}  
a{padding:0px; margin: 0px; color: #333;  text-decoration: none;}
a:hover {color: #f60; text-decoration:underline;}

/*CSS font*/
.bluefont{color:#036; font-size:11px;}
.bluefont2{color:#036; font-size:11px; font-weight:bold;}
.redfont1{color:#CB0101; font-size: 24px; font-weight: bold; }
.redfont2{color:#CC0000; font-size: 12px; font-weight: bold;}
.redfont3{ color:#FD0100; font-size:14px;}
.redfont4{ color:#FD0100; font-size:14px;   font-weight:bold;}
.redfont5{color:#CC0000; font-size: 11px;}
.orangefont{color:#F60; font-size: 14px; font-weight: bold;}
.greenfont{color:#4F8513; font-size: 14px;font-weight: bold;}
.greyfont1{color:#999;}
.brownfont{color:#874604;text-decoration: line-through;font-size: 12px} 

/*CSS header*/
#header{ width:990px; padding-top:8px; background:url(images/topbj.gif) no-repeat;}
.top{ float:right; padding:0 4px 0 12px; width:364px; }
/*.top strong{ width:110px; height:20px; display:block; background:url(images/tel.gif) no-repeat; float:right; margin:16px 0 0 0;}*/
.top img{ float:right; margin:14px 12px 0 0;}
.top a{ padding:0 4px; color:#2A79A4;}
.top a:hover{ color:#f60;}
.car{ background:url(images/car.gif) no-repeat; padding-left:16px;color:#C00; font-size: 12px; font-weight: bold;}
.topad{ margin:16px 0 0 24px; float:left;}
.logo{ margin:16px 0 0 3px; float:left;}

/* ++++++++ CSS nav - Menu Tabnav start ++++++++++*/
.tabnav { width:990px; margin-top:14px; text-align:center; height:25px;  float:left;}
.tabnav ul{float:right;}
.tabnav li{display:inline;height:25px;}
.tabnav a{float:left; background:url(images/t-1.gif) no-repeat left top; padding:0 0 0 4px; text-decoration:none; font-size:13px; color:#FFF; font-weight:bold; }
.tabnav a strong{float:left; display:block; background:url(images/t-2.gif) no-repeat right top; padding:5px 10px 4px 6px; font-size:13px; color:#fff; font-weight:bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabnav a strong{float:none;}
/* End IE5-Mac hack */   
.tabnav a:hover {background-position:0% -25px; text-decoration:none;}
.tabnav a:hover strong{background-position:100% -25px;} /* the -25px is height of the image*/

.home a{background:url(images/t-3.gif) no-repeat;  height:16px; width:58px; padding:5px 0px 4px 1px;}
.home a:hover{background:url(images/t-3.gif) no-repeat; color:#ff0;}
.special a{ background:url(images/specials.gif) no-repeat; padding:18px 0 0 14px;height:21px; width:90px; margin-top:-14px; position:relative; text-align:left;}
.special a:hover{ background:url(images/specials.gif) no-repeat;color:#ff0;}
/* ++++++++ CSS nav - Menu Tabnav end ++++++++++*/

.search{ width:990px; height:45px; margin-top:3px; float:left;}
.search label{font-size:13px; font-weight:bold; color:#333;}
.search form {float:left; clear:both; margin:6px 0px 0px 20px; padding:0 0 0 10px;}
.go{background:url(images/search.gif) no-repeat; margin:0 10px 0 4px;; width:56px; height:23px; border:0;}
.form1{  font-size:12px; width:220px; height:18px;border-bottom:#e0e0e0 solid 1px; border-top:#7f7f7f solid 1px; border-left:#7f7f7f solid 1px; border-right:#e0e0e0 solid 1px;margin-top:5px;}
.bookmark{ float:left; margin:14px 0 0 30px;}


/*CSS main*/
#main{ width:990px; overflow:hidden; margin-top:10px;float:left;}

/*CSS left*/
.left{width:186px;float:left;}
.categories{width:186px;}
h2{font-weight:bold; font-size:13px; line-height:27px;background:url(images/left1.gif) no-repeat; padding-left:10px;color:#fff;}
.categories dl{border-left:1px solid #005497; border-right:1px solid #005497;}
.categories dt{line-height:21px; background-color:#F5FAFE;border-bottom:1px solid #E2EBF2; padding:0 6px 0 10px; font-weight:bold;}
.categories dt a{ color:#036;}
.categories dt a:hover{ color:#f60;}
.categories dd{ background:url(images/d1.gif) 10px 8px no-repeat;line-height:16px;  padding:4px 6px 4px 20px;}
.categories p b{ display:block; width:186px; height:7px; background:url(images/left1down.gif) no-repeat;}
.categories p strong{ display:block; width:186px; height:7px; background:url(images/left1down.gif) no-repeat;}

.hot{ width:186px; margin-top:10px; _margin-top:0px;}
h3{ background:url(images/left2.gif) no-repeat; line-height:30px;font-weight:bold; font-size:13px;padding-left:10px;color:#CB0101;}
.hot ul{border-left:1px solid #cacaca; border-right:1px solid #cacaca; padding:6px;_padding:0 6px;}
.hot li{background:url(images/d2.gif) 0 10px no-repeat;padding:5px 0 5px 12px;line-height:18px;  border-bottom:1px dashed #ddd;}
.hot li a{ }
.hot p b{ display:block; width:186px; height:5px; background:url(images/left2down.gif) no-repeat;}
.hot p strong{ display:block; width:186px; height:5px; background:url(images/left2down.gif) no-repeat;}
.contact{ margin-top:10px; float:left;_margin-top:0px;}

/*CSS  right*/
.right{ width:794px; float:right;}
h4{ padding-left:8px;color:#999; font-weight:bold; padding-bottom:6px;}
h4 a{ color:#999;}

.products{ width:792px; border:1px solid #cdcdcd; float:left;}
.banner3{ padding:1px; border-bottom:1px solid #cdcdcd;}
.pic{ text-align:center; width:260px;float:left; padding:2px 0;}
.pic b{ float:right;}
.pic span img{ width:240px; height:220px;}
.pic img{ padding:3px 0;}

.shopping{ width:325px; _width:315px; float:left; padding:6px 0 6px 16px;}
.shopping li{ width:325px;_width:315px; float:left; margin-top:6px;}
h1{ font-size:18px; font-weight:bold; height:80px;}
h1 strong{ font-size:14px; }
.info{ float:left; margin:10px 0 0 10px; width:310px; font-size:11px; height:60px;}
.info a{color:#00349A; background:url(images/d3.gif) 0 3px no-repeat; padding-left:12px; font-family:Verdana, Arial; display:block; width:108px; float:left; text-decoration:underline;}
.info a:hover{ color:#f60;}
.info b{ color:#333; padding-right:6px; height:40px; float:left;}

.cart{height:40px; padding:2px 4px; font-size:11px;}
.cart input{ vertical-align:middle;}
.pa a{ padding:0 8px;color:#2980C5;font-size:11px;}
.pa a:hover{ color:#f60;}

.av{ font-size:13px;}
.avlist{ padding-left:20px;}
.avlist p{ background:url(images/d4.gif) 0px 2px no-repeat; padding:2px 0 2px 15px; font-size:11px;}

.relate{ width:180px; float:right; border-left:1px solid #cdcdcd; overflow:hidden; padding-bottom:20px;}
.rt{margin-top:8px; padding:5px 0 5px 23px; font-size:14px; background:url(images/d5.gif) 7px 6px no-repeat; color:#f90; border-bottom:2px solid #F2F2F2;} 
.relate li{border-bottom:1px dashed #CCCCCC;}
.relate li p{margin:5px 0; font-size:12px; padding:2px 0 2px 18px; background:url(images/d2.gif) 5px 6px no-repeat; float:left;}
.relate li span{width:164px; margin-left:8px;  padding-bottom:3px; display:block;}
.relate li img{ width:100px; height:80px; margin-left:10px;}
.relate a{ color:#025F97; display:block; width:164px; }
.relate a:hover{text-decoration:underline; color:#f60;}
/*products end*/

.capacity{ float:left; width:794px; margin-top:10px;}
h5{ font-weight:bold; font-size:13px; color:#1E93E2; border-bottom:1px solid #1E93E2; line-height:24px;}
.capacity li{ border-bottom:1px dashed #ddd; padding:4px 0; float:left; width:792px;}
.capacity img{width:100px; height:80px; margin:0 3px; }
.capacity p{float:left;}
.ctext{ width:420px; color:#999; padding-top:10px;}
.ctext span{font-weight:bold; font-size:14px; line-height:22px; color:#333;}
.cbuy{ margin:0 10px;width:110px; line-height:22px; padding-top:10px;}

.bundles{ width:300px; float:left; margin-top:10px;}
.bundles input{ vertical-align:middle;}
.bundles p{ font-weight:bold; padding:10px 4px;font-size:14px;}
.bundles img{ float:left; padding:0 3px;width:100px; height:80px;}
.bundles ul{ border:8px solid #eee; margin-left:8px; padding:6px; float:left;}
.bundles li{ width:264px;  float:left;}
.b1{ text-align:right; color:#f40;}
.b2 a{color:#025F97; text-decoration:underline;}
.b2 a:hover{color:#f60;}
.b3{text-align:right;line-height:22px;}

.decription{ float:right; width:480px; margin-top:10px;}
h6{ font-weight:bold; padding:10px 4px; font-size:14px;}
.decription p{ margin-left:4px;}
.decription ul{ line-height:14px; margin:6px 0;}
.decription li{ font-size:11px; margin-left:12px;padding-left:12px; background:url(images/d6.gif) 0 4px no-repeat;}

.fits{ width:794px; margin-top:20px; float:left;}
.fits a:hover {color: #f60; text-decoration:underline;}
.ft{ background-color:#EEEFF1; border:1px solid #ccc; line-height:24px; padding-left:12px; font-size:13px; color:#B4212B; font-weight:bold;}
.ft span{color:#666;font-weight:normal;}

.fm{ width:780px; padding:0 6px; float:left;}
.fm b{color:#BE9D67; font-size:13px; line-height:36px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.fm a{ color:#039; text-decoration:underline;}
.fm li{display:block; float:left; width:120px; padding:3px 4px; font-size:11px;}

.fc{ float:left; width:384px; margin:0 5px;}
.fc b{font-size:13px; line-height:36px;}
.fc a{ color:#039; text-decoration:underline;}
.fc li{display:block; float:left; width:174px; padding:4px 6px; font-size:11px;}

.support{width:794px; margin-top:10px; float:left;}
.st{background-color:#EEEFF1; border:1px solid #ccc; line-height:24px; padding-left:12px; font-size:13px; color:#B4212B; font-weight:bold; float:left; width:780px;margin-top:20px;}
.support a{ text-decoration:underline;color:#336596; }
.support a:hover{ color:#f60;}
.text1{line-height:16px; padding:8px; width:776px;}
.text1 b{ line-height:28px; display:block; padding-top:6px;}
.support ul{ margin:0 0 8px 20px;}
.support li{ background:url(images/d6.gif) 0 7px no-repeat; padding-left:12px; line-height:18px; width:700px; margin:4px 0;}


/*CSS footer*/
#footer{ width:990px; margin-top:20px; }
.foot{width:920px; color:#666; border-bottom:1px solid #333;border-top:1px solid #333; padding:8px 0 14px 70px; float:left;}
.foot li{ width:190px; float:left; padding:0 10px;}
.foot li span{ font-weight:bold; line-height:24px; color:#336596; }
.bp2{font-size:11px; background:url(images/rss2.gif) no-repeat; padding-left:20px; margin:5px 0}
.bp3{font-size:11px; background:url(images/pdf.gif) no-repeat; padding-left:20px; line-height:18px;}
.bp2 a{ text-decoration:underline;color:#000096;}
.bp3 a{ text-decoration:underline;color:#000096;}
.fli p{ padding-left:8px; line-height:14px; background:url(images/d7.gif) 0 7px no-repeat;line-height:16px;}
.fli a{  display:block; padding-left:8px; line-height:14px;background:url(images/d7.gif) 0 7px no-repeat;line-height:16px;}

.copyright{font-size:11px; margin:8px 0; color:#333; padding:0 60px; width:870px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; line-height:16px;}
.copyright a{ text-decoration:underline;color:#336596; }
.copyright a:hover{ color:#f60;}
.copyright span{ color:#666;}
.copyright img{ margin-top:8px;}
.clear{ clear:both;}
