@charset "utf-8"; /* CSS Document */ html, body { padding: 0; margin: 0; } body { background: url("../images/bg.jpg") left top repeat; margin: 0; padding: 0; font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; font-size: 14px; color: #000; -webkit-text-size-adjust: none; } .wrapper { display: block; margin: auto auto 15px; width: 1000px; transition: all 0.4s; } .wrapper_responsive { margin: auto; } a { color: #005b2c; text-decoration: none; outline: none; }/*#00984a*/ a:hover { color: #000; } a:focus {color: #005b2c; outline: 3px solid #9d1d34;}/*#00984a*/ a img { border: none; } p { margin: 1em 0; } ul { display: block; } ul li { display: block; } .left { float: left; } .right { float: right; } .clear { clear: both; } .block { display: block; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; } .f34 { font-size: 34px; } .f36 { font-size: 36px; } .f38 { font-size: 38px; } .f40 { font-size: 40px; } .f44 { font-size: 44px; } .f45 { font-size: 45px; } h1, h2, h3, h4, h5 { color: #005b2c; }/*#00984a*/ .no_margin { margin: 0 !important; } .no_padding { padding: 0 !important; } .txt_Black { color: #000 !important; } .txt_red, .red { color: #cc2929; } .sale-price, .price { font-weight: bold; } .txt_green { color: #005b2c; }/*#00984a*/ .checkout_button { padding: 10px 15px !important; font-size: 18px !important; text-transform: uppercase; margin: 0; } .cart_back_btn { padding: 10px 15px !important; font-size: 18px; text-transform: uppercase; width: 90px; display: inline-block !important; vertical-align: top; } textarea, select { border: 1px solid #000; border-radius: 3px; margin: 0; padding: 5px; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"] { margin: 0; padding: 5px; display: block; border: 1px solid #000; border-radius: 3px; min-width: 120px; max-width: 300px; outline: none; } input[type="submit"], input[type="button"], button { border: none; border-radius: 3px; color: #fff; font-size: 14px; text-align: center; cursor: pointer; } .button_red { background: #e23534; /* Old browsers */ background: -moz-linear-gradient(top, #e23534 0%, #9d1d34 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e23534), color-stop(100%, #9d1d34)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e23534 0%, #9d1d34 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e23534 0%, #9d1d34 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e23534 0%, #9d1d34 100%); /* IE10+ */ background: linear-gradient(to bottom, #e23534 0%, #9d1d34 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23534', endColorstr='#9d1d34', GradientType=0 ); /* IE6-9 */ text-align: center; padding: 5px 15px; color: #fff; border-radius: 3px; font-weight: bold; font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; display: inline-block; } .button_red:hover { background: #9d1d34; /* Old browsers */ background: -moz-linear-gradient(top, #9d1d34 0%, #e23534 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d1d34), color-stop(100%, #e23534)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9d1d34 0%, #e23534 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9d1d34 0%, #e23534 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9d1d34 0%, #e23534 100%); /* IE10+ */ background: linear-gradient(to bottom, #9d1d34 0%, #e23534 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1d34', endColorstr='#e23534', GradientType=0 ); /* IE6-9 */ color: #fff; } .button_orange { background: #fea125; /* Old browsers */ background: -moz-linear-gradient(top, #fea125 0%, #e77e01 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea125), color-stop(100%, #e77e01)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fea125 0%, #e77e01 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fea125 0%, #e77e01 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fea125 0%, #e77e01 100%); /* IE10+ */ background: linear-gradient(to bottom, #fea125 0%, #e77e01 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea125', endColorstr='#e77e01', GradientType=0 ); /* IE6-9 */ text-align: center; padding: 5px 15px; color: #fff; border-radius: 3px; font-weight: bold; font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; display: inline-block; } .button_orange:hover { background: #e77e01; /* Old browsers */ background: -moz-linear-gradient(top, #e77e01 0%, #fea125 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e77e01), color-stop(100%, #fea125)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e77e01 0%, #fea125 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e77e01 0%, #fea125 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e77e01 0%, #fea125 100%); /* IE10+ */ background: linear-gradient(to bottom, #e77e01 0%, #fea125 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77e01', endColorstr='#fea125', GradientType=0 ); /* IE6-9 */ color: #fff; }  .button_green{ background: #00a04a; /* Old browsers */ background: -moz-linear-gradient(top, #00a04a 0%, #00682b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a04a), color-stop(100%, #00682b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a04a 0%, #00682b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a04a 0%, #00682b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a04a 0%, #00682b 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a04a 0%, #00682b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a04a', endColorstr='#00682b', GradientType=0 ); /* IE6-9 */   text-align: center; padding: 5px 15px; color: #fff; border-radius: 3px; font-weight: bold; font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; display: inline-block; } .button_green:hover { background: #00682b; /* Old browsers */ background: -moz-linear-gradient(top, #00682b 0%, #00a04a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00682b), color-stop(100%, #00a04a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00682b 0%, #00a04a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00682b 0%, #00a04a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00682b 0%, #00a04a 100%); /* IE10+ */ background: linear-gradient(to bottom, #00682b 0%, #00a04a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00682b', endColorstr='#00a04a', GradientType=0 ); /* IE6-9 */   color: #fff; }   /******************************************/ #header { display: block; width: 100%; margin: 5px 0 0; } .head-1 { display: table; width: 100%; margin: 0 0 5px; position: relative; } .head-1 .tagline { float: left; margin: 10px 0 0 140px; color: #565656; font-style: italic; font-weight: bold; } .logo { position: absolute; top: -35px; left: 20px; background: url(../images/logo.png) left top no-repeat; width: 126px; height: 126px; z-index: 800; font-size:1px; color:#005b2c; } .top_cart { background: url(../images/cart_top_icon.png) left top no-repeat; padding: 0 0 0 20px; color: #cc2929; font-weight: bold; margin: 10px 0 0; cursor: pointer; } .top_cart a { color: #000; } .top_cart a span { color: #bd0000; }/*cc2929*/ .head-2 { background: #fff; position: relative; display: table; padding: 0px 0; width: 100%; margin: 8px 0 0; } #check-header { display: block; /* width: 100%; */ margin: 35px 0 0; border-bottom: 1px solid #F1ECE1; background: #fff; height: 126px; padding: 10px; } .check-head-1 { display: table; margin: 0 20px 0 0; position: relative; float: left; height: 126px; width: 26% } .check-head-2 { display: table; margin: 22px 91px 0 0; position: relative; float: left; /* height: 126px; */ width: 40%; text-align: center; } #checkout-header-message h1 { color: #CC2929; font-family: Georgia; font-size: 16px; font-weight: bold; margin: 0; } #checkout-header-message h2 { color: #CC2929; font-family: Georgia; font-size: 28px; font-weight: bold; margin: 0; } #checkout-header-message h3 { color: #00984A; font-family: Georgia; font-size: 13px; font-weight: bold; margin-top: 10px; } .checkout_form input { display: inline-block; } .useforbill { clear: left; width: 310px; border: 1px solid #F1ECE1; padding: 5px; font-weight: bold; color: #cc2929 !important; margin: 30px auto !important; } .checkout_proccess_image { margin: auto; text-align: center; } .button_submit_div { float: right; margin-bottom: 15px; font-size: 11px; } #AccountInput { width: 602px; padding: 10px 21px; margin: 0 8px; border: 4px #ebebeb solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; background-color: #f7f8f3; } .accinput_span { border-bottom: #b8b8b8 1px solid; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; padding: 5px; } .accountinput_info { display: table; width: 100%; padding: 0; } .accountinput_info li { display: table-cell; vertical-align: middle; } .check-head-3 { display: table; position: relative; float: left; margin: 30px 0 0; } .check-logo { position: absolute; background: url(../images/logo.png) left top no-repeat; width: 126px; height: 126px; z-index: 999; font-size: 1px; color: #fff;} .navigation1 { float: left; margin: 15px 0 15px 155px; } .menu_btn, .main-menu_btn { display: none; float: right; margin: 5px; padding: 0 5px 13px; background: #000; color: #ccc; line-height: 8px; border-radius: 3px; } .navigation1 ul { margin: 0; padding: 0px 0; } .navigation1 a { display: inline-block; padding: 0px 10px; border-right: 1px solid #000; color: #000; } .navigation1 a:last-child { border: none; } .search_main { float: right; margin: 8px 5px; /*border: 1px solid #000; border-radius: 3px;*/ width:350px; /* width: 255px; overflow: hidden;*/ position: relative; } #suggestions { position: absolute; top: 102%; left: 0; z-index: 999999; width: 100%; }  #suggestions:hvoer { display:block; } .suggestion { background: #fff; display: block; width: 96%; padding: 10px 2%; } .suggestion:hover { background: #ccc; } #search input[type="text"] { float: left; border: none; padding: 7px 8px 6px; /*width: 201px;*/ width: 294px; } #search input[type="submit"] { float: left; background: url(../images/search_btn.jpg) left center no-repeat #000; width: 38px; height: 29px; } .search_mid { display: table; border: 1px solid #000; padding: 1px; border-radius: 3px; } .head-3 { background: url(../images/nav-bg.jpg) left top repeat #005b2c; position: relative; display: table; width: 100%; }/*#00984a*/ .left_responsive_nav { display: none; } .navigation2 { float: right; display: block; /*margin: 0px 0 0px 155px;*/ margin: 0px 0 0px 148px; } .navigation2 ul { margin: 0; padding: 0; display: table; clear: both; } .navigation2 ul li { display: inline-block; border-right: 1px solid #0B8500; font-size: 16px; position: relative; } .navigation2 ul li:last-child { border: none; } .navigation2 ul li a { color: #fff; display: block; padding: 15px 11px; line-height: 18px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }/*padding: 15px 16px 15px 18px;*/ .navigation2 ul li a:hover, .navigation2 ul li:hover > a { background: #c60e3e; } .navigation2 ul li a:focus, .navigation2 ul li:focus > a { background: #c60e3e; } .navigation2 ul ul { display: none; z-index: 999; position: absolute; left: 0; top: 100%; background: url(../images/nav-bg.jpg) left top repeat #00984A; width: 200px; padding: 0; border-radius: 0 0 3px 3px; overflow: hidden; -webkit-transition: all 10s linear; -moz-transition: all 10s linear; transition: all 10s; } .navigation2 ul li:hover > ul { display: block; } .navigation2 ul li:focus > ul { display: block; } .navigation2 ul ul li { display: block; border: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .navigation2 ul ul li a { padding: 8px 5px; display: block; line-height: 18px; text-align: left; } .main_container { background: #fff; float: left; width: 100%; } .banner { display: block; margin: 1px; } .banner_right { width: 280px; } .catalog_box { display: inline-block; float: right; margin: 0 1px; background: #ffeb81; padding: 2px 10px 5px; width: 265px; height: 126px; /*cursor: pointer;*/ } .newsletter_signup_box { background: url(../images/GA_homeofferbg.jpg) left top repeat-y; padding: 5px; width: 275px; float: right; margin: 2px 1px 0; height: 134px; color: #fff; } /*#00984A;*/ .newsletter_signup_box .newsletter_sbox { float: left; width: 263px; /*background: #fff; border: 2px dashed #000;*/ padding: 5px; text-align: center; height: 120px; } .banner_right .newsletter_signup_box .newsletter_sbox .txt_red, .banner_right .newsletter_signup_box .newsletter_sbox a { color: #fff; } .newsletter_signup { margin: 10px auto auto; background: #fff; display: table; border: 1px solid #000; border-radius: 3px; padding: 2px; } .newsletter_signup input[type="text"], .newsletter_signup input[type="email"] { float: left; border: 0; width: 184px; margin: 0; padding: 3px; } .newsletter_signup input[type="submit"] { padding: 3px 3px; margin: 0; } .middle_colum { display: block; width: 100%; margin: 3px 0 0px; } .mid_tiles { display: inline-block; vertical-align: top; cursor: pointer; } .ga_midtile { background: #ffe7a4; height: 187px; margin: 0px 5px 5px 5px; } .ga_midtile .mid_title { background: #00a04a; /* Old browsers */ background: -moz-linear-gradient(top, #00a04a 0%, #00682b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a04a), color-stop(100%, #00682b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a04a 0%, #00682b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a04a 0%, #00682b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a04a 0%, #00682b 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a04a 0%, #00682b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a04a', endColorstr='#00682b', GradientType=0 ); /* IE6-9 */ padding: 5px 10px; color: #fff !important; margin: 10px 8px 10px 0px; } .ga_midtile .mid_discription { float: left; margin: 0 13px; width: 212px; } .ga_midtile .mid_discription span { float: left; margin: 0 10px; width: 90px; font-weight: bold; } .ga_exclusive { background: #ffe7a2; height: 177px; margin: 0 0px 5px 5px; padding: 5px 0 5px 13px; width: 225px; width: 224px\0/; } .logo_strip { background: url(../images/logo_strip_mid.png) right top no-repeat; margin: 7px 0 7px; height: 75px; width: 125px; padding: 5px 5px 5px 88px; color: #fff; font-weight: bold; float: right; line-height: 24px; } .catalog_req_tile { width: 231px !important; } /*****************************************/ .div_239 { width: 239px; } .div_695 { width: 690px; padding: 5px; } .div_700 { width: 700px; } .div_290 { width: 290px; padding: 5px; } .div_465 { width: 465px; } .div_290_home { width: 288px; padding: 5px; border-left: 2px dotted #ccc; height: auto; } /* 85vh*/ /*****************************************/ .right_colum { float: left; width: 270px; padding: 0 10px; margin: 0 0 5px; border-bottom: 2px dotted #ccc; } .ga_program { width: 97%; padding: 0 5px 10px; } .Hgardeners_question { width: 155px; display: inline-block; } .gaq_img { margin: 30px 8px 0; } .colum_home { display: table; width: 100%; } .title_main { margin: 0px 0 10px; } .hoem_product_area { display: block; margin: 15px 0; } .hoem_product_area .title_main { float: left; width: 100%; } .product_detail { display: inline-block; margin: 0 9px 15px; vertical-align: top; width: 150px; } .product_detail .thumb-product .image img { box-shadow: 0 0 3px #666; } .thumb-product h3 { margin: 0px; } .thumb-product h3 a { color: #00984a; text-decoration: none; outline: none; font-size: 14px; } .thumb-product h3 a:hover { color: #000; } .content_product_detail { display: block; margin: 0 0 15px; padding: 0 0; } .content_product_detail li { display: block; padding: 5px 0; } .content_product_detail li a { padding: 5px 5px 5px 10px; border-radius: 3px; transition: all 0.2s; background: url("/images/arrow_black.png") 0px 10px no-repeat; } .content_product_detail li a:hover { padding: 5px 5px 5px 20px; background: url("/images/arrow_black.png") 8px 10px no-repeat #ffe7a1; } .thumb_prod_detail { display: block; margin: 0 0 8px; } .thumb_prod_detail a { color: #000; font-weight: bold; } .thumb_prod_detail a:hover { color: #cc2929; } .thumb_prod_detail h3 { margin: 0px; } .thumb_prod_detail h3 a { color: #000; font-weight: bold; font-size: 14px; } .thumb_prod_detail h3 a:hover { color: #cc2929; } .thumb_prod_detail h5, .thumb_prod_detail h6{ margin: 0px; font-size:14px; color: #000; font-weight: bold; }  /******** Footer *********/ footer { background: url(../images/nav-bg.jpg) left top repeat #005b2c; color: #fff; display: table; padding: 10px; width: 980px; float: left; }/*#00984a*/ footer h1, footer h2, footer h3, footer h4, footer h5 { color: #fff; margin: 10px 0; } footer a { color: #fff; } footer .Ullinks { margin: 0; padding: 0; } footer .Ullinks li { display: block; } .join_email_form #newsletter { display: table; } .ga_about_foot { float: left; width: 380px; border-right: 2px dotted #fff; min-height: 160px; } .customer_service { float: left; width: 275px; border-right: 2px dotted #fff; padding: 0 15px; min-height: 205px; } .join_email { float: left; width: 255px; padding: 0 10px; min-height: 160px; } .join_email_form { display: table; /*border: 1px solid #000; background: #fff;*/ width: 230px; border-radius: 3px; padding: 2px; margin: 0 0 10px; } .join_email_form input[type="text"], .join_email_form input[type="email"] { border: none; padding: 7px 5px; width: 190px; margin: 0; float: left; } .join_email_form input[type="submit"] { margin: 0; padding: 5px; height: 30px; width: 30px; float: left; } .footer_sec-2 { display: table; width: 100%; border-top: 2px dotted #fff; padding: 10px 0; margin: 10px 0 0; } .social_footer { float: right; margin: 0; padding: 0; } .social_footer li { display: inline-block; margin: 0 2px; vertical-align: top; } .copyright { display: table; width: 100%; margin: 5px 0 0; } .copyright_div { width: 440px; font-size: 12px; margin: 15px 0 0; } /*********** Category page HTML ******************/ .inner_container { display: table; width: 100%; padding: 10px 0; } .left_container { float: left; width: 250px; padding: 5px 10px; } .left_navigation { display: table; width: 100%; margin: 0 0 15px; } .left_navigation ul { margin: 0 5px; padding: 0; display: block; } .left_navigation ul li { display: block; margin: 0 0 2px; } .left_navigation ul li a { display: block; color: #000; font-weight: bold; padding: 8px 8px; border-radius: 3px; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-9 */ transition: all 0.5s; } .left_navigation ul li a:hover, .left_navigation ul li a:focus { background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8e8e8 0%, #f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */ color: #cc2929; } .left_navigation ul li a:before { content: '»'; padding: 0 5px 0 0; } .left_navigation ul ul { margin: 3px 0 3px 15px; } .div_720 { width: 715px; padding: 5px; } .div_720 .product_detail { margin: 0 13px 20px; } .breadcrumb { display: table; width: 98%; padding: 1%; background: #efefef; border: 1px solid #cc; border-radius: 3px; margin: 0 0 5px; font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 14px; } .cat_discription { display: block; margin: 0 0 5px; font-size: 15px; } .cat_discription h2 { font-size: 15px; color: #000; font-weight: normal; margin: 1em 0; } .newsletter_signup_box_left { background: #00984A; padding: 5px; width: 230px; float: left; margin: 2px 5px 0; height: 134px; } .newsletter_signup_box_left .newsletter_sbox { float: left; width: 217px; background: #fff; border: 2px dashed #000; padding: 5px; text-align: center; height: 120px; } .newsletter_signup_box_left .newsletter_signup input[type="text"], .newsletter_signup_box_left .newsletter_signup input[type="email"] { width: 170px; } #category_options { display: block; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background: #efefef; } #category_options ul { margin: 0; padding: 0; display: block; } #category_options ul li { display: inline-block; margin: 0 70px 0 0; } #category_options select { padding: 0; } li#prev-next { margin: 0px !important; font-family: arial; padding: 4px; float: right; } #prev-next .navigation_prev-next { border: none; padding: 0; } .cat_prods { margin: 0; padding: 0; } .cat_prods section.product { display: block; } .cat_prods section.product .image .product_image { width: auto !important; border-radius: 3px; } .cat_prods section.product .image img.product_image { border: 1px solid #ccc; } .cat_product_image { width: 150px; display: inline-block; margin: 0 0 5px; } .cat_product_image img { box-shadow: 0 0 5px #333; width: 100%; } .cat_prods section.product .info .order .form { margin: 5px 0 0; } .navigation_prev-next { display: block; border: 1px solid #ccc; padding: 5px; border-radius: 3px; font-family: arial; text-align: right; } ul.cat-thumbs { display: table; margin: 10px 0px; padding: 0; width: 100%; } .cat-thumbs li { display: inline-block; vertical-align: top; text-align: center; margin: 0 5px; width: 100px; } /******************************************************************/ /******************** Product Page ********************************/ .product_detail_box { display: table; width: 98%; padding: 0 1% 10px; /*border-bottom: 1px dashed #ccc;*/ } .product_detail_box .product_image { height: auto !important; } .product_image { display: inline-block; width: 248px; height: 248px; clear:both; } img.product_image { border: 1px solid #ccc; } .product_image img { width: 100%; } .product_discription { display: inline-block; vertical-align: top; width: 390px; margin: 0 0px 0 15px; } .prod_right_sec { display: inline-block; width: 710px; margin: 0 0 0 15px; vertical-align: top; } .product_detail_box .price_box { float: right; margin: 5px 0px 0 10px; } .price_box { display: inline-block; font-family: calibri, Arial, sans-serif; font-size: 16px; float: left; width: 310px; margin: 5px 0px 0 0px; width: 300px\0/; vertical-align: top; box-shadow: 1px 1px 2px #ccc; } .price_box ul { padding: 0; margin: 0; display: table; width: 100%; background: #FFF7E2; border-radius: 3px; } .price_box ul li { display: table; vertical-align: middle; border-bottom: 0px solid #fff; } .price_box ul ul li { padding: 8px 5px; text-align: left; width: auto; display: table-cell; } li.table-cell-sku { width: 25% !important; } li.table-cell-price { width: 25% !important; } .price_box select { padding: 3px; border-radius: 3px; border: 1px solid #ccc; } .overview_detail { display: block; font-size: 15px; padding-left:15px } .overview_detail .details_box { width: 100%; display: block; /*height:105px; overflow:auto;*/ } .price_box select { padding: 3px; border-radius: 3px; border: 1px solid #ccc; } .colum_slider { display: block; padding: 10px 0; border-bottom: 1px dashed #ccc; margin: 0 0 5px; width:1000px !important; } #reco_prod { display: block; } #reco_prod ul { display: block; margin: 10px 30px 0; padding: 0; } #reco_prod ul li { display: inline-block; width: 150px; margin: 0 17px 10px; vertical-align: top; } /******** crousel *******/ /* Tiny Carousel */ #slider1 { height: 1%; margin: 0px auto; width: 82%; overflow: hidden; position: relative; padding: 0 50px 0px; } #slider1 .viewport { height: 250px; overflow: hidden; position: relative; } #slider1 .buttons { background: #C01313; border-radius: 35px; display: block; position: absolute; top: 40%; left: 0; width: 35px; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; } #slider1 .next { right: 0; left: auto; top: 40%; } #slider1 .buttons:hover { color: #fff; background: #000; } #slider1 .disable { visibility: hidden; } #slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; /*width: 240px;*/ left: 0 top: 0; } #slider1 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; /*height: 241px;*/ border: 0px solid #dcdcdc; width: 145px; } #slider2 { height: 1%; margin: 0px auto; width: 82%; overflow: hidden; position: relative; padding: 0 50px 0px; } #slider2 .viewport { height: 250px; overflow: hidden; position: relative; } #slider2 .buttons { background: #C01313; border-radius: 35px; display: block; position: absolute; top: 40%; left: 0; width: 35px; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; } #slider2 .next { right: 0; left: auto; top: 40%; } #slider2 .buttons:hover { color: #fff; background: #000; } #slider2 .disable { visibility: hidden; } #slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; /*width: 240px;*/ left: 0 top: 0; } #slider2 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 241px; border: 0px solid #dcdcdc; width: 145px; } #slider2 .overview li a img { width: 100%; } /*#slider2 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 241px; border: 0px solid #dcdcdc; width: 145px; }*/ /*****************/ .no_risk_box { display: block; background: #00984B; color: #fff; padding: 10px; } .no_risk_box h1 { color: #fff; margin: 0; } .prod_right_container { float: left; width: 217px; padding: 5px 10px; } .prod_detail_col { width: 660px; padding: 5px 10px; } .left_cart_col { width: 740px; padding: 5px 10px; } .detail_cols { float: left; width: 96%; margin: 0 0 20px; border-bottom: 1px dashed #ccc; padding: 0 0 10px; } .review_div { display: table; border-bottom: 1px dotted #ccc; padding: 5px 0 10px; margin: 0 0 10px; width: 100%; } /**************************************************/ /********** View Cart ************/ .view_cart_box { display: table; background: #FFF7E2; width: 100%; border-radius: 3px; overflow: hidden; } .cart_view { text-align: left; } .cart_view th { background: #ffe7a2; display: table-cell; padding: 10px; } .cart_view td { padding: 10px; vertical-align: top; border-bottom: 1px solid #ffe7a2; } .shadecart { position: fixed; width: 400px; padding: 10px; border: 1px solid #ffe7a2; background: #FFF7E2; z-index: 9999; display: none; right: 23.6%; top: 40px; } .vcart_prod { width: 65% !important; } .vcart_qty { width: 20% !important; } .vcart_price { width: 14% !important; text-align: left; } /*****************************************************************/ /***************** Checkout Pages ******************/ .checkout-left-col { font-family: arial; color: #595959; float: left; padding-left: 30px; width: 680px; } .main-content { border: 1px solid #F1ECE1; border-radius: 5px 5px 5px 5px; width: 90%; min-height: 500px; padding: 25px; margin-top: 5px; margin-bottom: 10px; color: #595959; } .main-content h1 { color: #595959; font-family: arial; font-size: 28px; font-weight: bold; margin: 0px; padding: 0px; } .main-content h2 { color: #595959; font-family: arial; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; } .fieldset label { color: #595959; display: block; float: left; font-size: 13px; font-weight: bold; padding-right: 20px; text-align: right; vertical-align: middle; width: 250px; } .fieldset-submit { margin: 20px auto; text-align: center; } .field { margin: 8px 0 0 10px; font-size: 12px; color: #333; clear: both; } .field label { color: #595959; display: block; float: left; font-size: 13px; font-weight: bold; padding-right: 20px; padding-top: 5px; text-align: right; vertical-align: middle; width: 200px; } .order-grid { border: 1px solid #605C5B; padding: 15px; margin: 15px; color: #605C5B; } .billing-info { color: #605C5B; font-size: 13px; } .billing-info h1 { color: #605C5B; font-size: 16px; } /***************************************************/ /************ Artical page YBYG *************/ .page_sorting-1 { display: block; margin: 30px 0 10px; padding: 5px; border: 1px solid #ccc; border-radius: 4px; position: relative; } .ln-letter-count { top: -24px !important; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 0px 5px 6px; border-radius: 5px 5px 0 0; border: 1px solid #ccc; border-bottom: none; } .page_sorting-1 .ln-letters { display: table; width: 100%; text-align: center; margin: 0 2px; } .page_sorting-1 .ln-letters a { padding: 2px 5px; display: table-cell; color: #000; border-radius: 3px; } .page_sorting-1 .ln-letters a:hover, .page_sorting-1 .ln-letters a:focus {background: #005b2c none repeat scroll 0 0; color: #fff;} /*.page_sorting-1 .ln-letters a:hover { background: #00984a; color: #fff; }*/ #demoOne { padding: 0; } #demoOne li { margin: 0 0 5px; } .offer_box { display: block; border: 5px solid #00984a; width: 700px; margin: 0 0 20px; height: 176px; } .offer_left { display: inline-block; width: 484px; padding: 10px; vertical-align: middle; } .offer_right { border-left: 5px solid #00984a; background: #ffe59b; text-align: center; font-size: 34px; display: inline-block; width: 187px; font-weight: bold; vertical-align: middle; height: 176px; } .rel_products { display: block; margin: 0; padding: 0; } .rel_products li { display: inline-table; width: 100%; margin: 0 0 10px; border-bottom: 1px solid #ccc; padding: 0 0 10px; } .rel_products .rel_prod_img { margin: 0 10px 0 0; width: 145px; box-shadow: 0 0 5px #333; } .rel_products li div.rel_prod_disc { width: 560px; } /*************************************/ .qty { width: 50px; padding: 3px; border-radius: 3px; border: 1px solid #ccc; } /************ Email Sign up *************/ .email-wrap { width: 100%; display: table; } .email-left { float: left; width: 50%; margin: 0px; } .email-right { float: right; width: 45%; margin: 0px; } /*******************************************/ /******** Healthy eating guid *************/ .guid_content { display: block; margin: 10px 0; } .greenstrip_title { display: table; width: 98%; padding: 1%; background: #00984a; color: #fff; font-weight: bold; font-size: 16px; } .healthyeating_guid_links { margin: 20px 0 10px; ; padding: 0; display: block; } .healthyeating_guid_links li { display: inline-block; margin: 0 20px 5px; padding: 0 0 0 15px; background: url("/images/arrow_black.png") 3px 5px no-repeat; border-radius: 3px; width: 180px; transition: all 0.2s; } .healthyeating_guid_links li:hover { background-position: 8px 5px; background-color: #ffe7a1; } .healthyeating_guid_links li a { display: block; } .banner_overlay_text { position: absolute; width: 98%; background: rgba(0, 0, 0, 0.4); padding: 1%; bottom: 0; left: 0; color: #fff; font-size: 36px; text-align: center; } /******************************************/ /********* HELP PAGE **************/ .help_links { display: block; margin: 20px 0 10px; /*padding:0;*/ } .help_links li { display: list-item; margin: 0 0 5px; } .help_links li a { background: url("/images/arrow_black.png") 3px 5px no-repeat; padding: 0 5px 0 15px; transition: all 0.2s; border-radius: 3px; } .help_links li a:hover { background: url("/images/arrow_black.png") 10px 5px no-repeat #ffe7a1; padding: 0 5px 0 20px; } .helpul { padding: 0px; list-style: none; } /**********************************/ /************* inner list *************/ .inner_list { display: block; margin: 10px 0 10px; padding: 0 0 0 5px; } .inner_list li { display: block; margin: 0 0 5px; } .inner_list li a { background: url("/images/arrow_black.png") 3px 5px no-repeat; padding: 0 5px 0 15px; transition: all 0.2s; border-radius: 3px; } .inner_list li a:hover { background: url("/images/arrow_black.png") 10px 5px no-repeat #ffe7a1; padding: 0 5px 0 20px; } /**************************************/ .rel_products_right { display: table; padding: 10px; border: 5px solid #00984a; margin: 0 0 10px 15px; width: 219px } .rel_products_right li { display: block; text-align: center; margin: 0 0 20px; border-bottom: 1px solid #ccc; padding: 0 0 20px; } /*****************************************************************/ /********** window shade cart ***********/ /*.shade_cart{float:left; width:500px; padding:2px; background:#fff; border:2px solid #B89530; position:fixed; right:23%; top:40px; z-index:9999; display:none*/ .shade_close { position: absolute; right: 20px; top: -10px; border-radius: 25px; background: #000; z-index: 999999; display: inline-block; color: #FFF; padding: 5px 9px; font-family: arial; font-weight: bold; } .cart_box { display: block; padding: 4px; background: #ffe7a2; } .shadecart_products { width: 100%; padding: 0 1%; background: #fff; } .cart_box .shade_prods { height: auto; overflow: auto; background: #fff; max-height: 200px; } .shadecart_prodimg { margin: 8px 5px 5px 0; } .total_box { background: #ffe7a2; display: block; width: 100%; } .total_left, .total_right { width: 230px; margin: 5px; padding: 5px; } .total_left { background: #fff; width: 240px; border: 1px solid #cc; border-radius: 3px; } .total_left tr td { padding: 3px 2px; } .total_left input[type="text"] { width: 150px; } .total_right tr td { padding: 2px 10px; } /*WINDOWSHADE CART*/ #windowshade-cart-container { right: 23%; top: 31px; position: fixed; z-index: 9999; //z-index:100001; } #windowshade-cart { width: 500px; display: none; position: relative; z-index: 2000; background: #ffe7a2; overflow: hidden; border: 1px solid #000; float: left; -moz-box-shadow: 2px 2px 2px #006600; box-shadow: 2px 2px 2px #006600; -webkit-box-shadow: 2px 2px 2px #006600; } #windowshade-cart-tab { overflow: hidden } /***************************************/ .block_list { display: block; margin: 0; padding: 0; } .block_list li { display: block; margin: 0 0 3px; } .block_list li a { color: #000; } .block_list li a:hover { color: #cc2929; } .block_list li a:before { content: "- "; padding: 0 3px 0 0px; } .insect_guid_table { display: block; margin: 0; padding: 0; } .insect_guid_table li { display: inline-block; width: 300px; vertical-align: top; text-align: center; padding: 10px; margin: 0 15px 15px; } .insect_guid_table li a { color: #000; } .insect_guid_products { position: relative; overflow: hidden; box-shadow: 0 0 8px #000; width: 290px; height: 290px; } .insect_guid_products h2 { margin: 8px 0 0; } .insect_guid_products img { width: 290px; height: 290px; } .insect_guid_products:hover { transform: scale(1.2), rotate(-10deg); } .insect_guid_products .shadow_data { position: absolute; background: rgba(256, 256, 256, 0.95); bottom: 5px; width: 270px; padding: 0px 5px 8px; left: 5px; } .insect_guid_products > img { transform: scale(1.2), rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transition: all 0.3s ease-out; } .insect_guid_products:hover > img { transform: scale(1.2), rotate(0deg); -webkit-transform: scale(1.2) rotate(0deg); transition: all 0.3s ease-out; } .diseas_article_products { display: block; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #000; } .diseas_article_products .D-article_products { display: table; vertical-align: top; margin: 0 5px 15px; padding: 0px 0 15px; border-bottom: 1px dashed #ccc; } .D-article_products h4 { margin: 0 0 5px; text-align: left; } .D-article_products img { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .D-article_products ul { margin: 0; padding: 0; display: inline-block; width: 545px; } .D-article_products ul li { display: inline-block; vertical-align: top; width: 260px; margin: 0 10px 5px 0; } .D-article_products ul li a { color: #000; } .article_prod_img { position: relative; float: left; width: 155px; } .article_prod_img img { width: 145px; } .article_prod_img h4 { position: absolute; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 5px; width: 135px; margin: 0 8px 0 0; bottom: 0; left: 0; } .order_status_form { display: table; width: 100%; overflow: hidden; margin: 0 0 15px; } .order_status_form label, .order_status_form input[type='text'] { display: inline-block; vertical-align: top; width: 42%; } .catalog_request_form { display: block; overflow: hidden; margin: 20px 30px 15px 0; float: left; } .field { margin: 8px 0 0 10px; font-size: 12px; color: #333; } .catalog_request_form fieldset { padding: 20px 10px; } .catalog_request_form fieldset > legend { font-weight: bold; font-size: 18px; padding: 8px 10px; } .catalog_request_form fieldset > div { margin: 0 0 12px; display: block; } .catalog_request_form label { display: inline-block; width: 150px; text-align: right; margin: 0 5px 0 0; } .catalog_request_form input[type="text"], .catalog_request_form input[type="tel"], .catalog_request_form input[type="email"] { display: inline-block; width: 180px; padding: 3px 5px; border: 1px solid #999; border-radius: 3px; } .catalog_request_form select { display: inline-block; padding: 3px 5px; width: 180px; border: 1px solid #999; border-radius: 3px; } .req { color: #f00; } .suggestionsBox { position: absolute; left: 0px; top: 34px; background: #fff; z-index: 999; right: 0; border: 1px solid #f9991d; border-radius: 0 0 5px 5px; } /*****************************************************************/ /********* Quick Order Page **************/ .QR_leftcol_txt { width: 525px; margin: 0 10px 0 0; display: inline-block; vertical-align: top; } .QR_catalog_img { width: 170px; display: inline-block; vertical-align: top; } .QR_catalog_img > img.QR_catalog_image { width: 100%; } .QR_form_top { display: block; margin: 10px 0; padding: 0; } .QR_form_top li { display: block; margin: 0 0 15px; } .QR_form_top li label { display: inline-block; vertical-align: top; width: 90px; padding: 3px 5px 0 0; text-align: right; } .QR_form_top li input[type="text"] { display: inline-block; vertical-align: top; width: 150px; } .QR_form_top li .QR_lable1 { display: inline-block; vertical-align: top; margin: 0 0 0 10px; width: 250px; } .QR_main_form { display: block; margin: 8px 0 0; background: #FFF7E2; overflow: hidden; box-shadow: 1px 1px 2px #C0C0C0; border-radius: 4px; } .QR_main_form ul { display: table; margin: 0; padding: 0; } .QR_main_form ul li { display: table-row; margin: 0; padding: 0; } .QR_main_form ul li span { display: table-cell; margin: 0; padding: 8px 10px; border-bottom: 1px solid #ffe7a2; vertical-align: top; } .QR_item_no { width: 150px; } .QR_item_qty { width: 80px; } .QR_item_des { width: 350px; } .QR_item_price { width: 80px; } .QR_form_head { background: #ffe7a2; } .QR_total_box { display: block !important; } .QR_total_box ul { margin: 0 0 10px; } .QR_total_box ul li span { border-bottom: 1px solid #ccc; } .QR_main_form input[type="submit"] { padding: 14px 15px; font-size: 16px; text-shadow: 1px 1px 0 #000; } /*****************************************/ .alternate_images { display: block; } .alternate_images div { display: inline-block; width: 70px; height: 70px; vertical-align: top; margin: 0 4px 4px; border: 1px solid #ccc; } /*********************************************/ .nutrients_prod_list { display: block; margin: 10px 0 0; } .nutrients_prod_list ul { display: block; margin: 0; padding: 0; } .nutrients_prod_list ul li { display: inline-block; margin: 0 15px 20px; width: 205px; } .nutrients_prod_list .article_prod_img img { width: 100%; } .nutrients_prod_list .article_prod_img h4 { width: 195px; } .bubble { position: relative; margin: 10px 8px 10px -5px !important; } .bubble:after { top: 0px; right: 0; bottom: auto; border-width: 17px 12px 17px 0; border-color: transparent #ffe7a4; content: ""; position: absolute; border-style: solid; display: block; width: 0; } .cart_view { text-align: left; width: 100%; margin: 0px; padding: 0; } .cart_view ul { padding: 0; margin: 0; display: table; width: 100%; background: #FFF7E2; border-radius: 3px; } .cart_view ul li { display: inline-block; width: 100%; vertical-align: middle; } .cart_view ul ul li { padding: 8px 5px; text-align: left; vertical-align: top; display: table-cell; } .listbg { background: #ffe7a2; text-align: left; display: table-cell; padding: 10px 11px; font-weight: bold; } .ship-calc { float: right; width: 34%; margin: 20px 40px; text-align: right; } .ship-calc li { margin: 10px 0; } .cart-discount-box { width: 93%; margin: auto; border: 1px solid #ffe7a2; background: #fff; padding: 20px 2%; } .cart-discount-box span { display: inline-block; width: 24%; } .cart-discount-box p { color: #595959; font-family: Arial; font-size: 13px; font-weight: normal; } /********************Checkout Confirmation***************/ .chk-cart-detail { padding: 0; margin: 0; display: table; width: 100%; } .chk-cart-detail li { display: table-cell; text-align: center; padding: 0px 10px 10px 0; } .order-grid ul { padding: 0px; } .chk-cart-total { padding: 0; margin: 0; display: table; width: 100%; } .chk-cart-total li { display: table-cell; text-align: right; padding: 0px 10px 10px 0; } .chk-cart-total span { font-weight: bold; padding-right: 15px; } .chk-conf-offer { width: 57%; padding: 5px; border: #000 1px solid; } .chk-conf-order-total { width: 30%; font-weight: bold; color: #000; } .chk-conf-order-spacing { padding: 5px 0; } .checkout_thanks_image { width: 515px; float: right; padding-left: 10px; padding-bottom: 10px; } /*****************************/ .category_promo_box { display: block; border: 2px solid #1b9959; background: #ffebb8; /* Old browsers */ background: -moz-linear-gradient(top, #ffebb8 0%, #fffefa 50%, #ffebb8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffebb8), color-stop(50%, #fffefa), color-stop(100%, #ffebb8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffebb8 0%, #fffefa 50%, #ffebb8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffebb8 0%, #fffefa 50%, #ffebb8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffebb8 0%, #fffefa 50%, #ffebb8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffebb8 0%, #fffefa 50%, #ffebb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb8', endColorstr='#ffebb8', GradientType=0 ); /* IE6-9 */ text-align: center; padding: 10px; margin: 0 0 10px; } .category_promo_box h1 { text-align: center; font-size: 34px; margin: 0 0 8px; } /*.category_promo_box form { margin: 5px auto auto; display: table; background: #fff; padding: 2px; border: 1px solid #000; border-radius: 3px; } .category_promo_box form input[type="text"] { width: 250px; border: none; display: inline-block; margin: 0; vertical-align: top; } .category_promo_box form input[type="submit"] { margin: 0; display: inline-block; vertical-align: top; }*/ .category_promo { margin: 5px auto auto; display: inline-block; background: #fff; padding: 2px; border: 1px solid #000; border-radius: 3px; } .category_promo input[type="text"] { width: 250px; border: none; display: inline-block; margin: 0; vertical-align: top; } .category_promo input[type="submit"] { margin: 0; display: inline-block; vertical-align: top; } /* promo for product */ .product_promo_box { display: inline-block; width: 360px; padding: 10px; margin: 5px 0; background: #FFF7E2; border-radius: 3px; border: 1px solid #ffe7a2; text-align: center; } .product_promo_box h3 { margin: 0 0 8px; color: #cc2929; } .product_promo_box .product_promo_form { background: #fff; border: 1px solid #000; display: table; padding: 2px; border-radius: 3px; margin: 8px 0 0; position: relative; } #promomsgnewsltrerr { position: absolute; right: 100px; top: 9px; font-family: arial; font-weight: bold; font-size: 12px; } .product_promo_box .product_promo_form input[type="text"] { width: 250px; vertical-align: top; margin: 0; display: inline-block; border: none; } .product_promo_box .product_promo_form input[type="submit"] { vertical-align: top; display: inline-block; margin: 0; } /*******************************/ .product_social_share { display: block; margin: 0; padding: 0; } .product_social_share li { display: inline-block; margin: 0 5px 0 0; } .review_form { display: block; } /*.review_form fieldset { display:block; padding:10px; }*/ .review_form div { display: block; margin: 0 0 10px; } .review_form div label { display: inline-block; width: 150px; text-align: right; vertical-align: top; } .review_form div input { display: inline-block; text-align: left; vertical-align: top; } .rate_stars .controlset { display: inline-block; margin: 0 10px 0 0; } .rating_product { float: left; width: 380px; padding: 5px 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 5px; } .rating_product .prod-rating { float: left; margin: 0 8px 0 0; vertical-align: top; } .rating_product .review_links { float: right; } .colum_slider .overview li a { color: #000; font-weight: bold; } .colum_slider .overview li a:hover { color: #cc2929 } .article_banner { display: block; text-align: center; } .gardentotable_list { display: block; margin: 0 0 15px; padding: 0 0; } .gardentotable_list li { display: inline-block; width: 49%; padding: 5px 0; } .gardentotable_list li a { padding: 5px 5px 5px 10px; border-radius: 3px; transition: all 0.2s; background: url("/images/arrow_black.png") 0px 10px no-repeat; } .gardentotable_list li a:hover { padding: 5px 5px 5px 20px; background: url("/images/arrow_black.png") 8px 10px no-repeat #ffe7a1; } .list_bullet li { display: list-item; } .no_risk_seal { display: block; margin: 10px auto; } .expand, .collaps { border: 1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(241,241,241,1)), color-stop(51%, rgba(225,225,225,1)), color-stop(100%, rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */ border-radius: 3px; display: block; padding: 10px 10px; cursor: pointer; margin: 0 0 10px; } .panel { display: none; padding: 0 0 0 20px; overflow: hidden; } .expand:before { content: '+'; padding: 0px 10px 0 0px; } .collaps:before { content: '-'; padding: 0px 10px 0 0px; } /************* For Mozilla Firefox *********************/ @-moz-document url-prefix() {  .navigation_prev-next { margin:-3px 0; }  .ga_exclusive { width: 224px; }  .product_detail { margin: 0 9px 15px; }  .navigation2 ul li { float:left; }  .navigation2 ul li li { float:none; display:block; }  .navigation2 ul li a { padding: 15px 10px; } } /*******************************************************/ /******* For IE 8 & 9 ************/ .navigation1 { margin: 0 0 0 155px\9; margin: 15px 0 0 155px\9\0; } li { list-style: none \0/; } section { margin: 0 \0/; } .product_image { float: left\9; } .price_box ul li.child-desc.iefix { width: 50%\9; } .price_box ul li { display: inline-block\9; float: none\9; list-style: none\9; } .price_chilorder li { padding: 10px\9; } .table-cell-prodname { width: 50%\9; } .product_detail_box .price_box { float: right\9; } .product_discription { float: left\9; } .price_box { float: left\9; } .navigation2 ul li { font-size: 15px\0/; } .insect_guid_products .shadow_data { background: #fff \9; } footer { margin: 0\0/; } /**************************/ /*********** For IE 10 & 11 ************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .price_box ul li { float: none; width: 100%; padding: 0; display: table; } .price_box ul li.child-desc.iefix { width: 100%; } .price_box li { list-style: none; } } /****************************************/ /********* For SAFARI *********/ @media screen and (-webkit-min-device-pixel-ratio:0) { footer { display: block; } /*.product_discription { margin-left:10px; width:375px; }*/ /*.product_detail_box { display: block; }*/ .ga_exclusive { width: 222px; } .navigation2 ul li { display: table-cell; text-align: center; } } /******************************/ .checkout_thanks_brands { display: table; margin: 10px 0; padding: 0; width: 100%; } .checkout_thanks_brands li { display: table-cell; padding: 10px; text-align: center; } .checkout_thanks_brands li img { width: 248px; margin: 15px 0 0; } .pancontainer { position: relative; /*keep this intact*/ overflow: hidden; /*keep this intact*/ width: 250px; height: 250px; border: 1px solid #a2a2a2; } .subcategory { display: block; margin: 0 0 10px; padding: 0; } .subcategory li { display: inline-block; margin: 0 9px 5px 0; padding: 0; vertical-align: top; width: 90px; text-align: center; } .subcategory li a > img.scat_img { border: 1px solid #ccc; padding: 1px; width: 86px; height: 86px; } .ga_midtile .blue_purple { background: #62306e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyMzA2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTFmNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #62306e 0%, #3e1f48 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62306e), color-stop(100%, #3e1f48)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #62306e 0%, #3e1f48 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #62306e 0%, #3e1f48 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #62306e 0%, #3e1f48 100%); /* IE10+ */ background: linear-gradient(to bottom, #62306e 0%, #3e1f48 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62306e', endColorstr='#3e1f48', GradientType=0 ); /* IE6-8 */ padding: 5px 10px; color: #fff !important; margin: 10px 8px 3px -5px !important; font-size: 18px; } /*********************************/ .backyard_bird_main { display: block; } .backyard_bird_main .bird_item_row { display: block; width: 98%; padding: 1%; border: 1px solid #ccc; } .backyard_bird_main .bird_item_row .bird_item { display: inline-block; width: 57%; padding: 1%; vertical-align: top; } .bird_item_row .bird_item .bitem_text { display: inline-block; width: 49%; margin: 0 0 0 10px; vertical-align: top; } .bird_item_row .bird_item.alt_bird { border-left: 1px solid #ccc; width: 37%; } .backyard_bird_main .bird_item_row h2 { margin: 0 0 10px; } .bird_item_colB .bitem_text { width: 45% !important; margin: 0 !important; } .bird_item_colB { display: inline-block; width: 49%; vertical-align: top; margin: 0; padding: 0; } .bird_item_colB li { margin: 0 0 10px; display: block; } .bird_item_colA { display: inline-block; width: 49%; } /*********************************/ .prod_badg div { text-align: left; } .prod_badg div img { margin: 0 !important; } .Ullinks .category_promo_box { display: none !important; } .text_uppercase { text-transform:uppercase; } .morecontent span { display: none }  .main_ctnt { border: 1px solid #000000; margin: 100px; padding: 15px; width: 650px; } .show { font:normal 15px arial; text-align: justify; padding: 15px 0 0 0; } .morectnt span { display: none; } .showmoretxt { font: bold 15px tahoma; text-decoration: none; } .space{line-height:34px;} .adjust { display:inline-block; font-weight:bold; text-decoration:underline; } .more-block p { margin: 0 0 16px; } .continued { display: inline-block; } .graft-prod{width:505px;}  .additional-prod { display: block; padding: 0 1% 10px; } .additional-prod .price_box { float: right; margin: 5px 0px 0 0px; } /*.additional-prod .detail_cols { display:none; } .additional-prod .pdf_link { display:none; }*/ #related_products { clear: both; margin: 15px 10px; }  .screenReaderText{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;} .shipsameday{background:#693a01; display:table; width:290px;}/*#e77e01*/ .shipsameday span{color: #fff; font-size: 18px; font-weight: bold; display: table-cell; vertical-align: middle;} .accordion-title collapse{font-size:16px; font-weight:700;}  .error{color:#DA0033; font-weight:bold;}    /** Owl Carousel - Animate Plugin **/ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; height:auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale .1s ease; -moz-transition: scale .1s ease; -ms-transition: scale .1s ease; -o-transition: scale .1s ease; transition: scale .1s ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .right_boxes{display:inline-block;width: 74%;vertical-align: top;} /***************************************************/  /*****Virtual Gardener CSS*****/ .virtual_gard_header {background: #dee8a3; border: #bed199 2px solid; width: 98%; margin: auto;} .virtual_gard_header span {display: table-cell; vertical-align: middle; font-size: 50px; color: #125430; font-weight: 500;} .virtual_gard_header span.virtual_gard_header_img{padding: 10px 50px;} .virtual_gard_header span.virtual_gard_header_text{padding: 10px;} .virtual_gard_tips {background: #49382e; border: #49382e 2px solid; width: 98%; margin: 5px auto; color: #fff; text-align: center; font-size: 22px; padding: 5px 0;} .virtual_gard_weather_wrap {background: #135330; border: #537d59 2px solid; width: 98%; margin: auto; color: #fff;} .virtual_gard_weather_wrap span {display: table-cell; padding: 10px; text-align: center; vertical-align: middle; font-size: 25px; font-style: italic; width: 30%; line-height: 35px;} .virtual_gard_beetle_wrap {background: #fff; border: #fff 2px solid; width: 98%; margin: 5px auto; color: #fff; overflow: hidden; clear: both;} .virtual_gard_beetle_wrap div {display: table-cell; padding: 10px 20px; border: 2px #fff solid; vertical-align: top;} .virtual_gard_beetle_wrap div.text{background: #135330;} .virtual_gard_beetle_wrap div.image{padding:0;} .virtual_gard_beetle_wrap div img {display: block; margin: 0 0 5px;} .virtual_gard_beetle_wrap div span {display: table-cell; vertical-align: middle; padding: 10px 30px; font-size: 32px; font-weight: 500;} .virtual_gard_beetle_wrap div p {font-size: 16px; padding: 0px 20px; line-height: 30px; margin:0;} .virtual_gard_lifecycle_wrap {background: #fff; border: #fff 2px solid; width: 98%; margin: auto; color: #fff; overflow: hidden; clear: both;} .virtual_gard_lifecycle_wrap span {background: #135330; display: table-cell; padding: 10px 20px; border: 2px #fff solid;} .virtual_gard_lifecycle_wrap span.left_text{width: 60%;} .virtual_gard_lifecycle_wrap span.right_text{width: 39%;} .virtual_gard_lifecycle_wrap span p.heading{font-size: 30px; padding: 0 20px; margin: 10px 0 0;} .virtual_gard_lifecycle_wrap span p img{margin:0 0 0 10px;} .virtual_gard_management_wrap {background: #fff; border: #fff 2px solid; width: 98%; margin: auto; color: #fff; overflow: hidden; clear: both;} .virtual_gard_management_wrap span {background: #135330; display: table-cell; padding: 10px 20px; border: 2px #fff solid; width: 30%;} .virtual_gard_management_wrap span p.heading{font-size: 25px; padding: 0 20px; margin: 10px 0 0;} .virtual_gard_management_wrap span p{font-size:16px; line-height: 25px;}   .form-container span { display: inline-block; vertical-align: top; margin: 3px 10px 0 0; } .form-container input[type="email"], .form-container input[type="text"] { display: inline-block; vertical-align: top; }  .sale-price del, .price del { color:#000; } .price { color:#bd0000; } .sale-price { color:#cc2929; } #cat .search_mid {border: none;}#errmsg, #emerrmsg{color:#DA0033;font-weight:bold;}.cat-img img{max-width: 100%;}
.bold{font-weight:bold;}
.f20{font-size:20px;}
.italic{font-style:italic;}
.emailbg{background:url(http://cdn.gardensalive.com/images/GA-popup-bg.jpg) no-repeat;width:383px;height:383px;padding:51px;display:table;}
.emailformbg{background:rgba(255,255,255,.8);padding:15px;text-align:center;display:table-cell;font-weight:500;vertical-align:middle;}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);background:0 0\9;-ms-filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);zoom:1;z-index:900;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;top:35%;left:40%;position:fixed;z-index:999;}
.reveal-modal.small{width:200px;margin-left:-140px;}
.reveal-modal.medium{width:400px;margin-left:-240px;}
.reveal-modal.large{width:600px;margin-left:-340px;}
.reveal-modal.xlarge{width:800px;margin-left:-440px;}
.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:-2px;right:-50px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer;}
.close-reveal-modal img{top:-20px;right:-60px;position:absolute;}
.text-light{color:#666;}