* {
 padding: 0;
 margin: 0;
}
html, body{font: normal 12px Tahoma, Vardana, sans-serif;  background:url(images/bj.gif) repeat-y; background-position:center; text-align:center; min-width:990px; height: 100%;}
#wrapper{width:963px; margin: 0 auto; min-width: 770px; min-height: 100%; text-align: left; max-width: 1200px;}
.clear{clear:both;}
img {border:none; vertical-align: middle;}
a{color:#003399; text-decoration:underline; }
a:hover{ color:#3366FF; text-decoration:underline;}
hr{ margin:3px 0; border-top:1px #999999 dashed; height:1px;}
#logo {width: 100%; padding: 15px 0 5px 10px;}
#logo ul{list-style-type:none;}
#logo ul li{float:left;}
.tel{padding:12px 10px 0 20px;}
.search{ background:url(images/navbg.png) repeat-x left top; height:46px; margin:0 12px 0 13px; overflow:hidden; white-space:nowrap;}
.search ul {list-style-type:none; padding-top:12px; width:937px;}
.search ul li{ float:left;}
.white {color: #FFF !important; font-weight:bold; padding-top:3px; padding-right:5px;}
.subsearch { height: 46px; white-space: nowrap; color: #399; padding-left: 25px !important; margin-top:3px; font-family:Tahoma, Vardana, sans-serif;}
.subsearch a{color:#FFFFFF; text-decoration:underline;}
.subsearch a:hover{color:#9CC; text-decoration:underline;}
.searchleft {background:url(images/navleft.png) no-repeat left top;}
.searchright {background:url(images/navright.png) no-repeat right top;}
#menu{background: url(images/menubg.gif) repeat-x left top; height:36px; margin:0 10px;}
#menuleft{background: url(images/menuleft.gif) no-repeat left top;}
#menuright {background:url(images/menuright.gif) no-repeat right top;}
#nav{height: 24px; list-style-type: none; line-height:22px;}
#nav li{float:left; font-weight:bold; position: relative; height:23px; line-height:22px;}
#nav li a{color: #600; display:block; text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif; height:20px; text-align:center; padding:7px 9px 0 9px;} 
#nav li a:hover{color:#000; text-decoration:none;}
#nav li ul {position: absolute;left: -1px;top:23px;display:none; width:100px;}
#nav li ul li{float:none; width: 172px; text-align:left; display:block;}
#nav li ul li a {display: block;text-decoration: none; color:#990000; background-color: #ffa100; height:auto; font:normal 12px Arial,Helvetica,sans-serif; border: 2px solid #ffa100; padding:7px 5px 3px 10px; text-align:left;}
#nav li ul li a:hover{display: block; text-decoration: none; color:#000000; background-color:#ffd47d; font:normal 12px Arial,Helvetica,sans-serif;  border: 2px solid #ffa100; text-decoration:none; padding:7px 5px 3px 10px;}
* html #nav li {float: left;height: 1%;}
* html #nav li a {height: 1%;  width:150px; display:inline;}
ul#nav li:hover ul, ul#nav li.over ul {display: block;}


/*left*/
#left{float:left; margin:8px 8px 0 0;width:176px;}	
h3{background-image: url(images/cate.gif); padding: 11px 0 11px 27px; color:#FFF; font: bold 13px Arial, Helvetica, sans-serif; line-height: 14px;}
#category {border-left:1px solid #96bacf;border-right:1px solid #96bacf;border-bottom:1px solid #96bacf;padding-bottom:8px; margin-bottom:8px; background-color:#e0e6eb;}
#category ul{ list-style-type:none;}
#category ul li{ padding:10px 0px 2px 10px;}
#category ul a{color:#003399;text-decoration:none;font-size:12px; font-weight:bold;}
#category ul a:hover{color:#3366FF;text-decoration:underline;} 
#category ul a:active{color:#3366FF;}
#category ul li ol li {padding:3px 0 2px 0; list-style-type:none;}
#category ul li ol li a{ color:#003399;text-decoration:underline;font-size:12px; font-weight:lighter;}
#category ul li ol li a:hover{color:#3366FF;text-decoration:underline;}
#category ul li ol li a:active{	color:#3366FF;}

#mid{width:593px; float:left; margin-top:12px;}
.advmid {width:593px; background: url(images/index_k_02.gif) repeat-y top left; float:left;}
.advmid ul{list-style-type:none;}
.advmid ul li{line-height:18px;}
.advtop{background: url(images/index_k_01.gif) no-repeat bottom left; height:11px; width:593px;}
.advbot{background:url(images/index_k_03.gif) no-repeat; height:8px; width:593px; float:left;}
.advcon { width:200px; padding:0 10px 0 12px; margin-right:7px; border-right:#CCC solid 1px; float:left;}
.rating, .rating i { height: 14px; font-size: 1px; display: -moz-inline-box;display: inline-block;}
.rating {width: 75px; text-align: left; vertical-align: top; background: url(images/greystar.gif) repeat-x left center;}
.rating i {background: url(images/star.gif) repeat-x left center;}
.r1 i {width: 7px;}
.r2 i {width: 15px;}
.r3 i {width: 22px;}
.r4 i {width: 30px;}
.r5 i {width: 37px;}
.r6 i {width: 44px;}
.r7 i {width: 52px;}
.r8 i {width: 60px;}
.r9 i {width: 67px;}
.r10 i {width: 75px;}
.price { padding-bottom:8px; font: bold 15px/20px "Times New Roman", Times, serif;}
.price b, .price del {color:#FF0000; font-size: 20px; letter-spacing: -1px; vertical-align: middle;}
.title{ font:bold 17px Tahoma, Vardana, sans-serif; color:#C00; line-height: 23px;}
.topdeal {text-align:center}
*html .box{float:left; width:47%; margin: 0 -12px 10px 0;}
*+html .box{float:left; width:47%; margin:0 17px 10px 0;} 
.box{float:left; width:47%; margin:0 17px 10px 0;}
.boxpic{width:120px; padding:0 0 5px 10px; margin-right:3px; float:left;}
.midproduct {width:285px; background:url(images/index-mid.gif) repeat-y top left; float:left;  }
.midproduct ul{ list-style:none; padding-left:10px;}
.midproduct ul li{ padding:1px 0; width:auto;}
.topproduct {width:285px; background:url(images/index-top.gif) no-repeat bottom left; height:8px; margin-right:11px}
.botproduct {width:285px; background:url(images/index-bottom.gif) no-repeat; height:8px; margin-right:11px; float:left;}
.toptitle{font:bold 13px Tahoma, Vardana, sans-serif; padding:5px 0;}
.textp {font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:justify; line-height:115%}
.textp p{padding:10px 0;}
.textp li{list-style-position:outside;  margin-left:15px; padding-bottom:7px;}

/*right*/
#right{width:175px; margin:12px 0 0 8px; float:right;}
.cate{ background-color:#fbfbfb; border-bottom:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; margin-bottom:15px;}
.cate ol{margin-left:30px; padding-bottom:6px;}
.cate ol li{padding:3px 0;}
h4{background-image:url(images/new.gif); text-align:center; padding-top:5px; color:#000; font: bold 13px Arial, Helvetica, sans-serif; height:25px;}
.subcate {border:none; margin-top:5px;}
.subcate ul{padding-bottom:8px;}
.subcate ul li{ clear: both; list-style: none; padding: 5px 0; overflow: hidden; width: 100%;}
.subcate ul li img {float: left; margin-right:5px;}
.indexhot{ padding-left:16px;}
.submore{margin-top:6px;}
.submore a{color:#000; text-decoration:none;}
.submore a:hover{ color:#6666cc;}

/* footer*/
#hotlist {margin:5px 0; clear:both; width:100%; border:1px solid #0F3C6D; background-color:#EFF7FE; float:left;}
#hotlist h1{color: #055; font-size: medium;  padding:8px 0 0 10px; width:100%}
#hotlist ul{padding:0px 0px 8px 10px; list-style-type:circle; margin-left:10px; width:136px; float:left;}
#hotlist ul li{ padding:2px 0; font-size:11px;}

#footer{clear:both; padding:10px 0; width:100%;}
#footer .left {background: url(images/footer1-l.gif) no-repeat left top;}
#footer .right {background: url(images/footer1-r.gif) no-repeat right top;}
#footer .mid {background: url(images/footer1.gif) repeat-x left top; height:132px; margin:0 20px; overflow:hidden; white-space:nowrap;}
#footer span {display: block; font-weight: bold; color:#FFFFFF;}
#footer .mid ul{ list-style-type:none; float:left;}
#footer .mid ul li{font-size:12px; padding:2px 0;}
#footer .mid .first{ padding-left:12px; padding-top:10px;}
#footer .mid .second{padding-left:100px; padding-top:10px;}
#footer .mid ul li a{color:#9cc; text-decoration:underline;}
#footer .mid ul li a:hover{color:#FFFFFF; text-decoration:underline;}
.gcenter{text-align:center; padding-top:8px;}