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

*{margin:0px; padding:0px;}

body{font:13px Arial; color:#000; background:#439040 url(../images/body-bg.jpg) repeat-x; text-align:justify;}

img, input, textarea{border:none;}

li{list-style:none;}

a{text-decoration:none; outline:none; cursor:pointer;}

#maincontainer{width:1000px; margin:auto;}

#header{float:left; width:1000px; height:214px;}

.header-left{float:left; width:478px;}

.header-right{float:right; width:503px;}

.header-text{width:100%; text-align:center; font:bold 17px/24px Arial; color:#449d0a; text-transform:uppercase; padding-top:11px; padding-right:13px;}

.call-us{clear:both; margin-top:38px; height:38px; float:right; padding:0 25px 0 29px; background:url(../images/phone-icon.jpg) left center no-repeat; font:bold 17px/35px Arial; color:#000;}

.call-us span{color:#e4550f;}

.header-menus{clear:both; float:left; background:url(../images/menu-bar.png) no-repeat; width:1000px; height:39px;}

.header-menus ul{margin-left:89px; margin-top:5px; width:855px;}

.header-menus li{float:left; margin-right:35px; height:30px; font:bold 15px/30px Arial;}

.header-menus li a{display:block; height:30px; padding:6px 7px 0 7px; color:#FFFFFF;}

.header-menus li:hover, .menus li.actv{ background:url(../images/menu-left.png) top left repeat-x;}

.header-menus li:hover a, .menus li.actv a{background:url(../images/menu-right.jpg) top right no-repeat;}

.header-menus li.actv{ background:url(../images/menu-left.png) top left repeat-x;}

.header-menus li.actv a{background:url(../images/menu-right.jpg) top right no-repeat;}

.middle-container{ float:left; clear:both; margin-left:9px; width:983px; background: url(../images/bottom_vector.png) no-repeat 32px bottom; padding-bottom: 25px; }

.index-banner{float:left; width:983px; height:268px;}
.index-banner img { float:left; }


.welcome-title{float:left; width:100%; text-align:center; padding:15px 0; height:35px;}

.welcome-content{float:left; margin-left:8px; width:969px;}

.wc-left{float:left; width:12px; height:200px; background:url(../images/wel-left.png) no-repeat;}

.wc-mid{float:left; width:946px; height:195px; background:url(../images/wel-rpt.png) repeat-x; padding-top:5px; font:13px/23px Arial; color:#000;}

.wc-mid p{width:690px; float:left; text-align:justify;}

.wc-mid img{float:right; padding-top:18px;}

.wc-right{float:left; width:10px; height:200px; background:url(../images/wel-right.png) no-repeat;}

.coco-peat{ float:left; width:660px; height:50px; margin-left:8px; background: url(../images/peat-bg.png) no-repeat; padding-top: 55px; padding-left: 309px; }

.reasons-box{float:left; width:972px; margin-left:4px;}

.rb-left{float:left; width:21px; height:129px; background:url(../images/rb-left.png) no-repeat;}

.rb-mid{float:left; width:930px; height:129px; background:url(../images/rb-repeat.jpg) repeat-x;}

.rb-right{float:left; width:21px; height:129px; background:url(../images/rb-right.png) no-repeat;}

.rlist-left{ float:left; width:415px; padding-left:90px; padding-top:20px; }

.rlist-left li{ float:left; width:380px; background:url(../images/tick.png) no-repeat; padding-bottom:12px; padding-left:25px; font:bold 14px Arial; text-transform:uppercase; color:#FFF; }

.rlist-right{ float:left; width:341px; padding-top:20px; margin-left: 80px; }

.rlist-right li{ float:left; width:315px; background:url(../images/tick.png) no-repeat; padding-bottom:12px; padding-left:25px; font:bold 14px Arial; text-transform:uppercase; color:#FFF; }

.chkout-box{ float:left; width:100%; height:67px; }

.chkout-box-left{float:left; width:484px; height:92px;}

.chkoutlink{float:right; padding-right:32px; padding-top:28px; width:212px;}

.chkoutlink a{font:bold 18px Arial; color:#FFF; text-decoration:underline;}


#footer{clear:both; width:100%; height:138px; background:#FFF;}

.footer-content{margin:auto; width:1000px;}

.footer-menus{clear:both; float:left; width:1000px; height:30px; margin:22px 0 18px 0;}

.footer-menus ul{margin-left:89px; width:855px;}

.footer-menus li{float:left; margin-right:34px; height:30px; background-position:0 -30px !important;}

.footer-menus li a{display:block; height:30px; }

.footer-menus li:hover, .footer-menus li.actv{ background-position:0 0px !important;}

.footer-menus li.home{ background:url(../images/fhome-menu.png) no-repeat; width:57px;}

.footer-menus li.about{ background:url(../images/fabout-menu.png) no-repeat; width:75px;}

.footer-menus li.manu{ background:url(../images/fmanu-menu.png) no-repeat; width:112px;}

.footer-menus li.products{ background:url(../images/fproducts-menu.png) no-repeat; width:75px;}

.footer-menus li.credentials{ background:url(../images/fcredentials-menu.png) no-repeat; width:87px;}

.footer-menus li.faq{ background:url(../images/ffaq-menu.png) no-repeat; width:121px;}

.footer-menus li.contact{ background:url(../images/fcontact-menu.png) no-repeat; width:85px;}



.bookmark{float:left; padding-left:21px; width:353px;clear:both;}

.bookmark-text{ font:bold 12px/38px Arial; color:#000; padding-left:5px; float:left;}

.bookmark-icons{width:238px; height:35px; padding-top:5px; padding-left:3px; float:left;}
.bookmark-icons img { float:left; margin-left:5px; cursor:pointer; }

.copyright{clear:both; float:left; margin-top:5px; font:bold 12px Arial; color:#000; padding-left:26px; width:441px;}

.copyright span{color:#000;}

.site-design{float:right; width:129px; font:11px Arial; color:#000; padding-right:15px;}

.site-design a{color:#000;}

.site-design a span{color:#d10b0b;}


/* ------------------------------------------------------------------------------------------------------ */
.trans_top { float: left; height: 8px; width: 983px; background: url(../images/trans_top.png) no-repeat; }
.trans_mid { float: left; height: auto; width: 943px; background: url(../images/trans_mid.png) repeat-y; min-height:245px; padding: 15px 20px 40px; }
.trans_bottom { float: left; height: 8px; width: 983px; background: url(../images/trans_bottom.png) no-repeat; }
.trans_title { float: left; width: 750px; }
.back { font-size: 12px; color: #1660c4; float: right; height: auto; width: 100px; margin-top: 5px; text-align: right; }
.back a { color:#1660c4; text-decoration:underline; }
.back a:hover { color:#000000; text-decoration:underline; }

.abt_box { float: left; height: auto; width: 943px; margin-top: 30px; }
.abt_content { font-size: 13px; float: left; height: auto; width: 585px; line-height: 21px; }
.abt_content2 { font-size: 13px; float: left; height: auto; width: 943px; line-height: 21px; }
.abt_img1 { float: left; height: 126px; width: 154px; margin-left: 25px; }
.abt_img2 { float: left; height: 126px; width: 154px; margin-right: 25px; }
.md_img { float: left; height: 220px; width: 220px; margin-left: 65px; }
.abt_bottom_text { float: left; height: auto; width: 943px; text-align: center; margin-top: 50px; }
.mf_content { font-size: 13px; line-height: 21px; float: left; height: auto; width: 943px; margin-top: 20px; }
.mf_g_title { font-size: 15px; font-weight: bold; color: #347d15; float: left; height: auto; width: 943px; margin-top: 20px; }
.mf_list { float: left; height: auto; width: 940px; margin-left: 2px; margin-top: 15px; }
.mf_top { float: left; height: 15px; width: 940px; background: url(../images/mf_top.png) no-repeat; }
.mf_mid { float: left; height: auto; width: 920px; background: url(../images/mf_mid.png) repeat-y; min-height:45px; padding:0px 10px; }
.mf_mid ul li { float:left; width:153px; padding-left:15px; background:url(../images/bullet.png) no-repeat left 7px; margin-left:8px; margin-right:8px; line-height:22px; font-weight:bold; font-size:13px; color:#347f0d; }
.mf_mid ul li.list { width:337px; }
.mf_bottom { float: left; height: 15px; width: 940px; background: url(../images/mf_bottom.png) no-repeat; }
.mf_img_box { float: left; width: 943px; background: url(../images/white_shade.png) no-repeat center center; min-height:490px; margin-top:-60px; }
.mf_img_box2 { float: left; width: 943px; background: url(../images/white_shade.png) no-repeat center center; min-height:490px; }
.mf_img_title { float: left; height: auto; width: 943px; margin-top: 90px; text-align: center;  }
.mf_img_title2 { float: left; height: auto; width: 943px;  text-align: center; margin-top:20px;}
.mf_inner { float: left; height: auto; width: 704px; margin-top: 15px; text-align: center; padding-right: 114px; padding-left: 115px; }
.mf_inner img { float:left; }
.mf_inner2 { float: left; height: auto; width: 721px; margin-top: 15px; text-align: center; padding-right: 123px; padding-left: 123px; }
.mf_line { float: left; height: 9px; width: 943px; background: url(../images/mf_line.png) repeat-x; margin-top: -40px; }
.product_table_box { float: left; height: auto; width: 930px; margin-top: 30px; background: #FFF; border: 1px solid #c3c3c3; padding: 5px; }
.ptb_head { font-size: 15px; font-weight: bold; float: left; height: 30px; width: 928px; background: #a2c27a; line-height: 30px; color: #31500a; padding-left: 1px; padding-right: 1px; }
.th_col1 { width:130px; float:left; padding-left:10px; padding-right:10px; text-align:center; }
.th_col2 { width:228px; float:left; padding-left:10px; padding-right:10px; text-align:center; }
.th_col3 { width:280px; float:left; padding-left:10px; padding-right:10px; text-align:center; }
.th_col4 { width:210px; float:left; padding-left:10px; padding-right:10px; text-align:center; }

.ptb_row { float: left; height: auto; width: 928px;  background:url(../images/table_bg.jpg) repeat-y; padding-top: 5px; padding-bottom: 5px; border: 1px solid #616161;  }

.ptb_row2 { float: left; height: auto; width: 928px; background:url(../images/table_bg.jpg) repeat-y; padding-top: 5px; padding-bottom: 5px; border-top: 0px solid #616161; border-right: 1px solid #616161; border-bottom: 1px solid #616161; border-left: 1px solid #616161; }

.tr_col1 { width:130px; float:left; padding-left:10px; padding-right:10px; text-align:center; color:#65a318; font-size:15px; font-weight:bold; padding-top:55px;}
.tr_col2 { width:208px; float:left; padding-left:20px; padding-right:20px; color:#65a318; font-size:15px; font-weight:bold; padding-top:50px; }
.tr2_col2 { width:208px; float:left; padding-left:20px; padding-right:20px; color:#65a318; font-size:15px; font-weight:bold; padding-top:55px; }
.tr_col3 { width:280px; float:left; padding-left:10px; padding-right:10px; padding-top:13px; }
.tr2_col3 { width:280px; float:left; padding-left:10px; padding-right:10px;  }
.tr3_col3 { width:280px; float:left; padding-left:10px; padding-right:10px;  padding-top:25px;  }
.tr_col4 { width:210px; float:left; padding-left:10px; padding-right:10px; text-align:center; }

.pcp_list li { float:left; width:268px; font-size:12px; font-weight:bold; background:url(../images/bullet2.jpg) no-repeat left 5px; padding-left:12px; }
.pcp_list li.pcp_line { float:left; width:280px; background:url(../images/pro_line.png) repeat-x left center; height:8px; padding:0px; }
.tt_text { font-size: 12px; font-weight: bold; line-height: 16px; float: left; height: auto; width: 280px; padding-bottom: 5px; }

.ttcol1 { float: left; height: 20px; width: 118px; background: #e9f8c5; font-size: 12px; font-weight: bold; line-height: 20px; padding-right: 10px; padding-left: 10px; }
.ttcol2 { float: left; height: 20px; width: 119px; background: #e9f8c5; font-size: 12px; line-height: 20px;  padding-right: 10px; padding-left: 10px; }
.ttcol3 { float: left; height: 20px; width: 118px; font-size: 12px; font-weight: bold; line-height: 20px;  padding-right: 10px; padding-left: 10px;  }
.ttcol4 { float: left; height: 20px; width: 119px; font-size: 12px; line-height: 20px; padding-right: 10px; padding-left: 10px; }

.ttbor1 { border: 1px solid #D7F295; }
.ttbor2 { border-top: 1px solid #D7F295; border-right: 1px solid #D7F295; border-bottom: 1px solid #D7F295; border-left: 0px solid #D7F295; }
.ttbor3 { border-top: 0px solid #D7F295; border-right: 1px solid #D7F295; border-bottom: 1px solid #D7F295; border-left: 1px solid #D7F295; }
.ttbor4 { border-top: 0px solid #D7F295; border-right: 1px solid #D7F295; border-bottom: 1px solid #D7F295; border-left: 0px solid #D7F295; }

.shipment_box { float: left; height: auto; width: 462px; margin-top: 5px; border: 1px solid #463C33; }
.ship_head1 { color: #FFF; font-size: 15px; font-weight: bold; line-height: 25px; float: left; height: 25px; width: 341px; padding-right: 10px; padding-left: 10px; background: #705e51; border-right:1px solid #463C33; }
.ship_head2 { color: #FFF; font-size: 15px; font-weight: bold; line-height: 25px; float: left; height: 25px; width: 80px; padding-right: 10px; padding-left: 10px; background: #705e51; }
.ship_title { float: left; height: auto; width: 943px; margin-top: 25px; font-size: 20px; font-weight: bold; color: #3c6508; }

.ship_col1 { font-size: 12px; font-weight: bold; line-height: 25px; float: left; height: 25px; width: 341px; padding-right: 10px; padding-left: 10px; border-right:1px solid #463C33; background:#FFF; }
.ship_col2 { font-size: 12px; font-weight: bold; line-height: 25px; float: left; height: 25px; width: 80px; padding-right: 10px; padding-left: 10px; background:#FFF; }
.ship_text { font-size: 12px; color: #000; float: left; height: auto; width: 462px; }
.ship_content1 { float: left; height: auto; width: 464px; margin-top: 10px; }
.ship_content2 { float: right; height: auto; width: 464px; margin-top: 10px; }

.credential_box { height: auto; width: 928px; margin: auto; clear: both; }
.cb_top { float: left; height: 14px; width: 928px; background: url(../images/cred_top.png) no-repeat; margin-top: 6px; }
.cb_mid { float: left; height: auto; width: 928px; background: url(../images/cred_mid.png) repeat-y; padding:15px 0px; text-align:center; }
.cb_bottom { float: left; height: 20px; width: 928px; background: url(../images/cred_bottom.png) no-repeat; }
.supplied_text { font-size: 15px; font-weight: bold; float: left; height: auto; width: 943px; margin-top: 25px; }
.fiber_text { font-size: 13px; float: left; height: auto; width: 943px; margin-top: 10px; }
.fiber_text span { color:#060; font-weight:bold; line-height:22px; }
.green_title { font-size: 26px; font-weight: bold; color: #70a240; float: left; height: auto; width: 943px; margin-top: 20px; text-align: center; }

.faq_img { float: left; height: 146px; width: 943px; margin-top: 15px; }
.faq_img img { float:left; margin-left:18px; margin-right:19px; }
.faq_content { font-size: 13px; line-height: 20px; width: 909px; margin-top: 10px; padding-right: 15px; padding-left: 15px; float: left; }
.faq_content span { font-size:16px; font-weight:bold; line-height:32px;}
.faq_content img { padding-left:3px; }
.faq_clr1 { color:#489414; }
.faq_clr2 { color:#2f5490; }
.faq_clr3 { color:#905825; }
.faq_clr4 { color:#7d9608; }
.faq_clr5 { color:#cf710b; }
.faq_clr6 { color:#5d880a; }
.faq_clr7 { color:#587196; }
.faq_clr8 { color:#984514; }

.faq_line { float: left; height: 1px; width: 909px; margin-top: 10px; background: url(../images/faq_line.png) repeat-x; margin-right: 15px; margin-left: 15px; }
.white_shade { float: left; height: auto; width: 943px; background: url(../images/white_shade2.png) no-repeat center top; }
.app_box { float: left; height: auto; width: 920px; margin-top: 25px; margin-right: 11px; margin-left: 11px;  }
.ab_top { float: left; height: 16px; width: 920px; background: url(../images/app_top.png) no-repeat; }
.ab_mid { float: left; height: auto; width: 870px; background: url(../images/app_mid.png) repeat-x; min-height:270px; padding-right: 25px; padding-left: 25px; }

.app_title { float: left; height: auto; width: 870px; margin-top: 5px; text-align: center; }
.botanical { font-size: 18px; font-weight: bold; color: #294c01; float: left; height: auto; width: 870px; margin-top: 30px; }
.app_text { font-size: 13px; line-height: 20px; float: left; height: auto; width: 870px; margin-top: 20px; }
.app_text span { color:#75470a;  font-weight:bold; }
.app_list_left { float: left; height: auto; width: 665px; margin-top: 30px; text-align: center; }
.app_list_title { float: left; height: auto; width: 665px; font-size: 15px; font-weight: bold; }
.app_img { float: right; height: auto; width: 190px; margin-top: 25px; }
.white_shade2 { float: left; height: auto; width: 870px; background: url(../images/white_shade2.png) no-repeat center top; }
.white_shade3 { float: left; height: auto; width: 870px; background: url(../images/white_shade2.png) no-repeat center center; }
.app_list { float: left; height: auto; width: 665px; margin-top:10px; }
.app_list ul li { float:left; color:#1f7003; font-size:13px; line-height:19px; background:url(../images/tick_icon.png) no-repeat left 5px; text-align:justify; padding-left:40px; width:625px; }
.app_list ul li.line { width:625px; margin-left:40px; float:left; height:25px; background:url(../images/faq_line2.png) repeat-x left center; padding:0px; }
.app_b_text { font-size: 13px; font-weight: bold; float: left; height: auto; width: 870px; margin-top: 35px; text-align: center; }


.contact_text { font-size: 13px; font-weight: bold; float: left; height: auto; width: 943px; margin-top: 20px; }
.contact_left { float: left; height: auto; width: 350px; margin-top: 40px; margin-left: 30px; }
.cnt_logo { float: left; height: 85px; width: 255px; }
.cperson { font-size: 14px; font-weight: bold; color: #b92222; float: left; height: auto; width: 455px; margin-top: 15px; }
.cperson span { font-size:11px; color:#4d4d4d; }

.caddress { float: left; width: 350px; margin-top: 25px; position: relative; font-size: 12px; line-height: 22px; }
.addr { font-size: 15px; color: #000; font-weight: bold; }
.cmobile { font-size: 15px; font-weight: bold; color: #326902; }
.cemail { font-size: 12px; color: #1c0cb8; }
.cemail a { text-decoration:underline;  color: #1c0cb8; }
.cemail a:hover { color: #990000; }
.mob_icon { height: 28px; width: 28px; position: absolute; z-index: 5; top: 105px; right: 120px; background: url(../images/phone_icon2.png) no-repeat; }
.mail_icon { height: 25px; width: 25px; position: absolute; z-index: 5; top: 151px; right: 110px; background: url(../images/mail_icon.png) no-repeat; }
.contact_right { float: right; width: 305px; padding-right: 125px; margin-top: -30px; margin-right: -20px; height: auto; padding-top: 70px; background: url(../images/contact_leaf.png) no-repeat right top; }
.make_enq { float: left; height: auto; width: 305px; text-align: center; }
.mesg { float: left; height: 15px; width: 305px; padding-top: 7px; font-size: 12px; font-weight: bold; color: #900; text-align: center; }

.cf_txtbox { margin-top: 12px; float: left; height: 40px; width: 305px; background: url(../images/textbox.png) no-repeat; }
.cf_text { float: left; height: 40px; width: 70px; font-size: 13px; color: #FFF; line-height: 38px; padding-left: 15px; }
.cf_text.nmrn_top{ line-height:15px; margin-top:3px;}
.cf_txtbox input { float:left;  width: 210px; margin-left:3px; height:17px; font:13px Arial; margin-top:10px; background:none; color:#444444; }

.cf_txtarea { margin-top: 12px; float: left; height: 155px; width: 305px; background: url(../images/textarea.png) no-repeat; }
.cf_txtarea textarea { float:left; width:293px; margin-left:7px; margin-top:5px; height:104px; background:none; font:13px Arial; color:#444444; }
.cf_send { float:right; margin-top:10px; outline:none; }
.cf_clear { float:left; margin-top:10px; outline:none; margin-left:122px; background:url(../images/clear.png) no-repeat; width:92px; height:40px; cursor:pointer; }
.c_thumb { padding: 15px 5px; height: 230px; width: 200px; text-align: center; background: url(../images/cred_bg.png) no-repeat; margin-right: 20px; float: left; margin-top: 20px; }

/* ----------------- new styles --------------- */
.nuu_txt{ float:left; font-size:15px; font-weight:bold; color:#858585; width:100%; text-align:center; margin-top:100px;}