body {
	background-color: white;
	margin: 0;
	font-family: Georgia;
	width:970px;
 
}
p,div,h2,li{ color:#3a3534}
li{ font-family:Arial, Helvetica, sans-serif; list-style-type:none;}
#container {
	/*background-color: #709f30;*/
	font-size: 16px;
	margin:0 auto;
}

#header {
	padding-left: 5px;
	padding-top: 5px;
	/*height: 115px;*/    /*09727*/
	font-family: Georgia, Helvetica;
	font-size: 16px;
	background-color: #709f30;
	background:url(images/headerBg.gif) repeat-x;
	
}

#header img {
	vertical-align: middle; border:0; 
}
#header p.logo img {float:left;  width:125px;
}
#header #title { float:left; width:805px ; height:65px; margin-top:7px;  
}
#header #title h2.title2  a { float:left; color: #FF0000; font-weight: bold; font-size: 22pt; width:280px;
  margin-top: -15px; *margin-top: 0px !important;   
}
#header #title h3.title3 { float:left; width:790px; height:20px; display: inline-block; font-size: 12pt;
margin-top: 2px; *margin-top: 3px !important;     
}
#ruler {
           line-height:31px;
	width:950px;
	color:black;
	background-color: #f4e295;
	border-bottom: solid 1px gray;
	border-top:solid 1px gray;
           padding-left:20px;	
          /*padding-left: 16%;
	/*height: 30px;*/         /*090727*/
}


#ruler a, #ruler2 a {
	text-decoration: none;
          font-size: 13px;
	font-weight: bold;
	color: black;
	padding:10px 5px 9px 5px;;

}
#ruler a:hover, #ruler2 a:hover {
	background-color: #709f30; color:#FFF;
}

#navigation {
	padding: 0px;
	float: left;
	width: 210px;
	clear:both;
	height: auto;
	background-color: #709f30;
	overflow: hidden;
}

#navigation .linkbox {
           padding-left:6px;
	margin-bottom: 15px;
}
#navigation .linkbox ul{ margin:0px; padding-left:6px;}
#navigation .linkbox li {margin-bottom: 12px; font-size:18px;}
#navigation .linkbox li a:hover{  color:#FFF}
#navigation .linkbox ul li {
	margin-bottom: 12px;
}
#navigation .linkbox ul ul li{border-bottom: #666666 1px dashed;margin-bottom: 6px;font-size:14px}
/*#navigation .linkbox ul li a:visited{
}

#navigation .linkbox ul li a:hover{
	
}*/

/*#navigation .linkbox ul li ul li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	list-style-position: inside;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left:-28px;
}*/

#navigation .linkbox h2 {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 5px;
	text-transform: uppercase;
	background-color: #f4e295;
	font-size: 12px;}

#navigation .linkbox a {
	color: black;
}

#navigation .linkbox a:hover {
	color: red;
}
#navigation .linkbox a.current{
	color:#FFF;}
#main {
    background-color: #FFFFFF;
	margin:0;
	width:970px;
	overflow: visible;	/*border: solid 1px red;*/
}

#right {
}

/*
	content & right column
*/

#content {
	background-color: #FFFFFF;
	margin-left: 6px;
	margin-top: 0;
	/*padding-right: 400px;*/
	/*border-left: dashed 1px gray;;*/
	width:740px;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow:hidden;
}
#content p{ text-align:center;}
.table { margin-left:0px; margin-top:30px; float:left; }
.page { clear:both; margin-top:30px; _margin-left:0px;}

#content2 {
	background-color: #FFFFFF;
	margin-top: 0;
	/*padding-right: 400px;*/
	border-left: dashed 1px gray;
	width:725px;
	height: auto;
	padding: 5px;
}
#faq1{ width:500px;/*20090113 735px->500px*/
       height:42px;
	   margin-left:200px;
}
#orderterm{
            width:400px;
			height:27px;
            margin-left:200px;
			}

#content3 {
	height: auto;
	width:740px;
	float: left;
	background-color: #FFFFFF;
}

#content4 {
	width:970px;
	clear: both;
	background-color: #709f30;
	overflow: hidden;
	font-size:12px;
}
#content4 a{color:#3a3534;}
#container1 {
    background-color: #FFFFFF;
	margin-left: 210px;
	margin-top: 0;
	/*padding-right: 400px;*/
	border-left: dashed 1px gray;
	width:740px;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#content5 {
display:inline;
float:right;
margin:0 18px 0 0;
padding:0;
width:730px;
overflow:hidden;
z-index:1;
}


#content5 p {
clear:both;
line-height:1.4em;
text-align: left;
}

#content5 ul {
font-size:100%;
margin:10px 0 30px
}

#rightColumn {
	float: right;
	width:300px;
	/*border: dashed 1px gray;*/
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 20px;
}

#content h1 {
	font-size: 20px;
	border-bottom: dashed 1px gray;
	width:700px;
	margin: 5px;
}

#rightColumn h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	border-bottom: dashed 1px gray;
	margin-left: 5px;
	margin-right: 5px;
}

#content h2{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	background-color: #709f30;
	padding: 3px;
}
#rightColumn h2{margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	/*background-color: #709f30;*/
	padding: 3px;
}
#content h3, #rightColumn h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	/*background-color: #f4e295;*/
	padding: 3px;
}


#content p, #rightColumn p {
	text-indent: 25px;
}

#content .book:first-letter, #rightColumn .book:first-letter {
	float:left;
	font-size: 50px;
	color: black;
}

#content img, #rightColumn img {
	float: left;
	border: dashed 1px #709f30;
	margin: 5px;margin-top:0;
	/*padding: 3px;*/
}

#content th, #rightColumn th {
	font-size: 12px;
	font-style: italic;
	text-align: left;
}


#content tr.green td, #rightColumn tr.green td {
	/*background-color: #709f30;*/
	background-color: #8fa44d;
	border-top: dashed 1px gray;
}

#content tr.creme td, #rightColumn tr.creme td {
	background-color: #f4e295;
	border-top: dashed 1px gray;
}

#content ul, #rightColumn ul {
	list-style-image: url(images/arrow1.gif);
	/*list-style-image: url('images/arrow2.gif'); the lighter green */
}

#content ol, #rightColumn ol {
	
}
#description{
    background-color: white;
	margin: 0;
	font-family: Georgia;
	width:730px;
	text-align:left;
}



.text {
	width:735px;
	float: left;
}

#imageblock {
	/*padding-bottom: 10px; /*20090112*/
	font-size: 14px;
	width:740px;
	/*clear: both;*/
	text-align: center;
	height:100%;
	
}

#imageblock .image {
	width: 140px;
	height: 200px;      /*20090112   190px->170px*/
	margin:3px;   /*20090112   11px->5px*/
	_margin:-3px;
	float:left;
    margin-top:5px;
	margin-bottom:0;
	
      }

#imagetext {
	width: 100px;
    margin-bottom:0;
}


/*mine*/
#textblock {
    float:left;
	font-size:14px;
	width:740px;
	text-align:center;
	background-color:#FFFFFF;
}

#textblock .image {
	FLOAT: left; WIDTH: 350px; MARGIN-left: 5px; HEIGHT: 160px; _margin: -2px; margin-top:10px;
          padding-left:10px;
}
/*ʗҳ?ĿͼƬ*/
#textblock .image UL.introduce {
	FLOAT: left;  WIDTH: 360px; HEIGHT: 160px;
}
#textblock .image UL.introduce LI {
	FLOAT: left; WIDTH: 180px; HEIGHT: 10px
}
#textblock .image UL.introduce LI P {
	MARGIN-TOP: 10px; OVERFLOW: hidden; HEIGHT: 140px; text-align:left;
}
#textblock .image UL.introduce LI.pic {WIDTH: 140px; }

#textblock h1 {
	font-size: 24px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bolder;
	font-style: italic;
	color: #00FF00;
}
#textblock h1 a{
	font-size: 24px;
	text-align:center;
	font-family: "Courier New", Courier, monospace;
	font-weight: bolder;
	font-style: italic;
	color: #0099CC;
}
#wenzi{
    display:block;
    margin:10px 0;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
    width:720px;
	color:#000000;
    padding:12px;
}

.image a {  float:none;
         	/*text-align:center;*/
			margin:0;  /*20090112   5px->0px*/
			font-weight:14px;			
	      }

.image span{ color:#3D3D3D; font-size:13px;}

#image li:hover{
	
}

.image a img{
       	float: left; margin:0; 
             }

.image ul { margin:0; padding:0; }

.image ul li {
	list-style-type: none;
	list-style-image: none;  
	
  }

#flash {
	width: 83%;
}

.pages {
	clear:both;
	text-align:center;
	height:30px;
	line-height:30px;
	width: 620px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 50px;
 }
 .li_line { background: url(images/dot.gif) top repeat-x; padding-top:5px;}
.li_line  { text-decoration: underline;}
.li_line a:hover { text-decoration: none; color: #F00;}
.li_img { height:100px; line-height:100px; vertical-align:middle; padding-left:120px;clear:both}


#imageblock { display:block; float:left;}
#imageblock:after{ content:"."; display:block; height:0; clear: both; visibility:hidden; padding-left:10px;}
#textblock:after{ content:"."; display:block; height:0; clear: both; visibility:hidden; padding-left:10px;}
#container12 { float:left; width:740px;}
#container12 h2 a{color:#000000; text-decoration:none;}
#container12 h2 a:hover{color:#FFF; text-decoration:underline;}
.image img{width:140px; height:129px;}
.image ul li a{ _margin:0;}

#ruler{ clear:both;}
#imageblock p { margin-right:5px;}

/*20090112*/
a{text-decoration:none}
a:hover{text-decoration:underline;}
#content3 h2{background-color:#669900; margin-top:10px; float:left; width:700px;}
#content3 h2 a{color:#000000; text-decoration:none;}
#content3 h2 a:hover{color:#FF0000; text-decoration:underline;}
.image ul li{float:left; width:130px;}

/*20090113 Quality Control*/
#qc{ float:left; width:725px;}
#qc:after{ content:"."; display:block; height:0; clear: both; visibility:hidden; padding-left:10px;}
#qc h3{margin-left:10px; color:#009900;}
#qc #pic{margin-left:25px; }

/*20090113 faq */
#faq #pic{ width:700px; float:left; margin:10px auto;}
#faq #pic img{margin-left:250px;}
#faq p{width:700px; float:left; margin:5px 0 10px 5px; font-size:14px;}
#faq h3{font-size:16px; color:#009900;}
/*20090113 */
#aboutus1{width:720px; float:left;}
#aboutus1 #item li a{text-decoration:none; color:#000000;}
#aboutus1 #item li a:hover{text-decoration:underline; color:#66CC00; font-weight:bold;}
#aboutus1 #picUL img{margin-left:50px; border:1px solid #66CC33;}
#aboutus{ width:650px; float:left;}
#aboutus1 ul{margin:0; padding:0;}
#aboutus1 ul li{list-style:none;}
ul:after,#picUL:after{ content:"."; display:block; height:0; clear: both; visibility:hidden; padding-left:10px;}
#item #picUL,#aboutus1 #picUL{width:700px;}
#item #picUL li,#aboutus1 #picUL li{/*list-style:none; */float:left; margin-right:10px;}
#item #picUL li img{margin:0 auto;border:1px solid #66CC33;}
aboutus p,aboutus1 p{ width:650px; float:left; clear:both;}
#item li{ list-style:none; margin-left:20px;}
#item{float:left; margin-bottom:10px;}
#item #picUL{margin-top:10px;}
/*20090115*/
#content a{color:#339900; text-decoration:none;}
#content a:hover{color:#CC6600; text-decoration:underline;}

/*20090209*/
body { margin:0 auto;}
/*20090727*/
/*#ruler { margin-top:15px;}*/

#content5 { width:700px; }

#content4  a img { border:0;}

/*20090210__forwenzhang anounce*/
#content .article {  margin-left:30px; width:910px; margin:0; padding:5px; overflow:hidden; list-style: none;}
#content .article ul{  height:120px; margin:0; padding:8px; overflow:hidden; list-style: none;}
#content .article ul li { list-style-position:inside; list-style-type: decimal; color:#709f30; margin:3px;}
#content .article ul li a { color:#709f30;}
#content .article .left { float:left; width:360px; height:180px; border:solid 2px #709f30; border-right:0; margin:0; padding:0; }
#content .article .right { float:left; width:360px; height:180px; border:solid 2px #709f30; margin:0;}
#content .article .center { float:left; width:720px; height:120px; border:solid 1px #709f30; margin:0; padding:0;}
#content .article .center ul li { display:block; width:600px; margin:5px; color:#999999;}
#content .article .center ul{ height:135px;}
#content .article li.more{ text-align:right; height:15px; margin-right:10px; margin-bottom:5px;}
#content .article li.new  a {color:#CC0000; margin-left:5px;}
#content .article li.more a {color:#CC0000; }
#content .wenzhang  ul li {  margin:5px; color:#999999;} 

.detail p.header { text-align:center; font-size:24px; margin-left:20px; margin-right:20px;}
.detail p.info   { text-align:center; background:#709f30; color:#fff;}
#content .detail p.info a{ color: #FFFFFF; text-decoration:none; }
.detail .content { border:solid 1px #709f30; min-height:700px; _height:700px; width:700px; text-align:left; margin-left:10px; padding:10px;}
.detail li.pages { text-align:center;} 
.detail .catintroduce { margin-top:10px;}
 .line {margin-top:5px; margin-left:5px;}
 .line a { margin-right:10px;}

@media all and(min-width:0){ #content { margin-left:0px;} }

#imageblock .top { text-align:right; }
#imageblock .top a{ background: url(images/top.gif) no-repeat; padding-left:18px;}

#pages { text-align:center;}
.pages { margin-bottom:50px;}
/* products display */
.singlepic{ float:left; width:95%; margin-left:10px; border-bottom:1px dotted ;}
.singlepic .introduce{ float:left; padding:30px 0px; width:60%;}
.singlepic .introduce p{ margin:0px; padding:0px;}
.singlepic .detailpic{ width:150px; float:left; text-align:center; padding:5px 0px;;}
.add{ float:right;}

/* 20090415  sitemap*/
#sitemap ul.subProList { margin:0; padding-left:20px;}
#sitemap ul.subProList li { float:left; width:135px; list-style:none;}   
#siteMap #subProList,#siteMap #mainProList{ clear:both;}
#sitemap h3,#sitemap h2{color:black; clear:both;}
#sitemap h2 a{ font-size:16px; color:#003300;}
#sitemap h3 a{ font-size:14px; color:#000000;}

.cart { text-align:left; height:35px; BACKGROUND: url(images/listBatch_T.gif) no-repeat 14px 8px; padding:5px 5px 0 35px; border: solid #999999 1px; clear:both; margin-bottom:10px;}
.carb { text-align:left; height:35px; BACKGROUND: url(images/listBatch_B.gif) no-repeat 14px 8px; padding:5px 5px 0 35px; border: solid #999999 1px; clear:both;}

#content table textarea{ margin:0; width:420px;}
#content table span { color:#CC0000; font-size:16px;}
#content table .sthumb { float:left; height:130px; width:110px;}
#content table .sthumb span { float:left;  text-align:center; width:100%; overflow:hidden; height:18px;}
#content table .sthumb a {color:#99CC33;}
#content table .sthumb a:hover{color:#000;}
#content table .sthumb img{width:100px; height:90px; float:left;}

#search { background:#709f30; text-align:right; margin-left:-5px; min-height:50px; _height:40px; padding-right:10px;padding-left:16px;}
#search span{ float:left; padding:3px;}
#search span a{ font-size:12px;color:#FFF;}
.page li a { margin-left:10px; margin-right:10px} 
.page li a { margin-left:10px; margin-right:10px} 
#content .wenzhang  ul { clear:both;}
#content #dan { float:left; width:910px;}

#online_server_a {position:absolute; top:8px; margin-left:800px;}
#online_server {margin-top:180px;}