/*
Company:		Essex Greenhouse, Inc.
URL:			www.essexgreenhouse.com
File:		main.css - used for common elements across all pages of site
*/

/*<group=Global Browser Reset>*/
* {

padding:0;

margin:0;

}

body {padding:5px;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: none; }
/*</group>*/

/*<group=HTML, Body>*/
body {
	text-align: center;
	background-image: url("../images/background.gif");
	font-family: Arial, sans-serif;
	color: #333;
	font-size: 14px;
}
/*</group>*/

/*<group=Layout>*/
div.outerTop {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 826px;
	height: 20px;
	position: relative;
	background-image: url("../images/outerTop.gif");
}
div.outerMiddle {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 826px;
	position: relative;
	background-image: url("../images/outerMiddle.gif");
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 1px 0px;
}
div.outerBottom {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 826px;
	height: 12px;
	position: relative;
	background-image: url("../images/outerBottom.gif");
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.bodyLeft {
	position: relative;
	float: left;
	width: 475px;
	margin-top: 10px;
	left: 38px;
}
div.bodyRight {
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 62px;
	background-color: #F9F9E2;
	border-bottom: 2px solid #82ac51;
}
div.bodyWide {
	position: relative;
	width: 750px;
	margin-top: 10px;
	left: 38px;
}
div.bottomHighlightBar {
	position: relative;
	width: 750px;
	margin-top: 10px;
	left: 38px;
	background-color: #F9F9E2;
	border-top: 2px solid #82ac51;
}
img.logo {
	position: relative;
	top: 0px;
	left: 38px;
}
img.belowNav {
	position: relative;
	margin: 0px;
	margin-top: 1px;
	left: 38px;
}
div.footer {
	margin-left: 38px;
	margin-bottom: 12px;
	margin-top: 20px;
	width: 750px;
	text-align: center;
	font-size: 75%;
	border-top: 1px solid #d5d48a;
	padding-top: 7px;
}
div.ghPic {
	float: left;
	width: 200px;
}
div.ghBuy {
	float: left;
	width: 170px;
	margin-left: 35px;
	padding-left: 20px;
	border: 1px solid #82ac51;
}
img.prodoverviewPic {
	float: right;
	margin-bottom: 10px;
}
div.ghList1, div.ghList2, div.ghList3 {
width: 222px;
padding: 5px;
float: left;
}
div.ghList1, div.ghList2 {
margin-right: 25px;
}
div.ghList1 tr.listText, div.ghList2 tr.listText, div.ghList3 tr.listText {
background-color: #F9F9E2;
}
div.ghList1 td, div.ghList2 td, div.ghList3 td {
padding: 2px;
border-bottom: 1px solid #82ac51;
}
div.ghSectionBox {
background-color: #f9f9f4;
padding: 10px;
}
table.productTable {
text-align: center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.productTable th {
background-color: #fff;
border-right: 2px solid #ccc;
}
table.productTable td {
padding: 5px;
background-color: #F9F9E2;
border-top: 1px solid #ccc;
border-right: 2px solid #ccc;
}

div.ghPicLeft {
	float: left;
}
div.ghPicRight {
	float: left;
	margin-left: 100px;
}
img.accessoryPic {
float: left;
margin-right: 20px;
}
/*</group>*/

/*<group=Nav>*/
ul.nav {
	position: relative;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	left: 38px;
	background-color: #82ac51;
	width: 750px;
	height: 35px;
	text-align: center;
}
ul.nav li {
	float: left;
	list-style: none;
	margin-left: 0px;
	line-height: 240%;
	text-align: center;
}
ul.nav li a {
	color: #fff;
	display: block;
	height: 35px;
	width: 150px;
	text-decoration: none;
}
ul.nav li a:link {
	text-decoration: none;
}
ul.nav li a:visited {
	color: #fff;
	text-decoration: none;
}
ul.nav li a:hover {
	background-color: #a8ee52;
	height: 35px;
}
ul.nav li a:active {
	
}
ul.overviewNav {
	background-color: #F9F9E2;
	padding-top: 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid #a8ee52;
}
ul.overviewNav li {
	margin-bottom: 4px;
}
/*</group>*/

/*<group=Headings>*/
h1 {
	font-size: 150%;
	margin-top: 0px;
	margin-bottom: 5px;
}
h2 {
	font-size: 128%;
	color: #eaa01f;
}
h3 {
	font-size: 115%;
	color: #82ac51;
	margin-bottom: 5px;
}
h3.hr {
	clear: both;
	border-top: 2px solid #82ac51;
	margin-top: 10px;
	padding-top: 10px;
}
h4.helpHead {
	margin-bottom: 0px;
	margin-left: 10px;
}
div.ghBuy h4, div.bodyRight h4 {
	font-size: 115%;
	margin: 0px;
}
div.bodyRight h4 {
	margin-left: 10px;
	margin-top: 40px;
	color: #eaa01f;
}
div.bottomHighlightBar h4 {
	margin-bottom: 0px;
	color: #eaa01f;
}
div.bodyRight h5 {
	margin-left: 10px;
	margin-top: 40px;
	margin-bottom: 0px;
	color: #333;
	font-size: 100%;
}
table td.midTableHighlight {
	font-weight: bold;
	background-color: #fff;
}
/*</group>*/

/*<group=Text Styles>*/
div.footer a {
	font-weight: bold;
}
div.footer p {
	padding: 0px;
	margin: 3px;
}
div.footer p.copyright {
	font-style: italic;
	font-size: 90%;
}
div.bodyLeft p {
	line-height: 140%;
}
div.bodyLeft span.excerpt p {
	margin-top: 0px;
	margin-left: 10px;
}
div.ghBuy p {
	margin: 0px;
}
div.ghBuy del {
	color: #FF0000;
}
span.modelNum {
	font-size: 78%;
}
div.bodyRight p {
	margin: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
}
div.bottomHighlightBar p {
	margin-top: 5px;
}
p.redCallBlock {
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 109%;
}
p.specialsBox {
	padding: 10px 20px 10px 20px;
	border: 1px solid #82ac51;
	background-color: #f9f9e2;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}
div.ghPicLeft p, div.ghPicRight p {
	margin-top: 3px;
	font-size: 91%;
}
span.error {
color: red;
font-size: 90%;
}
span.smallText {
font-size: 85%;
}
.boldCenter {
text-align: center;
font-weight: bold;
}
/*</group>*/

/*<group=Lists>*/
ul.ghFeatures {
	margin-top: 4px;
}
ul.ghFeatures li {
	margin-bottom: 4px;
}
div.ghList1 ul, div.ghList2 ul, div.ghList3 ul {
	margin-bottom: 0;
}
div.ghList1 ul li, div.ghList2 ul li, div.ghList3 ul li {
	margin-left: 13px;
	margin-bottom: 9px;
	font-size: 91%;
}
/*</group>*/

/*<group=Forms>*/
form#financing-form {
width: 75%;
}
form#financing-form label {
float: left;
margin: 5px;
}
form#financing-form input {
float: right;
margin: 5px;
}
form#financing-form p {
clear: both;
}

table.productTable form {
	margin: 0;
}
table.productTable form input {
	margin: 0;
}
/*</group>*/

/*<group=Links - link visited hover active>*/
a:link {
	color: #333;
}
a:visited {
	color: #000;
}
a:hover, a:active {
	color: #82ac51;
	text-decoration: none;
}
/*</group>*/

/*<group=Misc>*/
.clear {
	clear: both;
}
/*</group>*/