/**  兼容IE6/IE7/FIREFOX的CSS写法--------Hmily------模板:标准框架------  w3c-xhtml **/
/*----公用部分---*/
body {margin-top: 0; margin-bottom: 0; text-align: center;overflow:hidden; margin-left:0; margin-right:0; background-color:#fff}
div,td,tr,span,p,li{ color:#333; font-size: 12px; font-family: "宋体"; }
div,span,p,li{ text-align:left }
.MyAccountHR{ BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: solid;BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid;height:1px;color:#ccc;}/*这个下单过程中用到的分割线*/
img{ border: 0}
.{margin: 0;padding: 0}
.clstxbSearch{ width:118px; border:0; background:none}
.txtcontent{ width:500px; height:120px}
#HTMLOuterTable{width: 980px;text-align: center;}
#HTMLOuterTD{text-align: center;width: 980px; background-color:#FFFFFF}
.TableBody{ width:980px; float:left;}
.div100{ width:100%}
.div10{ width:100%; height:10px; overflow:hidden}
/*.SelectedCategory{ background-color:#FF6633; padding:2px;}
a.SelectedCategoryA:link{ color:#FFFFFF}
a.SelectedCategoryA:visited{ color:#FFFFFF}
a.SelectedCategoryA:hover{ color:#FFFFFF}
a.SelectedCategoryA:active{ color:#FFFFFF}*/
a:link { color:#333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #0085d5 ; text-decoration: none; }
a:active {color: #333; text-decoration: none;  }
.ad_header{ width:100%; overflow-x:hidden; float:left }
.ad_header2{ width:100%; overflow-x:hidden; margin-top:10px; float:left}
.Discount{ margin-left:2px; margin-right:2px; height:30px; line-height:30px; vertical-align:middle; padding-left:20px; text-align:center; background-color:#f2f2f2;}
.SaleDiscount{ width:99%; margin-left:1px; float:left; margin-right:1px; text-align:center; padding:3px}
.SaleDiscount li{ width:33%; float:left; display:block; text-align:center;height:30px; line-height:30px; vertical-align:middle; border:1px solid #eaeaea;}
.QtyDiscount{ width:99%; margin-left:1px; float:left; margin-right:1px; text-align:center; padding-left:10px;}
.QtyDiscount li{ width:19%; float:left; display:block; text-align:center;height:30px; line-height:30px; vertical-align:middle; border:1px solid #eaeaea;}
.clearboth{ clear:both}
/*****************这里是我用来做产品图片的特效****************************/
.item{ width:100%;}
.pic{ width:100%; height:71px; margin-top:20px;}
.allPic {text-align:center;}

.pic2{ padding:10px; text-align:center}
.allPic2 {}
.allPic2 A:hover { POSITION: relative}
.allPic2 A SPAN {DISPLAY: none}
.allPic2 A:hover SPAN {
	BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; DISPLAY: block; Z-INDEX: 100; BACKGROUND: #fff; right: 120px !important; right: 180px;BORDER-LEFT: #ccc 3px solid; WIDTH: 220px; BORDER-BOTTOM: #ccc 3px solid; POSITION: absolute; TOP: 20px; padding:10px
}
.allPic2 A:hover SPAN IMG {
	WIDTH: 200px; 
}
.word{ overflow: hidden; height: 20px;text-align: center; line-height: 20px;vertical-align: middle; width:100%; margin-top:10px}
.cword{ overflow: hidden; height: 20px;text-align: center; line-height: 20px;vertical-align: middle; width:100%; background-color:#efefef; margin-top:10px}
.price{text-align:center; height: 20px;line-height: 20px;vertical-align: middle; width:100%}
.mprice{text-align:center; height: 20px;line-height: 20px;vertical-align: middle; width:100%; text-decoration:line-through}
/*----模板头部----Header.aspx-----*/
#header{ width:100%; background-image:url(headbg.jpg); height:152px}
.search{ width:962px !important; width:100%; text-align:right; height:25px; line-height:25px; vertical-align:middle; padding-right:12px; color:#FFFFFF}
.search a:link{ color:#fff; text-decoration:none;}
.search a:visited{ color:#fff; text-decoration:none;}
.search a:hover{ color:#fff; text-decoration:none; }
.search a:active{ color:#fff;text-decoration:none;}
#logo{ width: 100%; float:left; text-align:left; text-indent:24px; margin-top:25px}
.chusa{ float:right; text-align:right; height:39px;}
.chusa td{ text-align:center; padding-top:4px; height:35px !important; height:39px}
/*----上导航-----*/
#nav{width: 980px;height: 39px;vertical-align: middle;line-height: 39px;text-align: right;background-image: url(navBg.jpg);}
#index{height: 39px;line-height: 39px;vertical-align: middle;background-image: url(navItemBg.jpg);float: left;text-align: center;}
.daohang{height: 39px;line-height: 39px;vertical-align: middle;background-image: url(navItemBg.jpg);float: left;text-align: center;padding-left:14px; padding-right:14px}
.daohangfg{height: 39px;background-image: url(navfg.jpg);float: left; width:3px}
.navTop{height: 39px;float: left; width:10px}
.cdaohang{height: 39px;line-height: 39px;vertical-align: middle;background-image: url(cNavItemBg.jpg);float: left;text-align: center;padding-left:14px; padding-right:14px}
.navItem{ height:39px; line-height:39px; padding-left:14px; padding-right:14px; text-align:center; vertical-align:middle}

.daohang a:link{ color:#000; text-decoration:none;}
.daohang a:visited{ color:#000; text-decoration:none;}
.daohang a:hover{ color:#000; text-decoration:none; }
.daohang a:active{ color:#000;text-decoration:none;}

.cdaohang a:link{ color:#fff; text-decoration:none;}
.cdaohang a:visited{ color:#fff; text-decoration:none;}
.cdaohang a:hover{ color:#fff; text-decoration:none; }
.cdaohang a:active{ color:#fff;text-decoration:none;}
/*----底部模板----Footer.aspx-----*/
.bottombgline{ width:100%; height:2px; overflow:hidden; border-bottom:1px solid #d0d1d2; margin-top:10px}
.shop506{ float:left;height:38px; line-height:38px; vertical-align:middle;}
.footernav{height:38px; line-height:38px; vertical-align:middle; float:right; text-align:right}
.footercopyright{width:100%; padding-bottom:15px; padding-top:10px; text-align:right}
.footercopyright p{ text-align:right}
.beian{ float:left}
.pay{ float:right;text-align:right}
/*----模板主体-----*/
#content{width: 100%; height:100%; margin-top:10px}
/*----模板左边-----*/
#left{width: 168px;float: left;height:100%;}
/*----组别-----*/
.midht{ width:100%; height:30px; line-height:30px; vertical-align:middle; background-image:url(miniTitleBg.jpg);text-indent:12px; color:#fff; font-weight:bold}
.midhb{width:148px !important;width:100%; background-image:url(miniBodyBg.jpg); padding:10px}
.midhb ul{ width:100%; margin-left:0px}
.midhb ul li{ width:50%; height:30px; line-height:30px; vertical-align:middle;  border-bottom:1px solid #8CA0BF; float:left; display:block; text-indent:12px; color:#FFFFFF; overflow:hidden}
.midhe{ width:100%;background-image:url(miniEndBg.jpg); height:10px; overflow:hidden}
.minicheckout{ height:30px; line-height:30px; vertical-align:middle; text-align:right; color:#FFFFFF}
.midhb ul li a:link{ color:#FFFFFF}
.midhb ul li a:visited{ color:#FFFFFF}
.midhb ul li a:hover{ color:#FFFFFF}
.midhb ul li a:active{ color:#FFFFFF}

.minicheckout a:link{ color:#FFFFFF}
.minicheckout a:visited{ color:#FFFFFF}
.minicheckout a:hover{ color:#FFFFFF}
.minicheckout a:active{ color:#FFFFFF}
.group{ width:100%; margin-bottom:10px}
.lefttitle{width:100%;  height:25px; line-height:25px; vertical-align:middle;  font-weight:bold; text-indent:13px; color:#fff; background-image:url(leftTileBg.jpg);}
.leftbody{ width:166px !important; width:100%; background-image:url(leftBodyBg.jpg); padding-left:1px; padding-right:1px}
.leftend{ width:100%;background-image:url(leftEndBg.jpg); height:10px; overflow:hidden}
.first{ font-weight:bold;height:23px; line-height: 23px; vertical-align: middle; background-image:url(firstBg.jpg); text-indent:12px}
.cfirst{ font-weight:bold;height:23px; line-height: 23px; vertical-align: middle; background-image:url(cFirstBg.jpg); text-indent:12px}
.second{ height:22px !important; line-height:22px !important;height:23px; line-height:23px; vertical-align:middle;width:100%; text-indent:12px;border-bottom:1px solid #efefef}
.csecond{ height:22px !important; line-height:22px !important;height:23px; line-height:23px; vertical-align:middle;width:100%; text-indent:24px; background-color:#efefef; border-bottom:1px solid #cccccc; font-weight:bold}
.secondlist{ width:100%; margin-top:10px; margin-bottom:10px}
.grouplist{  height:26px; line-height:26px; vertical-align:middle; width:100%; text-indent:32px; overflow:hidden; background-image:url(goupbg.jpg)}
.cgrouplist{  height:26px; line-height:26px; vertical-align:middle; width:100%; text-indent:32px; overflow:hidden; background-image:url(cgoupbg.jpg); font-weight:bold}

.cgrouplist a:link{ color:#FFFFFF}
.cgrouplist a:visited{ color:#FFFFFF}
.cgrouplist a:hover{ color:#FFFFFF}
.cgrouplist a:active{ color:#FFFFFF}
.newslist{  height:25px; line-height:25px; vertical-align:middle; width:100%; text-indent:12px; border-bottom:1px solid #efefef; overflow:hidden}
.cnewslist{  vertical-align:middle; background-color:#efefef; border-bottom:1px solid #cccccc; font-weight:bold; width:154px !important; width:100%; padding-left:12px; padding-top:8px; padding-bottom:8px; line-height:150%}
.help{  height:30px; line-height:30px; vertical-align:middle; text-align:left; overflow:hidden;}

.topbg{ width:100%; background:url(topbg.jpg) no-repeat}
.topleft{ width:22px; float:left}
.topright{ width:144px; float:right}
.topword{ height:25px !important; height:26px;line-height:25px; vertical-align:middle; width:100%; text-indent:6px; border-bottom:1px solid #efefef; overflow:hidden;}
.ctopword{ height:25px !important; height:26px;line-height:25px; vertical-align:middle; width:100%; text-indent:6px;background-color:#efefef; border-bottom:1px solid #cccccc; font-weight:bold; overflow:hidden;}
.rightad{ width:166px !important; width:100%; margin-bottom:10px; border:1px solid #cccccc}


/*----模板右边-----*/
#right{width: 804px;float: right;height:100%;}
.rightright{width: 168px;float: right;}
.rightleft{width: 628px;float: left;}
/*----模板首页----Homepage.aspx-----*/
/*----推荐商品-----*/
.sug{width: 100%; margin-top:10px}
.sug2{width: 100%; float:left;}
.sug_start1{width:100%; height:24px; background-image:url(midTitleBg.jpg);}
.sug_start3{width:100%; height:24px; background-image:url(newstart.jpg);}
.sug_title{float:left; height:24px; line-height:24px; vertical-align:middle; text-align:left; text-indent:12px; color:#fff; font-weight:bold;}
.sug_more{float:right; height:24px; line-height:24px; vertical-align:middle; text-align:right;}
.sug_more a:link{ color:#FFFFFF}
.sug_more a:visited{ color:#FFFFFF}
.sug_more a:hover{ color:#FFFFFF}
.sug_more a:active{ color:#FFFFFF}
.sug_mid2{ width:100%; background-image:url(midMidBg.jpg);}
.sug_mid3{ width:100%; background-image:url(newmidbg.jpg);}
.sug_end{ width:100%; background-image:url(midEndBg.jpg); height:10px;overflow:hidden}
.sug_mid2 ul{ text-align:left; margin-left:0; width:608px !important; width:100%; padding-left:20px }
.sug_mid2 ul li{ width:19%; float:left; display:block;}
.sug_mid3 ul{ text-align:left; margin-left:0; width:784px !important; width:100%; padding-left:20px }
.sug_mid3 ul li{ width:16%; float:left; display:block;}
.news{width:100%; margin-top:10px}
.news ul{width:100%; margin-left:0;}
.news ul li{list-style-image:url(lidot.jpg); width:46%; float:left; display:block; height:25px; line-height:25px; vertical-align:middle; text-align:left; border-bottom:1px dotted #0094ad; margin-left:2% !important; margin-left:1%;}
.newsul{ width:100%; margin-left:0px}
.newsul li{ width:100%; line-height: 25px; vertical-align: middle; height: 25px; text-overflow:ellipsis;overflow: hidden; text-indent:12px}
/*----二级产品页面----Second.aspx-----*/
#second_nav{width:100%; height:24px; background-image:url(newstart.jpg); line-height:24px; vertical-align:middle; text-align:left;text-indent:12px; color:#fff; font-weight:bold;}
#second_nav a:link{ color:#FFFFFF}
#second_nav a:visited{ color:#FFFFFF}
#second_nav a:hover{ color:#FFFFFF}
#second_nav a:active{ color:#FFFFFF}
.rightbody{ width:784px !important; width:804px; background-image:url(newmidbg.jpg); padding:10px}
.rightbodynd{ width:100%; background-image:url(rightbodynd.jpg); height:10px;overflow:hidden}
#sort{ width: 100%; float:left; height:22px; line-height:22px; vertical-align:middle; text-align:right;}
#second_prd{ width:100%; float:left; text-align:left}
#second_prd ul{ width:100%; margin-left:0; float:left}
#second_prd ul li{ width:100%; float:left; display:block; text-align:left; border-bottom:1px dotted #0094AD;}
.second_pic{ float:left; width:25%; text-align:center; padding-bottom:10px; padding-top:10px}
.second_prd_info{float:right; width:74%;}
.second_prd_name{ height:30px; line-height:30px ; vertical-align:middle; text-align:left;width:100%; font-weight:bold;}
.second_prd_des{  line-height:120%; text-align:left;width:100%;}
.msecond_price{  height:22px; line-height:22px; vertical-align:middle; text-align:left;width:100%; text-decoration:line-through; text-indent:12px}
.second_price{  height:22px; line-height:22px; vertical-align:middle; text-align:left;width:100%; text-indent:12px}
.second_att{  text-align:left}
.second_buy{ float:right; text-align:right; padding-right:10px; margin-bottom:4px}
.listpage{ height:22px; line-height:22px; vertical-align:middle; text-align:right; margin-top:10px; padding-right:20px;}
.PageList{ float:right;}
.Number{ display:block; float:left; padding-left:4px; padding-right:4px}
.char{ display:block; float:left; padding-left:4px; padding-right:4px}
/*----商品详细页面----ProductDetail.aspx----*/
#prd{width: 100%;float: right; margin-top:5px; margin-bottom:5px;}
#prd_pic{width: 50%;float: left;text-align: center; padding:10px}
#prd_info{width: 50%;float: right;text-align: left; clear:right}
#prd_name{float:left; height:30px; line-height:30px ; vertical-align:middle; text-align:left;width: 100%; font-weight:bold}
#startlist{float:left; width:100%; margin-top:3px; margin-bottom:3px}
#prd_des{ float:left; line-height:120%; text-align:left;width: 100%;}
.prd_price{ float:left; height:22px; line-height:22px; vertical-align:middle; text-align:left;width: 100%;}
#prd_att{ float:left; text-align:left;width: 100%; margin-top:5px; margin-bottom:12px;}
#prd_buy{ float:left; text-align:left;width: 100%;}
.prd_title{width:100%; height:24px; background-image:url(newstart.jpg); line-height:24px; vertical-align:middle; text-align:left;text-indent:12px; color:#fff; font-weight:bold;}
#prd_dis{ width:100%; float:left; text-align:center;}
.prd_more{width:784px !important; width:804px; background-image:url(newmidbg.jpg); padding:10px}
.prd_more2{width:735px !important; width:755px; background-image:url(newmidbg.jpg); padding:10px}
.prd_more2 ul{width:100%; text-align:center; float:right; margin-left:0px;}
.prd_more2 ul li{ width:19%; float:left; display:block; text-align:center}
/*-----购物车模板----Viewcart.aspx----*/
.viewcart_button{ width: 100%; float: right; clear: right; border-bottom: 1px solid #cccccc; margin-top:5px;}
.viewcart_button_left{width: 50%;float: left;text-align: left;}
.viewcart_button_right{ width: 48%; float: right; text-align: right; clear: right; }
#shoppingcart{width: 100%;float: left; margin-top:5px}
#shoppingcart ul{width: 100%;margin-left: 0;margin-top:10px}
#shoppingcart ul li{ width: 14%; float: left; display: block;text-align: center;border-bottom:1px dotted #397B9F; padding-bottom:10px; height:70px; padding-top:10px}
#chekout{width: 100%;float: left;text-align: right; margin-top:5px}
/*----内容页面-----contentdetail.aspx----*/

.alltitle{width:100%; height:24px; background-image:url(newstart.jpg); line-height:24px; vertical-align:middle; text-align:left;text-indent:12px; color:#fff; font-weight:bold;}
.allbody{ width:784px !important; width:804px; background-image:url(newmidbg.jpg); padding:10px; line-height:150%}
.newpages{ width:784px !important; width:804px;  padding:10px; line-height:150%}
.groupnote{ width:100%;text-align:left; margin-bottom:10px; line-height:150%}
/*----高级搜索----AdvancedSearchResult.aspx----*/
#adv{width: 550px;float: right;text-align: left; margin-top:5px; margin-bottom:5px;}

#sitemap{ background-color: white;text-align: center; padding:10px}
#sitemap a{ color:#000000}
#sitemap #sitemap1{ font-size: 12px; font-weight: bold; line-height: 50px; text-align: center; vertical-align: middle; height: 50px; border-bottom: 1px dashed gray; }
#sitemap #sitemap2{ font-size: 12px; font-weight: bold; line-height: 30px; text-align: left; vertical-align: middle; width:100%; height: 30px; border-bottom: 1px dashed gray; }
#sitemap #sitemap3{ background-color: white; width: 100%; clear: right; margin-top: 8px;text-align: left; }
#sitemap #sitemap3 #sitemap_left{ font-weight: bold; vertical-align: top; float: left; width: 90%; margin-top: 10px; margin-bottom: 8px; margin-left: 5%; border-bottom: 1px dotted gray; }
#sitemap #sitemap3 #sitemap_righ{ vertical-align: top; float: right; width: 100%; }
#sitemap #sitemap3 #sitemap_righ ul{width: 90%; margin-right:0; float:right}
#sitemap #sitemap3 #sitemap_righ li{ line-height: 20px; vertical-align: middle; float: left; width: 30%; height: 20px; display: block; }

.categorysub{width:100%;float: left; padding-top:10px; padding-bottom:15px; margin-bottom:10px; background-color:#FFFFFF}
.categorysub ul{ width:100%; float:left; margin-left:0}
.categorysub ul li{ width:20%; float:left; display:block; margin-left:2%; height:25px; line-height:25px; vertical-align:middle; text-align:left; margin-top:3px; background-color:#f1f1f1; text-indent:12px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #efefef; border-top:1px solid #efefef}
.categorysub ul li a{ color:#000000}

.contentlist{ width:100%}
.contentlist ul{ width:100%; margin-left:0}
.contentlist ul li{ width:24%; float:left; display:block; height:30px; line-height:30px; vertical-align:middle; text-align:left}

#loginbg{ width:100%; background-color:#FFFFFF}
.defValCss{ height:auto !important; height:100px; min-height:100px}