/* Cambridge Glasshouse CSS Document */

/* general styling first */
* {margin:0;padding:0}
ul{list-style:none}
p{margin-bottom:.5em}
a img,img{border:none;display:block;}
a{color:#4980b8;}
a:hover{background:#4980b8; color: #fff; text-decoration: none;}
a.read-more{
	text-decoration:none;
	background:url(images/read-arrow.gif) no-repeat 0 4px;
	padding-left:8px;
	font-size:100%;
	font-weight: bold;
}
a.read-more:hover {
	background: transparent url(images/read-arrow.gif) no-repeat 0 4px; color: #4980b8;
	text-decoration:underline;
}
#middle p.more {
	margin-top: -1em;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
/*............ clear without structural mark up .........*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */

/*........... do not change or amalgamate the above clearfix styles..................*/

body{
	color:#696969; 
	font-size: 90%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;/* for ie5.+*/
	background:#e0f3cd;
	padding:25px 0;
}
/* #outer holds all page content */
#outer{
	width:762px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	background:url(images/main-bg.gif) repeat-y left top;
}
#inner {
	width:748px;
	background:transparent url(images/double-dotted.gif) repeat-y left top;
	margin-left:7px;
}
body.news-detail #inner, body.news-listing #inner, body#about #inner, body#contact #inner, body.more #inner {
	background:transparent url(/images/dotted.gif) repeat-y 159px 0;
}

#home #inner {background:#fff url(images/single-dotted.jpg) repeat-y 502px 0;}

/* h1 {
	background: url(images/logo2.jpg) no-repeat left top;
	float:left;
	width:200px;
	height:70px;
	margin:10px 0 0 30px;
	text-indent:-999em;
} */
h1{
	background: url(images/newlogo.gif) no-repeat left top;
	float:left;
	width:275px;
	height:75px;
	margin:15px 0 0 30px;
	text-indent:-999em
} 
h1 a {
	display:block;
	width:222px;
	height:50px;
	text-decoration:none;
}
h1 a:hover {
	background-color: transparent;
	text-decoration: none;
}
#header{
	background:transparent url(images/top.gif) no-repeat left top;
	height:102px;
}
ul#nav{
	clear:both;
	padding:12px 0;
 background:#134015 url(images/navbg.gif) repeat-x left top;
	width:748px;
	text-align:center;
	margin-left:6px;
	border-left:1px solid #000;
}

ul#nav li{
	display:inline;
	margin:0;
	border-right:1px solid #fff;
}
ul#nav li.contact{border:none;}
ul#nav li a{
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-size:70%;
	font-weight:bold;
	letter-spacing:.1em;
	padding:2px 12px 0 10px;
}
ul#nav li a.current{color:#ffff21}
ul#nav li a:hover {color: #fff;}
ul#nav li a:hover{text-decoration:underline; background-color: transparent;}

/* set current page via body id - */
body#home ul#nav li.home a,
body#about ul#nav li.about a,
body#domestic ul#nav li.domestic a,
body#research ul#nav li.research a,
body#commercial ul#nav li.commercial a,
body#garden ul#nav li.garden a,
body#industry ul#nav li.industry a,
body#contact ul#nav li.contact a{color:#ffff21}

/* search button at top of page .....*/
#search{
	background:#eef8ed url(images/search-base.gif) no-repeat left bottom;
	width:209px;
	padding:0 0 12px 0;
	float:right;
	display:inline;
	margin:25px 12px 0 0;
}
#search form{
	background:transparent url(images/search-top.gif) no-repeat left top;
	padding-top:10px;
	width:209px;
}
#search input{
	background:#ffff;
	border-top:1px solid #528d55;
	border-right:1px solid #528d55;
	border-left:1px solid #87b189;
	border-bottom:1px solid #87b189;
	color:#666;
	vertical-align:middle;
	font-size:85%
}
#search input#keywords{	
	height:16px;width:144px;
	margin-left:19px
}
#search input#go{	height:18px;padding:0 2px;font-weight:bold}
#search label{	
	font-size:85%;
	font-weight:bold;
	display:block;
	margin-left:20px;
	padding-bottom:2px;
}
body#searchresults dd {
	margin: 0 0 1.5em;
}
/*.................. main page image in background of h2  ........*/
h2#welcome {
	width:748px;
	margin-left:6px;
	border-left:1px solid #000;
	border-bottom: 3px solid #000;
	height:139px;
	/*background:url(images/head1.jpg) no-repeat left top;*/
	text-indent: -5000px;
	position:relative;
} 
/* h2#welcome span{
	display:block;
	position:absolute;
	left:15px;
	top:64px;
	letter-spacing:0.06em;
} */
h2#welcome span {
	text-indent: -5000px;
}

body#domestic h2 {clear: both;}


/*...................... Home Page Main sections..............*/
#main{
	float:left;
	width:455px;
	margin-left:26px;
	display:inline;/* ie bug */
}
#main p{
	font-size:90%;
	margin:8px 0;
	letter-spacing:-.03em;
	line-height:1.2em;
}
#main div.intro {margin-bottom:2em; font-size: 105%;line-height: 1.3em;}
#innerwrap h3,
#innerwrap h4,
#right2 h4,
#main h3,
#main h4{
	color:#317a20;
	font-size:180%;
	margin:.4em 0 0 0;
	font-weight:normal;

	letter-spacing:0;
}
body#home #main h4{
	font-size:135%;	
	letter-spacing:-.01em;
	margin:0 0 3px 10px;
	padding:2px 0 0;
	color:#317a20;
	text-transform: uppercase;
	font-family: times, georgia, serif;
}
#innerwrap #middle h4 {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	color: #444;
	text-transform: none;
	margin-bottom: -.5em;
	margin-top: 2em;
	font-weight: bold;
}
body#sitemap #innerwrap #middle h4 {
	margin-top: 1em;
}
body#sitemap #middle ul {
	margin-top: 1em;
}
body#home #main h4#growers-h4 {
	font-size: 125%;
}

h4 a {
	font-size: 110%;
}
.main-box{
	width:436px;
	background:url(images/box-side.gif) repeat-y left top;
	clear:both;
}
.box-top{
	width:436px;
	background:url(images/box-top.gif) no-repeat left top;
	height:8px;
}
.box-base{
	width:436px;
	background:url(images/box-base.gif) no-repeat left top;
	height:11px;
}
#main .main-box p{font-size:85%;margin:0;	letter-spacing:-.03em;}
#main .main-box p.left{margin:0px 188px 5px 10px;}
#main .main-box p.right{margin:0px 10px 5px 188px;}

.main-box a.pic1,
.main-box a.pic2,
.main-box a.pic3,
.main-box a.pic4,
.main-box a.pic5 {
	float:right;
	text-decoration:none;
	width:176px;
	height:79px;
	background:url(images/main-pic1.jpg) no-repeat left top;
	margin:5px 10px 5px 0;
	display:inline;
}
.main-box a.pic2{	
	background:url(images/main-pic2.jpg) no-repeat left top;
	width:177px;
	float:left;
	margin-left:10px;
}
.main-box a.pic3{	
	background:url(images/main-pic3.jpg) no-repeat left top;
	width:143px;
}
.main-box a.pic4{	
	background:url(images/main-pic4.jpg) no-repeat left top;
	width:177px;
	float:left;
	margin-left:10px;
}
.main-box a.pic5{	
	background:url(images/main-pic5.jpg) no-repeat left top;
	width:143px;
}
.main-box a.read-more{font-size:100%;margin:0 0 0 1px;}
.main-leafl{	background:url(images/leaf.gif) no-repeat 0 50%;}
.main-leafr{	background:url(images/leaf.gif) no-repeat 150px 50%;}
.main-leafr,
.main-leafl{
	width:436px;
	background-color:#e6e6e6;
	margin-top:9px;
}




/*........... home page left section ...............*/
#right{
	float:right;
	width:247px;
	margin-right:2px;
	display:inline;/* ie bug */
}
#latest-news{
	width:225px;
	background:url(images/latest-news-side.jpg) repeat-y left top;
	margin:-38px 0 0 0;
	position:relative;
}
#leaf2{
	background:url(images/lnews-leafbg.gif) no-repeat center center;
}
#latest-news h3{
	color:#317a20;
	background:url(images/latest-news-top2.gif) no-repeat left top;
	font-size:130%;
	padding:15px 15px 10px 18px;
	font-weight:normal;
	text-transform:uppercase;
}
#latest-news h4{
	color:#404040;
	font-size:105%;
	font-family: Arial, Helvetica, sans-serif;
	padding:0 15px 0 18px;
}
#latest-news-base{
	height:6px;
	background:url(images/latest-news-base.jpg) no-repeat left top;
}
#latest-news p{
	color:#5c8a6f;
	font-size:85%;
	padding:0 15px 0 18px;
	margin:10px 0
}

#quick-links{
	width:232px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:14px;
	margin-top: 2em;
}
#quick-links h5{
	color:#317a20;
	font-size:140%;
	font-weight:normal;
}
#middle h5 {
	margin-top: 1.5em;
}
.spacer{
	width:247px;
	padding-top:20px;
	background:#fff;
}/* rub out border*/

#quick-links ul{
	color:#707070;
	width:235px;
	margin-top:12px;
}
#quick-links ul li{margin:12px 0}
#quick-links ul li span {
	font-size: 65%;
	font-weight: normal;
	color: #999;
	position: relative;
	top: -1px;
	text-transform: uppercase;
}
#quick-links ul a{
	color:#707070;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:12px;
	background:url(images/arrow.jpg) no-repeat 0 1px;
	font-size:80%;
	font-weight:bold;
}
#quick-links ul a:hover{background-color:transparent; text-decoration:underline;}



/*.......... footer ............*/
#footer{
	clear:both;
	text-align:left;
	position:relative;
	background:#8bb97b url(images/foot-bg.gif) repeat-x left top;
	padding-top:26px;
	width:748px;
	margin-left:6px;
	border-left:1px solid #000;
	color: #fff;
	font-size: 75%;
}
#home #footer{margin-top:15px;}
#footer-base{
	clear:both;
	width:762px;
	margin-left:auto;
	margin-right:auto;
	background: url(images/footer.gif) no-repeat 1px 0;
	height:4px;
}
#footer p {
	margin: 0;
	padding: 0 1em 1em 1em;
	text-align: right;
}
#footer p a {
	color: #fff;
	font-weight: bold;
}
#footer p a:hover {
	background: transparent;
}
/*......... (other pages) ................*/
/* #commercial h2#welcome {background:url(images/head2.jpg) no-repeat left top;}*/
/*#commercial #latest-news h3{	background:url(images/latest-news-top3.gif) no-repeat left top;}*/



/*....................... 3 column layout..................*/
#left{
	float:left;
	width:159px;
	margin-right: 20px;
}
#left #contact-side, #left #news-side {
	margin:8px 0 3em 12px;
	font-size: 85%;
	padding-right: 9px;
	color: #888;
}
#left #news-side h4 {
	text-transform: none;
	font-size: 85%;
}
#left #news-side h4 a {
	text-decoration: none;
}
p.section{
 text-transform:uppercase;
	margin-left:12px;
	margin-bottom: 5px;
	font-size:85%;
	color:#666;
	font-weight:bold;
	margin-top: 1em;
	padding-right: 9px;
}
p.section-prod {
	text-transform:uppercase;
	margin-left:12px;
	margin-bottom: 5px;
	font-size:75%;
	color:#666;
	font-weight:bold;
	margin-top: 1em;
	padding-right: 9px;

}
/*
#left ul.subnav{font-size:100%}
#left ul.subnav li{font-size:95%}
#left ul.subnav li li{font-size:100%;}
#left ul{
	margin:8px 0 8px 12px;
}
#left ul ul{margin-left:0}
#left ul ul{margin:5px 0 5px 8px;}
#left ul li{
	color:#568769;
	padding-left:15px;
	background: url(images/green-arrow.jpg) no-repeat 0 2px;
	font-weight:bold;
}

#left ul a, #left ul ul li{
	color:#444;
	background:transparent;
	padding:0;
	text-decoration:none;
}
#left ul ul li{padding:7px 0; font-weight: normal;}
#left ul ul li{padding:3px 0}

#left ul a:hover{color:#4980b8}
*/

#left ul.subnav {
	font-size: 90%;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 2em;
}
#left ul.subnav li {
	padding: 0;
	margin: 0;
}
#left ul.subnav li a, #left ul.subnav li span {
	display: block;
	padding: 9px 9px 9px 15px;
  	text-decoration: none;
	background: url(/images/sidebar-menu.jpg) left top no-repeat;
}
#left ul.subnav li a:hover {
	color: #35718f;
	background-position: left -120px;
}

#middle{
	float:left;
	width:340px;
	font-size: 90%;
	line-height: 1.4;
}
#middle img {
	float: left;
	margin: 5px 15px 10px 0;
	border: 1px solid #333;
	display: block;
}
body.news-listing #middle, body.news-detail #middle, body#about #middle, body#contact #middle, body.more #middle {
	margin-left: 10px;
	width: 520px;
}
#middle p {
	margin:1em 0;
}
#middle ul {
	margin: 1.5em 0 1.5em 0;
	list-style-type: square;
	list-style-position: inside;
}
#middle ul li {
	padding-bottom: .5em;
	margin-left: 1em;
} 
#right2{
	float:right;
	width:200px;
	margin-right:2px;
	display:inline;/* ie bug */
}
#innerwrap{
	width:755px;
	background:transparent url(/images/leaf3.gif) repeat-y 0 0;
	margin-top:20px;
	padding-bottom:20px;
}
#innerwrap h3{
	color:#317a20;
	font-size:200%;
	margin:0 0 25px 0;
	letter-spacing:normal;
	line-height:1em;
	padding-right: 50px;
	padding-top: .5em;
}
#innerwrap h3 {
	font-size: 160%;
	margin-bottom: 20px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	padding-right: 50px;
}
body.news-detail #innerwrap h3 {
	font-size: 150%;
	margin-bottom: 0;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
}
#innerwrap h4{
	font-size:95%;
	letter-spacing:normal;
	margin:10px 0;
	padding:0;
	color: #666;
	text-transform:uppercase;
	font-weight: bold;
}
	
/* #innerwrap h3.leaf-logo{
	background:transparent url(images/leaf-logo.jpg) no-repeat right bottom;
	min-height: 55px;
} */
/* #middle {
	background:transparent url(/images/leaf-logo.jpg) no-repeat right top;
} */
body.news-detail #middle, body.news-listing #middle, body.more #middle {
	background-image: none;
}

.our-prod{
	margin:15px 0;
	width:200px;
}
.our-prod h5{
	text-transform:uppercase;
	color:#1763a8;
	font-weight:bold;
	margin-bottom: 3px;
}
.our-prod p{
	margin-right:88px;
	color:#30704b;
	font-size:70%;
	font-weight:bold;
}
#right2 .our-prod p.fr {
	float:right;
	width:68px;
	height:68px;
	margin:0 10px 0 0;
	padding:0;
	
}
#right2 .our-prod p.fr img {
	border: 1px solid black;
}
p.fr a{
text-decoration:none;
}

#right2 .our-prod a.read-more{
	font-size:120%;
}

table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size: 85%;
	text-align: left;
	width: 100%;
	margin-bottom: 2em;
}
th, td, tr {
	padding: 0; margin: 0;
}
th, td {
	padding: .3em .5em;
}
th, td {
	border-right: 1px solid #ddd;
}
tr {
	border-bottom: 1px solid #ccc;
}
tr.odd {
	background-color: #f2f2f2;
}
caption {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: .2em;
}

form#contactform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
form#contactform fieldset {
	margin: 0 0 1em 0;
	padding: 20px 10px 15px 10px;
	border: 1px solid #ccc;
	overflow: hidden;
}
form#contactform fieldset p {
	margin-top: 0;
}
form#contactform fieldset:hover {
	background: #f8f8f8;
}
form#contactform legend {
	font-weight: bold;
	color: #555;
	margin: 0;
	padding: 0.5em;
}

form#contactform form label {
   clear:both;
   display: block;
   line-height: 1;
   margin-bottom: 2px;
}
form#contactform textarea {
	padding: 3px;
}
form#contactform input.input, form#contactform textarea.input {
	width: 200px; 
	border: 1px solid #bbb;
	padding: 2px;
	font-size: 105%;
	background: #f7f7f7;
	display: block;
	margin: 0;
}
form#contactform input.input:focus, form#contactform textarea.input:focus {
	border: 1px solid #000;
	background: #fff;
}
form#contactform .radio label {
	display: block;
}
form#contactform input.submit {
	display: block;
	font-size: 120%;
	padding: 2px;
}
form#contactform input.submit:hover {
	cursor: pointer;
}
form#contactform .checkboxes label {
	margin-bottom: 1em;
}
div.left {
	float: left;
}
div.right {
	float: right;
}
form div.left {
	width: 250px;
}
form div.right {
	width: 200px;
}
form div.text-right {
	float: right;
}
span.required {
	font-weight: bold;
	color: red;
}
.links_div {
	clear: both;
	float: left;
	margin-top: 0;
}

.links_div img {
	float: left;
}
.links_div p {
	float: right;
}
.form_div {
	clear: both;
}