/* CSS Document */
body{ margin:0; padding:0; background-color:#407201;font-family:Arial;font-size:12px; line-height:15px;}
body.retai{ background-color:#8D1600}
body.product{ background-color:#006672}
body.whol{ background-color:#613C10}
body.factory{ background-color:#381742}
div, h1, h2, h3, h4, p, form, label, input, ul,textarea, img, span{margin:0; padding:0}
a {  color:#727272;text-decoration: none;}
a:visited{ color:#727272;text-decoration: none;} 
a:hover{ color:#279800;text-decoration: none;}

.txt12 a {  color:#727272;text-decoration: none;}
.txt12 a:visited{ color:#727272;text-decoration: none;} 
.txt12 a:hover{ color:#279800;text-decoration: underline;}

.txt11w{ font-size:11px; color:#fff;}
.txt11w a:link{ font-size:11px; color:#fff;}
.txt11w a:visited{ font-size:11px; color:#fff;}
.txt11w a:hover{ font-size:11px; color:#fff;text-decoration: underline;}

.txt11 a { font-size:11px;color:#2E2E30;text-decoration: none;}
.txt11 a:visited{  font-size:11px;color:#2E2E30;text-decoration: none;} 
.txt11 a:hover{  font-size:11px;color:#CE4900;text-decoration: underline;}

.txt12red{ color:#A14747}
.txt12red a:link{ color:#A14747; text-decoration:underline}
.txt12red a:visited{ color:#A14747; text-decoration:underline}
.txt12red a:hover{ color:#A14747; text-decoration:none}

.txt12b{color: #262626;font-weight:bold; text-decoration:none}
.txt12b a:link{color: #262626;font-weight:bold; text-decoration:none}
.txt12b a:visited{color: #262626;font-weight:bold; text-decoration:none}
.txt12b a:hover{color: #262626;font-weight:bold; text-decoration:underline}

.txtgreen{ color:#6CAE00; font-size:11px; font-weight:bold}
input,select{ font-family:Arial, Helvetica, sans-serif; font-size:11px; height:20px; border:#CECECE 1px solid;color:#494949}

#outside{background:url(../images/bg-index.jpg) repeat-x; height:100%}
#outside-retai{background:url(../images/bg-retai.jpg) repeat-x; height:100%}
#outside-product{background:url(../images/bg-product.jpg) repeat-x; height:100%}
#outside-whol{background:url(../images/bg-whol.jpg) repeat-x; height:100%}
#outside-factory{background:url(../images/bg-factory.jpg) repeat-x; height:100%}

#header{ height:127px; width:1000px;}
#logo{ width:234px; height:125px; float:left;}

.index-logo{ background:url(../images/index-logo.jpg) no-repeat;}
.retai-logo{ background:url(../images/retai-logo.jpg) no-repeat;}
.product-logo{ background:url(../images/product-logo.jpg) no-repeat;}
.whol-logo{ background:url(../images/whol-logo.jpg) no-repeat;}
.factory-logo{ background:url(../images/factory-logo.jpg) no-repeat;}
.ad{ width:760px; float:right; padding-top:0px; text-align:center}
.myaccount{ width:400px; height:24px; float:right; text-align:left;display:block; margin-top:0px;}
.ad span.img{ display:block; float:left; padding-left:70px;}

.submit{ width:90px; height:20px; float:right; text-align:left;display:block; margin-top:10px;}
.submit img{ margin:4px 4px 0 4px;}

.submit span{ }
.button-index{ width:760px; float:right; margin-top:10px;}
.button-index ul{ list-style:none; float:right;margin:0; padding:0}
.button-index li{ float:left; width:108px; height:20px; padding-top:8px;color:#F5FFE4; font-size:14px; display:block; text-align:center; background:url(../images/button-green.gif) no-repeat; margin-left:8px;}
.button-index li a:link{color:#F5FFE4; font-size:14px;}
.button-index li a:visited{color:#F5FFE4; font-size:14px; }
.button-index li a:hover{color:#282828; font-size:14px;}
.button-index li.index{ background:url(../images/button-index.gif) no-repeat; width:108px; height:20px;}
.button-index li.retai{ background:url(../images/button-retai.gif) no-repeat; width:108px; height:20px;}
.button-index li.product{ background:url(../images/button-product.gif) no-repeat; width:108px; height:20px;}
.button-index li.whol{ background:url(../images/button-whol.gif) no-repeat; width:108px; height:20px;}
.button-index li.factory{ background:url(../images/button-factory.gif) no-repeat; width:108px; height:20px;}

.button-index li.right{ background:url(../images/button-right.gif) no-repeat; width:163px; font-size:11px;}
.button-index li.right a:link{ font-size:11px;}
.button-index li.right a:visited{font-size:11px;}
.button-index li.right a:hover{font-size:11px; color:#CCFF00; text-decoration:underline;}

#content{ width:1000px; margin:0; background:#fff;}
#content span.greenbg{ height:7px; background:#3E4E29; width:100%; display:block; float:left; overflow:hidden;} 
#yhpi{ background:#fff; margin:0px auto; width: 1000px;}

#main-left{ width:206px;display:block; text-align:center; float:left}
#main-center{ width:615px; display:block;float:left}
#main-submit{ width:790px; display:block;float:left}
#main-right{ width:178px; display:block; float:right; padding-top:10px}
#adlink{ width:1000px;}
#copyright{ width:1000px; display:block; clear:both; height:30px; float:left; padding:18px 0 30px 8px; font-size:11px; color:#fff}

.adbor{ border:#DCDDDF 1px solid; margin-bottom:10px;}
.imgbor{ border:#DCDDDF 1px solid; }
#search-bg{ background: url(../images/searchbg.jpg) no-repeat; height:38px; padding-top:7px; width:540px; padding-left:40px; margin-top:6px;}
.input{ background:url(../images/input-bg.jpg) repeat-x;height:17px;}
.incont{ width:99%; color:#727272;line-height:18px;}
fieldset {border: #BBC3B8 1px solid;clear: both;margin-bottom: 9px;overflow: hidden;padding: 4px 10px;}
legend { background:url(../images/ico-start.jpg) no-repeat 0.2em;color: #262626;font-weight:bold;margin-bottom: 9px;padding: 2px 6px 2px 18px;}
.tabcont{ font-size:12px;}
.tabcont ul{ list-style:none;}
.tabcont li{ width:115px; float:left}


.rightmain{ border-left:#CCC 1px solid; border-top:#CCC 1px solid;border-right:#CCC 1px solid;width:170px; margin-bottom:10px;}
.right-wbg{ border-bottom:#ccc 1px solid; height:58px;width:162px; padding:4px;}
.right-blackbg{ background-color:#eee; border-bottom:#ccc 1px solid; height:58px;width:162px; padding:4px;}
.righttabimg{ width:50px; height:50px; margin-top:4px;margin-right:4px; float:left;}
.righttxt{width:100px; height:52px; font-size:11px; padding-left:5px;float:left;}
.righttxt span.button{ display:block; float:right; text-align:right; width:100px;}

#left_menu{ margin-top:10px; width:195px; margin-left:6px;}


.addown{display:block;padding:18px 6px; background:url(../images/ad-downbg.jpg) repeat-x bottom; width:980px; border-top:#C0C0C0 1px solid}
.addown span{ display:block; width:auto; float:left; padding:0 10px; }


#menu_index_top li{list-style:none;margin-top:6px;padding-top:5px;height:29px;display:block;font-weight:bold;font-size:13px;background: url(../images/seeall.jpg) no-repeat;width:195px;}
#menu_index_top li a:link {color:#EFFFB0}
#menu_index_top li a:visited {color:#EFFFB0}
#menu_index_top lI A:hover {color:#274401}

#menu_index_top li.product{list-style:none;margin-top:6px;padding-top:5px;height:29px;display:block;font-weight:bold;font-size:13px;background: url(../images/seeall-product.jpg) no-repeat; color:#F0FBFD;width:195px;}
#menu_index_top li.product a:link {color:#F0FBFD}
#menu_index_top li.product a:visited {color:#F0FBFD}
#menu_index_top li.product A:hover {color:#F0FBFD}

#menu_index_top li.whol{list-style:none;margin-top:6px;padding-top:5px;height:29px;display:block;font-weight:bold;font-size:13px;background: url(../images/seeall-whol.jpg) no-repeat; color:#FEFBEF;width:195px;}
#menu_index_top li.whol a:link {color:#FEFBEF}
#menu_index_top li.whol a:visited {color:#FEFBEF}
#menu_index_top li.whol A:hover {color:#FEFBEF}

#menu_index_top li.factory{list-style:none;margin-top:6px;padding-top:5px;height:29px;display:block;font-weight:bold;font-size:13px;background: url(../images/seeall-factory.jpg) no-repeat; color:#F6EFFE;width:195px;}
#menu_index_top li.factory a:link {color:#F6EFFE}
#menu_index_top li.factory a:visited {color:#F6EFFE}
#menu_index_top li.factory A:hover {color:#F6EFFE}


.menu {margin-bottom:15px; text-align:left;padding-left:1px;background:#C7C7C7;float:left;padding-bottom:4px;width:188px;position:relative}

.menu ul {background: none transparent scroll repeat 0% 0%; float:left}

.menu ul ul {width:192px}

.menu ul li {border-top:#a6a6a6 1px solid;display:block;font-weight:bold;background: url(../images/menu_bg.jpg) repeat-x; float: left; width: 187px; line-height:24px; height: 26px}

.menu ul ul li {border-top-width:0px;border-right:#a6a6a6 1px solid;background: #FDFDFD;display:block;font-wieght:normal;border-left-width:1px;border-bottom-width:0px;width:167px;line-height:140%;padding:2px 0 2px 15px;height:auto;background-color:#fff}

.menu ul ul .b_top {border-right: #a6a6a6 1px solid; background-position: 0px 10px; border-top: #a6a6a6 1px solid; padding-top: 10px}

.menu a {padding-right:0px;display:block;padding-left:0px;font-size: 1em;float:left;padding-bottom:0px;width:180px;color:#2C2D32;text-indent:1em;padding-top:0px;height:100%;}

.menu a:visited {padding-right:0px;display:block;padding-left:0px;font-size:1em;float:left;padding-bottom:0px;width:180px;color:#2C2D32;text-indent:1em;padding-top:0px;height:100%;}

.menu ul ul li a {display:inline;background: url(../images/m no-repeat  transparent scroll 0% 0%; height:20px;font-weight:normal; width:auto; color:#2C2D32; text-indent:10px}

.menu ul ul li a:visited {display: inline; background: url(../images/unkonw.gif) no-repeat transparent scroll 0% 0%; height:20px;width: auto; color: #2C2D32; text-indent:10px}

.menu ul ul li a:hover {background: url(../images/unkonw.gif) no-repeat transparent scroll 0% 0%; color: #386800; height:20px;text-decoration:underline}

.menu table {padding-right: 0px; padding-left: 0px; font-size: 1em; z-index: 1; padding-bottom: 0px; margin: -1px; width: 0px; padding-top:0px; border-collapse: collapse; height: 0px}

HTML .menu A:hover {z-index: 100; background: url(../images/menu_arrow_bg.gif) #fff no-repeat -1px -150px; color: #386800; position:relative;}

.menu li:hover {position: relative}

.menu ul ul {background: url(../images/menu_arrow_bg.gif) no-repeat 0px 100%; left: 156px; padding-bottom: 4px; width: 183px; position: absolute; top: -10000000px; height: auto}

.menu ul :hover ul {top: -1px}

.select-free {z-index: 10; position: absolute}

.select-free iframe {display: block; z-index: -1; filter: mask(); left: 0px; width: 183px; position: absolute; top: 0px; height: 20px}


.page{ clear:both; display:block; float:left;width:580px;background:url(../images/page-bg.gif) no-repeat; height:33px; font-size:10px; float:left; padding:4px 15px 0 20px; }
.page select{height:16px; font-size:10px;}
.page input{height:15px; font-size:10px;}

.page-retai{ clear:both; display:block; float:left;width:580px;background:url(../images/page-bg-retai.gif) no-repeat; height:33px; font-size:10px; float:left; padding:4px 15px 0 20px; }
.page-retai select{height:16px; font-size:10px;}
.page-retai input{height:15px; font-size:10px;}

.page-pro{ clear:both; display:block; float:left;width:580px;background:url(../images/page-bg-pro.gif) no-repeat; height:33px; font-size:10px; float:left; padding:4px 15px 0 20px; }
.page-pro select{height:16px; font-size:10px;}
.page-pro input{height:15px; font-size:10px;}

.page-factory{ clear:both; display:block; float:left;width:580px;background:url(../images/page-bg-factory.gif) no-repeat; height:33px; font-size:10px; float:left; padding:4px 15px 0 20px; }
.page-factory select{height:16px; font-size:10px;}
.page-factory input{height:15px; font-size:10px;}


.pagedown{ clear:both; color:#000; display:block; float:left;width:580px;background:url(../images/page-bgdown.gif) no-repeat; height:33px; font-size:10px; float:left; padding:12px 15px 0 20px; }
.pagedown select{height:16px; font-size:10px;}
.pagedown input{height:15px; font-size:10px;}

.pagedown-retai{ clear:both;  color:#000;display:block; float:left;width:580px;background:url(../images/page-bgdown--retai.gif) no-repeat; height:33px; font-size:10px; float:left; padding:12px 15px 0 20px; }
.pagedown-retai select{height:16px; font-size:10px;}
.pagedown-retai input{height:15px; font-size:10px;}

.pagedown-pro{ clear:both;  color:#000;display:block; float:left;width:580px;background:url(../images/page-bgdown--pro.gif) no-repeat; height:33px; font-size:10px; float:left; padding:12px 15px 0 20px; }
.pagedown-pro select{height:16px; font-size:10px;}
.pagedown-pro input{height:15px; font-size:10px;}

.pagedown-factory{ clear:both;  color:#000;display:block; float:left;width:580px;background:url(../images/page-bgdown--factory.gif) no-repeat; height:33px; font-size:10px; float:left; padding:12px 15px 0 20px; }
.pagedown-factory select{height:16px; font-size:10px;}
.pagedown-factory input{height:15px; font-size:10px;}

.prolist{ display:block;width:580px; height:72px; float:left; margin-bottom:8px; margin-left:3px; background:url(../images/product-listbg.gif) repeat-x  bottom; border:#ccc 1px solid; padding:7px 10px; font-size:11px; color:#979797}
.prolist h3{ font-size:12px; display:block;font-weight:normal; color:#2B2D30}
.prolist span.visit{ display:block; float:left;background:url(../images/ico-seemore.gif)  no-repeat right; padding-right:18px}
.pro-pic{ width:130px;height:60px; float:left; margin-right:10px; margin-top:5px; display:block}
.product-pic{ width:68px;height:68px; float:left; margin-right:10px; margin-top:0px; display:block}