/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 15 Oct 2009 & 4pm
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/

@import "thickbox.css";


/*	1. COLORS
 *	----------------------------------------------
 *	light green	=	#96bd0d
 *	dark green	=	#006622
 *	yellow 		=	#ffec00
 *	orange 		=	#E85C0F
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button, textarea { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0;
		
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}
		
		
/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #006622;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: none;
		}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	h1, h2, h3, h4, h5, h6 {
		color: #006622;
		}
		
	h1 {
		font-size: 3em;
		line-height: 1;
		}	
		
	h3 {
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		line-height: 1;
		margin: 0 0 .5em;
		display: block;		
		}
		
	h4, .form_title {
		color: #96bd0d;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;	
		margin: 0 0 .7em;
		}
		
	h5 {
		color: #006622;
		font-size: 1.1em;
		font-weight: bold;	
		margin: 0 0 .3em;
		}		
		
	p {
		margin: 0 0 1em;
		}			
		
		
/*	5. STRUCTURE
 *	----------------------------------------------
*/	

	body {
		font: 62.5%/1.6 Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #000;
		background: #e5efc2 url(../images/bg-body.gif) repeat-x;
		margin: 0;
		padding: 0;
		}
		
	#container {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.1em;
		}
		
	#header {
		position: relative;
		height: 100px;
		width: 960px;
		padding: 10px 0 0 0;
		z-index: 99;
		}	
		
	#content {
		position: relative;
		width: 960px;
		background: #fff;
		border-bottom: 10px solid #006622;
		font-size: 1.1em;
		margin-top: 27px;
		}

		#content #banner {
			margin-bottom: 20px;	
			}
		
	div#inner {
		float: left;
		display: inline;
		margin: 0 0 0 40px;
		padding-bottom: 40px;
		width: 735px;
		font-size: 1.2em;
		font-family: Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		}	
			
	#footer {
		font-size: 1em;
		color: #000;
		padding: 15px 15px 20px 15px;
		font-family: Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		}			
		
	/* << ----------- HEADER --------------- */						
	
	#header h1 {
		float: left;
		}
	
	#header h1 span {
		position: absolute;
		left: -999em;
		}
		
	#header ul#search {
		float: right;
		}
		
		#header ul#search form {
			width: 245px;
			height: 27px;
			margin: 12px 0 0;
			}
			
		#header ul#search form input {
			float: left;
			background: url(../images/bg-search.gif) no-repeat;
			width: 193px;
			height: 27px;
			border: 0;
			margin: 0;
			padding: 5px 7px 0 !important;
			color: #006622;
			font-size: 14px;
			vertical-align: text-bottom;
			line-height: 1;
			}
			
		#header ul#search form button {
			float: right;
			width: 35px;	
			height: 27px;
			background: url(../images/btn-go.gif) no-repeat;;
			border: 0;
			text-transform: uppercase;
			font-weight: bold;
			cursor: pointer;
			font-size: 12px;
			text-align: center;
			margin: 0;
			padding: 0 0 0 4px !important;
			color: #006622;
			overflow: hidden;
			text-indent: -999em;
			}		
		
	#header ul#nav {
			position: absolute;
			top: 73px;
			right: 0;
			margin: 0;
			height: 37px;
			width: 600px;
			display: inline-block;
			z-index: 99;
			}
			
			#header ul#nav li, #content ul#extra li {
				float: left;
				display: block;
				width: 97px;
				}
				
			#header ul#nav li {
				float: left;
				display: inline-block;
				width: 97px;
				margin: 0 1.5px;	
				}	
			
			#header ul#nav li a, #content ul#extra li a {
				font-size: 13.1px;
				float: left;
				width: 97px;
				height: auto;
				text-transform: uppercase;
				padding: 5px 0 10px 0; 
				font-weight: bold;
				text-align: center;
				line-height: 1.6;
				font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
				}
			
			#header ul#nav li a {
				background: url(../images/bg-nav-btn.gif) no-repeat;
				}
				
			#content ul#extra li a {
				background: url(../images/bg-extra-btn.gif) no-repeat;
				color: #fff;
				}		
				
			#header ul#nav li a#menu5 {
				margin-right: 0;
				}		
				
			#header ul#nav li a:hover, #header ul#nav li a.menu-on {
				height: 37px;
				padding-bottom: 0;
				background: url(../images/bg-nav-btn-on.gif) no-repeat;
				}
				
			/* dropdown */
		
			#header ul.sf-menu li { position: relative; z-index: 99; }
			#header ul.sf-menu ul { position: absolute; top: -999em; width: 120px; }
			#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul { top: 0; left: 120px; }		
			
			#header ul.sf-menu ul li { float: left; width: 100%; height: auto; }							
			#header ul.sf-menu li:hover { visibility: inherit; }							
			#header ul.sf-menu li:hover ul, #header ul.sf-menu li.sfHover ul { height: auto; padding: 0; top: 37px; left: 0; z-index: 99; }										
			#header ul.sf-menu li li a { padding: 0; height: auto; text-indent: 0; text-decoration: none; background-image: none; border: 1px solid #96bd0d; border-top: none; }
			
			#header ul#nav li li a { background: #e5efc2; font-size: 1.2em; text-transform: none; text-align: left; padding: 4px 0 0 15px; height: 25px; }
			#header ul#nav li li a:hover { background: #FFF8A6;  padding: 4px 0 0 15px; height: 25px; cursor: pointer; }
							
			#header ul#nav li li li { display: none; }
			#header ul.sf-menu span.sf-sub-indicator { display: none; }
			
			#header ul#nav li:hover a#products:hover, #header ul#nav li.sfHover a#products { 
					background: url(../images/bg-nav-btn-on.gif) no-repeat; 
					}
			
			
	/* << -------------- BANNER ------------- */	
				
	#banner h3 strong {
		position: absolute;
		left: -999em;
		}
		
	#banner h2 strong {
		position: absolute;
		left: -999em;
		}

	
	/* << ------------- CONTENT ------------ */
		
	#content ul#extra li a {
		background: url(../images/bg-extra-btn.gif) no-repeat;
		color: #fff;
		}
			
	#content ul#extra { 
		position: absolute;
		bottom: 0;
		right: 40px;
		height: 27px;													
		}
		
	#content #logo {
		float: right;
		margin: 0 0 25px 25px;
		}	
			
	#content #inner .knowledge_list_table td {
		padding: 10px 0;	
		}			
				
	/* hidden elements */
	
	.addthis, .path {
		display: none;
		}
		
	/* --- sitemap */
	#content ul.sitemap_level1 { margin: 0 25px; padding: 0; }
	#content ul.sitemap_level1 li { margin: 0; padding: 3px 0 3px 15px; background: url(../images/arrow.gif) 0 8px no-repeat; }
	#content ul.sitemap_level1 li.sitemap_level1 a { color: #006622; font-size: 13px; font-weight: bold; text-decoration: none; }
	#content ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 a { font-weight: 100; font-size:13px; margin-top: -10px; font-weight: bold; color: #96bd0d; }
	#content ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 { margin: 3px 0 0 5px; }
	#content ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 a { font-weight: 100; font-size: 11px; margin-top: -10px; color: #96bd0d; }
	#content ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 { margin: 3px 0 0 5px; }
	#content .sitemap_level4 { display: none; }
	
	/* main search */
	#content .search_form {
		margin: 15px 0;
		}
	#content .search_form legend,
	#content .search_form label {
		display: none;
		}
	#content .search_form input {
		float: left;
		width: 370px;
		padding: 5px 5px 5px 5px;
		border: 2px solid #006622;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		background: #97be0d;
		}
	#content .search_form button {
		float: left;
		width: 72px;
		height: 32px;
		margin: 0 0 0 5px;
		padding: 0;
		cursor: pointer;
		text-transform: uppercase;
		color: #fff;
		background: #97be0d;
		border: 2px solid #006622;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-weight: bold;
		font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		font-size: 1.1em;
		}
	#content .search_list li {
		padding: 15px 0;
		border-bottom: 1px solid #e5efc2;
		}
	#content p.search_pages {
		float: right;
		padding: 15px 0 0;
		font-size: 13px;
		}
		
	#content #right {
		float: right;
		display: inline;
		margin: 0 15px 80px 0;
		width: 160px;
		}	

	#content #right div.green_border img {
		float: right;
		width: 129px;
		height: 1px;
		display: inline;
		margin: 0;
		padding: 0;
		}
				
		
	#content ul#menu {
		float: right;	
		width: 154px;
		display: block;
		background: url(../images/bg-menu.gif) top right repeat-y;
		margin: 0;
		padding: 0;
		}
	#content ul#menu li {
		display: block;
		}			
		
	#content ul#menu li a {
		display: block;
		width: 154px;
		height: 89px;
		margin: 2px 0 1px 0;
		padding: 0;
		text-indent: -999em;
		}
		
	#content ul#menu li li {
		display: block;
		background-image: url(../images/green-arrow.gif);
		background-position: 6px 8px;
		background-repeat: no-repeat;
		background-color: #fff;
		width: 121px;
		margin: 2px 0 2px 29px;
		}
		
	#content ul#menu li li a {
		width: 95px;
		height: auto;
		display: block;
		padding: 4px 10px 4px 17px;
		text-indent: 0;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		text-indent: 0;	
		}		
	
	#content ul#menu li li a:hover {
		background-color: #FFF8A6;
		background-image: url(../images/green-arrow.gif);
		background-repeat: no-repeat;
		background-position: 6px 8px;
		width: 95px;
		
		}
		
	#content ul#menu li li.on a {
		background-color: #FFF8A6;
		background-image: url(../images/green-arrow.gif);
		background-repeat: no-repeat;
		background-position: 6px 8px;
		width: 95px;
		}		
		
	#content ul#menu li li li {
		background-position: 18px 5px;
		margin: 2px 0 2px 0;
		width: 84px;
		}
		
	#content ul#menu li li li a:hover {
		background-position: 18px 5px;
		width: 84px;
		}	
	
	#content ul#menu li li li a {
		width: 84px;
		padding: 0 10px 0 28px;
		text-indent: 0;
		text-transform: none;
		font-weight: bold;
		text-indent: 0;
		}
		
	#content ul#menu li li ul li ul li a {	
		width: 103px;
		}

		#content ul#menu li li ul li.on ul li a {
		display: block;
		background-image: url(../images/green-arrow.gif);
		background-position: 26px 4px;
		background-repeat: no-repeat;
		background-color: #fff;
		width: 77px;
		margin: 2px 0 2px;
		padding: 0 10px 0 35px;
		}		
		
	#content ul#menu li li ul li.on li a:hover, #content ul#menu li li ul li.on li.on a {
		background-color: #FFF8A6;
		background-repeat: no-repeat;
		background-position: 26px 4px;
		width: 77px;
		}		
		
	#content ul#menu li li ul li ul {
		margin: 5px 0;
		}

	#content ul#menu li li ul li.on li.on li a {
		width: 67px;
		margin: 1px 0;
		background-color: #fff;
		background-position: 35px 3px;
		padding: 0 10px 0 45px;
		font-size: 11px;
		}

	#content ul#menu li li ul li.on li.on li.on a {
		background-color: #FFF8A6;
		}
		
					
		
	#content ul#menu li li.on li a, #content ul#menu li li ul li.on li a {
		background-color: #fff;
		background-image: url(../images/green-arrow.gif);
		background-position: 18px 5px;
		width: 84px;
		}
		
	#content ul#menu li li ul li.on a, #content ul#menu li li ul li a:hover {
		background-color: #FFF8A6;
		}					
		
	#content ul#menu li a.gardeningtools {
		background: url(../images/btn-gardening-tools.gif) 29px 0 no-repeat;
		}
		
	#content ul#menu li a.gardeningtools:hover, #content ul#menu li.on a.gardeningtools {
		background: url(../images/btn-gardening-tools-on.png) 0 0 no-repeat;
		}
		
	#content ul#menu li a.watering {
		background: url(../images/btn-watering.gif) 29px 0 no-repeat;
		}
		
	#content ul#menu li a.watering:hover, #content ul#menu li.on a.watering {
		background: url(../images/btn-watering-on.png) 0 0 no-repeat;
		}
		
	#content ul#menu li a.landscaping {
		background: url(../images/btn-landscaping.gif) 29px 0 no-repeat;
		}
		
	#content ul#menu li a.landscaping:hover, #content ul#menu li.on a.landscaping {
		background: url(../images/btn-landscaping-on.png) 0 0 no-repeat;
		text-indent: -999em;
		}	
		
	#content ul#menu li a.insectscreens {
		background: url(../images/btn-insect-screens.gif) 29px 0 no-repeat;
		text-indent: -999em;
		}
		
	#content ul#menu li a.insectscreens:hover, #content ul#menu li.on a.insectscreens {
		background: url(../images/btn-insect-screens-on.png) 0 0 no-repeat;
		text-indent: -999em;
		}	
		
	#content .products_category_table {
		height: 100%;
		width: 100%;
		vertical-align: middle;
		}

	#content .products_category_table .black a
	{
		color: #000;
	}
	#content .products_category_table a.cat_link {
		text-decoration: none;	
		}
		
	#content .products_category_table td#middle { 
		margin: 0;
		padding: 0; 
		width: 100%;
		vertical-align: middle;
		}
		
		
	#content .products_category_table td img.find { 
		margin: 5px 0;
		padding: 0;
		display: block; 
		}	
		
	#content .products_category_table td { 
		width: 575px;
		height: 100%;
		vertical-align: middle;
		padding: 3px 0;
		}	
		
		
	#content .products_category_table h3 {
		white-space: nowrap;
		margin-right: 80px;
		}
		
	#content .products_category_table { 
		margin: 5px 0;
		display: inline-block;	
		}	
	
	#content .products_category_table span {
			margin-right: 25px;
			display: inline-block;
			}	
	
	#content #product_list {
		margin: 45px 0 170px;	
		}
	
	#content #product_list img {
		/*border: 1px solid #c6c7c8;*/
		
		}
		
	#content #product_list td {
		padding: 7px 40px;
		text-align: center;
		vertical-align: top;
		height: 150px;
		width: 103px;
		}
		
	#content #product_list table {
		width: 100%;
		}
		
	#content #product_list table div.prod_title {
		width: 100%;
		margin: 7px 0;
		}
		
	#content #product_list table div.prod_title span a {
		color: #000;
		text-decoration: none;
		font-size: .8em;
		width: 100px;
		display: block;
		text-align: center;
		}	
	
	/* product detail */
	
	#content ul#product_detail li {
		float: left;
		display: block;
		}
	
	#content .prod_img {
		float: left;
		width: 270px;
		margin-right: 15px;
		}
	
	#content .prod_img img {
		/*border: 1px solid #c6c7c8;*/
		padding: 10px;
	
		
		}
		
	#content #prod_desc {
		width: 448px;
		}
		
	#content #product_detail h3 {
		color: #000;
		font-size: .95em;
		font-family: "Trebuchet MS", "Lucida Grande", Arial Narrow, Arial, Helvetica;
		letter-spacing: .15em;
		line-height: 1.5em;
		padding: 6px 0 0 15px;
		}
		
	#content #product_detail h4 {
		font-size: 1em;
		color: #006622;
		text-transform: none;
		margin: 0 0 .3em;
		clear: both;
		}
		
	#content #product_detail h4 span {
		color: #000;
		font-weight: normal;
		}		
		
	#content #product_detail h3.prod_title {
		background: #d8d7db;
		display: block;
		border-bottom: 10px solid #006622;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		}

	#content #product_detail #prod_desc {
		margin: 0;
		width: 448px;
		display: block;
		float: right;
		}
		
	#content #product_detail #prod_desc div {
		padding: 10px 15px;
		}
		
	#content #product_detail #prod_desc .btn-flip {
		float: right;
		}	
		
	#content .large_link { 
		font-size: .9em; 
		text-align: center; 
		width: 270px; 
		display: block; 
		}		
			
	#content #product_detail p {
		margin: 0 0 .5em;
		}
		
	#content #category_logo {
		text-align: center;
		position: absolute;
		top: 65px;
		right: 200px;
		}			
				
	#parentCategoryBanner #careAppend
	{	
		display: none;	
	}

	/* where to buy */
	div.dealers {
		display: block;
		width: 730px;
		float: left;
		margin: 20px 0 70px 0;
		padding-top: 10px;
		border-top: 1px solid #c6c7c8;
		}
	
	div.dealers p {
		font-size: .8em;
		}
	
	#content div.dealers ul {
		float: left;
		display: block;
		width: 730px;
		border-bottom: 1px solid #c6c7c8;
		margin-bottom: 10px;
		padding: 40px 0 10px;
		}
	
	#content div.dealers ul li {
		float: left;
		display: block;
		}
	#content div.dealers ul li a {
		display: block;
		float: left;
		height: 64px;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url(../images/where-to-buy-footer.jpg) no-repeat;
		}
		
	#content div.dealers ul li#dealer1 a {
		width: 99px;
		background-position: 0 0;
		}
		
	#content div.dealers ul li#dealer2 a {
		width: 70px;
		background-position: -99px 0;
		}
		
	#content div.dealers ul li#dealer3 a {
		width: 145px;
		background-position: -171px 0;
		}									
	
	#content div.dealers ul li#dealer4 a {
		width: 85px;
		background-position: -316px 0;
		}
		
	#content div.dealers ul li#dealer5 a {
		width: 100px;
		background-position: -403px 0;
		}
		
	#content div.dealers ul li#other_dealers {
		font-size: .8em;
		float: left;
		clear: both;
		margin: .3em 0 0;
		}			
		
	/* hidden elements */
	
	.path {
		display: none;
		}						
		
	/* << -------- ENQUIRY FORM ------------ */

		form#info_form { margin: 10px 0; font-size: .9em; }
		form#info_form legend { display: none;  }
		form#info_form input { width: 300px; margin: 3px 0; padding: 4px 5px; clear: both; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; background: #97be0d; }
		form#info_form textarea { width: 300px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; background: #97be0d; clear: both; }
		form#info_form select { margin: 3px 0; }
		form#info_form label { float: left; width: 120px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; color: #006622; }	
		form#info_form label:after { content: ":";}
		form#info_form .state li { list-style: none; }
		form#info_form fieldset fieldset { float: left; clear: both; margin-left: 125px; }
		form#info_form label.wide { white-space: nowrap; margin-left: 125px; }
		form#info_form .state label, form#info_form .receive_email label { display: inline; width: auto; margin: 0; padding: 0px; }
		form#info_form .state label:after, form#info_form .receive_email label:after { content: ""; }
		form#info_form .receive_email legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .receive_email label { float: left; margin: 0; font-weight: normal; }
		form#info_form .receive_email input { float: left; }
		form#info_form .receive_email li { float: left; background: none; }
		form#info_form .interests legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .interests label { display: inline; margin: 0; font-weight: normal; }
		form#info_form .form_caption legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; }
		form#info_form .form_caption li { display: block; background: none; padding: 0px; }
		form#info_form table#form_info_buttons { width: 440px; margin: 0; }
		form#info_form .submit { width: auto; height: 28px;	color: #fff; background: #97be0d; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; padding: 0 5px; cursor: pointer; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande"; }
			
		form#info_form .cancel { margin-left: 0px; }
		
		#firstpagediv {
			margin-left: 125px;
			}
				
							
						
	/* << ------------ FOOTER ------------ */
	
	#footer a {
		text-decoration: underline;
			}
		
	#footer p {
		float: left;
		}
	
	#footer p#credits {
		float: right;
		}