/**  兼容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;}
div,td,tr,span,p,li{ color:#000; font-size: 12px;  font-family: Arial;lang:en-us;}
.MyAccountHR{ BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: solid;BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid;height:1px;color:#0055a1;}/*这个下单过程中用到的分割线*/
img{ border: 0}
.{margin: 0;padding: 0}
.clstxbSearch{ width:250px; height:18px; border-right:1px solid #ccd6e0; border-top:1px solid #ccd6e0; border-bottom:1px solid #ccd6e0; border-left:1px solid #ccd6e0}
.classtxtcontent{ width:700px; height:120px}
#HTMLOuterTable{width: 1000px;text-align: center;}
#HTMLOuterTD{text-align: center;background-color: white;width: 1000px;}
.TableBody{ width:1000px; float:left;}
a:link { color: #454545; text-decoration: none; }
a:visited { color: #454545; text-decoration: none; }
a:hover { color: orange ; text-decoration: underline; }
a:active {color: #454545; text-decoration: none;  }
.clearboth{ clear:both}
.ileft{text-align: left; margin-bottom:10px;font-weight:bold;}
/**********************************打折********************************/
.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;}
/*****************这里是我用来做产品图片的特效****************************/
.miniul{ width:100%; height:100%; margin:0;padding-left:10px;}
.miniul li{ width:49%; height:30px; line-height:30px; vertical-align:middle; text-align:left; border-bottom:1px dotted #999; float:left; display:block; text-indent:12px;overflow:hidden}
.minicheckout{ height:40px; line-height:40px; vertical-align:middle; text-align:right; padding-right:12px;}
.item{ width:100%; float:left; margin-bottom:10px}
.pic{ text-align:center; width:100%; height:200px}
.pic8{ text-align:center; width:100%; height:160px}
.pic5{ text-align:center; width:100%; padding:10px}
.pic7{ text-align:right; padding-right:4px; margin-top:10px}
.number{ width:100%; text-align:center; height:16px;}
.itemright{ float:right;}
.allPic {}
.allPic A:hover { POSITION: relative}
.allPic A SPAN {DISPLAY: none}
.allPic A:hover SPAN {
	BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; DISPLAY: block; Z-INDEX: 100; BACKGROUND: #fff; LEFT: 90px; BORDER-LEFT: #ccc 3px solid; WIDTH: 220px; BORDER-BOTTOM: #ccc 3px solid; POSITION: absolute; TOP: 20px; padding:10px
}
.allPic A:hover SPAN IMG {
	WIDTH: 200px; 
}
.pic2{ padding:10px; text-align:center}
.allPic2 {width:130px;height:162px;border:1px dotted #ccc;vertical-align:middle;line-height:162px;display:table-cell; font-size:120px;}
.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: 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{ text-align:left; width:100%; font-weight:bold; height:28px; overflow:hidden;}
.word8{ text-align:center; width:100%; font-weight:bold; height:28px; overflow:hidden;}
.word7{ text-align:center; width:100%; font-weight:bold; height:28px; overflow:hidden;}
.word5{ text-align:left; width:100%; font-weight:bold; text-align:center}
.indexdes{ width:100%; color:#666666; height:44px; overflow:hidden;}
.indexdes8{ color:#666666; height:44px; overflow:hidden; padding-left:4px; padding-right:4px}
.indexdes7{ color:#666666; height:90px; overflow:hidden; padding-left:4px; padding-right:4px; line-height:150%}
.ListPrice{ width:100%; padding-bottom:6px; border-bottom:1px solid #efefef; margin-top:5px}
.deleteline{ text-decoration:line-through}
.price{ color:#0A6A00; font-weight:bold;}
.redprice{color:#ff0000; font-weight:bold; font-size:13px}
.indexstart{ font-weight:bold; color:#666666}
.indexstart a:link { color: #c90000; text-decoration: none; }
.indexstart a:visited { color: #c90000; text-decoration: none; }
.indexstart a:hover { color: orange ; text-decoration: underline; }
.indexstart a:active {color: #c90000; text-decoration: none;  }
/*----模板头部----Header.aspx-----*/
#header{ width:1000px; background-color:#ffffff; background-image:url(headerbg.jpg); height:180px}
#logo{ text-align:left; height:74px !important; height:89px; padding-top:15px; }
#ilr{ float:right; font-weight:bold}
.indexsearch{ width:100%}
.searchtable td{ text-align:center; padding-left:6px; height:66px; color:#FFFFFF; font-weight:bold}
.searchleft{ width:784px; float:left;}
.searchright{ width:210px; float:right; }
.myimg{ float:left; margin-top:25px}
.myimg2{ float:left;margin-top:32px; color:#FFFFFF; text-align:center}
.myimg2 a:link { color: #fff; text-decoration: none; }
.myimg2 a:visited { color: #fff; text-decoration: none; }
.myimg2 a:hover { color: orange ; text-decoration: underline; }
.myimg2 a:active {color: #fff; text-decoration: none;  }
/*----上导航-----*/
#nav{width:100%;height:25px;}
#nav2{ margin-left:-1px; float:left; }
#indexmenu{ float:left; height:25px; line-height:25px; vertical-align:middle; text-align:center; width:94px;}
.subMenu{ float:left; height:25px; line-height:25px; vertical-align:middle; text-align:center; width:100px; background-image:url(submenu.gif)}
.changeSubMenu{float:left; height:25px; line-height:25px; vertical-align:middle; text-align:center; width:100px; background-image:url(changesubmenu.gif)}
.subMenu a:link { color: #315474; text-decoration: none; }
.subMenu a:visited { color: #315474; text-decoration: none; }
.subMenu a:hover { color: #ffffff ; text-decoration: nones; }
.subMenu a:active {color: #315474; text-decoration: none;  }

.changeSubMenu a:link { color: #ffffff; text-decoration: none; }
.changeSubMenu a:visited { color: #ffffff; text-decoration: none; }
.changeSubMenu a:hover { color: #ffffff ; text-decoration: none; }
.changeSubMenu a:active {color: #ffffff; text-decoration: none;  }
/*----底部模板----Footer.aspx-----*/
.footer{ width:100%; background:url(footbg.jpg) no-repeat}
.footernav{width:100%;text-align: center;height:28px; line-height:28px; vertical-align:middle; color:#ffffff;margin-top:14px}
.footercopyright{width:100%; padding-bottom:15px; padding-top:10px;}
.footernav a:link { color: #ffffff; text-decoration: none; }
.footernav a:visited { color: #ffffff; text-decoration: none; }
.footernav a:hover { color: #ffffff ; text-decoration: underline; }
.footernav a:active {color: #ffffff; text-decoration: none;  }
/*----模板主体-----*/
#content{width: 1000px;float:left; height:100%; margin-top:10px}
.qiao{ width:100%; margin-bottom:10px}
.qiaotop{ width:100%; background-image:url(top.jpg); height:10px; overflow:hidden}
.qiaomiddle{ width:100%; background-image:url(midddle.jpg)}
.qiaobottom{ width:100%; background-image:url(bottom.jpg);height:10px; overflow:hidden}

/*----模板左边-----*/
#left{width: 190px;float: left;text-align: left;height:100%}
/*----组别-----*/
.group{ width:100%; margin-bottom:10px}
.lefttitle{ width:190px; float:left; background-image:url(lefttitle.jpg); height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#325573; font-weight:bold; text-indent:15px;}
.leftbody{ width:170px !important; width:190px;padding:10px; background-color:#ebeef3;}
.lefttitle1{ width:190px; float:left; background-image:url(lefttitle1.jpg); height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#000; font-weight:bold; text-indent:15px;}
.leftbody1{ width:170px !important; width:190px;padding:10px; background-color:#999;}
.end1{ width:100%; height:10px; background-image:url(end1.jpg); overflow:hidden}
.end2{ width:100%; height:10px; background-image:url(end2.jpg); overflow:hidden}
.group_list{ height:30px; line-height:30px; vertical-align:middle; text-align:left; overflow:hidden; border-bottom:1px dotted #d1d1d1;}
.group_list a:link { color: #ffffff; text-decoration: none; }
.group_list a:visited { color: #ffffff; text-decoration: none; }
.group_list a:hover { color: #ffffff ; text-decoration: underline; }
.group_list a:active {color: #ffffff; text-decoration: none;  }

.lefttitle9{ width:190px; float:left; background-image:url(lefttitle9.jpg); height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#000; font-weight:bold; text-indent:15px;}
.leftbody9{ width:170px !important; width:190px;padding:10px; background-color:#eff3f4}
.end9{ width:100%; height:10px; background-image:url(end9.jpg); overflow:hidden}

.category_first a:link { color: #325573; text-decoration: none; }
.category_first a:visited { color: #325573; text-decoration: none; }
.category_first a:hover { color: #ffffff ; text-decoration: underline; }
.category_first a:active {color: #325573; text-decoration: none;  }
.help{ list-style-image:url(second_dot.jpg); height:30px; line-height:30px; vertical-align:middle; text-align:left; overflow:hidden}
.groupmain{ height:25px; line-height:25px; vertical-align:middle; text-align:left; overflow:hidden; font-weight:bold}
.category_first{ height:25px; line-height:25px; vertical-align:middle; text-align:left; overflow:hidden; font-weight:bold; border-bottom:1px dotted #ccc; margin-bottom:10px; margin-top:10px}

.category_first2{text-align:left; border-bottom:1px dotted #ccc; margin-bottom:5px; margin-top:5px; padding-top:6px; padding-bottom:6px; line-height:120%}

.secondcate{ height:25px; line-height:25px; vertical-align:middle; text-align:left; overflow:hidden; list-style:none}
.indexad{ width:100%; margin-bottom:10px}
.bottomad{ width:100%;}
.sdot{ font-weight:bold; font-size:8px; color:#CCCCCC}

.sgroup{ background-color:#e9e9e9; width:100%; margin-bottom:10px; padding-bottom:10px}
.sleftbody{ padding:15px}
.subm{ float:left; display:block; width:24%; text-align:left}
.catedes{ padding:10px; line-height:150%; text-align:left; border:1px solid #e9e9e9; margin-bottom:10px}

.topad{ text-align:left; margin-bottom:10px;}
.topword{ margin-bottom:10px; width:634px}
.xxtop{ width:100%; background-image:url(xxtop.jpg); height:15px; overflow:hidden}
.xxbody{width:612px !important; width:634px;padding-left:10px;padding-right:10px; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb; text-align:left; line-height:200%}
.xxbottom{ width:100%; background-image:url(xxbottom.jpg); height:20px; overflow:hidden}
/*----模板右边-----*/
#right{width: 800px;float: right;height:100%}
#rightleft{ width:634px; float:left}
#rightright{ width:156px; float:right}
/*----模板首页----Homepage.aspx-----*/
/*----推荐商品-----*/
.sug{width: 100%;}
.sug_start{ width:100%; height:22px; border-bottom:1px solid #dbdbdb}
.sug_title{float:left; height:22px; line-height:22px; vertical-align:middle; text-align:left; color:#325573; font-weight:bold; text-indent:15px; font-size:13px}
.sug_more{float:right; height:22px; line-height:22px; vertical-align:middle; text-align:right; padding-right:6px}
.sug_mid{width:614px !important; width:634px;padding:10px;}
.sug_mid ul{width:100%; text-align:left; float:left; margin-left:-10px;}
.sug_mid ul li{ width:46%; float:left; display:block; margin-top:10px; margin-left:15px}

.sug_mid8{width:614px !important; width:634px;padding:10px;}
.sug_mid8 ul{width:100%; text-align:left; float:left; margin-left:-5px;}
.sug_mid8 ul li{ width:23%; float:left; display:block; margin-left:10px; border:1px solid #e2e7eb; background-color:#f2f3f7; padding-top:10px; padding-bottom:10px; margin-top:10px}

.sug_mid2{width:614px !important; width:634px;padding:10px; margin-top:-10px}
.sug_mid2 ul{width:100%; text-align:left; float:left; margin-left:0; padding-left:10px}
.sug_mid2 ul li{ width:49%; float:left; display:block;}
.news{width:156px; }
.rightad{line-height:200%; text-align:left; background-color:#ebeef3; padding:5px; margin-top:10px}
.news1{ width:100%; background-image:url(top1.jpg); height:10px; overflow:hidden}
.news2{ width:146px !important;width:100%; background-color:#ebeef3;padding:5px}
.news3{ width:100%; background-image:url(bottom1.jpg); height:10px; overflow:hidden}
.newstitle{ width:100%; height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#325573; font-weight:bold; text-indent:15px; font-size:13px;background-image:url(top1.jpg);}
.newslist{ text-align:left; border-bottom:1px dotted #ccc; margin-bottom:5px; margin-top:5px; padding-top:6px; padding-bottom:6px; line-height:120%}
/*----二级产品页面----Second.aspx-----*/
#second_nav{width: 800px; height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#000; font-weight:bold; text-indent:15px; background-image:url(secondjpg.jpg)}
.rightbody{width:798px !important;width:800px;border:1px solid #e9e9e9; background-color:#fff; border-top:none}
#sort{  height:22px; line-height:22px; vertical-align:middle; text-align:right; color:#000; padding-right:6px}
#second_prd{ width:100%; text-align:left}
#second_prd ul{ width:100%; margin-left:0; float:left}
#second_prd ul li{ width:100%;  display:block; text-align:left; border-bottom:1px solid #e9e9e9;}
.second_pic{ float:left; width:30%; text-align:center;padding-bottom:10px; padding-top:10px}
.second_prd_info{float:right; width:70%;}
.second_prd_name{  height:30px; line-height:30px ; vertical-align:middle; text-align:left;width:100%; font-weight:bold;font-size:13px}
.second_prd_des{  line-height:120%; text-align:left;width:100%; font-size:13px}
.second_price{  height:22px; line-height:22px; vertical-align:middle; text-align:left;width:100%;}
.second_prd_start{ width:100%; border-bottom:1px solid #e9e9e9; margin-top:6px}
.second_att{  text-align:center; margin-top:6px}
.second_buy{ text-align:right; margin-top:10px; padding-right:6px}
.second_buy a:link { color: #ff0000; text-decoration: none; }
.second_buy a:visited { color: #ff0000; text-decoration: none; }
.second_buy a:hover { color: #ff0000 ; text-decoration: underline; }
.second_buy a:active {color: #ff0000; text-decoration: none;  }
.listpage{ height:22px; background-color:#ccd6e0; line-height:22px; vertical-align:middle; text-align:right;  padding-right:20px}
.PageList{ float:right}
.Number{ display:block; float:left; width:20px; text-align:center}
.char{ display:block; float:left; padding-left:4px; padding-right:4px; text-align:center}
/*----商品详细页面----ProductDetail.aspx----*/
#prd{width: 798px;float: right; margin-top:5px; margin-bottom:5px}
#prd_pic{width: 400px;float: left;text-align: center; padding:10px}
#prd_info{width: 370px;float: left;text-align: left;}
#prd_name{float:left;  line-height:25px ;margin-bottom:10px; vertical-align:middle; text-align:left;width: 100%; font-weight:bold}
#startlist{float:left; width:100%; margin-top:3px; margin-bottom:3px}
#prd_des2{ float:left; line-height:120%; text-align:left;}
.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%;margin-top:15px; }
.prd_title{width: 800px; float:left; background-image:url(righttitlebg.jpg); height:22px; line-height:22px; vertical-align:middle; text-align:left; color:#000; font-weight:bold; text-indent:15px; margin-top:10px;}
#prd_dis{ width:100%; float:left; text-align:center;}
#prd_more{width:778px !important;width:800px;border:1px solid #e9e9e9; background-color:#fff; border-top:none; padding:10px; text-align:left; color:#666666}
#prd_rel{width:778px !important;width:800px;border:1px solid #e9e9e9; background-color:#fff; border-top:none; padding:10px}
#prd_rel ul{width:100%; text-align:center; float:right; margin-left:0px;}
#prd_rel ul li{ width:19%; float:left; display:block; text-align:center}
.prd_titlex{float:left; margin-top:10px; border:1px solid #e9e9e9; border-bottom:none}
.pdblok{ float:left; background-color:#98adc2;padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; border:1px solid #fff; font-weight:bold; color:#FFFFFF; cursor:pointer}
.cpdblok{ float:left; text-align:center; background-color:#fff; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; border:1px solid #fff; font-weight:bold; color:#325573;cursor:pointer}
.prd_more{ display:none}
.cprd_more{ width:778px !important;width:800px;border:1px solid #e9e9e9; background-color:#fff; line-height:200%; text-align:left; padding:10px}
/*-----购物车模板----Viewcart.aspx----*/
.viewcart_button{ width: 100%; float: right; clear: right; border-bottom: 1px solid #e9e9e9; 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: 8px;margin-top:10px}
#shoppingcart ul li{ width: 16%; float: left; display: block;text-align: center;border-bottom:1px dotted #ccc; padding-bottom:10px; height:70px; padding-top:10px}
#chekout{width: 100%;float: left;text-align: right; margin-top:5px}
/*----内容页面-----contentdetail.aspx----*/
.alltitle{width: 800px; float:left; background-image:url(righttitlebg.jpg); height:22px; line-height:22px; vertical-align:middle; text-align:left; color:#000; font-weight:bold; text-indent:15px;}
.alltitle h1{ font-size:13px; font-weight:bold}
.allbody{ width:778px !important;width:800px;border:1px solid #e9e9e9; background-color:#fff; border-top:none; padding:10px; text-align:left; line-height:200%}
.newpages{ width:778px !important;width:800px;border:1px solid #e9e9e9;font-size: 12pt; font-family: Arial; background-color:#fff; padding:10px; text-align:left;line-height:200%}
.groupnote{ width:778px !important;width:800px;border:1px solid #A5B5C0; background-color:#F0F4F7; padding:10px; text-align:left; margin-bottom:10px}
/*----高级搜索----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 #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:798px !important;width:800px;float: left; padding-top:10px; padding-bottom:15px; margin-bottom:10px; border:1px solid #A5B5C0;}
.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}

.contentlist{ padding:5px}
.contentlist ul{ width:100%; margin-left:0}
.contentlist ul li{ width:100%; height:30px; line-height:30px; vertical-align:middle; text-align:left; border-bottom:1px dotted #ccc}

#ProductCategoryTag{ float:left; margin-left:6px}
#ProductCategoryTag a{ border:1px solid #ccc; padding:6px; margin-left:4px}
#rrrr{ float:right}

#ProductTag{ margin-bottom:15px; }
#ProductTag a{ padding:4px; }

.leftcc{ background-color:#ebeef3; padding:6px; line-height:200%; margin-bottom:10px}
.morel{ text-align:right; padding-right:6px}
.morer{ text-align:right; padding-right:6px}
.welcome{ width:100%; text-align:left; font-size:17px; font-weight:bold; margin-bottom:10px}