@charset "utf-8";
/* CSS Document */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RESET COMMON THINGS */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; margin-bottom:20px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LAYOUT */	

body { background:#50972f url(/images/bg.gif) repeat-x 0 0; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:75%}

#banner { width:1000px;margin:auto;height:170px }

#banner img.logo { padding: 30px 0; background-color:#FFF; width:260px; float:left; display:inline;margin-left:25px}
#banner img.right { float:right;display:inline;width:376px;margin:50px 20px 0 0 }

.right {display:inline;float:right}
.clear {clear:both}

#flash {width:1000px;clear:both;margin:auto;height:360px;}
#flashFile { border:5px solid #FFFFFF; display:inline; float:right; height:338px; margin:20px 20px 20px 0; width:829px; }
#grassTypes { background-color:#FFFFFF; display:inline; float:left; height:338px; margin:20px 0; padding:2px 3px 8px 5px; width:119px; }
#grassTypes img { margin:4px 0;}
#tabs {width:1000px;clear:both;margin:auto;height:130px; }

.wrapper {width:1000px;clear:both;margin:auto; }

#main { width:572px; display:inline;float:left; background-color:#2e460c; margin: 0 20px; padding:20px}

#sidebar { width:322px;display:inline;float:right; margin-right:20px }

#enquire {background: transparent url(/images/title-contact-us-today.gif) no-repeat 0 0; margin:0 0 20px; padding: 25px 0 0 }

#calculator {background: transparent url(/images/title-calculator.gif) no-repeat 0 0; height: auto; margin: 0 0 20px; overflow: hidden; padding: 25px 0 0;}
.white { background-color:#FFF; padding: 0 0 10px; }

#faq {background: transparent url(/images/title-faq.gif) no-repeat 0 0; padding: 25px 0 0; margin:0 0 20px }

#news {background: transparent url(/images/title-advice.gif) no-repeat 0 0; padding: 25px 0 0; margin:0 0 20px }

.green { background-color:#2e460c;padding: 25px 20px; margin:0 0 20px }

#footer, #foot2 { clear:both; margin:auto; padding:10px 0 0; width:975px; font-size:0.85em;}

/*/////////////////////////////////////////////////////////////////////////////////// BANNER NAVIGATION */	

#banner ul { float:right; width:690px; margin:20px 0 0; font-size:0.8em; }
#banner ul li { display:inline; border-right:1px solid #20470e; padding: 0 7px}
#banner ul li a { text-transform:uppercase; color:#FFF; text-decoration:none; padding: 5px }
#banner ul li a:hover { color:#20470e; background:#FFF; padding: 5px }


/*/////////////////////////////////////////////////////////////////////////////////// TABS NAVIGATION */	
#tabs ul { margin:0; padding:0; }
#tabs li { display:inline; list-style-type:none; overflow:hidden; }
#tabs li a { color:#fff; text-indent:-9999px; float:left; height:102px; width:229px;  }
#tabs li a:hover { text-indent:-9999px }
#tabs li.turf a { background:transparent url(/images/tabs.jpg) no-repeat 0 0;}
#tabs li.turf a:hover { background-position: 0 -102px; }
#tabs li.irrigation a { background:transparent url(/images/tabs.jpg) no-repeat -229px 0; margin: 0 21px }
#tabs li.irrigation a:hover { background-position: -229px -102px; }
#tabs li.drainage a { background:transparent url(/images/tabs.jpg) no-repeat -458px 0; margin: 0 21px 0 0}
#tabs li.drainage a:hover { background-position: -458px -102px; }
#tabs li.fertiliser a { background:transparent url(/images/tabs.jpg) no-repeat -687px 0;}
#tabs li.fertiliser a:hover { background-position: -687px -102px; }


/*/////////////////////////////////////////////////////////////////////////////////// FOOTER NAVIGATION */	
#footer ul li {color:#FFF; margin:0 5px; padding:5px; display:inline }
#footer ul li a, #footer a, #foot2 a { color:#FFF; text-decoration:none}
#footer ul li a:hover, #footer a:hover, #foot2 a:hover { color:#c1e659 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TYPOGRAPHY */	
.title, h1, .title2, h2{ color:#bbe257;font-style:italic; font-family:Georgia, "Times New Roman", Times, serif }

.title, h1 { margin-bottom:10px; font-size:1.75em}
h1 span { font-size:80% }
.title2, h2 { margin-bottom:7px; font-size:1.5em; font-weight:bold; }
.sub { font-weight:bold; font-size:1.3em}
p { margin-bottom:10px }
.white p {     border: 1px dotted #003300; color: #003300; display: block; font-size: 90%; font-weight: bold; height: 39px; margin: 0 15px 10px; overflow: hidden;     padding: 10px; }

#main a, #sidebar a { color:#c1e659 ; text-decoration:none }
#main a:hover, #sidebar a:hover {color:#FFF }

.pdf { background:transparent url(/images/icon-pdf.gif) no-repeat 0 0; height:32px; padding:16px 0 0 50px; clear:both }
.download {background:transparent url(/images/icon-download.gif) no-repeat 0 0; display:block; height:25px; margin:10px 0 20px; padding:6px 0 0 40px;} 

#linkBox { background-color:#BBE257; border:3px solid #FFFFFF; color:#2E460C; padding:10px; }
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// FORM STYLING */	


/*/////////////////////////////////////////////////////////////////////////////////// CALCULATOR */
#calculator form { background-color:#FFF; margin: 5px; padding:10px }
.calc { width:66px; padding:3px; background-color:#FFF; border:1px solid #38570c; color:#38570c; height:25px; display:inline }
.calcSub { background:transparent url(/images/bg-calculator.gif) repeat-x 0 0; width:118px; height:33px; text-indent:-9999px; display:inline;border:0 none;font-size:0 }

/*/////////////////////////////////////////////////////////////////////////////////// MINI-FORM */
.form1, .submit1 { border:0 none; margin:5px 0; padding:4px }
.form1 { background-color:#c1e659; border:1px solid #c1e659; color:#2e460c; width:300px;}
.form1:focus, .form1:hover { border:1px solid #fff; background-color:#e3fc9e }
.submit1 { text-transform:uppercase; color:#50972f; background-color:#FFF; text-align:left; font-style:italic;width:308px; }


/*/////////////////////////////////////////////////////////////////////////////////// MAIN FORM */
legend { background:none repeat scroll 0 0 #2E460C; border-color:#FFFFFF; border-style:solid none; border-width:1px 0; color:#FFFFFF; display:inline-block; font-size:1.3em; font-weight:bold; padding:2px 6px; width:95%; }
fieldset { background:none repeat scroll 0 0 #BBE257; border:1px solid #FFFFFF; margin:10px 0; padding:10px; width:550px; }
label { clear:both; color:#2E460C; display:inline; float:left; font-weight:bold; margin:5px 30px 5px 0; width:175px; }
.form2, .form2b, .indent, textarea { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #2E460C; color:#2E460C; margin-bottom:20px; padding:3px 5px; width:175px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
textarea { font-size:1em }
.indent { margin:10px 0 15px 200px; }
.form2:focus, .form2b:focus, .indent:focus { background:#fff; color:#2E460C; border:#66ccff 1px solid }
.submit2 { background:none repeat scroll 0 0 #2E460C; border:0 none; color:#FFFFFF; font-size:1.3em; font-style:italic; margin:0 0 15px 200px; padding:5px; text-align:left; width:187px; }
.submit2:hover, .submit2:focus { background:#50972f; color:#fff }
#pref {color:#2E460C; margin:0 0 15px; }
.req {color:#C00}
.sent { color:#3C3 }