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

/* COLOURS
Scotts green		#6fbb44
Nursery blue		#00B0D8
Spec Ag pink 		#AF006E
Landscape orange	#F47B20
Turf yellow			#FDBA12
Background putty	#DCDACA
Light grey			#E6E6E6
Text				#666
Brown text for Putty bgrd #6d6d5d

*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

/* hide from MacIE \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */

html, body {
	height: 100%;
	background-color:#e5e5e5;
 /*	background-image:url(../images/background.gif); */
	background-position: center;
	background-repeat:repeat-y;
	
}
	
body {
	font-family: Geneva, Tahoma, Arial, Verdana, Helvetica, Arial, sans-serif;
	/*background-color: #dbdbcb;*/
	color: #666;
	font-size: 100.01%;
	text-align: center; /* horizontal centering for IE Win quirks */
	line-height: 1.3em; /* 16×1.125=18 */
}

/*
body strong {
	color: #666;
	letter-spacing: 0em;
}
*/

a img {
	border: 0px;
}

hr {
 	border-top: 1px solid #b2b2b2;
	border-bottom: none;
	border-left: none;
	border-right: none;
 	color: #b2b2b2;
 	width: 100%;
 	height: 0px;
 	margin: 7px 0 10px 0;
 	padding: 0 0 0 0;
}
	
/* wrapper */

#wrapper {
	margin: 0px auto;
	width: 980px;
	height: auto;
	background-color: #e5e5e5;
	/*border: 1px solid #CCC;*/
	text-align: left;
	padding: 0px 0px 0px 0px;
	
	
}

/* topnav */

#topnavwrapper {
	height: 45px;
	padding: 0 10px;
	width: auto;
	background-color: #e5e5e5;
	
}

#topnav {
	float: left;
	height: 45px;
	width: 610px;
	margin: 0;
	padding: 0;
	font-size: 75%;
	overflow: hidden;
}

#topnav ul {
	list-style-type: none;
	color: #666;
	margin: 0 0 0 0;
	padding:20px 0 0 20px;
}

#topnav li {
	border-right: 1px solid #999;
	float: left;
	line-height: 1.1em;
	margin: 0 0 0 0;
	padding: 0 .75em 0 .75em;
}

/* using pseudo selector - does not work in IE
#topnav li:before { content: "&gt "; }
*/

#topnav a {
	color: #6d6d5d;
	margin: 0 0 1em 0;
	font-weight:normal;
}

#topnav a:link, a:active, a:visited {
	color: #6d6d5d;
	text-decoration: none;
	font-weight:normal;
}

#topnav a:hover {
	/*text-decoration: underline;*/
	border-bottom: 3px solid #999;
	color: #666;
	padding: 0 0 6px 0;
	font-weight:normal;
}

#search {
	height: 20px;
	float: right;
	margin: 7px 20px 0 0;
	vertical-align: middle;
	padding:5px 0 0 0px;
	/*width: 200px;*/
}

#search p {
	font-size: 70%;
	line-height: 1em;
	margin: 0 0;
	padding: 0 0;
}

#search input.search {
	color: #484848;
	background-color: #e5e5e5;
	border: 1px solid #999;
	height: 16px;
}

#search img {
	padding: 0 0;
	margin: 0 0;
}

/* header */

#header {
	clear: both;
	height: auto; /* 77px; /* 4.81em; */
	overflow: hidden; /* fixes div to contain divs inside */
	width: 980px;
	padding: 0 10px;
	background-image: url(../images/backdrop_header.png);
	background-repeat: no-repeat;
}

#logo {
	float: left;
	height: 47px;
	margin: 28px 0 0 25px;
}

#header_right { 
	float: right;
	height: 100%;
	width: 550px; /* 34.38em */
	margin: 0 33px 0 0;
}

#finddistributor {
	float: right;
	text-align: right;
	height: 20px;
	width: 330px;
	padding: 18px 20px 0 0;
	font-size: 80%;
	margin-top:5px;
	color: #6fbb44;
}

#finddistributor a {
	color: #6fbb44;
	font-weight:bold;
}

#finddistributor a:link, a:active, a:visited {
	color: #6fbb44;
	text-decoration: none;
	font-weight:bold;
}

#finddistributor a:hover {
	text-decoration: underline;
	color: #6fbb44;
	font-weight:bold;
}

/* nav bar */

#nav {
	float: right;
	height: 30px; /* 2.33em; */
	width: 522px; /* 43.50em; */
	margin: 14px -2px 0 0; /* 0.88em */
	padding: 0;
	font-size: 75%;
	overflow: hidden;
	font-weight:normal;
}

#nav ul {
	float: right;
	width: 520px; /* 43.50em; */
	color: #fff;
	margin: 0px  0px 0px;
	padding: 0px 0 0 0;
	list-style: none;
	background: #fff url(../images/nav-tabs-grids.gif) no-repeat right top;
	font-weight:normal;
}

#nav ul.home {
	background-position: right top;
}

#nav ul.nursery {
	background-position: right -31px; /* -3.334em; */
}

#nav ul.spec-ag {
	background-position: right -61px;
}

#nav ul.landscape {
	background-position: right -91px;
}

#nav ul.turf {
	background-position: right -121px;
}

#nav li {
	float: right;
	width: 111px; /* 8.92em; */
	height: 30px; /* 2.33em; */
	margin: 0 0px 0 0px;
    padding:0 0px 0 0px;
	text-align: center;
	line-height: 1.1em;
	font-weight:normal;
}

#nav li.spec-ag {
	width: 168px; /* 13.92em; */
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 8px 0 0 0; /* 8px */
	color: #fff;
	height: 28px; /* 2em; */
	font-weight:normal;
}

#nav a:link, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
	text-decoration: underline;
	/*border-bottom: 3px solid #fff;*/
	padding: 8px 0 0px 0;
}

/*
#nav li.nursery-nav a:hover {
	background-position: right -40px;
}
*/

/* sub nav */

#subnav {
	width: 949px;
	clear: both;
	height: 24px;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	font-size: 70%;
	overflow: hidden;

}

#subnav ul.home-subnav {
	background: url("../images/subnav-bgrd-putty.gif") repeat-y fixed center;
	height: 24px;
}

#subnav ul.nursery-subnav {
	background: url("../images/subnav-bgrd-putty.gif") repeat-y fixed center;
	height: 24px;
}

#subnav ul.turf-subnav {
	background: url("../images/subnav-bgrd-putty.gif") repeat-y fixed center;
	height: 24px;
}

#subnav ul.landscape-subnav {
	background: url("../images/subnav-bgrd-putty.gif") repeat-y fixed center;
	height: 24px;
}

#subnav ul.specag-subnav {
	background: url("../images/subnav-bgrd-putty.gif") repeat-y fixed center;
	height: 24px;
}

#subnav ul {

	list-style-type: none;
	color: #666;
	margin: 0 0 0 0;
	padding: 6px 20px 0 0;
}

#subnav li {
	border-right: 1px solid #999;
	float: right;
	/*line-height: 1.1em;*/
	margin: 0 0 0 0;
	padding: 0 .75em 0 .75em;
	line-height: 1.1em;
}

#subnav a {
	color: #666;
	/*margin: 0 0 1em 0;*/
}

#subnav a:link, a:active, a:visited {
	color: #666;
	text-decoration: none;
}

#subnav a:hover {
	/*text-decoration: underline;*/
	border-bottom: 3px solid #6fbb44;
	color: #444;
	padding: 0 0 2px 0;
}

/* crumb trail */

#crumb {
	padding: 0 10px;
	clear: both;
	overflow: hidden;
	height: 45px;
	background-color: #e5e5e5;
	background-image: url(../images/backdrop_body.png);
	background-repeat: repeat-y;
}

#crumb ul {
	list-style-type: none;
	font-size: 70%;
	color: #999;
	margin: 0 0 0 0px;
	padding: 15px 0 0 15px;
}

#crumb li {
	float: left;
	display: inline;
	line-height: 1.1em;
	margin: 0 0 0 0;
	padding: 0 0 0 .75em;
}

/*
#crumb li:before { content: "� "; }
#crumb li:first-child:before { content: ""; }
*/

#crumb li {
	color: #999;
}

#crumb a:link, a:active, a:visited {
	color: #999;
	text-decoration: none;
}

#crumb a:hover {
	text-decoration: underline;
	color: #555;
}

/* banner */

#flashwide {
	padding: 0 9px;
	clear: both;
	width: 980px;
	background-image: url(../images/backdrop_body.png);
	background-repeat: repeat-y;
}

/* contentwrapper */

#contentwrapperhome {
	/*clear: both;*/ 
	
	width: 980px;
	height: auto;
	margin: 0px 0 0px 0;
	background-color: #fff;
	overflow: hidden;	
	background: url(../images/backdrop_body.png) 0 0 repeat-y;
	background-color: #e5e5e5;
	}

#contentwrapper {
	/*clear: both;*/ 
	padding-left: 10px;
	width: 980px;
	height: auto;
	margin: 0px 0 0px 0;
	background-color: #fff;
	overflow: hidden;	
	background: url(../images/backdrop_body.png) 0 0 repeat-y;
	background-color: #e5e5e5;
	}

/* home page */

#homeleft {
	float: left;
	width: 160px;
	margin: 0 0 0 20px;
	padding: 23px 0 0 0;
}

#homemiddle {
	float: left;
	width: 460px;
	margin: 0 0 0 10px;
	padding: 23px 0 0 0;
}	
	
#homeright {
	float: right;
	width: 260px;
	margin: 0 40px 0 10px;
	padding: 23px 0 0 0;
	/*margin: 0 0px 0 0px;*/
	
}
	
/* leftnav */

#leftpanel {
	float: left;
	width: 180px;
	font-size:0.75em;
	background-color:#FFF;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	text-decoration: none;
}
	
#leftnav {
	float: left;
	width: 175px;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	text-decoration: none;
}

#leftnavbelow {
	float: left;
	width: 170px;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	text-decoration: none;
}




/*
	
#leftnav li.expand {
	background: url(../images/arrow-grey-double-down.gif) no-repeat 4px center;
}
*/	
/*
#leftnav ul #dropdown1 {
	display: none;
}
*/
/*
#leftnav .single {
	background: url(../images/arrow-grey-single.gif) no-repeat 8px center;
}

#leftnav .double {
	background: url(../images/arrow-grey-double.gif) no-repeat 8px center;
}
*/
/* show hide classes

#leftnav .hide {
	display: none;
}

#leftnav .show {
	display: block;
}
*/


	
/* content1 - 2col with wide on right */

#content {
	float: left;
	width: 760px;
	margin: 0 0 20px 10px;
	overflow: hidden; /* don't know if I need this? */
}

#contentleft {
	float: left;
	width: 235px;
	margin: 0 0;
}

#contentright {
	float: right;
	width: 510px;
	margin-right: 6px;
}	


#contentrightgrey {
	float: right;
	width: 500px;
	background-color: #E6E6E6;
	margin: 0 0 15px 0;
}



.column {
	float: left;
	width: 240px;
	padding: 20px 3px 0 8px;
}


/* content2 - 2col with wide on left */

#contentleft2 {
	float: left;
	width: 490px;
	margin: 0 0;
}

#contentright2 {
	float: right;
	width: 260px;
}


#contentleft3 {
	float: left;
	width: 750px;
	margin: 0 0;
}

#contentleft3 strong{
	color:#6fbb44;
	font-size:100%;
	font-weight:bold;
	
	
}

#contentleft3 em{
	color:#828282;
	font-size:90%;
	font-weight:bold;
	font-style:italic;
	line-height:1.8em;
	
}


#contentleft3 a:link, a:active, a:visited, a:hover {
	color:#999;
	text-decoration: none;
}

#contentleft3 a:hover {
	text-decoration: underline;
	color: #6fbb44;
}


#contentleft3 a:visited {
	text-decoration: none;
	color:#CCC;
}



#table {
	float: left;
	width: 600px;
	margin: 0 0;
	border-color:#039;
}

#table a:link, a:active, a:visited {
	color:#666;
	text-decoration: none;
}

#table a:hover {
	text-decoration: underline;
	color: #6fbb44;
}

#table a:top {
	text-decoration: underline;
	color: #9F3;
}


.column2 {
	float: left;
	width: 235px;
	margin: 0 10px 0 0px;
}

.column3 {
	float: left;
	width: 200px;
	margin: 0 40px 0 0px;
}



prodcontainer{
	width:100px;
}

productfinder {
	width: 100px;
}


/* text styling classes */

h1 {
	font-size: 145%;
	line-height: 1.2em;
	color: #6fbb44;
	margin: 0 0 4px 0;
	font-weight: normal;
}

h2 {
	font-size: 105%;
	line-height: 1.25em;
	color: #6fbb44;
	margin: 0 0 7px 0;
	font-weight: normal;
}

h3 {
	font-size: 75%;
	line-height: 1.3em;
	color: #666;
	margin: 5px 0 0 0;
	font-weight: bold;
}


h4 {
	font-size: 75%;
	line-height: 1.3em;
	color: #999;
	margin: 0 0 4px 0;
	font-weight: bold;
}


h5 {
	font-size: 70%;
	line-height: 1.5em;
	color: 666;
	margin: 0 0 4px 0px;
	padding: 0 0 0 25px;
	font-weight:bold;
}


sup {
font-size:50%;
line-height: 1.25em;
}

.main p {
	font-size: 75%;
	line-height: 1.4em;
	color: #666;
	margin: 0 0 5px 0;
	padding-top:0.4em;
}

.main ul {
	list-style-type: square;
	list-style-position: inside;
	font-size: 75%;
	line-height:1.3em;
	margin: 0 0 0 15px;
}

.main li {
	margin: 0 0 5px 0;
	text-indent: -13px;
 
}

.main a {
	color: #6fbb44;
	text-decoration: none;
}

.main a:visited {
	color: #6fbb44;
	text-decoration: none;
}
	
.main a:hover {
		color: #6fbb44;
		text-decoration: underline;
}
	
.main a:active {
	color: #6fbb44;
	text-decoration: none;
}

.table {
	font-size: 85%;
}

/* grey boxes */

.greybox {
	margin: 20px 20px 15px 0;
	padding: 20px 10px 10px 10px;
	background-color: #E6E6E6;
}

.greybox h3 {
	padding: 0 0 5px 20px;
	font-size: 75%;
}
	
.greybox p {
	font-size: 75%;
	line-height: 1.3em;
	color: #666;
	margin: 0px 0 8px 10px;
	padding: 0 10px;
}


.greybox ul {
	list-style-type: square;
	list-style-position: inside;
	font-size: 75%;
	line-height:1.3em;
	margin: 0 0 0 22px;
}

.greybox li {
	margin: 0 0 5px 0;
	text-indent: -13px;
 
}

.contentrightgreyl {
	float: left;
	width: 340px;
	margin: 0 0 15px 10px;
	padding: 10px 0 5px;
}

.contentrightgreyr {
	float: left;
	width: 140px;
	margin: 0 0 15px 10px;
	padding: 70px 0 5px;
}




.greyboxleft {
	margin: 10px 30px 5px 0;
	padding: 7px 0px 1px 5px;
	border:solid;
	border-width:2px 0 0px 0;
	/*border-bottom-width:thin;
	border-top-width:thin;
	border-left-width:thin;
	border-right-width:medium;*/
	border-color:#E6E6E6;
	/*background-color: #E6E6E6;*/
}




.greyboxleft h3 {
	padding: 0 0 5px 20px;
	font-size: 75%;
}
	
.greyboxleft p {
	font-size: 75%;
	line-height: 1.6em;
	color: #666;
	margin: 0px 0 8px 10px;
	padding: 0 0px;
}


.greyboxleft ul {
	list-style-type: square;
	list-style-position: inside;
	font-size: 75%;
	line-height:1.3em;
	margin: 0 0 0 22px;
}

.greyboxleft li {
	margin: 0 0 5px 0;
	text-indent: -13px;
 
}

.greyboxleft a {
	margin: 0 0 5px 0;
	text-indent: -13px;
	color: #666;
 
}



.greyboxleft a:visited {
	color: #666;
	
}

.greyboxleft a:hover {
		color: #6fbb44;
		text-decoration: underline;
		
}.subscription_succesful {
	
	height: 271px; 
	background-image:url(../news/images/subscription_successful.png); 
	backgroud-position: 10px;
	}

.subscription_succesful p {
	
	margin-left:60px;
	}
	
.clear {
	clear: both;
}

p.greenbold {
	font-size: 75%;
	line-height: 120%;
	font-weight: bold;
	color: #6fbb44;
	margin: 0px 0 5px 0;
}
	
p.greenbgrd {
	margin: 10px 0 15px 0;
	padding: 3px 5px;
	background-color: #6fbb44;
	font-weight: bold;
	color: #fff;
}

.main .greenbgrd a {
	color: #fff;
	text-decoration: none;
}

.main .greenbgrd a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
	
.main .greenbgrd a:hover {
	color: #fff;
	text-decoration: underline;
}
	
/* footer */

/*#footer {
	clear: both;
	width: auto;
	height: 3em;
	background-color: #DCDACA;
	padding: 1.5em 2em;
	margin: 10px 0 0 0;
	font-size: 60%;
}*/


#footer {
	
	clear: both;
	height:3em;
	/* border-top: 1px solid #b1b1b1; */
		background-color: #e5e5e5;
	padding: 1.5em 2em;
	margin: 0 0 0 0;
	font-size: 60%;
	float:inherit;
	background-image: url(../images/backdrop_footer.png);
	background-repeat: no-repeat;
}


#footer p {
	text-transform: none;
	color: #777;
}

#footer a {
	color: #888;
	text-decoration: none;
	padding: 0 5px;
	text-transform: uppercase;
}

#footer a:link, a:active, a:visited {
	color: #888;
}

#footer a:hover {
	color: #444;
	text-decoration: underline;
}

#footerleft {
	float: left;
	width: 70%;
}

#footerright {
	float: right;
	width: 30%;
}

#footerright p {
	text-align: right;
}

/* img classes */

.imagepadding {
	padding: 5px 0 0px 0;
}

.imagepadbelow {
	padding: 0 0 0px 0;
}

.imageleft 	{
	float: left;
	padding: 5px 10px 5px 0;
}

.imageright {
	float: right;
	padding: 0 0 0px 0;
}

.flashID {
	float: right;
	width: 510px;
	margin: 0 0 20px 0;
	color: #069;	
	
}.odd {
	font: 72%/15px Tahoma, Geneva, sans-serif;
	background-color: #F1F1F1;	
}
.even {
	font: 72% Tahoma, Geneva, sans-serif;
	background-color: #E1E1E1;
}
.sortable {
	cursor: pointer;
	font-size: 72%;
	color: #FFF;
	background: #6fbb44;
	text-indent: 8px;
}
.sortable:hover {
	background: #DCDACA;
}

.labels td {
	padding: 5px 0 5px 8px;
}

.nonsortable {
	
	font-size: 72%;
	color: #FFF;
	background: #6fbb44;
	text-indent: 7px;
}

.casestudies {
	margin: 0 0 20px 0;
	border-bottom: solid 1px #CCC;
	
}

.casestudies h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 15px;
	color: #666666;
	
	padding: 0 0 5px 140px;	
}


.casestudies p {
	font-size: 70%;
	line-height: 13px;
	color: #666666;

	padding: 0px 0 25px 140px;	
}

.casestudies img {
	float: left;
	margin: 5px 8px 30px 0px;
	width:173px;
}

.casestudies p a {
	color:#999999;
	text-decoration: none;
	line-height: 10px;
}

.casestudies a:link, .casestudies a:visited {
	color: #666;
}

.casestudies a:hover {
	color: #000;
	background-color:#E5E5E5;
}
	
.casestudies a:focus, .casestudies a:active {
	background-color:#CCC;
}


.id {
	margin: 0 0 20px 0;
	border-bottom: solid 1px #CCC;
	
}

.id h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 20px;
	color: #666666;
	padding: 0 0 5px 140px;	
}


.id p {
	font-size: 70%;
	line-height: 13px;
	color: #666666;
	padding: 0px 0 25px 140px;
	margin: 0 0 0 40px;
	
	
}

.id img {
	float: left;
	margin: 5px 8px 40px 0px;
	width:173px;
}


.sitemap p a {
	color:#999999;
	padding: 0px 5px;
	text-decoration: none;
	line-height: 10px;
}

.sitemap a:link, .casestudies a:visited {
	color: #666;
}

.sitemap a:hover {
	color: #000;
	background-color:#E5E5E5;
}
	
.sitemap a:focus, .casestudies a:active {
	background-color:#CCC;
}