body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-align: center;
	background-image: url("images/bg.gif");
	background-color: #66664F;
	background-repeat: repeat-x;
}
#fullpage {
	width: 748px;
	background-color: #F5F5EE;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #FFFFFF;
}
#topNav {
	width: 748px;
	clear: right;
}
#topNav h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#content {
	background-image: url("images/page_bg-top.gif");
	background-repeat: no-repeat;
	width: 748px;
	text-align: left;
	height: 172px;
	padding-bottom: 10px;
}
#contentInner {
	background-image: url("images/page-inner_bg-top.gif");
	background-repeat: no-repeat;
	width: 748px;
	text-align: left;
	height: 212px;
	padding-bottom: 10px;
}
#leftColumn {
	width: 186px;
	text-align: center;
	font-size: 11px;
	color: #333333;
	float: left;
	padding-top: 10px;
}
#leftColumn a {
	color: #849A5C;
	text-decoration: none;

}
#leftColumn a:hover {
	color: #333333;
	text-decoration: none;

}
#midColumn {
	width: 325px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}
#midColumn h1 {
	font-size: 13px;
	font-weight: normal;
}
#midColumn h2 {
	font-size: 18px;
	font-weight: normal;
	color: #97AC71;
}
#midColumn h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #325387;
}
#rightColumn {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #333333;
	width: 215px;
	padding-right: 5px;
	padding-top: 5px;
}
#rightColumn h1 {
	margin: 0px;
	padding: 0px;
}
#rightColumn h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
}
#rightColumnInner {
	float: right;
	width: 545px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: left;
}
#rightColumnInner a {
	color: #0096A6;
	text-decoration: none;
}
#rightColumnInner a:visited {
	color: #007380;
	text-decoration: none;
}
#rightColumnInner a:hover {
	color: #0096A6;
	text-decoration: none;
	background-color: #FFFFFF;
}
#rightColumnInner h1 {
	font-size: 13px;
	font-weight: normal;
}
#rightColumnInner h2 {
	font-size: 18px;
	font-weight: normal;
	color: #97AC71;
}
#rightColumnInner h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #325387;
}
#rightColumnInner h4 {
	font-size: 16px;
	font-weight: bold;
	color: #97AC71;
	clear: both;
}
#rightColumnInner .rows {
	color: #333333;
	font-size: 10px;
	line-height: 18px;
	width: 543px;
	padding-bottom: 5px;
	clear: left;
}
#rightColumnInner .sections {
	width: 181px;
	height: 180px;
	background-image: url("images/row_bg-top.gif");
	background-repeat: no-repeat;
	float: left;
	text-align:center;	
}
#rightColumnInner .productsections {
	width: 181px;
	background-image: url("images/row_bg-top.gif");
	background-repeat: no-repeat;
	float: left;
	text-align:center;	
}
#rightColumnInner .text {
	width: 165px;
	text-align: left;
	padding: 8px 0px;
	margin: auto;
}
#rightColumnInner .order {
	width: 165px;
	text-align: left;
	margin: auto;
}

#rightColumnInner .order ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#rightColumnInner .order li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	background-image:  url("images/icon_order.gif");
	background-repeat: no-repeat;
	background-position: 0.2em 0em;
	padding-left: 26px;
	padding-top: 2px;
}
#rightColumnInner .download {
	width: 165px;
	text-align: left;
	margin: auto;
}

#rightColumnInner .download ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#rightColumnInner .download li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	background-image:  url("images/icon_download.gif");
	background-repeat: no-repeat;
	background-position: 0.2em 0em;
	padding-left: 26px;
	padding-top: 2px;
}
#rightColumnInner .rows h2 {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	color: #325387;
}
#rightColumnInner .rows h3 {
	font-size: 18px;
	font-weight: bold;
	display: inline;
	color: #CD1515;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#rightColumnInner .rows a {
	color: #0F9AAA;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#rightColumnInner .rows a:hover {
	color: #0096A6;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#rightColumnInner .backtop {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	clear: both;
	padding-top: 10px;
	
}
#footer {
	width: 748px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0096A6;
	clear: both;
	}
#footer a {
	color: #0096A6;
	text-decoration: none;
}

#footer a:hover {
	color: #007380;
	text-decoration: none;
	background-color: #FFFFFF;
}
#footerEnd {
	width: 748px;
	background-color: #CACAB8;
	background-image: url("images/page_btm-bg.gif");
	background-repeat: repeat-x;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #84846C;
}
#submenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 6px;
}
#submenu a {
	color: #8E8E66;
	text-decoration: none;
	margin: 1px;
	padding: 8px;
	display: block;
	text-align: left;
	background-color: #DDDDD0;
}
#submenu a:visited {

	color: #626246;
	text-decoration: none;
	margin: 1px;
	padding: 8px;
	display: block;
	text-align: left;
	background-color: #DDDDD0;
}
#submenu a:hover {
	color: #8E8E66;
	text-decoration: none;
	margin: 1px;
	padding: 8px;
	display: block;
	text-align: left;
	background-color: #EBEBDF;
}
.testimonial {
	color: #325387;
	font-style: italic;
	line-height: 16px;
}
#formStyle {
	font-size: 11px;
	padding-left: 10px;
}
#formStyle input, select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#formStyle textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#tab td, tr {
	font-size: 13px;
}

.pdfs ul {
	margin: 0;
	padding: 0;
}

.pdfs li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	margin: 0;
	list-style-type: none;
	background-image:  url("images/icon_download.gif");
	background-repeat: no-repeat;
	background-position: 0.2em 0em;
	padding-left: 26px;
	padding-top: 2px;
}

#leftColumn .sections {
	width: 170px;
}
#leftColumn .text {
	width: 165px;
	text-align: left;
	padding: 0px 0px 8px 0px;
	margin-left: 15px;
}
#leftColumn h2 {
	margin: 5px 0 -10px 0;
	padding: 0;
}

.photos {
	width: 150px;
	height: auto;
	float: right;
	margin: 0 0 0 15px;
}

.photos p {
	margin: 0 0 10px 0;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	clear: both;
}

h2.blue { color: #006699; }
p.green { color: #669933; }



.cattable {
	margin: 20px 0;
}

.cattable td {
	padding-bottom:20px;
	font-weight:bold;
	text-align:center;
}

.cattable td img {
	margin-bottom:10px;
}

body#page-services a.bios-btn {
	display: none;
}

/* Styles for drop menu */

/*
*************************************************

file : horizontal.css
client : Webfirm
author : Karl Brightman
date created : 9th May 2007

*************************************************
*/
#navigation {
	margin: 0;
	padding: 0;
	width: 748px;
}
#nav, #nav ul {
	/* applied to all lists in navigation */
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
}

#nav li {
	/* applied to all list items in nav */
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	margin-right: -1px;
	position : relative; /* required - used to position subs */
}

#nav li ul {
	/* second level subs */
	
	left: -9999em;
	position : absolute; /* required - positions subs in parent list item */
}

#nav li ul li {float:none!important;}



#nav li ul ul {
	left: -9999em;
	margin-left: 201px; /* position sub to right of parent */
	top: 0;
}

#nav li a {
	display : block;
	height: 35px;
	overflow: hidden;
	text-decoration : none;
	text-indent: -999px;
}	
#nav li a:hover { background-position: 0 -35px !important;}	

#nav li ul a {
	height: auto;
	background-color : #fff;
	border : 1px solid #24666e;
	color : #666;
	display : block;
	font-size: 12px;
	text-decoration : none;
	text-indent: 0;
	padding : 0 5px;
	width: 121px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#nav li ul a:hover { background-color : #f6eade; color : #ee820d; }	

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#nav li ul a.hasSub { background: #fff url(../images/arrow_right_black.gif) no-repeat 95% 50% !important; }
#nav li ul a.hasSub:hover { background: #f6eade url(../images/arrow_right_orange.gif) no-repeat 95% 50% !important; }

/* hide subs on current list */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* images */
#left { background: url(../images/splash/b_btm-left.jpg) no-repeat 0 0; width: 67px; height:35px; }
#leftinner { background: url(../images/core/b_btm-left.jpg) no-repeat 0 0; width: 67px; height:35px; }
#about { background: url(../images/nav/about-us.gif) no-repeat 0 0; width: 82px; }
#services { background: url(../images/nav/services.gif) no-repeat 0 0; width: 88px; }
#product { background: url(../images/nav/organicfert.gif) no-repeat 0 0; width: 131px; }
#tech { background: url(../images/nav/techtopics.gif) no-repeat 0 0; width: 123px; }
#soil { background: url(../images/nav/soilclub.gif) no-repeat 0 0; width: 96px; }
#compost { background: url(../images/nav/compost.gif) no-repeat 0 0; width: 101px; }
#rightinner { background: url(../images/core/b_btm-right.jpg) no-repeat 0 0; width: 67px; height:35px; }
#right { background: url(../images/splash/b_btm-right.jpg) no-repeat 0 0; width: 67px; height:35px; }

img.float-right {float: right; margin: 5px; display: inline;}

.left-column { width: 100px; float: left; margin-bottom: 5px; }
.clear { display:block; clear: both; }




/* ---- contact form ---- */

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol li fieldset ol li.left { width: 120px !important; float: left; display: inline-block; }
form.form ol li fieldset ol li input label.short { width: 120px !important; display: inline-block; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }
form.form li.button { margin-top: 15px; }

form.form em {color:#f00;}
form.form span.attention {color: #ff0000; font-weight: bold;}

form.form label {
	display: inline-block;
	width: 250px;
	vertical-align: top;
	padding-bottom: 2px;
}

form.form input, form.form select, form.form textarea {
	width: 240px !important;
	padding: 3px;
	border: 1px solid #999999;
	background: #ffffff;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

form.form select {
	padding: 0 !important;
	width: 257px !important;
}

form.form textarea { height: 100px; }

form.form input.postcode,
form.form input.cc { width: 50px; }
form.form input.ccexpiry { width: 30px; }
form.form textarea.comments { height: 80px !important; }

form.form input.checkbox { width: 20px !important; }
form.form input.radio { width: 20px !important; padding: 0; margin: 0; }

form.form input.disabled {
  background: #eae9e9;
  border: 2px solid #dcdcdc;
}

form.form label.error {
  float: none;
  display: block;
  color: #ff0000;
  font-size: 10px;
  line-height: 12px;
  /*margin-left: 145px;*/
  padding: 0 3px;
  width: auto;
}

form.form .left {
	position: relative;
}

form.form .left label.error {
  padding-top:10px;
}

form.form label.correct {
  background: url(../images/core/icon-form-valid.gif) 0 6px no-repeat !important;
  width: 10px;
  height: 22px;
  margin-left: 5px;
  vertical-align: top;
  display:-moz-inline-stack; /* to be removed */
  display:inline-block;
  /* NOTE: inline-block not in firefox 2 but will be in firefox 3.
  More info here: https://bugzilla.mozilla.org/show_bug.cgi?id=9458 */
}

form.form li.button input {
	width: 60px !important;
	border: 0;
	background: #0A99A7;
	color: #fff;
	cursor: pointer;
}

.form input.send { 
	border: 0; 
	display: inline-block; 
	padding: 5px; 
	text-align: center; 
	text-decoration: none; 
	margin: 0 10px 0 0; 
}

.form input.send:hover, 
.form input.send.sendhover { 
	background: #82AD37; 
	color: #ffffff; 
	text-decoration: none;
}


form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}