/*resets*/ *{margin:0; padding:0} body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, p{padding:0; margin:0; font-weight:normal} body{background:#FFF; font:13px/20px Verdana, Arial, Helvetica, sans-serif; color:#000} img, fieldset{border:none; margin:0; padding:0} a{cursor:pointer; text-decoration:underline} a:hover{text-decoration:none} a:focus{outline:none} input:focus{outline:none} .curv{float:left; width:100%} .curv img{float:left} .clear{clear:both} #layout{width:100%; background:url(../images/img/home_layout_bg.gif) repeat-x 0 0;} #layout.inner_layout{width:100%; background:url(../images/img/inner_layout_bg.gif) repeat-x 0 0!important;} #wrapper{width:953px; margin:0 auto;} /*Header goes here...*/ #header{float:left; width:953px; height:133px; background:#6d6d6d; border-bottom:1px solid #FFF} #logo{float:left} #logo img{float:left; margin:15px 0 0 7px; display:inline} #header .right_details{float:right; width:776px} #header .right_details .box{float:left; width:776px} /*Top Nav goes here...*/ #top_nav{float:right; list-style:none; margin:22px 0 0 0} #top_nav li{float:left; font-size:13px; line-height:15px; padding:0 0 0 18px; text-transform:uppercase} #top_nav li a{text-decoration:none; color:#FFF} #top_nav li a:hover{text-decoration:none; color:#e8e8e8} /*Top Nav ends here...*/ #header .right_details .box .contents{float:right; width:640px; height:34px; background:#000; margin:7px 0 0 0} #header .right_details .box .contents .col{float:left; padding:5px 10px 0 10px} #header .right_details .box .contents .col.last{float:right; padding:5px 17px 0 10px} #header .right_details .box .contents .col .phone_no{float:left; width:auto; font:20px/22px Arial,Helvetica,sans-serif; font-weight:bold; color:#FFF; padding:1px 0 0 5px} #header .right_details .box .contents .col span{float:left; display:block} #header .right_details .box .contents .col span a{color:#FFF; text-decoration:none} #header .right_details .box .contents .col span a:hover{text-decoration:underline} #header .right_details .box .contents .col span.shopping_cart{float:left; background:url(../images/img/shopping_cart_icon.gif) no-repeat 0 50%; padding:0 10px 0 20px} #header .right_details .box .contents .col span.checkout{float:left; background:url(../images/img/check_out_icon.gif) no-repeat 0 50%; padding:0 0 0 20px} #search_form{float:left} #search_form .input_wrap{float:left; width:195px; height:23px; background:url(../images/img/search_input_bg.gif) no-repeat 0 0} #search_form .input{float:left; width:184px; margin:0 0 0 1px; display:inline; padding:3px 5px; border:none; background:url(../images/img/search_icon.gif) no-repeat 175px 5px; color:#6d6d6d} /*Menu goes here...*/ #menu{float:right; list-style:none; border-top:1px solid #e5e1e1; border-right:1px solid #e5e1e1; margin:13px 0 0 0} #menu li{float:left; font-size:13px; line-height:15px; border-left:1px solid #e5e1e1} #menu li a{text-decoration:none; color:#FFF; padding:13px 15px; display:block; background:url(../images/img/menu_bg.gif) repeat-x 0 0} #menu li a:hover{background:url(../images/img/menu_bg.gif) repeat-x 0 -41px; color:#b7d888; text-decoration:underline} #menu li.active a{background:url(../images/img/menu_bg.gif) repeat-x 0 -82px} #menu li.active a:hover{color:#FFF; text-decoration:none; cursor:text; background:url(../images/img/menu_bg.gif) repeat-x 0 -82px} /*Menu ends here...*/ /*Banner goes here...*/ #banner_container{float:left; width:953px; padding:16px 0 0 0; background:#94a56f} /*#banner_container .paging{float:left; width:930px;height:25px; background:#ececec;}*/ #banner_container .banner{float:left; width:953px; height:336px; background:#94a56f; border-top:1px solid #FFF} #banner_container .banner .image_box{float:left; height: 336px; width:460px;padding:0; margin:0; overflow: hidden} #banner_container .banner .content_box{float:right; width:445px; padding:10px 15px 10px 30px} #banner_container .banner .content_box h1{float:left; width:445px; font:38px/42px Arial,Helvetica,sans-serif; font-weight:bold; color:#FFF; margin-bottom:3px} #banner_container .banner .content_box h2{float:left; width:445px; font:16px/18px Arial,Helvetica,sans-serif; font-weight:bold; color:#000} #banner_container .banner .content_box p{float:left; width:445px; font:15px/27px Arial,Helvetica,sans-serif; color:#FFF; padding:0 0 10px 0} #banner_container .banner .content_box a {color:#FFF;} #banner_container .banner .content_box a:hover{text-decoration: none;color: #000;} #banner_container .banner .content_box .connect_box{float:left; width:422px; height:35px; background:#7b8b57; border:1px solid #c6cfa2; padding:5px 10px 0; margin:24px 0 0 0} #banner_container .banner .content_box .connect_box h3{float:left; width:177px; height:17px; background:url(../images/img/connect_with_us.gif) no-repeat 0 0; text-indent:-999em; margin:7px 10px 0 0} #banner_container .banner .content_box .connect_box span{float:left; display:block; margin:0 15px 0 0} /*Featured goes here...*/ #featured{float:left; width:953px; height:166px; background:#c9d2a5; padding:5px 0 0 0} #featured .box{float:left; width:300px; height:118px; padding:20px 0; background:#ccc; border:1px solid #e8eed0; margin-right:18px; display:inline} #featured .box.anniversary_sale{float:left; background:#a9af46 url(../images/img/anniversary_box_bg.gif) repeat-x 0 0} #featured .box.anniversary_sale .image_box{float:left; width:125px; text-align:center; margin:0 2px;padding-right:7px;padding-left:4px;} #featured .box.anniversary_sale .content_box{float:left; width:160px} #featured .box.anniversary_sale .content_box h3{float:left; width:160px; font:17px/20px Arial,Helvetica,sans-serif; font-weight:bold; color:#FFF; margin-bottom:10px} #featured .box.anniversary_sale .content_box p{float:left; width:150px; font-size:13px; line-height:17px;font-weight:bold;} #featured .box.anniversary_sale .content_box a{color:#000; text-decoration:none} #featured .box.anniversary_sale .content_box a:hover{text-decoration:underline} #featured .box.growing_guide{float:left; background:#597739 url(../images/img/growing_guide_bg.gif) repeat-x 0 0} #featured .box.growing_guide .image_box{float:left; width:95px; text-align:center; margin:0 2px} #featured .box.growing_guide .content_box{float:left; width:190px} #featured .box.growing_guide .content_box h3{float:left; width:190px; font:17px/20px Arial,Helvetica,sans-serif; font-weight:bold; color:#FFF; margin-bottom:10px} #featured .box.growing_guide .content_box p{float:left; width:180px; font-size:13px; line-height:17px} #featured .box.growing_guide .content_box a{color:#000; text-decoration:none} #featured .box.growing_guide .content_box a:hover{text-decoration:underline} #featured .box.package_choices{float:left; background:#000 url(../images/img/package_box_bg.gif) no-repeat bottom left; margin:0} #featured .box.package_choices .content_box{float:left; width:300px} #featured .box.package_choices .content_box h3{float:left; width:300px; font:17px/20px Arial,Helvetica,sans-serif; text-align:center!important; font-weight:bold; color:#FFF; margin-bottom:10px} #package_form{float:left; width:300px} #package_form .row{float:left; width:300px; text-align:center; margin-bottom:8px} #package_form .select{width:150px} /*Body Container goes here...*/ #body_container{float:left; width:953px; background:url(../images/img/body_container_bg.gif) repeat-y 0 0; margin:5px 0 25px 0} /*Left Container goes here...*/ #left_container{float:left; width:590px; padding:15px 18px 15px 0px} #left_container .product_container{float:left; width:590px} #left_container .product_container h2{float:left; width:590px; font:20px/22px Arial,Helvetica,sans-serif; font-weight:bold; color:#6d6d6d; margin-bottom:10px} #left_container .product_container .product_row{float:left; width:590px;height:215px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5} #left_container .product_container .product_row_package{float:left; width:590px;height:235px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5} #left_container .product_container .product_row_home{float:left; width:590px;margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #e5e5e5} #left_container .product_container .porduct_box{float:left; width:175px; margin-right:30px;position:relative;} #left_container .product_container .porduct_box p{float:left; width:175px; font-size:12px; line-height:14px;} #left_container .product_container .porduct_box.last{margin-right:0px} #left_container .product_container .featured_box{text-align:center; float:left; width:175px; margin-right:30px;position:relative;} #left_container .product_container .featured_box p{float:left;text-align:center; height:auto; width:175px; font-size:12px; line-height:14px;} #left_container .product_container .featured_box.last{margin-right:0px} #left_container .product_container .porduct_box .image_box{float:left; width:165px;height:115px; padding-bottom:0px;} #left_container .product_container .porduct_box .image_box_home{float:left; width:165px;padding-bottom:10px;} #left_container .product_container .porduct_box .image_box a{text-decoration:none;font:11px/17px, Arial, Helvetica, sans-serif; color:#000} #left_container .product_container .porduct_box .image_box a:hover{text-decoration:none;font:11px/17px, Arial, Helvetica, sans-serif; font-weight:bold; color:##000} #left_container .product_container .porduct_box h3{float:left; text-align:center; width:165px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold; color:#548217; margin-bottom:5px} #left_container .product_container .featured_box .image_box{float:left; width:165px;height:115px; padding-bottom:0px;} #left_container .product_container .featured_box .image_box_home{float:center; width:165px;padding-bottom:10px;} #left_container .product_container .featured_box .image_box a{text-decoration:none;font:11px/17px, Arial, Helvetica, sans-serif; color:#000} #left_container .product_container .featured_box .image_box a:hover{text-decoration:none;font:11px/17px, Arial, Helvetica, sans-serif; font-weight:bold; color:##000} #left_container .product_container .featured_box h3{float:left; text-align:center; width:165px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold; color:#548217; margin-bottom:5px} #left_container .product_container.categories h3{float:left; width:175px; text-align:center!important} #left_container .product_container .porduct_box p{float:left; width:175px; font-size:12px; line-height:14px; text-decoration:none; margin-top:10px;} #left_container .product_container .add_to_cart_box{float:left; width:570px; padding:7px 7px; background:#ececec; margin:5px 0} /*Right Container goes here...*/ #right_container{float:right; width:286px; padding:15px 10px} #right_container .contents{float:left; width:286px} #right_container .contents h2{float:left; width:250px; padding:0 0 0 36px; font:20px/22px Arial,Helvetica,sans-serif; font-weight:bold; color:#6d6d6d; margin-bottom:10px} #right_container .contents ul{float:left; width:286px; list-style:none} #right_container .contents ul li{float:left; width:286px; margin-bottom:30px} #right_container .contents li a{text-decoration:none; color:#000} #right_container .contents li a:hover{text-decoration:none; font-weight:550; color:#548217} #right_container .contents ul li h3{float:left; width:250px; padding:0 0 2px 36px; font:11px/13px Arial,Helvetica,sans-serif; font-weight:bold; color:#548217; border-bottom:1px solid #e5e5e5} #right_container .contents ul li p{float:left; width:250px; padding:2px 0 0 36px; font-size:11px; line-height:17px} #right_container .content_box{float:left; width:280px} #right_container .content_box h2{float:left; width:280px; font:24px/26px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #right_container .content_box h3{float:left; width:280px; font:16px/18px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #right_container .content_box p{float:left; width:270px; padding:0 0 20px 0} /********************Inner page goes here...*****************************/ #body_container.inner_body_container{float:left; width:953px; background:none!important; margin:20px 0 25px 0} #body_container.inner_body_container h3{float:left; width:590px; font:18px/20px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45; padding:0 0 7px 0;} #body_container.inner_body_container p{float:left; width:590px;padding:0 0 5px 0} #body_container.inner_body_container .paging{float:left; text-align:right;font:11px/14px Arial,Helvetica,sans-serif;width:890px; background:#ececec; margin:5px 0; margin-right:5px;} #body_container .bred_crumbs{float:left; width:940px; padding:5px 7px 5px 6px; margin-bottom:20px} #body_container .bred_crumbs span{float:left; display:block; margin:0 5px 0 0} #body_container .bred_crumbs span a{text-decoration:none; color:#769b45} #body_container .bred_crumbs span a:hover{text-decoration:underline} #body_container .category_detail_box{float:left; width:890px} #body_container .category_detail_box .content_box{float:left; width:590px} #body_container .category_detail_box .content_box h2{float:left; width:590px; font:24px/26px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #body_container .category_detail_box .content_box h3{float:left; width:590px; font:16px/18px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #body_container .category_detail_box .content_box p{float:left; width:590px; padding:0 0 20px 0} #body_container .product_detail_box{float:left; width:890px} #body_container .product_detail_box .content_box{float:left; width:590px} #body_container .product_detail_box .content_box h2{float:left; width:590px; font:24px/26px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #body_container .product_detail_box .content_box h3{float:left; width:590px; font:16px/18px Arial,Helvetica,sans-serif; font-weight:bold; color:#769b45} #body_container .product_detail_box .content_box p{float:left; width:590px; padding:0 0 20px 0} #body_container .product_detail_box .content_box .prod_desc {float:left; width:580px; padding-left:10} #body_container .product_detail_box .content_box .prod_desc li {margin-left:20px} #body_container .product_detail_box .content_box .rate_detail{float:left; width:590px; margin:7px 0} #body_container .product_detail_box .content_box .rate_detail span{float:left; display:block; margin:0 18px 0 0; font:15px/17px Arial,Helvetica,sans-serif; font-weight:bold} #body_container .product_detail_box .content_box .rate_detail span.rate{color:#769b45} #body_container .product_detail_box .content_box .add_to_cart_box{position:relative;float:left; width:570px; padding:7px 7px; background:#ececec; margin:10px 0} #quantity_form{float:left; width:auto} #quantity_form label{float:left; width:auto; font:13px/15px Arial,Helvetica,sans-serif; display:block; margin:2px 10px 0 0} #quantity_form .input{float:left; width:42px; padding:2px 0; border:0px; margin:2px 10px 0 0} #quantity_form select{float:left;top:10px;height:22px;} #quantity_form .addto_cart_btn{float:left;width:auto;margin-left:5px;} #quantity_form .addto_cart_btn_small{float:left; width:auto; padding-top:7px;padding-bottom:7px;} #body_container .product_detail_box .image_box{float:right; width:290px} #body_container .product_detail_box .image_box p{font:13px/15px Arial,Helvetica,sans-serif;width:260px;} #body_container .category_detail_box .image_box{float:right; width:290px} #body_container .product_detail_box .image_box img{float:left; margin:20px 0 0 10px; display:inline} #body_container .category_detail_box .image_box img{float:left; margin:37px 0 0 63px; display:inline} /*Related Product goes here...*/ #body_container .product_detail_box .related_product_box{float:left; width:890px} #body_container .product_detail_box .related_product_box p{float:left; width:860px} #body_container .product_detail_box .related_product_box h2{float:left; width:890px; font:20px/22px Arial,Helvetica,sans-serif; font-weight:bold; color:#6d6d6d; margin-bottom:5px} #body_container .product_detail_box .related_product_box .rate_detail{float:left; width:170px; margin:7px 0} #body_container .product_detail_box .related_product_box .rate_detail span{float:left; display:block; margin:0 18px 0 0; font:15px/17px Arial,Helvetica,sans-serif; font-weight:bold} #body_container .product_detail_box .related_product_box .rate_detail span.rate{color:#769b45} #body_container .product_detail_box .related_product_box .add_to_cart_box{float:left; width:160px; padding:7px 7px; background:#ececec; margin:5px 0} #body_container .product_detail_box .related_product_box .product_row{float:left; width:890px; padding:10px 0; margin-bottom:10px; border-top:1px solid #e5e5e5; } #body_container .product_detail_box .related_product_box .porduct_box{float:left; width:195px; margin-right:35px} #body_container .product_detail_box .related_product_box .porduct_box a{text-decoration:none; color:#000; margin-bottom:7px;} #body_container .product_detail_box .related_product_box .porduct_box a:hover{text-decoration:none; color:#e8e8e8; margin-bottom:7px;} #body_container .product_detail_box .related_product_box .porduct_box span{float:left; width:185px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold} #body_container .product_detail_box .related_product_box .porduct_box.last{margin-right:0px} #body_container .product_detail_box .related_product_box .porduct_box .image_box{float:left; width:155px; height:100px; text-align:center; margin-bottom:10px} #body_container .product_detail_box .related_product_box .porduct_box .image_box img{margin:0; padding:0} #body_container .product_detail_box .related_product_box .porduct_box h3{float:left; width:195px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold; color:#548217; margin-bottom:0px} #body_container .product_detail_box .related_product_box .porduct_box p{float:left; width:195px; font-size:12px; line-height:13px} #body_container .category_detail_box .related_product_box{float:left; width:890px} #body_container .category_detail_box .related_product_box{float:left; width:890px} #body_container .category_detail_box .related_product_box h2{float:left; width:890px; font:20px/22px Arial,Helvetica,sans-serif; font-weight:bold; color:#6d6d6d; margin-bottom:10px} #body_container .category_detail_box .related_product_box .product_row{float:left; width:890px; padding:20px 0; margin-bottom:55px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5} #body_container .category_detail_box .related_product_box .porduct_box{float:left; width:165px; margin-right:60px} #body_container .category_detail_box .related_product_box .porduct_box.last{margin-right:0px} #body_container .category_detail_box .related_product_box .porduct_box .image_box{float:left; width:165px; text-align:center; margin-bottom:10px} #body_container .category_detail_box .related_product_box .porduct_box .image_box img{margin:0; padding:0} #body_container .category_detail_box .related_product_box .porduct_box h3{float:left; width:165px; font:13px/15px Arial,Helvetica,sans-serif; font-weight:bold; color:#548217; margin-bottom:5px} #body_container .category_detail_box .related_product_box .porduct_box p{float:left; width:165px; font-size:13px; line-height:15px} /*Footer goes here...*/ #footer_wrapper{width:100%; background:url(../images/img/footer_wrap_bg.gif) repeat-x 0 0} #footer{width:953px; height:145px; margin:0 auto; padding:35px 0 0 0; background:url(../images/img/footer_bg.gif) no-repeat 0 0} #footer .detail_box{float:left; width:390px; padding:40px 0 0 25px} #footer .detail_box p{float:left; width:195px; color:#FFF; font-size:13px; line-height:17px} #footer .partners_box{float:left; padding:17px 0 0 0;margin-top:15px;} #footer .partners_box span{float:left; display:block} #footer .partners_box span .member_logo{float:left; margin:0 60px 0 0} #footer .partners_box span .mojo_logo{float:left; margin:0 10px 0 0} #footer .footer_bottom {float:left;position:relative; top:10px; height:20px; width:800px;} #footer .footer_bottom p{text-align:center; color:#FFF;font-weight:bold; font-size:12px;width:940px;height:20px;} #footer .footer_bottom a {color:#FFF;} #footer .footer_bottom a:hover {color:#FFF;} #footer .footer_bottom a:visited {color:#FFF;} /* Form Style */ .form { margin:0; padding:0; } .div_texbox { width:347px; float:right; background-color:#E6E6E6; height:35px; margin-top:3px; padding-top:5px; padding-bottom:3px; padding-left:5px; } .textbox { background-repeat: no-repeat; background-position:left; width:285px; font:normal 16px Arial; color: #000; padding:3px 5px 3px 19px; } .textbox:focus, .textbox:hover { background-color:#b7d888; } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%;height: 100%; background-color: #000; cursor: pointer;} #lbCenter, #lbBottomContainer {position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;} .lbLoading { background: #fff url(../images/img/loading.gif) no-repeat center;} #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;} #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%;outline: none;} #lbPrevLink {left: 0;} #lbPrevLink:hover {background: transparent url(../images/img/prevlabel.gif) no-repeat 0 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(../images/img/nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;} #lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/img/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;} #lbCaption, #lbNumber { margin-right: 71px;} #lbCaption {font-weight: bold;} .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; }