/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000000;
	border:0px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-color:#7aa137;
	background-image:url(../_images/body-bg.jpg);
	background-repeat:repeat-x; background-position:top left;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { line-height:16px; margin:0px 0px 11px 0px; }

a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; }

a.light { color: #999999; text-decoration: none; }
a.light:hover { text-decoration: underline; }

a.dark { color: #000000; text-decoration: none; }
a.dark:hover { text-decoration: underline; }

h1 { font-size:18px; margin:0px 0px 12px 0px; }

h2 { font-size:12px; line-height:16px; margin:0px 0px 12px 0px; }

h2.green { color:#3c683a; }

h3 { font-size:12px; }

span.green { color:#3c683a; }

.light { color:#999999; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

.horizLine { width: 750px; height: 1px; padding: 10px 0px 15px 0px;}

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display:block; float:left; list-style:none;
	padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;
}

ul.normal li {
	display:block;
	margin:0px 0px 3px 0px; padding:0px 0px 0px 10px;
	background-image:url(../_images/ul_bullet.gif);
	background-repeat:no-repeat; background-position:0px 5px;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:825px; text-align:left; margin:0px auto 0px auto;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width:797px; float:left; padding-left:14px; padding-right:14px;
	background-image:url(../_images/wrapper-i-bg.png);
	background-position:top center; background-repeat:repeat-y;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:797px; height:210px; margin-bottom:5px;
	background-image:url(../_images/header-bg.jpg);
}

div#header h1 {
	float:left; width:152px; height:72px;
	margin-top:30px; margin-left:14px;
}

html>body div#header h1 { margin-left:28px; }

div#header h1 a {
	display:block; width:152px; height:72px;
}

div#header h1 a span { display:none; }

div#header p#header-tel {
	display:none;
}

div#header p#header-tel span { display:none; }

div#header p#header-email {
	float:right; display:block; margin-top:45px; margin-right:18px;
	display:block; width:169px; height:14px;
}

html>body div#header p#header-email {
	margin-right:34px;
}

div#header p#header-email a {
	display:block; width:169px; height:14px;
}

div#header p#header-email a span { display:none; }

p#login {
	display:block; float:right; clear:none; width:82px; height:31px;
}

p#login a {
	display:block; float:left; width:61px; height:31px;
	background-image: url(../_images/main-nav/login.jpg);
	background-position: 0px 0px;
}

p#login a span { display:none; }
p#login a:hover { background-position: 0px -32px; }

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float:left; width:797px; padding-left:21px;
}

div#main-content-i {
	float:left; width:755px;
}

div#main-content h1.graphic {
	display:block; float:left; width:100%; height:19px;
	background-position:left top; background-repeat:no-repeat;
}

div#main-content h1.graphic span, h1.banner span { display:none; }

div#main-content h1#home.graphic { background-image:url(../_images/main-headings/home.gif); }
div#main-content h1#services.graphic { background-image:url(../_images/main-headings/services.gif); }
div#main-content h1#products.graphic { background-image:url(../_images/main-headings/products.gif); }
div#main-content h1#news.graphic { background-image:url(../_images/main-headings/news.gif); }
div#main-content h1#contact.graphic { background-image:url(../_images/main-headings/contact.gif); }
div#main-content h1#team.graphic { background-image:url(../_images/main-headings/team.gif); }
div#main-content h1#realco.graphic { background-image:url(../_images/main-headings/realco.gif); }
div#main-content h1#appendix.graphic { background-image:url(../_images/main-headings/appendix.gif); }
div#main-content h1#coshh.graphic { background-image:url(../_images/main-headings/coshh.gif); }
div#main-content h1#superE.graphic { background-image:url(../_images/main-headings/superE.gif); }

div#main-content h1.banner {
	display:block; float:left; width:755px; height:118px;
	background-position:left top; background-repeat:no-repeat;
}

div#main-content h1#realcoBanner.banner { background-image:url(../_images/realcoBanner.jpg); }

/******************************************************************************
* listBlock
*****************************************************************************/
div.listBlock {
	width: 240px; margin: 0px;
	padding: 5px;
	float: left;
}
div.listBlock p { line-height:16px; margin:0px 0px 11px 0px; }

div#left { /*code here*/ }

div#middle { /*code here*/ }

div#right { /*code here*/ }

/******************************************************************************
* section-nav
*****************************************************************************/
p.section-nav {
	color:#7aa137;
}

p.section-nav a {
	text-decoration:none; font-weight:bold; color:#7aa137;
}

p.section-nav a:hover {
	color:#7aa137;
}

p.section-nav a.current {
	color:#3c683a;
}

p.section-nav ul li a.current:hover {
}

/******************************************************************************
* callBack
*****************************************************************************/
div#callBack {
	width: 256px; height: 144px;
	background-color: #ffffff;
	float: left; padding: 0px;
	margin: 0px;
}

div#callBack p {
	padding: 0px 0px 10px 0px;
	margin: 0px; width: 234px; font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#callBackForm {
	text-align: right; float: left;
	width: 234px; padding: 0px 6px 0px 0px;
}

form#callBackForm p {
	width: 225px;
	font-size: 11px;
}

form#callBackForm input {
	margin: 0px 8px 8px 0px;
	font-size: 11px;
	width: 140px;
}

form#callBackForm select {
	margin: 5px 8px 8px 0px;
	width: 120px; float: left;
	font-size: 11px;
}

form#callBackForm .label { float: left; /*text-align: left;*/ }

form#callBackForm .Submit {
	margin-top: 3px;
	width: 80px; float: left;
	font-size: 11px;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	width:797px; float:left; height:47px; padding:0px 14px 9px 14px;
	margin:0px 0px 0px 0px;
	background-image:url(../_images/footer-bg.png);
	background-position:bottom center; background-repeat:no-repeat;
}

div#footer-i {
	float:left; width:797px; height:28px; padding-top:19px;
	background-image:url(../_images/footer-bg-i.jpg);
	background-position:top left; background-repeat:repeat-x;

}

div#footer p, div#footer p a {
	font-size:10px; color:#ffffff; margin:0px 0px 10px 0px;
}

div#footer a.validation {  }

div#footer p a { text-decoration:none; }

div#footer p a:hover { text-decoration:underline; }

div#footer p#footer-left {
	float:left; width:650px; margin-left:7px;
}

html>body div#footer p#footer-left { margin-left:14px; }

div#footer p#footer-right {
	float:right; width:100px; text-align:right; padding-right:14px;
}

/******************************************************************************
* horizontal-boxes
*****************************************************************************/
div#horizontal-boxes {
	float:left; width:100%; height:130px; margin-bottom:20px;
}

div#horizontal-boxes a {
	display:block; float:left; width:242px; height:130px; margin-right:14px;
}

div#horizontal-boxes a#hb-realco { background-image:url(../_images/horizontal-boxes/realco.jpg); }
div#horizontal-boxes a#hb-contact { background-image:url(../_images/horizontal-boxes/contact.jpg); }
div#horizontal-boxes a#hb-services { background-image:url(../_images/horizontal-boxes/services.jpg); }
div#horizontal-boxes a.hb-long {
	background-image: url(../_images/horizontal-boxes/long.jpg);
	display:block; float:left; width:754px; height:130px; margin-right:14px;
}
object.flashmovie { margin: 1px 0px 0px 1px; }

div#horizontal-boxes a#hb-contact {
	margin-right:0px;
}

div#horizontal-boxes a span {
	display:none;
}

/******************************************************************************
* home-left-col
*****************************************************************************/
div#home-left-col {
	float:left; width:420px; margin-bottom:20px;
}

/******************************************************************************
* home-flash
*****************************************************************************/
div#home-flash {
	float:right; clear:none; width:310px;
}

div#home-flash-i {
	border:1px solid #99bcc5;
}

div#home-flash p {
	float:left; width:310px; height:48px; margin-top:2px;
	background-image:url(../_images/home/how-enzymes-work.jpg);
}

div#home-flash p span { display:none; }

/******************************************************************************
* products-split
*****************************************************************************/
div#products-split {
	float:left; width:100%; height:177px; padding-top:10px; margin-bottom:20px;
	background-image:url(../products/images/middle-separator.jpg);
	background-position:center top; background-repeat:no-repeat;
}

div#products-split a {
	display:block; height:166px;
}

div#products-split a span { display:none; }

div#products-split a#green-products {
	float:left; width:358px;
	background-image:url(../products/images/green.jpg);
}

div#products-split a#conventional-products {
	float:right; width:359px;
	background-image:url(../products/images/conventional.jpg);
}

/******************************************************************************
* news-entry
*****************************************************************************/
div.news-entry {
	float:left; width:100%; padding-bottom:10px; margin-bottom:20px;
	background-image:url(../news/images/news-separator.gif);
	background-position:center bottom; background-repeat:no-repeat;
}

div#last-news-entry {
	background-image:none;
}

/******************************************************************************
* product-entry
*****************************************************************************/
div.product-entry {
	float:left; width:100%;
}

div.product-entry-left {
	display:block; float:left; width:350px;
}

div.product-entry-left-wide {
	display:block; float:left; width:100%;
}


div.product-entry-right {
	display:float; float:left; height:26px; width:300px;
	margin:10px 0px 0px 0px; padding:7px 0px 0px 60px;
	background-image:url(../products/images/pdf.jpg);
	background-repeat:no-repeat; background-position:left center;
}

/******************************************************************************
* contact-block
*****************************************************************************/
div.contact-block {
	float:left; width:300px; padding-bottom:20px; margin-bottom:20px;
	background-image:url(../contact/images/contact-block-sep.gif);
	background-position:center bottom; background-repeat:no-repeat;
}

/******************************************************************************
* debug
*****************************************************************************/
p.debug {
	background-color:red;	padding:2px; margin:0px;
}