@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url(images/body_bg.png) top repeat-x;}
html { padding:0; margin:0;}
.clr { clear:both;}
.bg1 { width:90%; clear:both; padding:0 20px; margin:0;}

h1 {
	color:#565656;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* header */
.header { width:1024px; margin:0 auto; padding:0; background:url(images/header.jpg) no-repeat; height:431px;}
.logo { height:115px; width:700px;}
.logo h1 { font:normal 30px Tahoma, Helvetica, sans-serif; margin:50px 0 0 220px; padding:0;}
.logo h1 a {color:#FF9900; text-decoration:none;}
.logo p { margin:0 0 0 220px; font:normal 18px Tahoma, Geneva, sans-serif; color:#2b2f30;}
.logo img.logo_img {float:left; position:absolute;  margin:0px 0px 0px 45px;}
/* menu */
.menu { width:440px; height: 42px; margin:10px 0 0 0; padding:0; float:right;}
.menu ul {float:right; margin:0; padding:0; list-style:none;}
.menu li { float:right; margin:0 1px; padding:0; font:normal 12px Tahoma, Helvetica, sans-serif; color:#a6a6a6; float:left;}
.menu a {
	line-height:16px;
	float:left;
	color:#808186;
	padding:10px;
	margin:0;
	text-decoration:none;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.menu a:hover {color:#808186; background: url(images/bg_hover.gif); border-bottom: 5px solid #FF9900;}
.menu a.active {color:#808186; background: url(images/bg_hover.gif); border-bottom: 5px solid #FF9900;}
/*RSS*/
.RSS { width:300px; padding:0; margin:20px 0 0 0; float:right;}
.RSS p { float:right; margin:0; padding:0;}
/* header_text */
.button { float:left; display:block; padding-top:50px !important; padding-top:105px; padding-left:80px;}
.scroller { margin:-37px 62px 0 0 !important; margin:13px 31px 0 0; padding:0; background:url(images/screen_bg.jpg) no-repeat top center; width:515px; height:232px; float:right;}

/*content*/
.content { width:936px; margin:5px auto 5px auto; padding:0;}
.content h1 { color:#fff;}
.content img {padding-right:10px; padding-bottom:25px;}
.content h2 { font:normal 20px Tahoma, Helvetica, sans-serif; color:#565656; padding:0; margin:0;}
/*.content p { font:normal 15px Georgia, "Times New Roman", Times, serif; color:#808186; }*/
.content a { font: 11px Georgia, "Times New Roman", Times, serif; color:#808186; text-decoration:underline;}
.content div p {
	color: #565656;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.content div h2 {
	color:#317ea6;
	padding:0;
	margin:0;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.content .one { float:left; width:320px; height:250px; margin:0; padding:10px 10px; font-size:15px; background: url(images/bg1.png) no-repeat;  }
.content .two  {float:left; width:320px; height:250px; margin: 0px 0px 0px 10px; padding:10px 10px; background: url(images/bg1.png) no-repeat;}
.content .three {float:right; width:215px; height:250px;  margin: 0px 0px 0px 10px; padding:10px 10px; background: url(images/bg3.png) no-repeat;}

.line_two {
	width:936px;
	height:110px;
	color:#317ea6;
	font-size: 24px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/banner_th.jpg);
	background-repeat: no-repeat;
}
.line_two a { text-decoration:underline; color:#fff;}
.line_two .left { float:left; width:400px; height:59px; margin-top:15px; padding-top:15px; background:#8aae36 url(images/clt_green.png) top left no-repeat;  }
.line_two .left div { height:59px; background:url(images/clb_green.png) bottom left no-repeat; }
.line_two .left h3 { font:normal 24px Tahoma, Helvetica, sans-serif; color:#fff; line-height:1.3em; padding:8px 0; margin:0;}
.line_two .center { float:left; width:110px; height:110px; margin:0; background:url(images/img_1.png) no-repeat top;}
.line_two .right { float:right; width:422px; height:59px; margin-top:15px; padding-top:15px; padding-left:4px; background:#317ea6 url(images/crt_blue.png) top right no-repeat; }
.line_two .right div { float:right; width:402px; height:59px; background:url(images/crb_blue.png) bottom right no-repeat; padding:0 10px;}
.line_two .right div { font:normal 14px Tahoma, Geneva, sans-serif; color:#FFF;}
.line_two .right div a { font:normal 14px Tahoma, Geneva, sans-serif; color:#FFF;}
/* body */
.body .blue {  width:906px; margin:10px auto 0 auto; padding:10px 0 20px 30px; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#808186;}
.body .blue .left {float:left; width:870px; margin-top:20px; }
.body .blue .right { float:right; width:350px;margin-right:20px; margin-top:20px;}
.body .blue .corners { float:left; background: #fff url(images/corner/tl.png) top left no-repeat; width:120px; height:20px; color:#808186; margin-right:30px;}
.body .blue .corners div { background: url(images/corner/tr.png) top right no-repeat; width:120px; height:20px;}
.body .blue .corners div div {background: url(images/corner/br.png)  bottom right no-repeat; width:120px; height:20px;}
.body .blue .corners div div div { background: url(images/corner/bl.png) bottom left no-repeat; width:120px; height:20px; line-height:18px;}

.body { width:1024px; margin:5px auto; padding:0;}
.body h2 {
	color:#317ea6;
	margin:0;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body p {
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body span {
	color:#baa271;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.body a {
	color:#808186;
	text-decoration:underline;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 16px;
}
.body img {
	float:left;
	margin:0;
	padding-right: 10px;
	padding-left: 20px; /*Picture of Fertilizer icon, it will effect product page */ 
	padding-top: 10px;
}

/*main_body*/
.main_body {
	width:906px;
	margin:0 auto;
	color:#565656;
	padding:0;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #fff;
}

.main_body .left { float:left; width:420px; margin-top:20px;}
.main_body .left img { margin-right:15px;}
.main_body .left .text { width:250px; float:left; margin:0 0px 0px 50px !important; margin:0 30px 0 0; padding:30px 0 50px 30px !important; padding:30px 0 30px 20px; background:url(images/bg_1.png) top left no-repeat; }
.main_body .left .text div div { background:url(images/bg_2.png) bottom right no-repeat; padding-bottom:15px; font:normal 18px Georgia, "Times New Roman", Times, serif; }


.main_body .right {float:right; width:420px; margin-top:20px;}
.main_body .right .text { width:250px; float:right; margin:0px 60px 0px 0px !important; margin:0 30px 0 0; padding:30px 0 50px 30px !important; padding:30px 0 30px 20px; background:url(images/bg_1.png) top left no-repeat; }
.main_body .right .text div div {
	background:url(images/bg_2.png) bottom right no-repeat;
	padding-bottom:15px;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}




.main_body .left .news { color:#565656; }
.main_body .left .news .date { float:left; background: #8aae36 url(images/corner/bl_green.png) top left no-repeat; width:120px; height:20px; color:#fff; margin:10px 10px 0 0; }
.main_body .left .news .date div { background: url(images/corner/tr_green.png) top right no-repeat; width:120px; height:20px;}
.main_body .left .news .date div div { background: url(images/corner/br_green.png)  bottom right no-repeat; width:120px; height:20px;}
.main_body .left .news .date div div div { background: url(images/corner/tl_green.png) bottom left no-repeat; width:120px; height:20px; }
.main_body .left .news .date div div div div { line-height:18px; }

.main_body ul { font:normal 12px Georgia, "Times New Roman", Times, serif; color:#3a3c3c; padding:0; margin:0;}
.main_body li {padding:5px 0; margin:0;}
.main_body .right h2 {
	color:#FFF;
	line-height:1.3em;
}
.main_body .left h2 { color:#317ea6; line-height:1.3em;}
.main_body div h3 {
	color:#565656;
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	line-height:26px;
	float:left;
	width:500px;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.main_body a {font: normal 11px Georgia, "Times New Roman", Times, serif; color:#317ea6; margin:0; padding:5px; text-decoration: none;}
.main_body img { padding:0; margin:0px 0px 0px 0px; border:none; float:left}
.main_body .right .news img { padding:0; margin:0px 0px 0px 0px; border:none; float:left}

/*about left*/
.about {
	width:906px;
	padding:0 10px;
	margin:5px 0px 5px 59px !important;
	margin:5px 23px 5px 0;
	float:left;
	color:#565656;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 16px;
}
.about .left { float:left; width:885px; margin-top:20px; padding:0px 10px; border:1px solid #d6d6d6;  }
.about .left h2 {color:#317ea6;}
.about .left li { background: url(images/about_ul.png) no-repeat left center; list-style:none;
	margin:0;
	color:#565656;
	padding:5px 0 5px 20px;
	line-height:1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.about div p.img img { padding:10px; margin:10px; background:#fff; border:2px solid #FAB72B; }






/*About*/
.About { width:406px; margin:5px 0 5px 30px !important; margin:5px 0 5px 15px; float:left; color:#fff;}

.About div {width:406px; background:#317ea6 url(images/corner/tl_blue.png) top right no-repeat;}
.About div div {width:406px; background:url(images/corner/tr_blue.png) top left no-repeat; }
.About div div div {width:406px; background:url(images/corner/br_blue.png) bottom left no-repeat;  }
.About div div div div {width:406px; background:url(images/corner/bl_blue.png) bottom right no-repeat;}

.About .date { float:left; background:#fff url(images/corner/tl.png) top left no-repeat; width:70px; height:20px; color:#8aae36; margin-right:20px; margin-left:10px;}
.About .date div { background: url(images/corner/tr.png) top right no-repeat; width:70px; height:20px;}
.About .date div div {background: url(images/corner/br.png)  bottom right no-repeat; width:70px; height:20px;}
.About .date div div div { background: url(images/corner/bl.png) bottom left no-repeat; width:70px; height:20px; }
.About .date div div div div { font:bold 13px Arial, Helvetica, sans-serif; color:#8aae36; line-height:1.8em;}

.About h4 {color:#fff; font:12px Tahoma, Helvetica, sans-serif; padding-left:15px; }
.About a {font:normal 11px Tahoma, Helvetica, sans-serif; color:#fff; margin:0; padding:5px; text-decoration: underline;}
.About h2 {padding-left:15px; padding-top:10px;}
.About p {padding-left:15px; margin-right:15px;}
.About img { padding:0; margin:10px 15px 10px 15px; border:none;}

/*products*/
.products { width:404px; padding:0; margin:5px 0 5px 30px !important; margin:5px 0 5px 15px; float:left; background:#fff; border:1px solid #dfdfdf; }
.products div {width:406px; background:url(images/corner/tl_white.png) top left no-repeat; position:relative; margin:-1px;}
.products div div {width:406px; background:url(images/corner/tr_white.png) top right no-repeat; margin:0;}
.products div div div { width:406px; background:url(images/corner/br_white.png) bottom right no-repeat; margin:0;}
.products div div div div { width:406px; background:url(images/corner/bl_white.png) bottom left no-repeat; margin:0;}
.products ul {  font:normal 11px Tahoma, Helvetica, sans-serif; color:#242424; padding-right:30px; margin:0; list-style:none; }
.products ul li { padding:10px 0;}
.products ul li ul li {border:none; color:#9b9b9b;}
.products li {list-style:none; border-bottom:1px solid #ccc;}
.products li ul {list-style:none; border-bottom:none;}
.products p { padding-left:20px; padding-right:20px;}
.products h4 { color:#3a3c3c; font:normal 16px Georgia, "Times New Roman", Times, serif; margin:0 0 0 35px; padding:17px 0 17px 50px; background:url(images/sub.png) left center no-repeat;}
.products a {font:normal 11px Tahoma, Helvetica, sans-serif; color:#508c20; margin:0; padding:5px; text-decoration: underline;}
.products img { padding:0; border:1px; }

/*Contact*/
.Contact { width:350px; padding:0; margin:5px 0 5px 30px !important; margin:0px 0 5px 15px; float:left; background:#fff; border: 1px solid #dfdfdf;}
.Contact div div div div { width:406px; background:url(images/corner/bl_white.png) bottom left no-repeat;}
.Contact ul {  font:normal 11px Tahoma, Helvetica, sans-serif; color:#242424; padding-right:20px; margin:0; list-style:none; }
.Contact ul li {line-height:3.3em; padding-top:10px;}
.Contact ul li ul li {border:none; color:#9b9b9b;}
.Contact li {list-style:none; border-bottom:1px solid #ccc;}
.Contact li ul {list-style:none; border-bottom:none;}
.Contact h4 {
	color:#3a3c3c;
	margin:0 0 0 35px;
	padding:17px 0 17px 50px;
	background:url(images/sub.png) left center no-repeat;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.Contact a {font:normal 11px Tahoma, Helvetica, sans-serif; color:#508c20; margin:0; padding:0px; text-decoration: underline;}
.Contact p {padding-left:10px;}

/*side_body*/
.side_body { width:500px; padding:0 20px; margin:5px 45px 5px 0 !important; margin:5px 23px 5px 0; float:right; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#242424; border-bottom:1px solid #cccccc; }
.side_body p { color:#6f6f6f;}
.side_body img { margin-right:15px;}
.side_body h3 { color:#242424;}
.side_body ul { list-style-image:url(images/about_ul.png); list-style-position:inside;  }
.side_body ul li a { color:#749f08; text-decoration:none; padding-left:5px; }

/*product*/
.product {
	width:800px;
	padding:0 20px;
	margin:5px 45px 5px 100px !important;
	margin:5px 23px 5px 0;
	float: left;
	color:#242424;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-bottom-color: #cccccc;
}
.product p { color:#6f6f6f;}
.product img { margin-right:0px;}
.product h3 { color:#242424;}
.product ul { list-style-image:url(images/about_ul.png); list-style-position:inside;  }
.product ul li a { color:#749f08; text-decoration:none; padding-left:5px; }






/* News*/
.News {padding:0; margin:0 auto;}
.News a { color:#d31e00; text-decoration:none;}
.News .data { float:left; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#3e2812; background:#baa271; text-align:center; margin:10px 10px 0 10px; padding:5px 10px;}
/*Get*/
.Get { width:400px; padding:0 0px; margin:5px 70px 5px 0 !important; margin:5px 23px 5px 0; float:right; color:#6f6f6f;}
.Get li { background: url(images/about_ul.gif) no-repeat left center; list-style:none; font:normal 12px Georgia, "Times New Roman", Times, serif; margin:0; color:#6f6f6f; padding:5px 0 5px 20px; line-height:1.6em;}

.Get h2 { font: normal 24px Georgia, "Times New Roman", Times, serif; color:#462d14; padding:10px 0 10px 10px; margin:0; }
.Get h4 {
	color:#565656;
	padding:0 15px;
	margin:10px 0;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 15px;
	font-weight: bold;
}
.Get p {
	color:#6f6f6f;
	padding:0 15px;
	margin:10px 0;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.Get span { color:#baa271; font-weight:normal;}
/*twitter*/
.twitter { float:right; width:334px; height:101px; background:url(images/Twitter_bg.jpg) top no-repeat; margin:0; padding:10px 0;}
.twitter h2 { border-bottom:none; font: normal 24px Georgia, "Times New Roman", Times, serif; color:#FFF; padding:30px 0 0 90px; margin:0;}
/* Contact Form */
.response { font:normal 12px Tahoma, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px; }
#contactform * { font-family: Tahoma, Helvetica, sans-serif;; font-size:11px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; list-style:none;}
#contactform li.buttons { margin:0; overflow:hidden; list-style:none; }
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:normal 12px Tahoma, Helvetica, sans-serif; color:#242424;}
#contactform label span { font:normal 10px Tahoma, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff; }
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#78a307; border:1px solid #67900b; color:#FFF; float:left; list-style:none;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:normal 12px   Tahoma, Helvetica, sans-serif; color:#242424; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}

/* footer */
.footer {
	width:940px;
	margin:30px auto 0 auto;
	padding:30px 0;
	color:#fff;
	font-family: "Microsoft Sans Serif", "MS Reference Sans Serif", Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #fab72b;
	background-image: url(images/blue_ov.png);
	background-repeat: repeat-x;
	background-position: top;
}
.footer .left {
	float:left;
	width:350px;
	margin-top:15px;
	margin-left:45px;
	padding-top:15px;
}
.footer .right { float:right; width:370px; margin-right:20px; margin-top:15px; padding-top:15px; }
.footer .right a {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	padding-left: 20px;
}
.footer .counter {
	float:left;
	width:100px;
	margin-top:15px;
	margin-left:15px;
	padding-top:15px;
}