/* CSS Document */
body{
	background: url(/img/body_bg.jpg) repeat-x top #FFF;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
*{
	padding: 0px;
	margin: 0px;
}
ul{
	list-style: none;
}
ol {
	list-style-position: inside;
}
ol.factsheet-ol {
	list-style-position: outside;
	margin-left: 10px;
}
ol li {
	background: url(/project-services/img/star-sm.jpg) no-repeat top left;
	padding-left: 30px;
	margin-bottom: 10px;
}
ol.factsheet-ol li, ol.nostar li {
	background: none;
	padding-left: 5px;
}
img, img a{
	border:0;
}
img.left {
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}
p {
	margin: 2px 2px 8px 2px;
}
.sectionheading {
	float: right;
	text-align: right;
	font-size: 260%;
	color: #DD5372;
	padding: 17px 10px 5px 10px;
	clear: both;
	font-weight: normal
}
#home h1, #home h2 a {
	color: #2865D5;
	text-decoration: none;
}
#home h2 a:hover, #home h2 a:focus {
	color: #173979;
	text-decoration: underline;
}
#garden h1, #garden h2 a {
	color: #41AA4F;
	text-decoration: none;
}
#garden h2 a:hover, #garden h2 a:focus {
	color: #1F5025;
	text-decoration: underline;
}
h1 {
	font-size: 140%;
}
h5 {
	font-size: 100%;
}
#frametop {
	background: transparent url(/img/frame_top.png) no-repeat;
	height: 14px;
	width: 980px;
}
#framebottom {
	background: transparent url(/img/frame_bottom.png) no-repeat;
	height: 14px;
	width: 980px;
	clear: both;
}
#frame {
	background: transparent url(/img/frame_bg.png) repeat-y;
	width: 980px;
	float: left;
}
#framecontainer {
	width: 980px;
	margin: auto;
}
#innerframe {
	margin-left: 10px;
	width: 960px;
	float: left;
	background: #fff;
}
#header {
	width: 960px;
	float: left;
	background: url(/img/logo.jpg) #fff no-repeat left;
	height: 105px;
}
#googlesearch {
	float: right;
	padding: 10px;
}
#topnav {
	background: url(/img/topnav_bg.jpg) repeat-x #676767;
	float: left;
	width: 960px;
}
#topnav li {
	float: left;
}
#topnav li a {
	color: #fff;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#topnav li a:hover {
	background-color: #676767;
}
#searchnav {
	background: url(/img/searchnav_bg.jpg) repeat-x #E11658;
	float: left;
	width: 960px;
	height: 45px;
}
#searchnav li {
	border-right: 1px solid #fff;
	float: left;
	text-align: center;
}
#searchnav li.searchnav-sub {
	float: none;
	border-right: none;
	border-top: 1px solid #fff;
}
#searchnav a {
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 45px;
	width: 239px;
	text-decoration: none;
}
#searchnav li.trade li.searchnav-sub a {
	width: 239px;
	background-color: #ED477D;
	padding: 5px 0;
	font-size: 90%;
	line-height: normal;
}
#searchnav a:hover {
	background-color: #E11658;
}
#searchnav li.trade li.searchnav-sub a:hover {
	background-color: #C9144F;
}
#searchnav form {
	height: 35px;
	padding-top: 10px;
}
#searchnav li.sitesearch {
	line-height: 45px;
	width: 239px;
}
#searchnav li.trade {
	font-size: 130%;
	position: relative;
}
#searchnav li.ask {
	font-size: 130%;
}
#searchnav li.shop {
	border-right: none;
	font-size: 130%
}
/* hide the sub level links */
#searchnav ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
#searchnav ul li:hover ul,
#searchnav ul a:hover ul{
visibility:visible;
}
#searchnav table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:45px;
}

#contentcontainer {
	background-color: #fff;
	float: left;
	width: 960px;
	margin-top: 5px;
}
#portal #contentcontainer {
	background: url(/img/portalhomecontent_bg.jpg) repeat-y;
}
#home #contentcontainer {
	background: url(/img/homecontent_bg.jpg) repeat-y;
}
#garden #contentcontainer {
	background: url(/img/gardencontent_bg.jpg) repeat-y;
}
#homenav-portal, #homenav {
	width: 280px;
	float: left;
}
.treeview h2 a {
	padding: 0;
}

#gardennav {
	width: 280px;
	float: right;
}
#gardennav h2 {
	margin: 0;
	padding: 0;
}
#gardennav h2 img a {
	border: none;
}
.breadcrumb {
	padding: 3px;
	float: left;
	width: 99%;
	font-size: 140%;
	margin-bottom: 10px;
}
#garden .breadcrumb {
	background-color: #EFF8E9;
}
#home .breadcrumb {
	background-color: #E9F0F8;
}
#garden .breadcrumb a {
	color: #666;
}
.breadcrumb h1 {
	float: left;
	font-size: 100%;
}
.breadcrumb span {
	float: left;
	font-size: 70%;
	line-height: 160%;
	padding-right: 5px;
}
.yourhere {
}
.navimages {
	text-align: center;
}
.navimages img {
	padding: 10px 3px;
}
#portal #centrecontent {
	width: 380px;
	float: left;
	margin: 10px;
}
#home #centrecontent {
	width: 660px;
	float: left;
	margin: 10px;
}
#garden #centrecontent {
	width: 660px;
	float: left;
	margin: 5px 10px 10px 10px;
}
#fw-contentcontainer {
	width: 95%;
	float: left;
	margin: 10px;
}
#portal .featureboxblue {
	background: url(/img/portal-box-blue-top.jpg) no-repeat top ;
	margin: 10px 0;
	padding-top: 7px;
}
#portal .featureboxblue .bottom {
	background: url(/img/portal-box-blue-bottom.jpg) no-repeat bottom #CCDDEE;
	padding: 0 7px 7px 7px;
	display: block;
}
#portal .featureboxgreen {
	background: url(/img/portal-box-green-top.jpg) no-repeat top ;
	margin: 10px 0;
	padding-top: 7px;
}
#portal .featureboxgreen .bottom {
	background: url(/img/portal-box-green-bottom.jpg) no-repeat bottom #D9EEDC;
	padding: 0 7px 7px 7px;
	display: block;
}
#portal .featureboxpink {
	background: url(/img/portal-box-pink-top.jpg) no-repeat top ;
	margin: 10px 0;
	padding-top: 7px;
}
#portal .featureboxpink .bottom {
	background: url(/img/portal-box-pink-bottom.jpg) no-repeat bottom #FADDE6;
	padding: 0 7px 7px 7px;
	display: block;
}
.featureboxpink h2, .featureboxgreen h2, .featureboxblue h2 {
	font-size: 120%;
}
.featureboxpink img, .featureboxgreen img, .featureboxblue img {
	float: left;
	margin-right: 5px;
}
.aboutboxblue {
	background: url(/img/about-box-blue-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
.aboutboxblue .bottom {
	background: url(/img/about-box-blue-bottom.jpg) no-repeat bottom #CCDDEE;
	padding: 0 7px 7px 7px;
	display: block;
}
.aboutboxgreen {
	background: url(/img/about-box-green-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
.aboutboxgreen .bottom {
	background: url(/img/about-box-green-bottom.jpg) no-repeat bottom #E3F1D8;
	padding: 0 7px 7px 7px;
	display: block;
}
.aboutboxpink {
	background: url(/img/about-box-pink-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
.aboutboxpink .bottom {
	background: url(/img/about-box-pink-bottom.jpg) no-repeat bottom #FADDE6;
	padding: 0 7px 7px 7px;
	display: block;
}
.box {
	float: left;
	clear: left;
	width: 95%;
	padding: 8px;
	margin: 10px;
}
.quarterbox {
	float: left;
	width: 21%;
	padding: 8px;
	margin: 8px;
}
.thirdboxother {
	float: left;
	width: 30%;
	padding: 5px;
	margin: 5px 8px;
	border: 1px dotted #FADDE6;
}
.halfbox {
	float: left;
	width: 46%;
	padding: 8px;
	margin: 8px;
}
#home .box {
	border: 1px solid #0053AC;
}
#garden .box {
	border: 1px solid #41AA4F;
}
#factsheets .box, #factsheets .quarterbox {
	border: 1px solid #993366;
}
.blue {
	background-color: #CCDDEE;
}
.green {
	background-color: #D9EEDC;
}
.pink {
	background-color: #FADDE6;
}
.purple {
	color:  #993366;
}
.blue h3, .featureboxblue h2, .aboutboxblue h2 {
	color: #0053AC;
}
.green h3, .featureboxgreen h2, .aboutboxgreen h2 {
	color: #41AA4F;
}
.pink h3, .featureboxpink h2, .aboutboxpink h2 {
	color: #DF1959;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.inline {
	display: inline;
}
.mhmg-home {
	color: #0053AC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}
.mhmg-garden {
	color: #41AA4F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
}
.mhmg-myh {
	color: #0053AC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 80%;
}
.mhmg-myg {
	color: #41AA4F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 80%;
}
#footer {
	background: url(/img/footer_bg.jpg) repeat-x;
	line-height: 28px;
	float: left;
	width: 100%;
	margin: 5px 0;
}
#footer li {
	float: left;
	color: #676767;
	margin: 0 10px;
}
#footer a {
	color: #676767;
}
/*-------------------- general content styles ---------------*/
a.external {
	background: url(/img/link_external.jpg) no-repeat left;
	padding-left: 19px;
	font-weight: bold;
}
a.factsheet {
	background: url(/img/link_factsheet.jpg) no-repeat left;
	padding-left: 19px;
	color: #800080;
	font-weight: bold;
}
a.searchnav {
	background: url(/img/link_searchnav.jpg) no-repeat left;
	padding-left: 19px;
	color: #D62950;
	font-weight: bold;
	background-color: #fff
}
a.topnav {
	background: url(/img/link_topnav.jpg) no-repeat left;
	padding-left: 19px;
	color: #B526D9;
	font-weight: bold;
}
a.homelink {
	background: url(/img/link_home.jpg) no-repeat left;
	padding-left: 19px;
	color: #0053AC;
	font-weight: bold;
}
a.gardenlink {
	background: url(/img/link_garden.jpg) no-repeat left;
	padding-left: 19px;
	color: #3ABC23;
	font-weight: bold;
}
#centrecontent ul, ul.styledlist {
	list-style: disc inside;
	margin: 5px 10px;
}
ul.styledlist li {
	margin: 5px 0;
}
#home #centrecontent img {
	border: 1px solid #0053AC;
	margin: 8px 4px 4px 4px;
}
#garden #centrecontent img {
	border: 1px solid #3ABC23;
	margin: 8px 4px 4px 4px;
}
#garden .contentcopy {
	border: 1px solid #3ABC23;
	padding: 3px;
	clear: both;
}
#home .contentcopy {
	border: 1px solid #0053AC;
	padding: 3px;
	clear: both;
}
#factsheets .contentcopy {
	border: 1px solid #993366;
	padding: 3px;
	clear: both;
}
#garden hr {
	color:#B7DFBD;
	background-color:#B7DFBD;
	height:1px;
	border:none;
}
#home #centrecontent img.noborder, #garden #centrecontent img.noborder {
	border: none;
	margin: 0 3px 0 0;
}
#home .imagewithcaptioncontainer, #home .imagewithcaptionright, #home .imagerightsmaller {
	color: #0053AC;
}
#garden .imagewithcaptioncontainer, #garden .imagewithcaptionright, #garden .imagerightsmaller, #garden .imagewithcaptionleft {
	color: #3ABC23;
}
.imagewithcaptioncontainer {
	display: block;
	float: left;
	font-size: 90%;
	text-align: center;
	padding-bottom: 10px;
}
.imagewithcaptionright {
	display: block;
	float: right;
	font-size: 90%;
	text-align: center;
	padding: 0 10px 10px 10px;
	width: 50%;
}
.imagewithcaptionleft {
	display: block;
	float: left;
	font-size: 90%;
	text-align: center;
	padding: 0 10px 10px 10px;
	width: 50%;
	clear: both;
}
.imagerightsmaller {
	display: block;
	float: right;
	font-size: 90%;
	text-align: center;
	padding: 0 10px 10px 10px;
	width: 200px;
}
.imageleftsmaller {
	display: block;
	float: left;
	font-size: 90%;
	text-align: center;
	padding: 0 10px 10px 10px;
	width: 200px;
}
.clearcontent {
	clear: both;
}
.bigbutton {
	display: block;
	padding: 10px;
	margin: 10px;
	font-size: 150%;
	color: #fff;
	background-color: #1786FF;
	border: 2px solid #0053AC;
	text-align: center;
}
.bigbutton a {
	color: #fff;
}
.purplebutton {
	background-color: #C617FF !important;
	border: 2px solid #A300D9 !important;
}
h3.picheading {
	line-height: 46px;
	font-size: 150%;
}
h1.picheading, h2.picheading {
	line-height: 46px;
}
.border-blue, .border-green, .border-pink {
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
	float: left;
	width: 95%;
	margin-left: 5px;
}
.border-blue {
	border: 5px solid #CCDDEE;
}
.border-green {
	border: 5px solid #D9EEDC;
}
.border-pink {
	border: 5px solid #FADDE6;
}
.thickborder-blue {
	clear: both;
	padding: 10px;
	margin: 10px;
	float: left;
	width: 90%;
	border: 5px solid #2967D6;
}
.feasibility-intro {
	background: url(/project-services/img/feasibility-intro.jpg) right bottom no-repeat;
}
.feasibility-intro h2 {
	font-size: 120%;
	margin-top: 5px;
}
.feasibility-intro p {
	margin-right: 236px;
	margin-bottom: 12px;
	margin-top: 10px;
}
a.big-blue-button {
	display: block;
	background: url(/img/big-blue-button.jpg) no-repeat #2967D6;
	width: 286px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
}
a.big-blue-button:hover {
	text-decoration: underline;
}
.clientbrief {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #330099;
	clear: both;
}
.thirdbox {
	float: left;
	width: 30%;
	margin-right: 10px;
	border: 1px dashed #330099;
	padding: 3px;
	text-align: center;
	margin-bottom: 5px;
}
.marginright10 {
	margin-right: 10px !important;
}
.centeralign {
	text-align: center;
}
.padding5 {
	padding: 5px;
}
#home .helpbox {
	clear: both;
	margin: 10px;
	border: 1px solid #0056A9;
	background: url(/extending/img/help-bg.jpg) center no-repeat;
	padding: 10px;
}
#garden .helpbox {
	clear: both;
	margin: 10px;
	border: 1px solid #3ABC23;
	background: url(/garden-design/img/help-bg.jpg) center no-repeat;
	padding: 10px;
}
.featuread {
	text-align: center;
}
.featuread img {
	border: 0;
	padding-left: 3px;
}
#homenav .featuread a {
	padding: 0;
	background: none;
	border: none;
}
/*------------------ timing -------------------*/
table.timing, table.gardentable {
	background-color: #FFFFE8;
}
table.timing th, table.gardentable th {
	text-align: left;
	padding: 3px;
}
table.timing td, table.gardentable td {
	text-align: center;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
}
table.timing th.throw, table.gardentable th.throw {
	border-top: 1px solid #CCCCCC;
}
table.timing th.thhead {
	background-color: #ECEDFB;
}
table.gardentable th.thhead {
	background-color: #D9EEDC;
}
table.timing .results {
	background-color: #FFFFCA;
	font-weight: bold;
}
table.timing, table.gardentable {
	margin-bottom: 10px;
}
table caption {
	font-weight: bold;
	text-align: left;
	padding: 3px;
	font-size: 110%;
}
/*----------------------- experts ---------------------------*/
.expertbox {
	background-color: #F3F1F2;
	margin: 5px;
	padding: 5px;
	clear: both;
}
.expertbox h3 {
	color: #D71D5C;
}
.expertbox a {
	color: #D71D5C;
}

/* --------------------- factsheets --------------------------*/
#factsheets #fs-maincontent {
	width: 730px;
	float: left;
	margin: 10px 15px 10px 10px;
}
#fs-maincontent ul {
	list-style: circle;
	margin: 10px;
}
#fs-maincontent li {
	margin-left: 20px;
}

#factsheets #fs-rightcolumn {
	width: 180px;
	float: left;
	margin: 10px 0;
}
.fs-rightbox {
	width: 170px;
	margin-bottom: 20px;
	background: url(/img/fs-rightbottomcurve.gif) no-repeat bottom #EAEAEA;
}
.home .fs-rightbox {
	background: url(/img/fs-rightbottomcurve-home.gif) no-repeat bottom #E8F1F9;
}
.garden .fs-rightbox {
	background: url(/img/fs-rightbottomcurve-garden.gif) no-repeat bottom #DFF9E3;
}
.fs-rightbox h2 {
	background: url(/img/fs-tab.jpg) no-repeat top ;
	color: #fff;
	font-size: 140%;
	text-align: center;
	padding: 5px 2px;
	font-weight: normal;
}
.home .fs-rightbox h2 {
	background: url(/img/fs-tab-home.jpg) no-repeat top #0056A9;
}
.garden .fs-rightbox h2 {
	background: url(/img/fs-tab-garden.jpg) no-repeat top #32A049;
}
.fs-rightbox h3 {
	background-color: #CACACA;
	padding: 5px;
}
.home .fs-rightbox h3 {
	background-color: #BBD6E8;
}
.garden .fs-rightbox h3 {
	background-color: #BDE6C0;
}
.fs-rightbox li {
	padding: 2px;
}
.fs-rightbox li a {
	display: block;
	padding:3px;
	color: #000;
}
.fs-rightbox li a:hover {
	background-color: #fff;
}
.fs-rightbox p {
	font-size: 90%;
	line-height: 90%;
}
.fs-rightbox h4 {
	padding: 3px;
}
/*------------------------- terms ---------------------------------*/
ul.terms li {
	background: none;
	margin-left: 20px;
}
/*------------------------ forms --------------------------------------*/
form {
	padding: 0;
	margin: 0;
}
form ul, form li {
	list-style: none;
	padding: 0;
	margin: 0;
}
form li {
	margin: 3px 0;
	clear: both;
}
legend {
	padding: 3px;
}
.halfwidth {
	clear: none;
	float: left;
	width: 47%;
	margin-right: 10px;
}
.thirdwidth {
	clear: none;
	float: left;
	width: 30%;
}
fieldset {
	clear: both;
	margin: 0 10px 20px 10px;
	width: 95%;
	padding: 5px;
	border-color: #DE9EBE;
}
form#fullpage label {
	display: block;
	width: 100px;
	float: left;
}
form#fullpage fieldset.longerlabels label {
	width: 250px
}
form#fullpage label.fullwidthlabel {
	float: none;
	width: 90%;
}
form#fullpage label.askexpertlabel {
	float: none;
	width: 90%;
	font-size: 130%;
	font-weight: bold;
	color: #D71D5C;
}
/*----------------------- garden calendar --------------------------------*/
h2.fruit, h2.flowers, h2.soil, h2.building, h2.other, h2.planning, h2.veg, h2.lawns {
	color: #fff;
	height: 80px;
	line-height: 80px;
	padding-left: 30px;
	font-size: 180%;
	background-color: #2E7833;
	clear: both;
}
h2.fruit {
	background: url(/garden-calendar/img/fruit.jpg) no-repeat left top;
}
h2.flowers {
	background: url(/garden-calendar/img/flowers.jpg) no-repeat;
}
h2.soil {
	background: url(/garden-calendar/img/soil.jpg) no-repeat;
}
h2.building {
	background: url(/garden-calendar/img/building.jpg) no-repeat;
}
h2.other {
	background: url(/garden-calendar/img/otherjobs.jpg) no-repeat;
}
h2.planning {
	background: url(/garden-calendar/img/planning.jpg) no-repeat;
}
h2.veg {
	background: url(/garden-calendar/img/veg.jpg) no-repeat;
}
h2.lawns {
	background: url(/garden-calendar/img/lawns.jpg) no-repeat;
}

/*---------------------- google search page ------------------------------*/
#googlesearchcontainer {
	padding: 10px;
}
/*---------------------- Added by ConsumeIT Design------------------------*/
.error_message{color:#FF0000;
font-size:9px;}

#admin_box{width:45%;
float:left;
background:#bfddf8;
border:1px solid #000;
padding-bottom:10px;}

	#admin_box h2{background:url(/images/admin_head_bg.gif) repeat-x;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	color:#FFFFFF;
	}
	
.admin_table{}

.admin_table th{
text-align:left;}

.admin_table td,th{padding:5px;}

.admin_textbox, .admin_textarea{width:300px;
margin-bottom:10px;
border:1px solid #98bbdb;
padding:2px;}

.admin_textarea{height:200px;}

.admin_textbox:focus, .admin_textarea:focus{background:#d3eaff;
border:1px solid #89a5be;}

#centrecontent form td{vertical-align:top;}

#centrecontent form input, #centrecontent form select{margin-left:10px;}