@charset "utf-8";


body {font-size: 12px;margin: 0px;background-position: center;background-color: #303030;color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
table {font-size: 12px; line-height:20px;}
ul{list-style-type: none;margin:0px; padding:0px; float:left;}
ul li{width:195px; text-align:center; border-left:solid 1px #000000; border-bottom:solid 1px #000000; background-color:#666; color:#000; padding:6px 0px;}
form{margin:0px; padding:0px;}
img{border:none;}
.gridview{width:100%;}



a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}

a.a_blue:link{color: #3333ff;text-decoration: underline;}
a.a_blue:visited {color: #3333ff; text-decoration: underline;}
a.a_blue:hover {color: #ff9900; text-decoration: underline;}

a.a_orange:link{color: #ff6600;text-decoration: underline;}
a.a_orange:visited {color: #ff6600; text-decoration: underline;}
a.a_orange:hover {color: #ff0000; text-decoration: none;}

a.a_menu:link {color: #ffffff; text-decoration: none;}
a.a_menu:visited {color: #ffffff; text-decoration: none;}
a.a_menu:hover {color: #ffff00;text-decoration: underline;}

.lh25{line-height:25px;}

.s10{clear: both;padding-top:10px;}
.s3{clear: both;padding-top:3px;}
.s5{clear: both;padding-top:5px;}
.clear{ clear:both; }
.price{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF9900; font-weight:bold;}

h3{padding:5px 0px 3px 25px; margin:0px; font-weight:bold; font-size:14px;}
.tbx{ height:14px; padding:2px; border:solid 1px #666666; font-size:12px;}
.w120{width:120px;}
.w200{width:200px;}

.toplogo{}
.topbanner{}
.topqq{}

.menu{}

.layout{ width:982px; margin:auto;}
.layoutleft{float:left; width:212px;}
.layoutcenter{float:left; width:542px; margin-left:8px;}
.layoutright{float:right; width:212px;}
.layoutgl{float:right; width:754px; margin-left:8px;}

.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#C8C8C8; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#303030; 
border-right:2px solid #C8C8C8; border-left:1px solid #C8C8C8; margin:0 3px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#303030; 
border-right:1px solid #C8C8C8; border-left:1px solid #C8C8C8; margin:0 1px;}


.box{ border-left:solid 1px #C8C8C8; border-right:solid 1px #C8C8C8;}
.box .title{background:url(images/rightmenu.jpg) no-repeat; padding:0px 10px;}
.box .longtitle{background:url(images/centermenu.jpg) no-repeat; padding:0px 10px;}
.box .gltitle{background:url(images/goodsList.jpg) no-repeat; padding:0px 10px;}
.box .content{ padding:3px;}

.imgbtn{cursor:pointer;}
/*************************/
/***** htshop styles *****/
/*************************/
.shopcart{ width:90%; margin:auto; margin-top:10px; margin-bottom:10px;}



.tf{width:93%; margin:auto; border:0;background-color: #333333;}
.tf .title{ height:25px; background-color:#666666; text-align:center; font-size:14px; font-weight:bold; color:#ff9900; }
.tf .label{padding:5px 5px 5px 0px;background-color:#666666; color:#FFFFFF; text-align:right; font-weight:bold; }
.tf .field{padding:5px 0px 5px 5px;background-color:#999999; font-size:12px; color:#000000;}
.tf .submit{padding:5px 0px 5px 0px; font-size:12px; color:#000000;text-align:center;}
.tf .item{ text-align:center;background-color:#999999;}
.tf .v{ color:#ff0000;}
.tf .n{ color:#666666;}

.userlogin{ margin:auto; border:none;}
.userlogin tr{height:30px;}
.userlogin .title{ height:30px; text-align:center; font-weight:bold; color:#ff6600; }
.userlogin .label{ padding-right:3px;text-align:right;font-weight:bold;}
.userlogin .field{padding-left:6px;text-align:left;}
.userlogin .submit{padding:3px;text-align:center;}
.userlogin .submit .btnlogin{width:58px; height:20px;border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:hand;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17; background:url(images/btn_default_login.gif);}

.userlogin .submit .btnreg{ width:58px; height:20px; border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:hand;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17; background:url(images/btn_default_reg.gif) no-repeat;}
.userlogin .item{text-align:center;}

.shoppingcart{width:98%; margin-top:3px; margin-left:auto; margin-right:auto; border:0; text-align:center;  font-size: 12px; color: #333333;background-color:#d9d9d9;}
.shoppingcart .title{ height:28px; color:White;background-color:#6B696B;font-weight:bold;}
.shoppingcart tr{ background-color:#ffffff; }
.shoppingcart td{height:25px;}
.shoppingcart .name{ width:60%; text-align:left; padding-left:5px;}
.shoppingcart .category2{ margin-left:20px; }
.shoppingcart .category3{ margin-left:50px; }
.shoppingcart .sc{ margin-left:10px; text-align:left;}
.shoppingcart .sv{ margin-left:10px; color:#cccccc;  font-family:宋体;}


#goodslist{width:100%; margin-left:0px; margin-right:0px;}
#goodslist .goods{ float:right; width:130px;height:280px; line-height:20px;}
#goodslist .goods .pic{}
#goodslist .goods .pic img{ width:100px; height:136px; padding-right:0px;}
#goodslist .goods .title{width:100px; height:90px; text-align:center; color:#fff;font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal;background:none; padding:0px 0px;}


#goodslist .goodslow{float:left; width:120px; height:260px;margin-left:15px; margin-right:5px; line-height:20px; }
#goodslist .goodslow .pic{ width:120px; text-align:center; }
#goodslist .goodslow .pic img{width:100px; height:136px;}
#goodslist .goodslow .titlelow{width:120px; text-align:center; color:#fff;font-size:12px;font-weight:normal; background:none;}
 
#goodstoppiclist{ width:100%; margin-left:auto; margin-right:auto;}

#goodstoppiclist .goods{ float:left;height:260px; line-height:20px; }
#goodstoppiclist .goods .pic{ text-align:center; }
#goodstoppiclist .goods .pic img{width:100px; height:136px;}
#goodstoppiclist .goods .title{width:110px; text-align:center; color:#fff;font-size:12px;font-weight:normal; background:none;}

#goodstoppiclist .goodsc{float:left;width:102px; height:250px; margin:0px; line-height:20px;}
#goodstoppiclist .goodsc .pic{ text-align:center; }
#goodstoppiclist .goodsc .pic img{width:98px; height:133px;}
#goodstoppiclist .goodsc .titlec{text-align:center; color:#fff;font-size:12px;font-weight:normal;background:none;}

#goodstoptextlist{width:100%; margin-top:3px; margin-left:auto; margin-right:auto; border:0; text-align:center;  font-size: 12px; color: #333333;}
#goodstoptextlist .title{height:28px; color:White;background-color:#6B696B;font-weight:bold;}
#goodstoptextlist tr{ background-color:#303030; }
#goodstoptextlist td{height:25px;}
#goodstoptextlist .t{ width:100%; text-align:left; padding-left:5px; color:#FFFFFF;}

#goodsdetail{ margin:5px;}
#goodsdetail hr{ text-align:left; height:1px; width:90%;}
#goodsdetail .left{ float:left;width:260px; text-align:center; border-right:solid 1px #cccccc;}
#goodsdetail .left img{ width:250px;}
#goodsdetail .right{ float:left; margin-left:5px; width:250px;}
#goodsdetail .right .item{line-height:30px; border-bottom:dotted 1px #cccccc; font-size:14px;}
#goodsdetail .right .pics{margin-top:10px; float:left;}
#goodsdetail .right .pics .pic{width:100px; height:136px; float:left; margin-left:5px;}
#goodsdetail .right .pics img{ width:100px; height:136px;}
#goodsdetail .description{ margin-top:15px; line-height:150%;}

#goodsbrandtoppiclist{width:100%; margin-left:0; margin-right:0;}
#goodsbrandtoppiclist .brand{float:left; width:95px; height:60px;}
#goodsbrandtoppiclist .brand .pic{ margin-left:15px;}
#goodsbrandtoppiclist .brand .pic img{width:80px; height:30px;}
#goodsbrandtoppiclist .brand .title{width:80px; text-align:center; color:#666666;font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal; background:none;}

#linktoplist{ width:100%; margin:0px;}
#linktoplist .link{float:left; width:100px; margin:0px; padding:0px;}
#linktoplist .linkpic{float:left; width:200px; margin:0px; padding:0px; text-align:center;}
#linktoplist .link .pic{width:auto; height:auto; text-align:center; }
#linktoplist .link .pic img{ width:auto; height:auto;}
#linktoplist .link .title{width:95px; height:30px; color:#666666; text-align:center; font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal; background:none; margin:0px; padding:0px;}
#linktoplist .linkpic .title{width:auto; height:30px; text-align:center; color:#666666; text-align:center; font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal; background:none; margin:0px; padding:0px; margin-top:5px;}

#goods_advsearch{ margin-left:auto; margin-right:auto; padding:10px; border:solid 0px #ededed; background-color:#f7f7f7;}
#goods_advsearch .tbx{ height:14px; padding:2px; border:solid 1px #515350; font-size:12px;}
#goods_advsearch .btn{width:68px;height:20px;border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:hand;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17;background:url(images/btn_search.gif);}
#goods_advsearch .row{padding:3px; line-height:130%; }
#goods_advsearch .submit{padding-top:3px; text-align:center;}


.loginbox{ width:90%; margin:auto; border:0; background-color:#f0f0f0;}
.loginbox .title{ height:30px; background-color:#666666; text-align:center; font-weight:bold; color:#ff6600; }
.loginbox .label{ width:15%; padding:3px 5px 3px 0px;text-align:right;background-color:#000000;font-weight:bold;}
.loginbox .field{padding:3px 0px 3px 10px;text-align:left;background-color:#000000;}
.loginbox .submit{padding:3px 0px 3px 0px;text-align:center; background-color:#000000;}

.navpath{width:90%; margin:auto; border:solid 1px #cccccc;}
.navstep{width:90%; padding:5px 10px; margin:auto; border:solid 1px #cccccc;}

.submitbox{width:766px; margin:auto; padding:5px 0px 5px 0px; text-align:center;}

/* article styles */
#cms_textlist{width:98%; margin-top:3px; margin-left:auto; margin-right:auto; border:0; text-align:center;  font-size: 12px; color: #fff; background:#313131;}
#cms_textlist .title{ height:28px; color:White; font-weight:bold; background:none;}
#cms_textlist tr{ background-color:#9A9A9A;  }
#cms_textlist td{height:25px;}
#cms_textlist .t{ width:70%; text-align:left; padding-left:5px;}

#cms_toptextlist{width:98%; margin-top:3px; margin-left:auto; margin-right:auto; border:0; text-align:center;  font-size: 12px; color: #333333;}
#cms_toptextlist .title{ height:28px; color:White;background-color:#6B696B;font-weight:bold;}
#cms_toptextlist tr{ background-color:#9A9A9A; }
#cms_toptextlist td{height:25px;}
#cms_toptextlist .t{ width:70%; text-align:left; padding-left:5px;}

#cms_piclist{ width:98%; margin-left:auto; margin-right:auto;}
#cms_piclist .pic{float:left; width:100px;height:100px; margin-left:5px; margin-right:5px; }
#cms_piclist .pic img{width:100px; height:100px;}
#cms_piclist .pic .title{width:100px; height:30px; text-align:center; color:#666666;font-size:12px;word-wrap:break-word; word-break:break-all;font-weight:normal;}

.cms_highlight{ color:#FF3300;}
.cms_textitem{ border-bottom:dotted 1px #cccccc; }

#cms_advsearch{ margin-left:auto; margin-right:auto; padding:10px; border:solid 0px #ededed; background-color:#f7f7f7;}
#cms_advsearch .tbx{ height:14px; padding:2px; border:solid 1px #515350; font-size:12px;}
#cms_advsearch .btn{width:68px;height:20px;border:0;padding-top:5px;padding-top/**/:5px;padding-bottom:2px;margin-bottom:0;color:#715817;background-color:transparent;cursor:pointer!important;cursor:hand;font: 12px 宋体,arial, helvetica, sans-serif;font-weight:bold;color:#844E17;background:url(images/btn_search.gif);}
#cms_advsearch .row{padding:3px; line-height:130%; }
#cms_advsearch .submit{padding-top:3px; text-align:center;}


#nav{margin:5px; padding:5px; }
#cms_detail{ width:98%; margin:0px 6px;}
#cms_detail .title{ margin-top:5px; background:none;}
#cms_detail .title h4{ text-align:center;font-size:18px; color:#920000;}
#cms_detail .title p{margin:auto; width:98%; padding-bottom:10px; text-align:center; color:#ccc;border-bottom:solid 1px #cccccc;}
#cms_detail .content { margin:0px; padding:0px; font-size:14px; color:#ffffff; line-height:150%;}
#cms_detail .content .correlative{ width:95%; margin:auto; margin-top:10px; font-size:12px; }
#cms_detail .content .correlative a:link { color: #003399; text-decoration: underline; }
#cms_detail .content .correlative a:visited {COLOR: #003399; TEXT-DECORATION:underline;}
#cms_detail .content .correlative a:hover {COLOR: #ff6600; TEXT-DECORATION:none}

#cms_detail .content .correlative .title{text-align:left; font-weight:bold; border-bottom:solid 1px #cccccc; }
#cms_detail .content .correlative .left{ float:left; margin:3px; line-height:150%;}
#cms_detail .content .correlative .right{ float:right; margin:3px;line-height:150%;}

#cms_detail .command{float:right; margin-right:5px;}


#categorymenu{}
#categorymenu .c1{padding:5px; }
#categorymenu .c2{padding:5px; line-height:150%;}
#categorymenu .c2 .c2_dot{}
