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

/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;color:#3a83a5;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% verdana,arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.required {font-size:85%;font-weight:bold;color:#c00;}
.floatright {float:right;margin:5px 0 5px 10px;}
.left {float:left;margin:0 10px 15px 0;}

/* =elements ***************************** */
a:link		{color: #3a83a5;}
a:active	{color: #3a83a5;}
a:visited	{color: #3a83a5;}
a:hover		{color: #3a83a5; text-decoration: none;}

/* =grids ***************************** */

body {text-align:center;}

#wrap {width:771px;margin:5px auto;text-align:left;}
#header {height:80px;padding:5px;margin-bottom:0;position:relative;}
#header a.logo {display:block;width:135px;height:59px;background:url(/assets/images/logo.gif) no-repeat;float:left;position:absolute;bottom:5px;left:10px;}
#header p {color:#a5a4a9;font-weight:bold;font-size:110%;position:absolute;right:15px;top:55px;}
#header span.tagline {background:url(/assets/images/tagline.jpg) no-repeat;display:block;width:188px;height:20px;position:absolute;right:100px;bottom:5px;}
#header span.top-links {position:absolute;right:0;font-size:85%;}
#header span.top-links a {color:#00a79d;}
#shoppingCart {position:absolute;right:10px;bottom:10px;width:64px;height:24px;background:url(/assets/images/shop-bg.gif) no-repeat left center;}

/*= google search ***************************** */
div.search {margin-top:.6em;position:absolute;right:20px;bottom:15px;}
form.googleSearch input.field {width:160px;padding:4px 2px;border:1px solid #bebebe;float:left;margin-right:.6em;margin-top:.2em;}
form.googleSearch input.submit-btn {width:65px;border:none;}

/* = home nav with rotating main ctas ******** */
#banner {height:350px;width:771px;margin:5px 0;}
div.nav {float:left;width:191px;background:#f5f6f6;height:350px;margin-right:4px;}
div.nav ul, #side-content ul {list-style:none;margin-top:10px;}
div.nav ul li, #side-content ul li {margin-bottom:0.3em;padding-left:10px;}
div.nav ul li a, #side-content ul li a {color:#00a79d;text-decoration:none;font:bold 115% "Trebuchet MS", arial;}
div.nav ul li a:hover, #side-content ul li a:hover {text-decoration:none;color:#f15a32;}
#main-cta {float:left;}
#main-cta ul li {display: none; height: 348px;}
 /*products & home page nav*/
#side-content li ul {margin:.5em 0;font-size:100%;}
/*div.nav li ul {position:absolute;top:-999px;width:1px;height:1px;overflow:hidden;list-style:none;}
div.nav li:hover ul {top:auto;width:auto;height:auto;overflow:visible;margin:0;background:#57888f;}
div.nav li ul a {display:block;color:#fff;padding:4px 5px 0 0;border-bottom:1px solid #4ea6b0;}
div.nav li ul li {margin:none;}
div.nav li ul a:hover {text-decoration:none;} */

#videoCta {overflow:hidden;margin:2em 10px 1em;}
#videoCta img {float:left;margin:0 5px 25px 0;}
#videoCta span {display:block;color:#f15a32;font-weight:bold;font-size:120%}
#videoCta p {font-size:80%;}

#body {}
#sub-body {background:url(/assets/images/bg-sub.gif) repeat-y;float:left;margin-top:5px;margin-bottom:.8em;}

#main-content {color:#555;width:771px;}
#main-content h1 {margin:0 0 0.5em;font-size:110%;}
#main-content h1 {color:#00a79d;background:#f5f6f6;clear:both;padding:10px 0 10px 10px;width:749px;}
#main-content h2, #sub-content h2 {margin:1em 0 0.5em;}
#main-content h3, #sub-content h3 {margin:1em 0 0.5em;font-size:85%;color:#404040;}
#main-content p {margin:0 1em 1em 15px;text-align:justify;line-height:1.55em;color:#555;font-size:90%;}
#main-content ul,
#main-content ol, #sub-content ul, #sub-content ol {margin:1em 0;font-size:90%;list-style-image:url(/assets/images/bullet.gif);}
#main-content ul li,
#main-content ol li, #sub-content ul li, #sub-content ol li {margin:.4em 2.5em;line-height:1.44em;}
#main-content table {margin:0 0 1em;}
#main-content table th {padding:3px 5px;}
#main-content table td {padding:3px 5px;}

div.home-container {clear:left;padding:5px;margin-bottom:.8em;}

div.irrigation-icons {overflow:hidden;width:100%;}
div.irrigation-icons img, div.irrigation-icons div.desc {float:left;}
div.irrigation-icons div.desc {width:520px;}

/*= faq divisions *************/
div.faq-container {padding:4px;margin:0 1em .6em 0;width:46%;float:left;}
div.faq-container ul {background:#f3f9cd;padding:5px;height:290px;}

/*= testimonial divisions ****************** */
p.alt1 {background:#d4eff6 url(/assets/images/testimonial-alt-1.jpg) repeat-x;padding:10px 5px;margin:.6em 0;width:549px;}
p.alt2 {background:#ecfbff url(/assets/images/testimonial-alt-2.jpg) repeat-x;padding:10px 5px;margin:.6em 0;width:549px;}

/*= contact address ******************************* */
div.contact-form {float:left;width:275px;}
div.address {float:left;margin-left:40px;}
#sub-content div.address p {background:#f3f9cd;border:1px solid #bebebe;padding:10px;width:200px;text-align:left;}

/* = home ctas ****************************** */
div.top-ctas {float:left;margin:.3em 0 .6em;}
div.irrigation {width:400px;height:156px;float:left;background:#85c3bf url(/assets/images/perfect-plants-bg.jpg) no-repeat;}
#main-content div.irrigation p {color:#36674c;font-family:"Trebuchet MS",sans-serif;font-size:100%;font-weight:bold;text-align:left;margin-top:45px;}
div.irrigation a {color:#fff;text-decoration:none;}
a.planter {float:left;display:block;width:158px;height:157px;background:url(/assets/images/science-style.jpg) no-repeat;margin:0 15px;}
a.herb-planter {background:url(/assets/images/verde-collection.jpg);float:left;display:block;width:150px;height:157px;}

div.video {margin:.6em 0;width:770px;height:50px;background:url(/assets/images/video-cta.jpg) no-repeat;clear:left;border-right:1px solid #b8b8b8;}
div.video a.video-cta {display:block;width:140px;height:22px;float:right;margin-top:13px;margin-right:11px;}

/*= products page *********************** */
div.product-wrap {overflow:hidden;margin:1em auto;width:540px;}
div.product-detail {float:left;text-align:center;width:220px;height:220px;padding:20px;}
#sub-content div.product-detail h3 {color:#888;font-size:120%;font-family:"Trebuchet MS",sans-serif;}
div.verde-50 {border-right:3px dotted #d9d9d9;border-bottom:3px dotted #d9d9d9;}
div.verde-70 {border-bottom:3px dotted #d9d9d9;}
div.verde-90 {border-right:3px dotted #d9d9d9;clear:left;}
a.product-button {display:block;width:90px;height:21px;background:url(/assets/images/view-product.gif) no-repeat;margin:.6em auto;}


/*= products *******/
div.description {margin-bottom:2em;float:left;width:175px;}
div.products {width:270px;height:150px;padding:3px;border:1px solid #ccc;float:left;margin:0 6px 10px 0;font-size:90%;}
img.product-img {float:left;padding:0 10px 10px 0;margin-top:20px;}
a.view-more {display:block;width:90px;height:21px;background:url(/assets/images/view-products.gif) no-repeat;float:right;margin-right:60px;}
img.product-large {float:left;margin:0 15px .8em 0;}
div.product-images, div.img-description {float:left;}
div.additional-img {margin:1em 0;}
div.img-description a.contact-btn {display:block;background:url(/assets/images/contact-us-button.jpg) no-repeat;width:90px;height:25px;float:left;}

/*= product details *******/
div.details {padding:10px;width:302px;height:160px;background:url(/assets/images/details.gif) no-repeat;float:right;position:relative;}
div.details label, div.details select {position:absolute;}
div.details label {top:37px;left:10px;}
div.details select {top:35px;left:120px;}
div.details form.view-cart {width:91px;position:absolute;right:5px;top:70px;}
div.details input.cart {position:absolute;right:10px;top:32px;}
div.add-colors {width:196px;position:absolute;bottom:0;left:10px;}

#sub-content {color:#555;float:right;width:569px;padding:5px;}
#sub-content img {margin-bottom:.8em;}
#sub-content h1 {color:#39b54a;font-size:144%;font-weight:normal;margin:0 0 .5em .5em;}
#sub-content p {margin:0 1em 1em .5em;text-align:justify;line-height:1.55em;color:#555;font-size:88%;}
#sub-content h2 {margin: 0 0 .5em .5em;color:#00a79d;font-size:115%;font-weight:normal;}

/** =products display horizontal ******************** */
#sub-content ul.product-top {list-style:none;font-size:80%;}
#sub-content ul.product-top li {display:inline;}
#sub-content ul.product-top li a {display:block;float:left;width:80px;margin:1em 25px;padding-top:105px;text-align:center;text-decoration:none;}
#sub-content ul.product-top li a:hover {text-decoration:underline;}
#sub-content ul.product-top li a.verde50 {background:url(/assets/images/verde-50-nav.gif) center 10px no-repeat;}
#sub-content ul.product-top li a.verde70 {background:url(/assets/images/verde-70-nav.gif) center 4px no-repeat;}
#sub-content ul.product-top li a.verde90 {background:url(/assets/images/verde-50.jpg) center 15px no-repeat;}
#sub-content ul.product-top li a.verde140 {background:url(/assets/images/verde-140.jpg) center 20px no-repeat;width:90px;}

div.animation-cta {background:url(/assets/images/video-bg.gif) repeat-y;width:234px;padding:10px 0;float:right;margin:1em 0;}
div.animation-cta a {color:#fff;text-decoration:none;text-transform:uppercase;background:url(/assets/images/arrow.gif) center right no-repeat;display:block;padding:0 5px;margin-right:5px;font-weight:bold;font-size:90%;}
div.animation-cta a:hover {color:#3c82a4;}

#side-content {width:191px;float:left;}

#footer {clear:both;color:#888}
#footer p {font-size:80%;}
#footer p a {color:#7aacb3;}

/* =lightbox ********************************** */
#lightbox {position: absolute;	left:0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none;}

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	;border-bottom:2px solid #bebebe; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* =forms ********************************** */
#main-content form dl {margin:0 0 1em;}
#main-content form dt {font-weight:bold;color:#333;margin:1em 0 0.25em;}
#main-content form p.submit {width:440px;margin:2em 0 1em;text-align:right;}
#main-content p.required {font-size:100%;}
#sub-content input.submit-btn {width:75px;padding:3px;border:1px solid #999;}
input[type=text] {width:250px;padding:3px;border:1px solid #999;}
textarea {width:255px;border:1px solid #999;}
table.recaptcha_theme_clean {border:0 !important;}
table.recaptcha_theme_clean td.recaptcha_image_cell {padding-left:0 !important;padding-right:0 !important;}
table.recaptcha_theme_clean #recaptcha_image {width:auto !important;margin-left:0;margin-right:0 !important;border:none !important;}
table.recaptcha_theme_clean div.recaptcha_input_area {position:relative;left:-7px;}
table.recaptcha_theme_clean #recaptcha_response_field {border:1px solid #999 !important;}