﻿body 
{
	font-family: Verdana; font-size: 9pt;
	background-color: #8cc742; text-align: center; color: #555555;
}
input, select, textarea
{
	font-family: Verdana; font-size: 9pt
}
table
{
	font-size: 9pt;
}
h1
{
	font-size: 18pt; font-family: Arial; font-weight: normal;color: #007139;
}
h2
{
	font-size: 14pt; font-family: Arial; font-weight: normal; color: #555555
}
h3
{
	font-size: 10pt; font-weight: bold;
}
h5
{
	color: #007139; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px
}
q
{
	font-style: italic; font-weight: bold;
}
a
{
	color: #8cc742; font-weight: bold
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
ul
{
	position:relative; margin:1em; list-style:none;
}
ul li
{
	margin:0.5em 0; padding-left:1.5em; background:transparent url('images/bullet.gif') no-repeat left 0.6em;
}
th
{
	color: #8cc742; font-size: 11pt; font-family: Arial
}
form { margin: 0px 0px 0px 0px; padding: 10px 20px 20px 10px }
#page 
{
	background-color: White;
	width: 850px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
#copyright 
{
	width: 840px; color: White; text-align: left; margin-top: 5px
}
#copyright a { color: white; font-weight: normal; text-decoration: underline }
#background
{
	background-image: url(Images/Greencorner.gif); background-repeat: no-repeat; background-position: right bottom
}
#leaf
{ 
	background:url(images/lc.gif) no-repeat;
	background-position: right;
	padding:30px 0px 130px 2px; 
	width: 600px;
	border: 1px solid black;
	height: 140px;
	float: left;
}
#leaf img
{ 
	padding:0 0 10px 12px; 
}
#right
{
	float: right;
}
.bigbutton
{
	background-color: #007139; color: White; font-size: 20pt; text-align: center; 
}
.menucontainer { padding-left: 5px; padding-right: 5px; clear:both }
.menu { font-family: Arial; font-weight: normal; color: White; font-size: 6pt; text-align: left; margin-bottom: 10px; padding-top: 5px }
.menuitem { font-family: Arial; font-weight: normal; color: White; font-size: 11pt; text-align: center; cursor: pointer}
.menuhover { font-family: Arial; font-weight: normal; color: White; font-size: 11pt; padding: 5px 0px 5px 0px; cursor: default !important}

.question { cursor: pointer; font-weight: bold }
.answer { padding-left: 20px }
em { color: #8cc742; font-style: normal; font-weight: bold; }

.form label {float: left; width: 100px }
.box { background-image: url(images/border600.gif); background-repeat: no-repeat; height: 300px; width: 590px; padding-left: 10px; padding-top: 10px; float: left }
.box p { margin-right: 40px }
.box img { margin-right: 20px }
.boxleaf { background-image: url(images/leaf_border600.gif); background-repeat: no-repeat; height: 300px; width: 580px; padding: 10px 10px 10px 10px; float: left }

img.inbox { margin-right: 10px; margin-left: 20px }

.boxexpand { border: 1px solid #007139 }
.tl { background-image: url(Images/Border/tl.gif); background-repeat: no-repeat; background-position: left top; height: 100% }
.tr { background-image: url(Images/Border/tr.gif); background-repeat: no-repeat; background-position: right top; height: 100% }
.bl { background-image: url(Images/Border/bl.gif); background-repeat: no-repeat; background-position: left bottom; height: 100% }
.br { background-image: url(Images/Border/br.gif); background-repeat: no-repeat; background-position: right bottom; height: 100% }
.t { background-image: url(Images/Border/one.gif); background-repeat: repeat-x; background-position: top; height: 100% }
.b { background-image: url(Images/Border/one.gif); background-repeat: repeat-x; background-position: bottom; height: 100% }
.r { background-image: url(Images/Border/one.gif); background-repeat: repeat-y; background-position: right; height: 100% }
.l { background-image: url(Images/Border/one.gif); background-repeat: repeat-y; background-position: left; height: 100% }
.signup label {float: left; width: 140px }

.supply{border:2px solid #000;}
.supply input{font-size:14px; text-align:center;}
.supply tr{}
.supply tr td{text-align:center; padding:2px;}
td.s{border-right:1px solid #000;}
span.s{font-size:24px; font-weight:bold;}
td.supply_top{border-bottom:1px solid #000;}

.signupbuttons { width: 300px; text-align: right }
.signup input[type="image"] { padding-top: 10px }
.mainbutton { vertical-align: middle; float: left; width: 200px }
.mainbutton a { color: #007139; font-size: 18pt; text-decoration: underline }
.mainbutton a:link { color: #007139 }

.infocard { width: 196px; height:300px; background-image: url(images/infocard.gif); background-repeat: no-repeat; padding-top: 5px; text-align: center;}
.infocard p { text-align: left; margin: 10px 10px 10px 10px; color: #007139; font-size: 11pt }
.infocard p em { font-size: 12pt; color: #007139 }
.infocard h3 { font-size: 14pt; color: #8cc742; margin-bottom: 5px }
.infocard h4 { font-size: 10; margin-top: 0px; text-align: left; font-weight: normal; margin-left: 10px }

.normal label { float: none; font-weight: normal }
.section { border-top: 1px dotted #ebebeb; padding-top: 10px }

.mad { padding-top: 80px }

.green { color: #007139; font-weight: bold }
.energy { color: #8cc742; font-weight: bold }
.uk { color: #007139; font-weight: bold }
.info { color: #fd6b0f }
.itemimage { margin-left: 30px; margin-bottom: 30px }

.move label { float: left; width: 180px }
.form160 label { float: left; width: 160px; font-weight: bold } 
.form200 label { float: left; width: 200px } 

.also a { Margin:0.5em 0; padding-left:1.5em; background:transparent url('images/bullet.gif') no-repeat left 0.6em; }
.selected { display: none }

.biglist { font-size: 14pt }
.biglist li p { font-size: 10pt; padding-bottom: 15px; margin-bottom: 0px }

.note li { list-style-type:disc; margin:5; padding-left:0em; background:none; }
.note {position:relative; margin:0em; list-style:none;}

.normal label { float: none; font-weight: normal }
.section { border-top: 1px dotted #ebebeb; padding-top: 10px }

.commercialmenu { margin-top: 10px }
.commercialmenu a { display:block; float: left; color: White; height: 37px; font-weight: normal; margin-top: 0px; text-decoration: none; padding-right: 5px; padding-left: 5px; vertical-align: middle}
.commercialmenu a:hover { background-image: url(images/inner-dark.jpg); background-repeat: repeat-x }

.IE8Fix { z-index:9000; }

a.clear {cursor: pointer; font-weight: normal; color: black}
a.clear:hover { text-decoration: none }

a.noimage:hover { background-image: none; text-decoration: underline }
td { vertical-align: top }

.error { color: Red; font-weight: bold }
.videos h4 { margin-top: 14px; margin-bottom: 2px }

.selected_item a { font-size: 12pt; font-weight: bold; }
.selected_item img { max-width: 160px; max-height: 80px; clear: both }
.unselected_item a img { max-width: 90px; max-height: 50px; padding: 10px 10px 10px 10px; margin-left: auto; margin-right: auto }
.show { display: inherit }
.hide { display: none }
.thumbnail img {  width: 90px; padding: 5px 5px 5px 5px; max-height: 90px }
.thumbnail_item { border: 1px solid black; vertical-align: middle; height: 100px }

#pRight { background: url(Images/r.gif); background-repeat: repeat-y; background-position: right; height: 100% }
#pBottom { background: url(Images/b.gif); background-repeat: repeat-x; background-position: bottom; height: 100% }
#pTopRight { background: url(Images/tr.gif); background-repeat: no-repeat; background-position: top right; height: 100% }
#pBottomLeft { background: url(Images/bl.gif); background-repeat: no-repeat; background-position: left bottom; height: 100% }
#pBottomRight { background: url(Images/brlogo.gif); background-repeat: no-repeat; background-position: right bottom; height: 100% }
#phone { background-image: url(images/phonenum.gif); background-repeat: no-repeat; height: 23px; width: 219px; float: left; margin-left: 40px; margin-top: 10px }