@charset "utf-8";

/* main.css - last modified: September 10 2010 07:39:26. */

body { margin: 10px; padding: 0px; background: #ebe9d8; color: #000000; font: 14px normal Geneva, Arial, Helvetica, sans-serif; } a {color:#3a8fa3; text-decoration:none;} a:visited {color:#3a8fa3; text-decoration:none;} a:active {color:#3a8fa3; text-decoration:none;} a:hover {color:#245966; text-decoration:underline;} h1 {font: 20px normal Georgia, "Times New Roman", Times, serif;} h2 {font: 18px normal Georgia, "Times New Roman", Times, serif;} h3 {font: 16px normal Georgia, "Times New Roman", Times, serif;} p {padding:0px; margin:0px; margin-bottom:17px;} form {padding:0px; margin:0px;} hr {border:1px dotted #cbe5ab; padding:0px; margin:0px; margin-bottom:10px; clear:both;} textarea {font: 13px normal Geneva, Arial, Helvetica, sans-serif;} img {border:0px;}  .red {color:#96110d;} .green {color:#70a333;} .limegreen {color: #4A8406;} .orange {color:#7E1C1D;} .autowidth {width:auto !important;} .smltxt {font-size:11px;} .floatr {float:right;} .floatl {float:left;} .alignr {text-align: right !important;} .alignl {text-align: left !important;} .alignc {text-align: center !important;} .valignb { vertical-align:: bottom !important;} .indent {text-indent:10px;} .indents {text-indent:5px;} .hand { cursor:pointer;} .collapse {padding-bottom:0px !important; padding:0px !important; margin:0px !important; line-height:normal; list-style:none;} .collapset {padding-top:0px !important; margin-top:0px !important;} .collapseb {padding:0px !important; margin:0px !important;} .clear {clear:both;} .lheight {line-height:20px;} .nolineh {line-height:normal;} .fnorm {font-weight:normal !important;} .ttext {font-size:10px; line-height:10px;} .stxt {font-size:12px !important;} .mtxt {font-size:9px; line-height:10px;} .ttxt {font-size:8px !important; line-height:8px;} .ltxt {font-size:14px!important;} .xltxt {font-size:16px !important;} .block, .blk {display:block;} .bld {font-weight:bold;} .itl {font-style:italic;} .und {text-decoration:underline !important;} .bdr-btm {border-bottom:1px solid #95ce1c !important;} .bdr-top { border-top:1px solid #95ce1c !important;} .bdr-rgt {border-right:1px solid #95ce1c !important;} .bdr-lft {border-left:1px solid #95ce1c !important;} .tinypad, .tnypad {padding:3px;} .pads {padding:5px;} .padm {padding:10px;} .padl {padding:20px;} .tpad {padding-top:10px;} .tpads {padding-top:5px !important;} .rpad {padding-right: 10px;} .rpads {padding-right:5px !important;} .bpads {padding-bottom:5px !important;} .bpadt {padding-bottom:2px;} .bpad {padding-bottom:10px;} .lpad {padding-left: 10px;} .lpads {padding-left:5px;} .tmargin, .tmarg {margin-top:10px !important;} .tmargs {margin-top:5px !important;} .rmargin {margin-right: 10px;} .rmargs {margin-right:5px !important;} .bmargin, .bmarg {margin-bottom: 10px !important;} .bmargs {margin-bottom:5px!important;} .bmargs {bottom-margin:5px !important;} .lmargin, .lmarg {margin-left: 10px;} .nmargin {margin-top:-5px;} .subhdr {padding:5px; margin:0px; border-style:solid; border-color:#3a8fa3; border-width:0px 0px 1px 0px; color:#3a8fa3;} .subhdr2 {padding:5px; margin:0px; border-style:solid; border-color:#3a8fa3; border-width:1px 0px; color:#3a8fa3;} .ilblock { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }  .red {color:#96110d !important;} .green {color:#70a333;} .blue {color:#3a8fa3;}  .lgreen {background-color:#e4f2d4;} .vlgreen {background-color:#f2f9eb} .mgreen {background-color:#70a333;} .lblue {background-color:#dff1f5;} .vlblue {background-color:#ecf7f9}  .grnbrdr {border-bottom:1px solid #8bc545;} .blubrdr {border-bottom:1px solid #79c4d6;} .nobrdr {border:0px !important;} .blue-btn { border-collapse:collapse; border:0px; font-size:9px; font-weight:bold; color:#fff; padding:3px 0px; background:url(/images/framework/btn-tile.png) top center no-repeat; cursor:pointer; }  ul {margin:0px; padding:0px 0px 10px 20px;} ul li {padding-bottom:3px;} ol {margin:0px; padding:0px 0px 10px 20px;} ol li {padding-bottom:3px;} ul.letter-list {padding:0px 0px 10px 20px; margin:0px; list-style:lower-alpha;} ul.letter-list li {padding:0px; padding-bottom:5px; margin:0px; list-style:lower-alpha;} ul.spaced li {margin-bottom:3px;} ul.simple-list {list-style:none;} ul.nav-menu {padding:0px; width:70%; margin:0px 15px 15px; list-style:none;} ul.nav-menu li {padding-bottom:7px; font-size:12px;} ul.nav-menu li a {display:block; padding-left:25px; font-size:16px; background:url(/images/framework/nav-off.png) left 2px no-repeat;} ul.nav-menu li a:hover {display:block; font-size:16px; background:url(/images/framework/nav-on.png) left 2px no-repeat;} ul.nav-button {padding:0px; margin:0px; list-style:none;} ul.nav-button li {padding-bottom:2px;} ul.nav-button li a { display:block; width:260px; color:#FFFFFF; text-indent:40px; padding:6px 0px 8px; text-decoration:none; font-weight:bold; font-size:16px; background:url(/images/framework/nav-button.png) 0px 0px no-repeat; } ul.nav-button li a:hover { display:block; width:260px; color:#FFFFFF; text-indent:40px; padding:6px 0px 8px; text-decoration:none; font-weight:bold; font-size:16px; background:url(/images/framework/nav-button.png) 0px -35px no-repeat; } ul.detail { list-style:none; margin:0px 0px 10px 0px; padding:0px; }  .section { width:1000px; margin:auto; padding:0px; border:10px solid #FFFFFF; background:#FFFFFF; } .pngfix { behavior: url(/js/iepngfix.htc); }  #header { width:1000px; height:150px; position:relative; margin:0px; margin-bottom:1px; padding:0px; } .head-one {background: #fff url(/images/framework/heading-one.jpg) top left no-repeat;} .hd-left {position:absolute; left:10px; top:8px; color:#ffffff; font:normal 20px Georgia, Times New Roman, Times, serif;} .hd-right {position:absolute; right:10px; top:10px; font-size:15px; color:#ffffff; text-align:right;}  #menu { border-bottom: 2px solid #3a8fa3; height:45px; position:relative; background:#3A8FA3 url(/images/framework/menu-tile.png) left top no-repeat; margin-bottom:0px; } #menu ul {margin:0px; margin-left:20px; padding:0px; list-style:none;} #menu ul li {display:block; float:left; margin-right:20px;} #menu ul li a { width:136px; font: normal 15px Georgia, "Times New Roman", Times, serif; color:#ffffff; text-align:center; padding:14px 0px 13px 0px; margin:0px; display:block; text-decoration:none; } #section_home div.menu a.home, #section_list div.menu a.shop, #section_product div.menu a.shop, #section_packets div.menu a.packets, #section_retail div.menu a.retail, #section_about div.menu a.about, #section_faq div.menu a.faq { background:url(/images/framework/menu-on.png) left top no-repeat; color:#496a21; } .searchfilter { float:right; margin:0px; margin-top:6px; margin-right:10px; padding:0px; } .search {width:280px; height:32px; background:url(/images/framework/search-bar-tile.png) center center no-repeat; position:relative;} .filterf {margin:5px 0 0 5px; float:left; width:200px; border:0px; border-collapse:collapse; font-size:18px; background:none;} .filterb {float:right; cursor:pointer;} .backmenu { padding:2px 5px 3px 5px; margin-bottom:10px; background:#EDF7F9; border-bottom:1px solid #79C4D6; color:#3A8FA3; } .backmenu span {padding-right:5px; font-weight:bold; color:#245966; font-size:9px;} .backmenu a { display:-moz-inline-box!important; display:inline-block!important; zoom:1!important; *display:inline!important; margin-right:10px; }  #nav { float: left; width: 260px; } #nav .blue-box { border: #79c4d6 1px solid; margin-bottom:10px; background: #fff url(/images/framework/nav-tile.png) left top repeat-y; } #nav .green-box { border: #70a333 1px solid; margin-bottom:10px; background: #fff url(/images/framework/green-nav-tile.png) left top repeat-y; } #nav h2 { color:#245966; font-size:20px; text-indent:15px; padding:7px 0px 30px; margin:0px; background:url(/images/framework/nav-h1.png) top left no-repeat; } #nav h3 { color:#ffffff; font-size:20px; text-indent:15px; padding:5px 0px 6px; margin:0px 0px 10px 0px; background:#70a333; } ul.mini-cart {padding:0px; margin:0px 15px 10px 15px; list-style:none;} ul.mini-cart li {padding-bottom:7px; display:block; clear:both;} ul.mini-cart li img {padding-top:4px;} ul.mini-cart li a {font-weight:bold; font-size:11px;} ul.mini-cart li.btn {text-align:right;} #nav .mini-count { padding:5px 0px; margin:0px; background:#496a21; color:#ffffff; font-size:12px; font-weight:bold; text-align:center; } #nav .mini-buttons { background:#fff; border:none; margin:0px; padding:5px 0px 3px 0px; text-align:center; } ul.nav-button li a, ul.nav-button li a:visited, ul.nav-button li a:active { display:block; width:260px; color:#FFFFFF !important; text-indent:40px; padding:6px 0px 8px; text-decoration:none; font-weight:bold; font-size:16px; background:url(/images/framework/nav-button.png) 0px 0px no-repeat; } ul.nav-button li a:hover { display:block; width:260px; color:#FFFFFF !important; text-indent:40px; padding:6px 0px 8px; text-decoration:none; font-weight:bold; font-size:16px; background:url(/images/framework/nav-button.png) 0px -35px no-repeat; } #section_planting ul.nav-button li a.planting, #section_faq ul.nav-button li a.faq, #section_about ul.nav-button li a.about, #section_survey ul.nav-button li a.survey { display:block; width:260px; color:#FFFFFF; text-indent:40px; padding:6px 0px 8px; text-decoration:none; font-weight:bold; font-size:16px; background:url(/images/framework/nav-button.png) 0px -72px no-repeat; }  #content { margin: 0px 0px 0px 270px; width:730px; } #content ol li { margin-left:25px; } h1.blue-one, h1.blue-two, h1.blue-three, h1.green-one { font-size: 30px; text-indent:50px; padding:7px 0px 3px 0px; margin:0px; margin-bottom: 10px; text-align: left; border-bottom: 2px solid #245966; position:relative; } h1.blue-one {background:url(/images/framework/blue-one.png) top left no-repeat; color:#245966;} h1.blue-two {background:url(/images/framework/blue-two.png) top left no-repeat; color:#245966;} h1.blue-three {background:url(/images/framework/blue-three.png) top left no-repeat; color:#245966;} h1.green-one {background:url(/images/framework/green-one.png) top left no-repeat; color:#496a21;} h2.blue {padding:5px; background:url(/images/framework/h2-blue-tile.png) top left repeat-x; margin-bottom:10px; border:1px solid #90CEDD; color:#245966; line-height:normal;} h2.green { line-height:30px; background:#b9d29b url(/images/framework/h2-green-tile.png) top left repeat-x; margin-bottom:10px; border:1px solid #88B356; color:#496A21; text-indent:10px; }  .shim {height:5px; clear:both;} #footer { clear:both; min-height:100px; overflow:visible; color:#FFFFFF; background:#70a333 url(/images/framework/footer-tile.png) top center no-repeat; padding: 40px 10px 10px 10px; } #footer .left { width:695px; min-height:100px; float:left; background:url(/images/framework/footer-dash.png) right 8px no-repeat; margin:0px; padding:0px; } #footer .right { margin:0px 0px 0px 710px; padding:0px; height:200px; } #footer h1 {color:#cbe5ab; margin:0px 0px 7px 0px; font-size:30px;} #footer h2 {color:#cbe5ab; margin:12px 0px 10px 0px;} #footer p {margin:0px; margin-bottom:7px; padding:0px;} #footer .submit { outline:none; } #footer .icon { margin-bottom:-3px; } #footer a {font-size:11px; color:#FFFFFF;} #footer a:visited {font-size:11px; color:#FFFFFF;} #footer a:hover {font-size:11px; color:#FFFFFF; text-decoration:underline;} #footer table, tr, td { border-collapse:collapse; margin:0px; padding:0px; vertical-align:top;} #footer table, tr, th { border-collapse:collapse; margin:0px; padding:0px; vertical-align:bottom;} .tri-grp { padding-top:10px; clear:both; text-align:center; font-size:10px; } .blt { padding-right:15px; background:url(/images/framework/footer-blt.png) right 55% no-repeat; } #fieldNotificationBox { padding:5px; border-bottom:0px; font-weight:bold; font-size:12px !important; color: black; border:1px solid black; background: url(/images/framework/val_bg.jpg) bottom left; white-space:nowrap; } #fieldNotificationBox h1 { margin: 0 0 5px 0; color: black; font:bold 13px Geneva, Arial, Helvetica, sans-serif !important; background:transparent !important; border-bottom:1px solid black; white-space:nowrap; } #fieldNotificationBox ul { margin: 0 0 5px 0; padding-left: 20px; list-style:circle; } #fieldNotificationBox ul li { color: black; font-size: 12px; font-weight: normal; white-space:nowrap; } #fieldNotificationBoxSpike { behavior: url(/js/iepngfix.htc); } form input.field_modified, form textarea.field_modified, form select.field_modified { border:1px solid #70a333; } form input.field_warning, form textarea.field_warning, form select.field_warning { border:1px solid #96110d; } form input.field_error, form textarea.field_error, form select.field_error { border:1px solid #96110d; } #request_form input.field { margin: 7px 0px 0px 5px; padding:0px; border:0px; width:240px; } #request_form textarea.field { margin: 7px 0px 0px 5px; padding:0px; border:0px; height:80px; width:290px; font: 13px Geneva, Arial, Helvetica, sans-serif; overflow:auto; } #request_form div.field { border: 0px !important; margin-bottom:12px; background-color: #FFFFFF; } #request_form div.field div { background:url(/images/framework/small-field.png) top left no-repeat; height:30px; width:250px; } #request_form div.medium div { background:url(/images/framework/med-field.png) top left no-repeat; height:30px; width:300px; } #request_form div.large div { background:url(/images/framework/large-field.png) top left no-repeat; height:90px; width:300px; } #request_form div.tiny { background:#70A333 url(/images/framework/tiny-field.png) top left no-repeat; height:30px; width:113px !important; } #request_form div.tiny input { width:100px !important; } #request_form label { display:block; width:80%; margin-bottom:2px; margin-left:5px; color:#FFFFFF; padding-left: 20px; behavior: url(/js/iepngfix.htc); } #request_form label.name { background: url(/images/framework/vcard.png) no-repeat; } #request_form label.phone { background: url(/images/framework/phone.png) no-repeat; } #request_form label.email { background: url(/images/framework/email.png) no-repeat; } #request_form label.message { background: url(/images/framework/comment.png) no-repeat; } #request_form label.loc { background: url(/images/framework/location.png) no-repeat; } #request_form label.captcha { background: url(/images/framework/captcha.png) no-repeat; font-size:12px; padding-left:17px; } #request_form .captcha-box { background: #060; width:90px; height:30px; position:relative; display:block; } #request_form .captcha-box img { border:none; } #request_form .captcha-box a { right:-25px; top:5px; position:absolute; cursor:pointer; border:0px; }  #request_form label.field_modified { border: 0px !important; background: url(/images/framework/accept.png) no-repeat; } #request_form label.field_warning { border: 0px !important; background: url(/images/framework/warning.png) no-repeat; } #request_form label.field_error { border: 0px !important; background: url(/images/framework/error.png) no-repeat; }  input.field { border:1px solid #233310; } select.field { border:1px solid #233310; } textarea.field { border:1px solid #233310; } #quote_form input.field_modified { border:1px solid #70a333; } #quote_form input.field_warning { border:1px solid #96110d; } #quote_form input.field_error { border:1px solid #96110d; } #quote_form textarea.field_modified { border:1px solid #70a333; } #quote_form textarea.field_warning { border:1px solid #96110d; } #quote_form textarea.field_error { border:1px solid #96110d; }  #survey_form textarea { width:710px; height:50px; padding:3px; margin-top: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius 5px; } #survey_form input { width:225px; padding:3px; margin-top: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius 5px; } #survey_form select { width:230px; padding:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #survey_form .submit { width:auto; height:auto; padding:0px; margin:0px; } #survey_form input.field { border:1px solid #000000; } #survey_form textarea.field { border:1px solid #000000; } #survey_form select.field { border:1px solid #000000; } #survey_form input.field_modified, #survey_form textarea.field_modified, #survey_form select.field_modified { border:1px solid #70a333; } #survey_form input.field_warning, #survey_form textarea.field_warning, #survey_form select.field_warning { border:1px solid #96110d; } #survey_form input.field_error, #survey_form textarea.field_error, #survey_form select.field_error { border:1px solid #96110d; } ul.surveyf {list-style:none; margin:0px 0px 10px 0px; padding:0px;}  .lostpswrd { list-style:none; margin:0px; padding:0px;} .pswrdbtn { border-collapse:collapse; border:none; padding:3px; margin:0px; background:#3a8fa3 url(/images/framework/btn-tile.png) center center no-repeat; color: #ffffff; font-size: 10px; font-weight:bold; }.cats-home {width:360px; float:right; padding:0px 0px 10px 10px;} div.cats-home a { float:left; margin:0px 3px 3px 0px; } .cats-home a:hover img { filter: alpha(opacity=70);  -khtml-opacity: 0.7;  -moz-opacity: 0.7;  opacity: 0.7;  }   *{padding: 0; margin: 0;}    #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;}    #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/images/thickbox/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay {  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #70A333; text-align:left; top:50%; left:50%; } * html #TB_window {  position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px;  } * html #TB_load {  position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect {  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }