@charset "utf-8";
body,h2,h3,ul,li,p,dl,dt,dd{margin:0;padding:0;}
body{font-size:12px;font-family:,Tahoma,Georgia,Arial,sans-serif;background-color:#FFF;}
ul,li{list-style:none;}
a{color:#646464;text-decoration:none;}
a:hover{text-decoration:underline;}
img,input,select{vertical-align:middle;}
img{border:none;}
h3,h4{font-size:12px;}
.wrap{width:982px;padding:6px 9px 0;margin:0 auto;}
.clear{clear:both;display:block;height:0;font-size:0;overflow:hidden;}
/* for nav logo */
#head{width:1000px;margin:0 auto;position:relative;}
#logo{height:60px;padding-top:10px;text-align:center;}
#logo a{position:relative;z-index:10;outline:none;}
#nav{position:absolute;top:35px;width:100%;height:26px; float:left;}
#nav li{float:left;width:68px;height:26px;line-height:26px;background:url(../images/bg_topnav.gif) 0 0 no-repeat;text-align:center;}
#nav li a{color:#FF743D;text-decoration:none;font-weight:bolder;outline:none;}
.leftnav{float:left;padding-left:10px;}
.leftnav li{margin-right:10px;}
.rightnav{float:right;padding-right:10px;}
.rightnav li{margin-left:10px;}
/* for search */
#search{width:1000px;margin:0 auto;height:42px;background:url(../images/bg_search.gif) 0 0 repeat-x;}
#saletel{float:left;width:161px;height:42px;padding-left:66px;background:url(../images/bg_saletel.gif) 0 6px no-repeat;color:#656565;line-height:12px;}
.sale{float:left;width:56px;margin-top:18px;}
.tellist{float:left;margin-top:8px;line-height:16px;}
#searchbar{float:left;padding:0 20px 0 20px;color:#FFF;background:url(../images/bg_magnifier.gif) right 12px no-repeat;}
#searchbar select{width:500px;height:22px;margin:0 12px;}
.searchbtn{width:40px;height:20px;background:url(../images/btn_search.gif) 0 0 no-repeat;border:none;}
#online{float:right;width:226px;height:42px;background:url(../images/bg_online.gif) 0 6px no-repeat;}
.onlinelist{padding-top:14px;}
.onlinelist li{float:left;padding-left:30px;}
/* for pricelist flash */
.wrapleft{float:left;width:770px;}
#leftpricebox{float:left;width:206px;}
.box1{width:206px;padding-bottom:5px;background:url(../images/bg_boxfoot.gif) 0 bottom no-repeat;}
.box1 .boxtitle{height:22px;line-height:22px;padding-top:4px;background:url(../images/bg_boxhead.gif) 0 0 no-repeat;}
.box1 h3{color:#009408;text-indent:14px;border:1px solid #E0E0E0;border-top:none;}
.box1 .boxcontent{border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;}
.pricelist{width:100%;overflow:hidden;padding:2px 0 3px;}
.pricelist li{float:left;margin:6px 0 0 5px;width:95px;height:29px;line-height:29px;background:url(../images/btn_price.gif) 0 0 no-repeat;display:inline;text-align:center;}
.pricelist b{float:left;color:#FF8A1C;padding-left:8px;width:22px;}

.note{height:26px;line-height:26px;margin-top:3px;border:1px solid #E0E0E0;background-color:#F4F4F4;text-align:center;}
.note a{display:block;width:100%;font-size:14px;color:#FF5100;text-decoration:none;font-weight:bold;}
#flash{float:left;width:560px;height:242px;overflow:hidden;margin-left:4px;}
/*for sort*/
.present,
.sort{height:24px;background:url(../images/sort.gif) 0 0 no-repeat;clear:both;margin:6px 0 3px;}
.box2{border:1px solid #C4C4C4;}
.box2 .boxtitle{background:url(../images/bg_boxtit2.gif) 0 0 repeat-x;line-height:24px;border-bottom:1px solid #C4C4C4;}
ul.sortnav{width:100%;overflow:hidden;}
.sortnav li{float:left;padding-right:2px;}
.sortnav li.first{padding-left:8px;}

a.notfocus{background:url(../images/bg_boxtit2.gif) 0 0 repeat-x;}
a.focus{background:url(../images/bg_subnavon.gif) 0 0 repeat-x;}



.sortnav a{display:block;width:58px;height:24px;text-align:center;color:#6A6A6A;border-left:1px solid #C4C4C4;border-right:1px solid #C4C4C4;}
.sortnav a:hover{background:url(../images/bg_subnavon.gif) 0 0 repeat-x;border-color:#F2C862;text-decoration:none;}
ul.sortlist{width:740px;overflow:hidden;margin:0 auto;}
.sortlist li{float:left;width:74px;height:104px;overflow:hidden;text-align:center;}
.sortlist img{width:64px;height:64px;border:1px solid #DEDEDE;margin:7px auto 0;}
.sortlist p{line-height:30px;}
#sorttab1,
#sorttab2,
#sorttab3,
#sorttab4,
#sorttab5,
#sorttab6,
#sorttab7,
#sorttab8,
#sorttab9,
#sorttab10,
#sorttab11,
#presenttab1,
#presenttab2,
#presenttab3,
#presenttab4,
#presenttab5,
#presenttab6,
#presenttab7,
#presenttab8,
#presenttab9,
#presenttab10,
#presenttab11{display:none;}
/*for present*/
.present{background-image:url(../images/present.gif);}
/*for product*/
.margintop6{margin-top:6px;}
.box2 h3{color:#009408;text-indent:14px;}
h3.proch3{text-indent:40px;background:url(../images/ico_product.gif) 10px center no-repeat; color:#007f00;}
h3.proch31{text-indent:10px;color:#007f00;}
ul.sortwrap{width:737px;overflow:auto;margin:0 auto 8px;}
.sortwrap li{float:left;padding-right:11px;}
.sortwrap li.break{padding-right:0;}
dl.sortbox{margin-top:14px;width:176px;overflow:hidden;}
.sortbox em{color:#FFF;display:block;font-weight:bold;font-style:normal;}
.sorticoa{background:url(../images/ico_list1.gif) 5px center no-repeat;}
.sorticob{background:url(../images/ico_list2.gif) 5px center no-repeat;}
.sortbox dt{text-indent:18px;height:15px;line-height:15px;}
.sorttit1{background:url(../images/bg_sort1.gif) 0 0 no-repeat;}
.sorttit2{background:url(../images/bg_sort2.gif) 0 0 no-repeat;}
.sorttit3{background:url(../images/bg_sort3.gif) 0 0 no-repeat;}
.sorttit4{background:url(../images/bg_sort4.gif) 0 0 no-repeat;}
.sortbox dd{/*height:96px;*/line-height:24px;padding:3px 0 0 8px;overflow:hidden;}

/*for classicalproduct*/
.box3{border:1px solid #C4C4C4;height:140px;overflow:hidden;margin-top:6px;}
h3.verticaltext{float:left;width:19px;background:url(../images/bg_boxtit4.gif) 0 0 repeat-y;padding:20px 0 0 6px;height:120px;border-right:1px solid #C4C4C4;color:#009408;}
ul.classicalproc{float:left;width:710px;padding-left:27px;overflow:hidden;}
.classicalproc li{float:left;width:98px;height:140px;margin-right:20px;text-align:center;overflow:hidden;}
.classicalproc img{border:1px solid #CACACA;margin-top:14px;}
.classicalproc p{line-height:30px;}
.classicalproc a{color:#047A02;text-decoration:none;}
.classicalproc a:hover{text-decoration:underline;}
/*for order present*/
.wrapright{float:right;width:206px;}
ul.diylist{width:180px;overflow:auto;margin:0 auto;padding-top:4px;}
.diylist li{float:left;width:90px;height:103px;text-align:center;overflow:hidden;}
.diylist img{width:68px;height:68px;margin-top:5px;}
.diylist p{line-height:30px;}
.diylist a{color:#03060D;text-decoration:none;}
.diylist a:hover{text-decoration:underline;}
/*for civil brand*/
ul.brandlist{width:100%;overflow:auto;}
.brandlist li{float:left;width:68px;height:26px;line-height:26px;text-align:center;overflow:hidden;}
.brandlist li.border{background-color:#F1F1F1;border:1px solid #ECECEC;width:66px;height:24px;}
.brandlist li.thead{height:28px}
.brandlist li.theadborder{background-color:#F1F1F1;border:1px solid #ECECEC;width:66px;height:26px;}
.bggray{background-color:#F1F1F1;}
.brandlist a{color:#EB812B;text-decoration:none;}
.brandlist a:hover{text-decoration:underline;}
/*for festival present*/
.festival{width:163px;overflow:auto;margin:12px auto 0;}
.festival li{float:left;width:70px;height:96px;text-align:center;overflow:hidden;}
.festival img{width:66px;height:66px;padding:1px;border:1px solid #E3E3E3;}
.festival p{line-height:23px;}

.marg{margin-right:23px;}
/*for culture*/
.culture{width:100%;overflow:hidden;line-height:21px;padding:3px 0;}
.culture li{height:21px;overflow:hidden;text-indent:12px;}

/*for foot*/
.foot{width:982px;margin:10px auto 0;border-top:1px solid #C4C4C4;text-align:center;color:#656565;line-height:24px;}
ul.footlink{width:385px;overflow:hidden;margin:16px auto 8px;}
.footlink li{float:left;width:56px;line-height:13px;border-right:1px solid #656565;padding:0 4px;}
.footlink li.last{border:none;padding-right:0;}
.footlink li.first{padding-left:0;}

/*productlist*/
.prubox2{width:982px; margin:0 auto 8px; border:1px solid #C4C4C4;}
 .pruboxtitle{background:url(../images/bg_boxtit2.gif) 0 0 repeat-x;line-height:24px;border-bottom:1px solid #C4C4C4;}
 
 ul.prusortwrap{width:964px;overflow:auto;margin:0 auto;clear:both; float:right;}
.prusortwrap li{float:left;padding-right:11px;}
.prusortwrap li.break{padding-right:0;}
dl.prusortbox{margin-top:14px;width:180px;overflow:hidden;}

.prusortbox em{color:#FFF;display:block;font-weight:bold;font-style:normal;}
.prusorticoa{background:url(../images/ico_list1.gif) 5px center no-repeat;}
.prusorticob{background:url(../images/ico_list2.gif) 5px center no-repeat;}
.prusortbox dt{text-indent:18px;height:15px;line-height:15px;}
.prusorttit1{background:url(../images/bg_sort1.gif) 0 0 no-repeat;}
.prusorttit2{background:url(../images/bg_sort2.gif) 0 0 no-repeat;}
.prusorttit3{background:url(../images/bg_sort3.gif) 0 0 no-repeat;}
.prusorttit4{background:url(../images/bg_sort4.gif) 0 0 no-repeat;}
.prusortbox dd{/*height:96px;*/line-height:24px;padding:3px 0 0 8px;overflow:hidden;}

/*pricelist*/
h3.pricech3{text-indent:10px; color:#007f00;}
.pricebox2{width:982px; padding-top:6px; margin:0 auto 8px; border:1px solid #C4C4C4; padding-bottom:6px; }
 .priceboxtitle{background:url(../images/bg_boxtit2.gif) 0 0 repeat-x;line-height:24px;border-bottom:1px solid #C4C4C4;}
 ul.pricesortwrap{width:950px;overflow:hidden;margin:0 auto;clear:both; }
.pricesortwrap li{float:left; padding-right:30px; margin-top:3px;}
.pricecate{ float:left;  width:85px; }
.prccatename{line-height:24px; font-size:12px; font-weight:bold; color:#898989 }