/*css reset*/
body{font-family:arial, helvetica, sans-serif; font-size:12px; height: auto; width:984px; border: 0px; margin: 0px  auto; background-color: #fff; color:#333;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{ padding: 0; margin: 0;}    
img { border: 0;}    
ol,ul{list-style: none;}    
h1,h2,h3,h4,h5,h6,em{font-weight: normal; font-style:normal; font-size: 100%;}    
  
a{padding:0px; margin: 0px; color: #333;  text-decoration: none;}
a:hover {color: #f60; text-decoration:underline;}

/*css font*/
.backfont{ color:#333; background-color:#fe3;}
.bluefont{font-weight: bold;color:#00679A;padding-right:12px;}
.redfont{color:#cb0101; font-size: 22px; font-weight: bold;}
.redfont1{color:#800;  font-size:13px; font-weight: bold;  padding:8px 0 4px 0; float:left; width:440px;}
.redfont2{color:#cc0000; font-size: 12px; font-weight: bold;}
.greenfont{color:#4f8513; font-size: 12px;font-weight: bold;}
.orangefont{color:#f60; font-size: 14px; font-weight: bold;}

h1{ font-size:18px; font-weight:bold; color:#333;  padding:10px 0; float:left;}
h2{ padding-left:10px; color:#333;line-height:27px; background:url(images/h2.jpg) right no-repeat; background-color:#ECECEC; width:782px; float:left;}
h2 a{ color:#333;}
h3{ font-size:13px; color:#fff;  line-height:22px; border-bottom:2px solid #2899FF; padding-left:16px; background:url(images/thenew.gif) repeat-x;}
h3 strong{ display:block; height:22px; width:120px;background:url(images/newbj.gif) no-repeat; text-align:center;}
h4 a{ color:#3782cc;font-weight:bold;}
h5{ font-size:13px; color:#333; font-weight:bold; height:24px;}
h6{ font-weight:bold; background:url(images/relate.gif) repeat-x; line-height:24px; border-bottom:1px solid #c3c3c3; padding-left:12px;}
h6 strong{ display:block; background:url(images/d2.gif) 0 8px no-repeat; padding-left:10px;}

/*css header*/
#header{ width:984px; float:left;}
#header .logo{ float:left; margin:12px 0 10px 0; }
#header .top{ float:right;width:600px; height:66px;}
#header .about{ float:right;width:336px;height:15px;padding:3px;text-align:center;background: url(images/aboutbj.gif) repeat-x bottom;border: 1px solid #e7d9af;border-top:none;}
#header .about a{ font-size:11px; margin:0 6px;}
#header .nav{padding:20px 0 0 120px; margin-top:22px;}
#header .nav ul li{ float:left;}
#header .nav ul li a{padding:0 18px;display:block;font-size:13px;font-weight:bold;float:left;height:25px;line-height:25px;}
#header .nav ul li .check { color:#c00;}
#header .nav ul .li1{position:relative; z-index:999; background:url(images/homeleft.gif) no-repeat left;padding-left:2px; height:26px;line-height:24px;}
#header .nav ul .li1 a{background:url(images/home.gif) repeat-x; color:#fff; height:26px;}
#header .nav ul .li1 span{background:url(images/homeright.gif) no-repeat; width:2px; float:left; display:block; height:26px;}
#header .nav ul .li2 { background: url(images/navbj.gif) repeat-x; height:25px; line-height:24px;border-left:1px solid #BFBFBF;}
#header .nav ul .li3{background: url(images/navbj.gif) repeat-x; height:25px;line-height:24px;border-left:1px solid #BFBFBF;}
#header .nav ul .li4{background: url(images/navbj.gif) repeat-x; height:25px;line-height:24px;border-left:1px solid #BFBFBF;}
#header .nav ul .li4 span{background:url(images/nav_r.gif) no-repeat; float:left; height:25px;width:3px;   display:block;} 

#categories{width:984px; float:left; *margin-top:0 !important; margin-top:-2px;}
#categories p{float:left; width:190px; border:1px solid #939393;background:url(images/cate.gif) repeat-x; height:31px; color:#fff;}
#categories p strong{ display:block;margin:7px 20px; background: url(images/d4.gif) no-repeat left center;padding-left:15px;}
#categories .search_box{border:1px solid #bfbfbf; width:790px; float:left;}
#categories .search{ float:left; border:1px solid #3A89B0; border-bottom:none; background:url(images/searchbj.gif) repeat-x; height:24px;padding:4px 20px 2px 20px; color:#fff1ca; font-size:13px;font-weight:bold;}
#categories .search select{border:none; height:20px;line-height:20px; width:200px; vertical-align:middle;}
#categories .search form { float:right; padding-right:80px; height:20px;  }
#categories .search input{vertical-align:middle; }
#categories .input_1{border:1px solid #aaa; margin:0 4px;_margin:0 2px; height:18px;line-height:18px; width:347px; font-size:11px; vertical-align:middle;}
#categories .input_2{background: url(images/search.gif) no-repeat; width:50px; height:20px;border:0;}

/*css left*/
#main{ width:984px; overflow:hidden; float:left; }

#left{width:190px; float:left; }
#left .menu{width:190px;  border:1px solid #b9b9b9; border-top:none;background: url(images/leftbj.gif) repeat-y; float:left;}
#left .menu li{background: url(images/line1.gif) repeat-x bottom; height:26px; line-height:26px; width:190px; float:left; font-weight:bold;}
#left .menu li a{background: url(images/d3.gif) no-repeat 175px 10px;height:26px;line-height:26px;}
#left .menu li a:hover{background:#fff ;border-top:1px solid #ccc;border-bottom:2px solid #ccc; height:24px;line-height:24px; } 
#left .menu a {display:block;  text-decoration:none; text-indent:18px;}
#left .hot{ width:190px; margin-top:10px; float:left;} 
#left .hot dl{border:1px solid #ddd; background-color:#fafafa; padding:6px 0 6px 6px;}
#left .hot dt{line-height:20px; color:#913601; font-weight:bold; font-size:13px; padding-bottom:4px;}
#left .hot dd{ padding-left:8px;line-height:20px; font-size:11px} 
#left .leftp{ float:left;  width:178px; border:1px solid #ddd; text-align:center; margin-top:8px; padding:6px;font-size:11px;  background:url(images/left2.gif) repeat-x;}

/*css  right*/
#right{ width:792px; float:right; overflow:hidden;}
#right .products{ width:782px; margin-left:10px; _margin-left:5px; float:left; }
#right .products .view{ width:290px; float:left;overflow:hidden;}
#right .products .view img{ padding:3px 4px;}
#right .products .view .pic{ text-align:center; width:290px; padding-top:12px;float:left; font-size:10px;}

#right .products .sale{ width:492px; float:left; margin-top:10px;  overflow:hidden;} 
#right .products .sale dl{ float:right;margin:0 10px 0 0px; _margin:0 5px 0 0px;  width:445px;  color:#333; border:1px dotted #ccc; background-color:#f8f8f8; padding:8px 0 8px 12px;}
#right .products .sale dl dt {padding-right:6px; display:block; font-size:13px;  font-weight:bold; line-height:20px;}
#right .products .sale dl dd{ padding-left:20px; font-size:11px; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#000; }
#right .products .sale .cart{ width:460px; padding:16px 0 6px 16px;float:left;}
#right .products .sale .cart em{ font-size: 11px; color:#d60; display:block; padding-top:5px;}
#right .products .sale .cart select { margin-left:4px; vertical-align:middle;}
#right .products .sale .cart input{ margin:2px 0 2px 4px;  vertical-align:middle;}
#right .products .sale .ava{width:492px; float:left; }
#right .products .sale .ava1{ font-size:13px; font-weight:bold; border-bottom:1px solid #666; font-family:verdana, arial, helvetica, sans-serif; padding:5px 0 3px 0;}
#right .products .sale .available{ background:url(images/available.gif) no-repeat; height:50px; padding:4px 0 0 10px; margin-top:6px;}
#right .products .sale .available a{ float:right; padding:10px 20px 0 0; color:#4d640a; text-decoration:underline;}


/*products  end*/
#right .category{float:left; background-image:url(images/category.jpg); height:25px; clear:both; width:782px; margin-left:10px;  list-style:none; margin-top:20px;}
#right .category a{ text-decoration:none;}
#right .category li{ float:left; padding-top:5px;font-size:12px;width:110px;}
#right .category li.overview{ color:#FFFFFF; font-size:12px; padding-left:30px;}

#right .category2{background-image:url(images/category2.jpg); height:25px; clear:both; width:782px; margin-left:10px;  list-style:none; margin-top:20px;}
#right .category2 a{ text-decoration:none;}
#right .category2 li{ float:left; padding-top:5px;font-size:12px;width:110px;}
#right .category2 li.overview{ color:#FFFFFF; font-size:12px; padding-left:30px;}
 
#right .description{ padding:10px 0 0 6px; width:782px; margin-left:10px; _margin-left:5px; float:left; background:url(images/bgdes.gif) repeat-x;}
#right .description p{ padding:0 6px;width:764px; float:left}
#right .description a{ color:#069;}
#right .description ul{ margin:14px; _margin:7px; float: left; }
#right .description li { background:url(images/d1.gif) 0 4px no-repeat;  line-height:18px; padding-left:15px;}

#right .capacity{width:782px; margin-left:10px; _margin-left:5px;  border-top:1px dotted #aaa;   padding:14px 0 0 2px; float:left;}

#right .capli{ width:770px;  padding:4px 0; float:left; width:778px; background-color:#F7F6F1; margin:1px 6px;  }
#right .capli img{  margin:0 6px;border:1px solid #F1F0E5; }
#right .capli p{float:left;}
#right .capli .ctext{ width:330px; color:#666;}
#right .capli .ctext strong{font-weight:bold; font-size:14px; line-height:20px; padding:4px 0; color:#333; display:block;}
#right .capli .cprice{ margin:10px 20px; width:100px; line-height:22px; padding-top:10px;  color:#c00; font-size:16px;  font-weight:bold;}
#right .capli form{ display:block; float:left; margin:10px;width:150px; line-height:22px; padding-top:10px;  }
#right .capli input{ margin-left:4px; }

#right .fits{ float:left;width:782px; margin-top:12px; margin-left:10px; _margin-left:5px;  border-top:1px dotted #aaa; padding:16px 0 0 6px;}
#right .fits ul{ float:left; width:760px;font-size:11px; line-height:16px; margin-left:12px;}
#right .fits li{ color:#369; padding:0 2px 0 4px; float:left; width:140px;}
#right .fits li a{color:#c55;}

#right .support{float:left;width:782px; margin-top:12px; margin-left:10px; _margin-left:5px;  line-height:18px;  border-top:1px dotted #aaa; padding:16px 0 0 6px;}
#right .support p{ padding:8px 0 0 8px; }
#right .support a{ color:#069;}

#right .relate{float:left;width:780px; margin-top:20px; margin-left:10px; _margin-left:5px;  border:1px solid #c3c3c3; }
#right .relate ul{ padding:6px 0 6px 20px; float:left;}
#right .relate li{ float:left; line-height:20px;  width:180px;  }
#right .relate li a{ font-size:11px; }

/*css footer*/
#footer{ margin-top:20px; clear:both; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:#f8f8f8; text-align:center; padding:20px 130px 0 130px; width:724px; font-size:11px; color:#3d3d3d;}
#footer .rights{ width:684px; }
#footer img{ padding-top:10px; padding-bottom:10px;}
#footer a{ font-size:11px;  }
#footer .rights a{ color:#069;}
#footer .foot a{ padding:0 5px;}
.clear{ clear:both;}