/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color:#5C5C5C;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}

a {
	color: #607203;
           text-decoration: none;

}

a:hover {
	text-decoration:underline;
	color: #327C8E;
}
.clear{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#pages { margin-top:5px;}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#wrap{
	width:980px;
	margin:0 auto;
	padding:0 0 32px 0;
}
/*------------------------------------------------left--------------------*/
#sidebar{
	width:247px;
	float:left;
}

#sidebar p.sidebarTop{
	display:block;
	background:url(images/last_top.gif) 0 0 no-repeat;
	width:214px;
	height:6px;
	font-size:0;
	line-height:0;
	margin:13px 0 0 16px;
}
#categoryList, #link, #anouncement,#chinee_tags{
	background:url(images/right_1px.gif) 0 0 repeat-y;
	width:214px;
	float:left;
	margin:0px 0 0 16px;
	_margin:0px 0 0 8px;
}

#categoryList h2, #link h2, #anouncement h2,#chinee_tags h2{
	display:block;
	width:194px;
	height:25px;
	background:url(images/responsible_bg.gif) 0 0 repeat-x;
	margin:0 0 3px 6px;
	padding:10px 0 0 8px;
}
#categoryList h2 span, #link h2 span, #anouncement h2 span #chinee_tags h2 span {
	background:url(images/bullet_red.gif) 0 6px no-repeat;
	padding:0 0 0 15px;
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#101010;
	background-color:inherit;
}
#categoryList ul, #link ul, #anouncement ul, #chinee_tags ul{
	width:202px;
	padding:0 0 15px 0;
	margin:0 0 0 6px;
	font-size:0;
	line-height:0;
}
#categoryList ul li, #link ul li, #anouncement ul li,#chinee_tags ul li{
	display:block;
	background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
	height:24px;
	padding:0 0 0 8px;
	margin:0 0 3px 0;
	line-height:0;
	font-size:0;
}
#categoryList ul li a, #link ul li a, #anouncement ul li a, #chinee_tags ul li a{
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#788C11;
	background-color:inherit;
	text-decoration:none;
}
#categoryList ul li a:hover, #link ul li a:hover, #anouncement ul li a:hover,#chinee_tags ul li a:hover{
	color:#000;
	background-color:inherit;
}

#categoryList h3{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#B87B05;
	background-color:inherit;
	display:block;
	margin:0 0 10px 13px;
}
#categoryList p.lastTxt{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#5C5C5C;
	background-color:inherit;
	margin:0 0 0 13px;
	display:block;
	width:190px;
}
#categoryList a.plan{
	color:#607203;
	background-color:inherit;
	text-decoration:underline;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	margin:0 0 13px 13px;
	display:block;
	width:135px;
	
	
}
#categoryList a.plan:hover{
	color:#000;
	background-color:inherit;
	text-decoration:underline;
}
#sidebar p.sidebarBot{
    margin:0 0 10px 16px;
	display:block;
	width:214px;
	height:22px;
	background:url(images/last_bot.gif) 0 0 no-repeat;
}
#sidebar h3 a{ color:#C67B00; text-decoration:none;}
#sidebar h3 a:hover{ color:#000000;}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#header .logo{
	display:block;
	width:247px;
	height:97px;
}
#header ul.nav{
	width:700px;
	height:36px;
	float:left;
	margin:-84px 0 0 260px;
	_margin:-84px 0 0 130px;
}
#header ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(images/nav_div.gif) right top;
}
#header ul.nav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 8px;
}
#header ul.nav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#header ul.nav li a.current{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 8px;
}
#header ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}

#header ul.link{
	width:705px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
#header ul.link li.subLink{
	float:left;
	width:59px;
	display:block;
	padding:0 5px 0 0;
	}

#searchBar {
	float: right;
	width:230px;
	display:block;
	margin:-45px 0 0 0px!important;*+margin:-45 0 0 0px;_margin:-45px 0 0 0px;
	}
#searchBar fieldset {
	margin: 0;
	padding: 0;
	border: none;
	display:inline;
}

#searchBar .field{
                width:150px;
				}

#searchBar .btn {
	display:inline;
	background:url(images/serch_hover.gif) 0 0 no-repeat;
	width:59px;
	height:21px;
}
#bookmark{ 
           position:absolute; right:1px; top:60px;}
	   
#bookmark img{ border:none;}	

#topsearch{ font-size:13px;margin:-40px 0 0 265px;float:left;*margin:-40 0 0 400px;_margin:-40px 0 0 265px;
           position:absolute;}
#topsearch a{ font-size:13px;}
*+html #topsearch{ margin:-40px 0 0 265px;}			   






#content{  
	width:715px;
	float:right;
	padding:13px 0 0 0;  
}
#content .catintroduce{
padding:8px;
border: 2px solid #BBDDFF;
}
#content .line{
text-align:left;
}

#content .key{
clear:both;
}
/*----------------------商品信息--------------------*/
#siteMap h2{
padding:12px 0px;
clear:both;
}
#siteMap h3{
margin:12px 0 2px 0;
clear:both;
}
#siteMap #subProList{
border-top:dashed 1px #3399FF;
padding:16px 0px;
list-style-type:none;
}

#siteMap #subProList li{
width:80px;
margin:1px 12px;
font-size:14px;
float:left;
}




#intro{   	width:690px;
         background:url(images/right_bottom_1px.gif) 0 0 repeat-y;
	}


#intro img{ margin-left:10px; margin-top:0px; 
float:left;}


#intro p.top{    
	display:block;
	background:url(images/right_bottom_top.gif) 0 0 no-repeat;
	width:690px;
	height:6px;
	font-size:0;
	line-height:0;
}
#intro p.bot{    
	display:block;
	background:url(images/right_bottom_bot.gif) 0 0 no-repeat;
	width:690px;
	height:6px;
	font-size:0;
	line-height:0;
}
#subintro{   
	width:625px;
	margin:0 auto;
	background:url(images/right_bottom_yellow_1px.gif) 0 0 repeat-x #FFFDF9;
	color:#000;
	padding:0 28px 0 25px;
}
#subintro h1{
	display:block;
	background:url(images/more_success.gif) 0 0 no-repeat;
	width:300px;
	height:40px;
	margin:10px 0;
	text-indent:-2000px;
	float:left;
}
#subintro h2{
	margin:10px 0;
	float:left;
          	width:300px;
	height:56px;
    font:bold 24px/40px Arial, Helvetica, sans-serif;
	color:#327C8E;
	display:block;
}
#subintro a.whatMore{
	display:block;
	background:url(images/what_more.gif) 0 0 no-repeat;
	width:59px;
	height:43px;
	float:right;
}
#subintro a.whatMore:hover{
	background:url(images/what_more_hover.gif) 0 0 no-repeat;
}
#subintro .introContent{  
 	width:450px;
	background:url(images/bottom_link_1px.gif) 0 0 repeat-x;
	padding:14px 12px 32px 12px;
	float:left;
	font-size:12px;
	color:#5E543A;
	text-indent:1.8em;
}


#best, #catalog, #pic,#articleFrame{
	width:675px;
	border:#F4F4F4 solid 4px;
	padding:0px 5px 12px 10px;
	margin:12px 0 0 0;
}
#childcat {width:100%;}
#best h2, #catalog h2{
	display:block;
        margin:12px 0 0 0;
	width:auto;
	height:40px;
	float:left;
	clear:both;
	
}

#pic_block{ margin-top:5px; clear:both ;  }

#display_block {padding:20px;float:right; text-align:justify; 
         margin:10px 0 10px 0; width:603px; height:inherit;
}
#display_block .introduce{ margin:60px 0 0 155px; }



.thumb {width:120px; float:left; height:145px; margin-left:8px; }
 *html .thumb {width:120px; float:left; height:145px; margin-left:2px; }   /*IE6*/ 
 *+html .thumb {width:120px; float:left; height:145px; margin-left:8px; }   /*IE7*/ 
.thumb img { width:120px; height:120px; border:none; text-align:center; }
.thumb h3 {display:block; padding:3px; text-align:center;}
.thumb span {display:block; padding:2px; text-align:center;  }
.thumb .price {color:#993300; font-weight:bold; }
.thumb span img {border:none!important;}
.thumb span a {border:none!important;text-align:center; color:#607203;}
.thumb span a:hover {border:none!important; text-decoration:none; text-align:center;color:#000; text-decoration:none;}
img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}


.image { FLOAT: left; WIDTH: 163px; MARGIN-RIGHT: 5px; MARGIN-TOP: 15px; 
        HEIGHT: 165px; _margin: -2px;  padding-bottom:5px;  text-align:center;  }
.image {MARGIN-RIGHT: 5px; MARGIN-TOP: 15px;}
 *html  .image {MARGIN-RIGHT: 5px; MARGIN-TOP: 15px;}    /*IE6*/ 
 *+html .image {MARGIN-RIGHT: 5px; MARGIN-TOP: 15px;}     /*IE7*/ 
.image A {MARGIN: 0px;}
.image ul li SPAN { clear:both;FONT-SIZE:12px; COLOR: #3d3d3d; height:15px; width:100%;}
.image ul li SPAN strong a{ font-size:14px;clear:both;  display:block;}
.image .box1 { float:left; width:17px; padding-top:5px; }
.image A img { float: left; MARGIN-left:1px; border:dotted  1px #716148;}
.image UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
.image UL LI { LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none; margin:0 auto 0 auto; }

#recommend h2, #newproducts h2, #articleFrame h2, #childcat h2, #product h2 {
	width:auto;
	font:bold 18px/32px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}

    /*产品详细内容图片盒css*/
#imagebox {width:97%;}
#imagebox #contentimage {width:461px; float:left; border:#009966 1px dashed; }
#script {float:left; width:126px;  margin-left:20px;  }
   /*产品详细内容图片盒css*/

    /*购物车横条css*/
.cart {
	CLEAR: both; BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 35px;
          BACKGROUND: url(images/listBatch_T.gif) #85c226 no-repeat 14px 8px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; 
          PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 30px;  TEXT-ALIGN: left ;margin-left:0;
}
.carb {
	CLEAR: both; BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 35px; 
           BACKGROUND: url(images/listBatch_B.gif) #85c226 no-repeat 14px 8px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 5px;
           BORDER-BOTTOM: #999999 1px solid; HEIGHT: 30px; TEXT-ALIGN: left ; margin-top:10px;
}
   /*购物车横条css*/



#breadcrumb{  font-size:12px; clear:both; }

#info {float:left; font-size:13px; padding:20px 0 20px 20px; width:100% ;  }
.choose {float:left; width:100%;}
.page {clear:both;}
.page li a{ color:#607203; font-weight:bold;}
.page li a:hover{ color:#327C8E;font-weight:bold; text-decoration:none;}



#recommend p.more a, #newproducts p.more a, #articleFrame p.more a, #childcat p.more a {
	background:url(images/more.gif) 0 0 no-repeat;
	width:69px;
	height:18px;
	display:block;
	float:right;
	margin-top:5px;
	clear:both;
}
#recommend p.more a:hover, #newproducts p.more a:hover, #articleFrame p.more a:hover, #childcat p.more a:hover{
	background:url(images/more_hover.gif) 0 0 no-repeat;
}
#top p.top a{
	background:url(images/top.gif) 0 0 no-repeat;
	width:69px;
	height:18px;
	display:block;
	float:right;
	margin-top:10px;
	margin-right:42px;
	clear:both;
}
#top p.top a:hover{
	background:url(images/top_hover.gif) 0 0 no-repeat;
}


#articleFrame{min-height:280px; _height:280}

#articleFrame .headline { margin:10px auto auto 0; background-color:#798D12 ; list-style:none; display:block; color:#FFFFFF; padding:2px;}
#articleFrame .headline  a { color:#FFFfff; }

#articleFrame .articleLeft, .articleRight { width:45%; height:160px; margin-left:15px;_margin-left:5px; margin-bottom:30px;_margin-bottom:10px; margin-top:25px; }
#articleFrame .articleLeft li, .articleRight li { padding-bottom:3px;}
#articleFrame .articleLeft a, .articleRight a { font-size:14px;}
#articleFrame .articleLeft { float:left; padding-left:13px;}
#articleFrame .articleRight { float:right;}

#articleFrame .articleLeft li a:link {
    font:bold;
	color:#607203;
	text-decoration: none;
} 
#articleFrame .articleRight li a:link {
    font:bold;
	color:#607203;
	text-decoration: none;
}
#articleFrame .articleLeft a:visited {
	font:bold;
	color:#607203;
	text-decoration: none;
} 
#articleFrame .articleRight a:visited {
	font:bold;
	color:#607203;
	text-decoration: none;
}
#articleFrame .articleLeft li a:hover {
    font:bold;
	color:#000;
} 
#articleFrame .articleRight li a:hover {
    font:bold;
	color:#000;
}
#articleFrame .articleLeft a:active {
	font:bold;
	color:#607203;
	text-decoration: none;
} 
#articleFrame .articleRight a:active {
	font:bold;
	color:#607203;
	text-decoration: none;
}	
.article {text-indent:2em; 
}
.line { margin-bottom:5px; text-align:center;  }

				


/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{ 
        clear:both;
        width:100%;
	height:170px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	padding:26px 0 0 0;
	margin-top:10px;
}
#footer{ 	width:750px;  
	height:160px;
	margin:0 auto;
	position:relative;
}
#footer .footmenu{ 
          text-align:center; 
	width:750px;
	position:absolute;
	left:0;
	top:0;
}

#footer p.copyright{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	position:absolute;
	left:205px;
	top:33px;
	color:#5B6A14;
	background-color:inherit;
	width:300px;
}
#footer p.copyright img{ border:none;}
#footer p.phone{
	display:block;
	width:580px;
	height:110px;
	padding-top:3px;
	position:absolute;
	margin-left:105px;
	/*_margin-left:5px;*/
	top:49px;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-align:center;
}

/*------------------------------------------------footer--------------------*/

.catimage { width:320px;  text-align:center; float:left; display:block;}
.catimage .catinfo { width:150px; float:left; line-height:2em; margin-right:3px;  height:100%; }
.catimage  .catinfo p { height:130px;width:150px; margin-left:10px; line-height:1.6em; clear:both; height:100x; overflow:hidden;}
.catimage .thumb img{ width:140px; height:129px;}

#container12 { FLOAT: left; WIDTH:100%; margin-top:30px; height:35px; }
#container12 h2 {float:left;  width:450px; }
#container12 p.more { float:right ; width:90px;}

/*单网页内容css*/
#content .dan img { height:auto; width:auto;}
#content .dan div{ text-align:left; float:left; width:100%;}
#content .dan .pagepic img{ width:200px; height:200px; float:left;}
#content .dan .table div{ text-align:left; width:20%; margin-top:auto;}
#content .dan .table div img { width:auto; height:auto;}
#content .dan .table p { height:50px; text-align:center; width:100px;}
#content .dan div img { text-align::center;}
#content .dan .barpic img {width:98%; height:175px; margin:5% auto 0 auto; }
#content .dan .barpic { padding-bottom:30px; border-bottom: dotted 2px ;}
#content .dan .w { margin:20px 0 20px 0;}
#content .dan .h img{ width:auto; height:auto; border:0;}
#content .dan .he { margin-top:30px; font-size:16px; color:#006699;} 
#content .dan .catbook table{ background: #E8E8E8; }
#content .dan .catbook table img { width:200px; height:275px;}
.catalogs table { text-align:center; font-size:19px;}
.catalogs table a { color: #3366FF;}
.catalogs table a:hover{ color: #CC3300; text-decoration:none;}
/*单网页内容css*/


/*20090505*/
.selectdown{background:url(images/selectdown.gif) no-repeat 8px 3px;padding-top:3px; padding-bottom:3px; padding-left:35px;  color: #666666;
            margin-bottom:10px; clear:both; font-size:13px;margin-top:10px;border:#94A63E 1px dotted;}
.selectup{background:url(images/selectup.gif) no-repeat 8px 5px; padding-top:3px; padding-bottom:3px; padding-left:35px;  color: ##666666; 
             margin-bottom:10px;clear:both;font-size:13px; margin-top:10px;border:#94A63E 1px dotted; }
.selectdown input, .selectup input{ height:20px; padding:0; margin:0; color: #666600; background:#fff; border: solid #666666 1px;}
/*20090505 */


/* products display */
.singlepic { float:left; width:96%; margin-left:10px; border-bottom:1px dotted ; font-size:12px;    }
.singlepic .introduce{ float:left; padding:30px 0px; width:70%; font-size:13px; font-style:italic;}
.singlepic .introduce a{ text-decoration:underline;}
.singlepic a {border:none!important; text-decoration:none; color:#9FA289; text-align:center;   }
.singlepic a:hover{border:none!important; text-decoration:underline; color:#8D0000; text-align:center;}

.singlepic .detailpic{ width:170px; float:left; text-align:center; padding:5px;  }
.singlepic .detailpic .smallpic img{ width:140px; height:129px; float:left;  margin-left:5px; border: solid  1px #716148; }
.checkbox{ width:15px; float:left;}


#recommend .thumb a img{border: solid  1px #716148;}
#online_server_a{
position:absolute;
float:left;
top:1530px;
margin-left:30px;
width:161px;
height:61px;
}
#online_server{
margin-top:40px;
width:161px;
height:61px;
}