@charset "UTF-8";
/* CSS Document */

/* ------------------------------  Common Layout ------------------------------ */

*{padding: 0px;margin: 0px;}
ul{list-style:none;}
body,div,p{font-family:verdana, arial, tahoma, helvetica;font-size: 12px;color:#374100;}
body {margin:0px;}

a{color:#ff7110;text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px; outline:none;}
a:hover{text-decoration:underline;}


#spacer{clear:both;height:0px;line-height:0px;margin:10px 0 10px 0;padding:0px;}
.break{line-height:0;}

input[type="text"],select{border:solid 1px #b5ad8d;padding:1px;}


h1,h2,h3,h4{padding:0px;margin:10px 0 0 0;}
p{line-height:1.5em; text-align:left; text-align:justify; padding-bottom:10px; line-height:20px;}

/* ------------------------------  Common Layout ------------------------------ */


/* ------------------------------  Start Layout ------------------------------ */

/************** wrapper **************/
#wrapper{
	width:100%;
}

#wrapper_bg_top{
	background-image:url(../images/bg_top.jpg);
	
	height:auto;
}

#wrapper_bg_bottom{
	background-image:url(../images/bg_bottom.jpg);
	background-repeat:no-repeat;
	height:200px;
}

#wrapper_bg_bottom #body_bottom{
	background-image:url(../images/container_bottom.png);
	width:922px;
	height:56px;
	margin:auto;
}

/************** wrapper **************/

/************** container **************/

#container{
	width:922px;
	height:auto;
	margin:auto;
	border:solid 0px #CCC;
	height:auto;
}

#container #container_margin_top{
	height:60px;
	width:100%;
}

#container #container_header{
	background-image:url(../images/container_top.png);
	width:922px;
	height:150px;
}

#container #container_body{
	background-image:url(../images/container_body_bg.png);
	width:922px;
	height:auto;
}

		   
		   /* main navigation */
		   #container_body #navigation{
			   background-image:url(../images/navigation.jpg);
			   width:900px;
			   height:52px;
			   margin:auto;
		   
		   }
		   
		   					#navigation ul{
								width:100%;
								height:45px;
								border:solid 0px #000;
							}
							
							#navigation li{
								float:left;
								height:45px;
								margin:0 30px 0 30px;
								text-indent:-99999px;
	
							}
							
							
							#navigation li a:hover{
								background-position:bottom;
							}
							
							#navigation .home, #navigation .home a{
								background-image:url(../images/nav_home.png);
								width:64px;
								height:45px;
								display:block;
							}
							
								#navigation .home-active{
									background-image:url(../images/nav_home.png);
									background-position:bottom;
									width:64px;
									height:45px;
								}
							
							#navigation .about,#navigation .about a{
								background-image:url(../images/nav_about.png);
								width:64px;
								height:45px;
								display:block;
							}

								#navigation .about-active{
									background-image:url(../images/nav_about.png);
									width:64px;
									height:45px;
									display:block;
									background-position:bottom;
								}
							
							#navigation .product, #navigation .product a{
								background-image:url(../images/nav_product_list.png);
								width:114px;
								height:45px;
								display:block;
							}
							
							
								#navigation .product-active{
									background-image:url(../images/nav_product_list.png);
									width:114px;
									height:45px;
									display:block;
									background-position:bottom;
								}		
							
							#navigation .services, #navigation .services a{
								background-image:url(../images/nav_services.png);
								width:92px;
								height:45px;
								display:block;
							}
							
								#navigation .services-active{
									background-image:url(../images/nav_services.png);
									width:92px;
									height:45px;
									display:block;
									background-position:bottom;
								}							
							
							#navigation .contact, #navigation .contact a{
								background-image:url(../images/nav_contact.png);
								width:88px;
								height:45px;
								display:block;
							}

								#navigation .contact-active{
									background-image:url(../images/nav_contact.png);
									width:88px;
									height:45px;
									display:block;
									background-position:bottom;
								}
							
							#navigation .live, #navigation .live a{
								width:118px;
								height:45px;
								display:block;
								text-indent:0;
								margin-top:5px;
							}
							
								#navigation .live-active{
									background-image:url(../images/nav_live_support.png);
									width:118px;
									height:45px;
									display:block;
									background-position:bottom;
								}							
		   
		   /* content area */
		   #container_body #content{
			   width:843px;
			   height:auto;
			   margin:auto;
			   padding-top:20px;
			   border:solid 0px #000;
		   }
		   
		   /* index content */
		   #content #index_banner{
			   background-image:url(../images/index_banner.jpg);
			   width:842px;
			   height:248px;
			   display:block;
		   }
		   
		   #content #index_content{
			   width:843px;
			   height:auto;
			   overflow:hidden;
		   }
		   			
					#content #clear{
						clear:both;
					}
					
					
					#index_content ul{
						width:843px;
						height:auto;
						overflow:hidden;
					}
					
					#index_content ul li{
						float:left;
						overflow:hidden;
					}
					
					#index_content ul ul li{
						float:none;
					}
					
					
					/* index content left */
					#index_content ul #content_left{
						width:465px;
						height:auto;				
					}
					
						#index_content h1{
							display:block;
							text-indent:-99999px;
							margin-bottom:5px;
						}
						
						#content_left #h1_welcome{
							background-image:url(../images/h1_welcome.jpg);
							width:303px;
							height:22px;
						}
						
						#content_left #h1_product_information{
							background-image:url(../images/h1_product_information.jpg);
							width:304px;
							height:41px;
						}
						
						#content_left #content_left_separator{
							background-image:url(../images/content_left_separator.png);
							width:449px;
							height:7px;
							margin:auto;
							clear:both;
						}
						
						#content_left #news_partner{
							width:460px;
							border:solid 0px #000; 
						}
						
							#content_left #news_partner ul li{
								padding:3px 0 3px 0;
							}
						
							#content_left #news_partner #news{
								width:100%;
								
								border:solid 0px #666;
							}
							
							
							#content_left #news_partner #partner{
									border:solid 0px #666;
									line-height:20px;
							}		
							 
														#partner table tr{
															vertical-align:top;
														}
														
														#partner table tr td{
															padding:0 20px 0 0;
														}
														
														#partner a{
															color:#517b18;
															text-decoration:none;
														}
														
														#partner a:hover{
															text-decoration:underline;
														}
							
						#content_left #h1_news{
							background-image:url(../images/h1_news.jpg);
							width:33px;
							height:15px;
						}
						
						#content_left #h1_our_partner{
							background-image:url(../images/h1_our_partner.jpg);
							width:76px;
							height:15px;
						}
						
						#content_left #sitemap{
						}
						
						#content_left #sitemap li{
							float:none;
							clear:both;
							list-style:disc inside;
							margin:0 0 5px 0;
						}
					

					
					/* index content separator */
					#index_content ul #content_separator{
						background-image:url(../images/content_separator.jpg);
						width:7px;
						height:346px;
						background-repeat:no-repeat;
						margin:0 5px 0 15px;
					}
				
					
					/* index content right */
					#index_content ul #content_right{
						width:351px;
						height:auto;
						border:solid 0px #000;
					}
					
						#content_right #h1_product_list{
							background-image:url(../images/h1_product_list.jpg);
							width:81px;
							height:17px;
						}	
						
						#content_right #h1_delivery_time{
							background-image:url(../images/h1_delivery_time.jpg);
							width:90px;
							height:19px;
						}
						
						#content_right #delivery_time li{
							padding:3px 0 3px 0;
						}
						
						#content_right #product{
							border:solid 0px #000;
							width:170px;
						}
						
						#content_right #product li{
							list-style:disc inside url(../images/index_worm_li.jpg);
							margin:3px 0 3px 0;
						}
						
						#content_right #product a{
							color:#517b18;
						}
						
						#content_right #content_right_separator{
							background-image:url(../images/content_right_separator.jpg);
							width:341px;
							height:7px;
							margin:auto;
							clear:both;
						}
						
						
						/*********** content common pages ***********/
						
						#content #content_page{
							margin:0;
							overflow:hidden;
						}
						
						#content #content_page li{
							float:left;
							border:solid 0px #CCC;
						}
						
						/* content page left */
						#content #content_page #content_left{
							width:550px;
							height:auto;
							border:solid 0px #999;
						}
						
						#content_left #pages_common_left_separator{
							background-image:url(../images/pages_common_left_separator.jpg);
							width:550px;
							height:42px;
							display:block;
							clear:both;
						}
						
						#content_left #nutritional_analysis{
							border:solid 0px #000;
							width:100%;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							font-weight:normal;
						}
						
									#nutritional_analysis td{
										border:solid 1px #d1d3ad;
										padding:2px;
									}
						
						/* content product styles*/
						#content_left #product_list{
						}
						
						#product_list h2{
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
							font-style:italic;
						}
						
						#product_list p{
							line-height:20px;
							font-size:11px;
						}
						
						#product_list strong{
							color:#517b18;
						}
						
						#product_list a{
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
							font-style:italic;
						}
						
						#product_list .img_product{
							margin:5px 10px 10px 0; padding:2px; 
							border:solid 1px #CCC;
						}
						
						
						/* content services styles*/
						#content_left #services #payment{
							clear:both;
						}
						
						#services p{
							font-size:11px;
							margin-top:10px;
						}
						
						#services a{
							font-size:9px;
							font-style:italic;
						}
						
						##services #payment li{
							clear:both;
						}
						
						##services #shipping_cost{
							font-size:11px;
						}
						##services #shipping_cost td{
							border:solid 1px #CCC;
							padding:2px;
						}
						
						
						/* content contact styles*/
						#content_left #contact_form{
							font-size:11px;
						}
						
						
						#contact_form table tr td{
							padding:4px;
						}

						
						/* content page right */
						#content #content_page #content_right{
							width:250px;
							height:auto;
							margin-left:30px;
							border:solid 0px #000;
							overflow:hidden;
						}
						
												#content_right ul li{
													clear:both;
												}
						
						#content #content_page #content_right #separator{
							background-image:url(../images/right_pages_common_separator.jpg);
							width:244px;
							height:22px;
							display:block;
							clear:both;
						}
						
											 

									   


					


/************** container **************/

/************** footer **************/
#wrapper_bg_bottom #footer{
	border:solid 0px #000;
	width:922px;
	margin:auto;
	overflow:hidden;
	color:#FFF;
	text-align:center;
	margin-top:70px;
	font-family:Arial, Helvetica, sans-serif;
}

				   #footer a{
					   color:#FFF;
					   text-decoration:none;
				   }
				    #footer a:hover{
						text-decoration:underline;
					}


/************** footer **************/
.f{
	font-family: "宋体";
	font-size: 12px;
	line-height: 28px;
	color: #000000;
}
.co{
	font-family: "宋体";
	font-size: 12px;
	line-height: 28px;
	color: #666666;
}
.ffff{
	font-family: "宋体";
	font-size: 12px;
	line-height: 28px;
	color: #FF0000;
}
.ff{
	font-family: "宋体";
	font-size: 12px;
	line-height: 28px;
	color: #FFFFFF;
}
.de{
	font-family: "宋体";
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.titles {
	font-family: "宋体";
	font-size: 14px;
	line-height: 28px;
	color: #000000;
}
.titles1 {
	font-family: "宋体";
	font-size: 12px;
	line-height: 28px;
	color: #0000FF;
}
a:link {
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
}
a:active {
	font-size: 12px;
	color: #FF6699;
}
.areas {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:150px; height:40px;}
.inptext {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:100px; height:22px;}
.inptext1 {border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:40px; height:20px;}
.inptext2 {border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:50px; height:20px;}
.inptext1 a{ text-decoration:none;}
.code {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:40px; height:20px;}
.area {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:100px; height:50px;}
.inptext2 {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:180px; height:22px;}
.areaa {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:250px; height:200px;}
.areasa {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:180px; height:60px;}
.areaaa {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:360px; height:200px;}
.areaaas {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:240px; height:100px;}
.textarea {border:#6699FF 1px solid; font-family:"宋体"; font-size:12px; width:400px; height:100px;}