/* 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: 220%;
	color: #DD5372;
	padding: 8px 10px 5px 10px;
	clear: both;
	font-weight: normal;
	display: none;
}
#home h1, #home h2 a, #homenew h1, #homenew h2 a {
	color: #2865D5;
	text-decoration: none;
}
#home h2 a:hover, #home h2 a:focus, #homenew h2 a:hover, #homenew h2 a:focus {
	color: #173979;
	text-decoration: underline;
}
#garden h1, #garden h2 a, #gardennew h1, #gardennew h2 a {
	color: #41AA4F;
	text-decoration: none;
}
#garden h2 a:hover, #garden h2 a:focus, #gardennew h2 a:hover, #gardennew h2 a:focus {
	color: #1F5025;
	text-decoration: underline;
}
h1 {
	font-size: 140%;
}
h1.boldheading {
	color: #2865D5;
	font-weight: bold;
	font-size: 230%;
}
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;
}
#thickboxframe {
	padding: 15px;
}
#framecontainer {
	width: 980px;
	margin: auto;
	position: relative;
}
#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 10px 0 10px;
}
#googlesearch .buttons {
	display: block;
	float: right;
	clear: both;
	padding-bottom: 10px;
}
#googlesearch .phone {
	display: block;
	float: right;
	font-size: 180%;
	color: #0054A5;
	clear: both;
}
#googlesearch .email {
	display: block;
	float: right;
	clear: both;
}
#googlesearch .email a {
	text-decoration: none;
	color: #0054A5;
}
#topnav {
	/*background: url(/img/topnav_bg.jpg) repeat-x #676767;*/
	background: url(/img/searchnav_bg.jpg) repeat-x bottom #E11658;
	float: left;
	width: 960px;
}
#topnav li {
	float: left;
}
#topnav li.searchnav-sub {
	float: none;
	border-right: none;
	border-top: 1px solid #fff;
}
#topnav li a {
	color: #fff;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#topnav li a:hover {
	background-color: #676767;
}
#topnav li.trade li.searchnav-sub a {
	width: 119px;
	background-color: #ED477D;
	padding: 3px;
	font-size: 90%;
	line-height: normal;
}
#topnav li.trade li.searchnav-sub a:hover {
	background-color: #C9144F;
}
#topnav li.trade {
	position: relative;
}
/* hide the sub level links */
#topnav ul ul {
visibility:hidden;
position:absolute;
width:125px;
height:0;
}
/* make the sub level visible on hover list or link */
#topnav ul li:hover ul,
#topnav ul a:hover ul{
visibility:visible;
}
#topnav table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:45px;
}
#portalnew #topnav {
	background: url(/img/searchnav_bg.jpg) repeat-x bottom #E11658;
}
#searchnav {
	background: url(/img/searchnav_bg.jpg) repeat-x #E11658;
	float: left;
	width: 960px;
	height: 45px;
	display: none;
}
/*#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: 318px;
	text-decoration: none;
}
#searchnav li.trade li.searchnav-sub a {
	width: 318px;
	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;
}*/
#portalnew #contentcontainer {
	width: 950px;
	padding-left: 10px;
	margin-top: 10px;
}
#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;
}
#homenew #contentcontainer {
	background: url(/img/homecontent-new_bg.jpg) repeat-y;
}
#garden #contentcontainer {
	background: url(/img/gardencontent_bg.jpg) repeat-y;
}
#gardennew #contentcontainer {
	background: url(/img/gardencontent-new_bg.jpg) repeat-y;
}
#homenav-portal, #homenav {
	width: 280px;
	float: left;
}
#homenew #homenav, #gardennew #gardennav {
	width: 222px;
	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, #homenew .breadcrumb {
	background-color: #E9F0F8;
}
#navless .breadcrumb {
	background-color: #E9F0F8;
	margin: 0 10px 10px 10px;
	width: 97%;
}

#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;
}
#homenew #centrecontent, #gardennew #centrecontent {
	width: 720px;
	float: left;
	margin: 0 0 10px 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;
}
/*old*/.aboutboxblue {
	background: url(/img/about-box-blue-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
/*old*/.aboutboxblue .bottom {
	background: url(/img/about-box-blue-bottom.jpg) no-repeat bottom #CCDDEE;
	padding: 0 7px 7px 7px;
	display: block;
}
/*old*/.aboutboxgreen {
	background: url(/img/about-box-green-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
/*old*/.aboutboxgreen .bottom {
	background: url(/img/about-box-green-bottom.jpg) no-repeat bottom #E3F1D8;
	padding: 0 7px 7px 7px;
	display: block;
}
/*old*/.aboutboxpink {
	background: url(/img/about-box-pink-top.jpg) no-repeat top ;
	margin: 10px;
	padding-top: 7px;
	width: 865px;
}
/*old*/.aboutboxpink .bottom {
	background: url(/img/about-box-pink-bottom.jpg) no-repeat bottom #FADDE6;
	padding: 0 7px 7px 7px;
	display: block;
}
.binky {
	background: url(/img/binky-big.jpg) no-repeat right bottom;
	padding: 0 350px 0 10px;
}
.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, #homenew .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 #B2B2B2;
	line-height: 28px;
	float: left;
	width: 100%;
	margin: 5px 0;
}
#footer li {
	float: left;
	color: #676767;
	margin: 0 10px;
}*/
#footer-deep {
	background: url(/img/footer-deep_bg.jpg) repeat-x #B2B2B2;
	float: left;
	width: 100%;
	margin: 5px 0;
	font-size: 90%;
}
.footer-text {
	background: #D0D0D0;
	padding: 8px;
	clear: both;
}
#footer-deep h3 {
	margin: 5px 0 0 5px;
}
#footer-deep .footer-column {
	width: 15%;
	float: left;
	margin: 5px;
}

#footer a, #footer-deep a {
	color: #333;
	text-decoration: none;
}
/*-------------------- 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;
}
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, #homenew #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, #homenew .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, #homenew #centrecontent img.noborder {
	border: none;
	margin: 0 3px 0 0;
}
#home .imagewithcaptioncontainer, #home .imagewithcaptionright, #home .imagerightsmaller, #homenew .imagewithcaptioncontainer, #homenew .imagewithcaptionright, #homenew .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;
}

.bigbutton.numberbutton {
	float: left;
	margin: 0 10px 0 0 !important;
	font-weight: bold;
	text-decoration: none;
}
.bigtext {
	font-size: 140%;
}	
.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, a.big-green-button {
	display: block;
	background: url(/img/big-blue-button.jpg) no-repeat #2967D6;
	width: 285px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
}
a.big-green-button {
	background: url(/img/big-green-button.jpg) no-repeat #59C86A;
}
a.big-blue-button:hover, a.big-blue-button:focus, a.big-green-button:hover, a.big-green-button:focus {
	text-decoration: underline;
}
.clientbrief {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #330099;
	clear: both;
}
.heading-interiordesign {
	background: url(/project-services/img/box-interiordesign.jpg) no-repeat;
	height: 23px;
	padding: 65px 5px 0 5px;
	font-size: 140%;
}
.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;
}
.margintop10 {
	margin-top: 10px !important;
}
.marginbottom10 {
	margin-bottom: 10px !important;
}
.marginauto {
	margin-left: auto;
	margin-right: auto;
}
.centeralign {
	text-align: center;
}
.padding5 {
	padding: 5px;
}
#home .helpbox, #homenew .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;
	padding-bottom:10px;
}
.expertbox a {
	color: #D71D5C;
}

.expertbox h3 a {color: #000;}
	
.expertbox h3 a:hover {
	color: #D71D5C;
	text-decoration:none;
}

/* --------------------- 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,form#myForm label{
	display: block;
	width: 100px;
	float: left;
}
form#fullpage fieldset.longerlabels label,form#myForm fieldset.longerlabels label {
	width: 250px
}
form#fullpage label.fullwidthlabel,form#myForm 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;
}

/*------------------------ new home portal page -------------------------*/
.portalbox {
	width: 325px;
	height: 187px;
	float: left;
	margin: 10px 10px 0 0;
}
.portalbox a, .linkbox a, .linkbox2 a {
	display: block;
	height: 187px;
	text-decoration: none;
}
.casebox, .casebox2, .extending, .extending2, .garden-design, .garden-design2 {
	position: relative;
}
.portalbox.homebox2, .portalbox.gardenbox2 {
	width: 297px;
}
.portalbox.casebox2 {
	width: 195px;
}
.portalbox.extending2, .portalbox.garden-design2, .getaquote {
	width: 400px;
}
.welcomebox {
	background: url(/img/portal-intro.jpg) no-repeat;
}
.welcomebox p {
	margin: 8px 5px;
	font-weight: bold;
}
.homebox a {
	background: url(/img/portal-home.jpg) no-repeat;
}
.homebox a:hover {
	background: url(/img/portal-home-over.jpg) no-repeat;
}
.homebox2 a {
	background: url(/img/portal-home-2.jpg) no-repeat;
	color: #0054A5;
}
.homebox2 a:hover {
	background: url(/img/portal-home-2-over.jpg) no-repeat;
}
.gardenbox a {
	background: url(/img/portal-garden.jpg) no-repeat;
}
.gardenbox a:hover {
	background: url(/img/portal-garden-over.jpg) no-repeat;
}
.gardenbox2 a {
	background: url(/img/portal-garden-2.jpg) no-repeat;
	color: #fff;
}
.gardenbox2 a:hover {
	background: url(/img/portal-garden-2-over.jpg) no-repeat;
}
.thinkingbox a {
	background: url(/img/portal-thinking.jpg) no-repeat;
}
.thinkingbox a:hover {
	background: url(/img/portal-thinking-over.jpg) no-repeat;
}
.winbox a {
	background: url(/img/portal-win.jpg) no-repeat;
}
.casebox a {
	background: url(/img/portal-casestudies.jpg) no-repeat;
}
.casebox a:hover {
	background: url(/img/portal-casestudies-over.jpg) no-repeat;
}
.casebox2 a {
	background: url(/img/portal-casestudies-2.jpg) no-repeat;
	color: #2F9E46;
}
.casebox2 a:hover {
	background: url(/img/portal-casestudies-2-over.jpg) no-repeat;
}
.sliderbox { background: url(/img/portal-sliderbox.jpg) no-repeat;
}
	
.portalbox .heading, .portalbox h1, .headingbox h1 {
	display: block;
	text-align: right;
	font-size: 250%;
	height: 40px;
	line-height: 40px;
	margin: 0 8px;
	padding-bottom: 5px;
}
.portalbox h1, .headingbox h1 {
	text-align: left !important;
	font-weight: normal;
}
.portalbox.gardenbox .heading {
	/*background: url(/img/portal-mygarden-flower.png) no-repeat left 5px;
	padding-left: 45px;*/
	color: #fff;
}
.portalbox.extending .heading {
	font-size: 200%;
	color: #000;
	text-align: left;
}
.portalbox.garden-design .heading {
	color: #000;
	text-align: left;
}
/*.portalbox.homebox .heading {
	background: url(/img/portal-myhome-house.png) no-repeat left 5px;
	padding-left: 45px;
}*/

.portalbox.thinkingbox .heading {
	color: #333;
	text-align: left;
	line-height: 100%;
	font-size: 130%;
	padding-top: 8px;
}
.portalbox .bottomtext {
	display: block;
	margin-top: 100px;
	height: 40px;
	padding: 0 8px;
	color: #333;
	font-weight: bold;
}
.portalbox.thinkingbox .bottomtext {
	margin-top: 10px;
	margin-right: 135px;
	height: 70px;
	line-height: 120%;
}
.quicklinks {
	background: url(/img/portal-quicklinks.jpg) no-repeat #2F9E46;
	color: #fff;
	height: 187px;
	width: 270px;
	float: left;
	margin-top: 10px;
}	
.ourservices {
	background: url(/img/portal-services.jpg) no-repeat #2F9E46;
	color: #fff;
	height: 187px;
	width: 195px;
	float: left;
	margin: 10px 10px 0 0;
}	
.getaquote {
	background: url(/img/portal-box-quote.jpg) no-repeat #2F9E46;
	color: #fff;
	width: 400px;
	height: 187px;
	margin: 10px 10px 0 0;
	float: left;
}	
.getaquote2 {
	background: none;
	color: #fff;
	width: 400px;
	height: 187px;
	margin: 10px 10px 0 0;
	float: left;
	overflow: hidden;
}	
.getaquote h2 {
	margin: 10px 10px 0 10px;
}
.getaquote p {
	margin: 0 10px 5px 10px;
}
.getquote1 {
	display: block;
	background: url(/img/portal-quote-1.png) no-repeat 0px 5px;
	float: left;
	width: 50px;
	margin-left: 10px;
	padding-left: 22px;
}
.getquote2 {
	display: block;
	background: url(/img/portal-quote-2.png) no-repeat 0px 15px;
	float: left;
	width: 50px;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 30px;
}
.getquote3 {
	display: block;
	background: url(/img/portal-quote-3.png) no-repeat 0px 25px;
	float: left;
	width: 50px;
	margin-left: 10px;
	padding-top: 20px;
	padding-left: 30px;
}
.getaquote a {
	background: url(/img/portal-quote-button.jpg) no-repeat #fff;
	display: block;
	width: 80px;
	height: 47px;
	float: left;
	font-size: 120%;
	color: #0056A9;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 10px 30px 10px 10px;
	line-height: 100%;
	margin: 30px 0 0 5px;
}
.getaquote a:hover {
	background: url(/img/portal-quote-button-over.jpg) no-repeat #fff;
}
.quicklinks h2, .experts h2, .experts2 h2, .ourservices h2, getaquote h2 {
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding: 0 8px;
	font-size: 250%;
	font-weight: normal;
}
.ourservices h2, .experts2 h2, .portalbox.casebox2 .heading, getaquote h2 {
	font-size: 190% !important;
}
.quicklinks ul, .ourservices ul { list-style: inside disc; padding: 0 8px; }
.quicklinks li, .ourservices li {
	padding: 3px 0;
	list-style:  inside disc;
}
.experts {
	background: url(/img/portal-expert.jpg) no-repeat #0054A5;
	color: #fff;
	height: 187px;
	width: 270px;
	float: left;
	margin-top: 10px;
}
.experts2 {
	background: url(/img/portal-expert-2.jpg) no-repeat #0054A5;
	color: #fff;
	height: 187px;
	width: 195px;
	float: left;
	margin-top: 10px;
}	
.experts p, .experts2 p {
	background: url(/img/portal-expertQ.png) no-repeat top right;
	padding-right: 50px;
	margin: 10px 25px 0 10px;
	font-size: 100%;
}
.experts a, .experts2 a, .quicklinks a, .ourservices a { 
	color: #fff;
	text-decoration: none;
}
.quicklinks a, .ourservices a {
	font-weight: bold;
}
.quote, .quoteright, .quoteleft {
	margin-left: 35%;
	text-align: right;
	padding: 10px;
	clear: both;
}
.quoteright {
	margin-left: 25% !important;
}
.quoteleft {
	margin-left: 0 !important;
	margin-right: 25%;
}
.quote.boxonleft {
	margin-left: 20px !important;
	float: left !important;
	width: 60% !important;
	clear: none !important;
}
blockquote {
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	color: #666666;
	background: url(/img/blockquote-start.jpg) no-repeat left top;
	padding-left: 30px;
}
blockquote.smaller {
	font-size: 120% !important;
}
blockquote span {
	background: url(/img/blockquote-end.jpg) no-repeat right bottom;
	padding-right: 26px;
	display: block;
}
.portalbox blockquote, .box-bluegrad blockquote {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #CCCCCC;
	background: url(/img/blockquote-start-white.png) no-repeat left top;
	padding-left: 30px;
	margin: 20px 5px 0 5px;
}
.portalbox blockquote span, .box-bluegrad blockquote span {
	background: url(/img/blockquote-end-white.png) no-repeat right bottom;
	padding-right: 26px;
	display: block;
}
.quoteright blockquote, .quoteleft blockquote {
	font-size: 120%;
	font-weight: normal;
}
.align-right {
	text-align: right;
}
a.readmore {
	background: url(/img/footer_bg.jpg) repeat-x;
	color: #000;
	display: block;
	float: right;
	padding: 5px;
	text-decoration: none;
	margin-top: 5px;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;
}
a:hover.readmore {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.00; 
	opacity: 1.00;
}
/* myhome - uses some portal styles */
.landingleft {
	width: 335px;
	float: left;
}
.landingright {
	width: 615px;
	float: left;
}
.headingbox {
	background: url(/img/myhome-headingbox.jpg) no-repeat #007CF9; 
	width: 325px;
	height: 44px;
	float: left;
	margin: 10px 10px 0 0;
	color: #fff;
}
.mygarden .headingbox {
	background: url(/img/mygarden-headingbox.jpg) no-repeat #2F9E46;
}
.largetextbox {
	background: url(/img/myhome-largetextbox.jpg) no-repeat;
	width: 325px;
	height: 330px;
	float: left;
	margin: 10px 10px 0 0;
	color: #333;
}
.mygarden .largetextbox {
	background: url(/img/mygarden-largetextbox.jpg) no-repeat;
}
.introbox {
	background: url(/img/myhome-introbg.jpg) no-repeat #0054A5;
	overflow: hidden;
	color: #fff;
}

.mygarden .introbox {
	background: url(/img/mygarden-introbg.jpg) no-repeat #0054A5;
}
.portalbox.introbox a {
	display: inline;
	height: auto !important;
	text-decoration: underline;
	color: #fff;
}
.introbox p, .largetextbox p  {
	margin: 4px 8px;
}
.linkbox {
	width: 192px;
	height: 187px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
}
.linkbox2 {
	width: 195px;
	height: 187px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
}
.linkbox .heading, .linkbox2 .heading, .portalbox.extending2 .heading, .portalbox.garden-design2 .heading {
	display: block;
	font-size: 150%;
	height: 30px;
	line-height: 27px;
	margin: 0 8px;
	padding-bottom: 5px;
	color: #333;
	text-align: left;
}
.linkbox .heading.smaller, .linkbox2 .heading.smaller {
	font-size: 120% !important;
	font-weight: bold;
}
.linkbox a .bottomtext, .linkbox2 a .bottomtext, .casebox a .bottomtext, .casebox2 a .bottomtext, .extending a .bottomtext, .extending2 a .bottomtext, .garden-design a .bottomtext, .garden-design2 a .bottomtext {
	position: absolute;
	left: -9000px;
	top: -9000px;
	display: block;
}
.linkbox a:hover .bottomtext, .linkbox2 a:hover .bottomtext {
	position: absolute;
	top: 40px;
	left: 8px;
	width: 176px;
	color: #333;
	font-size: 110%;
}
.casebox a:hover .bottomtext {
	position: absolute;
	top: 40px;
	left: 8px;
	width: 300px;
	color: #333;
	font-size: 110%;
}
.casebox2 a:hover .bottomtext {
	position: absolute;
	top: 20px;
	left: 8px;
	width: 190px;
	color: #333;
	font-size: 110%;
}
.portalbox.extending a:hover .bottomtext, .portalbox.garden-design a:hover .bottomtext {
	position: absolute;
	top: 40px;
	left: 8px;
	width: 300px;
	color: #333;
	font-size: 110%;
	margin-top: 0;
	font-weight: normal;
}
.extending2 a:hover .bottomtext, .garden-design2 a:hover .bottomtext {
	position: absolute;
	top: 40px;
	left: 8px;
	width: 380px;
	color: #333;
	font-size: 110%;
	margin-top: 0;
	font-weight: normal;
}
.improvements a {
	background: url(/img/myhome-maintenance.jpg) no-repeat;
}
.improvements a:hover {
	background: url(/img/myhome-maintenance-over.jpg) no-repeat;
}
.greener a {
	background: url(/img/myhome-greener.jpg) no-repeat;
}
.greener a:hover {
	background: url(/img/myhome-greener-over.jpg) no-repeat;
}
.greener2 a {
	background: url(/img/myhome-greener2.jpg) no-repeat;
}
.greener2 a:hover {
	background: url(/img/myhome-greener2-over.jpg) no-repeat;
}
.interior a {
	background: url(/img/myhome-interior.jpg) no-repeat;
}
.interior a:hover {
	background: url(/img/myhome-interior-over.jpg) no-repeat;
}
.interior2 a {
	background: url(/img/myhome-interior2.jpg) no-repeat;
}
.interior2 a:hover {
	background: url(/img/myhome-interior2-over.jpg) no-repeat;
}
.extending a {
	background: url(/img/myhome-extending.jpg) no-repeat;
}
.extending a:hover {
	background: url(/img/myhome-extending-over.jpg) no-repeat;
}
.extending2 a {
	background: url(/img/myhome-extending2.jpg) no-repeat;
}
.extending2 a:hover {
	background: url(/img/myhome-extending2-over.jpg) no-repeat;
}
.money a {
	background: url(/img/myhome-money.jpg) no-repeat;
}
.money a:hover {
	background: url(/img/myhome-money-over.jpg) no-repeat;
}
.accessibility a {
	background: url(/img/myhome-accessibility.jpg) no-repeat;
}
.accessibility a:hover {
	background: url(/img/myhome-accessibility-over.jpg) no-repeat;
}
.accessibility2 a {
	background: url(/img/myhome-accessibility2.jpg) no-repeat;
}
.accessibility2 a:hover {
	background: url(/img/myhome-accessibility2-over.jpg) no-repeat;
}
.technology a {
	background: url(/img/myhome-technology.jpg) no-repeat;
}
.technology a:hover {
	background: url(/img/myhome-technology-over.jpg) no-repeat;
}
.technology2 a {
	background: url(/img/myhome-technology2.jpg) no-repeat;
}
.technology2 a:hover {
	background: url(/img/myhome-technology2-over.jpg) no-repeat;
}

.plantsshrubs a {
	background: url(/img/mygarden-plants.jpg) no-repeat;
}
.plants a:hover {
	background: url(/img/mygarden-plants-over.jpg) no-repeat;
}
.plants2 a {
	background: url(/img/mygarden-plants2.jpg) no-repeat;
}
.plants2 a:hover {
	background: url(/img/mygarden-plants2-over.jpg) no-repeat;
}
.garden-building a {
	background: url(/img/mygarden-building.jpg) no-repeat;
}
.garden-building a:hover {
	background: url(/img/mygarden-building-over.jpg) no-repeat;
}
.garden-building2 a {
	background: url(/img/mygarden-building2.jpg) no-repeat;
}
.garden-building2 a:hover {
	background: url(/img/mygarden-building2-over.jpg) no-repeat;
}
.food a {
	background: url(/img/mygarden-food.jpg) no-repeat;
}
.food a:hover {
	background: url(/img/mygarden-food-over.jpg) no-repeat;
}
.garden-design a {
	background: url(/img/mygarden-design.jpg) no-repeat;
}
.garden-design a:hover {
	background: url(/img/mygarden-design-over.jpg) no-repeat;
}
.garden-design2 a {
	background: url(/img/mygarden-design2.jpg) no-repeat;
}
.garden-design2 a:hover {
	background: url(/img/mygarden-design2-over.jpg) no-repeat;
}
.indoor a {
	background: url(/img/mygarden-indoor.jpg) no-repeat;
}
.indoor a:hover {
	background: url(/img/mygarden-indoor-over.jpg) no-repeat;
}
.lawns a {
	background: url(/img/mygarden-lawns.jpg) no-repeat;
}
.lawns a:hover {
	background: url(/img/mygarden-lawns-over.jpg) no-repeat;
}
.lawns2 a {
	background: url(/img/mygarden-lawns2.jpg) no-repeat;
}
.lawns2 a:hover {
	background: url(/img/mygarden-lawns2-over.jpg) no-repeat;
}
.calendar a {
	background: url(/img/mygarden-calendar.jpg) no-repeat;
}
.calendar a:hover {
	background: url(/img/mygarden-calendar-over.jpg) no-repeat;
}
.calendar2 a {
	background: url(/img/mygarden-calendar2.jpg) no-repeat;
}
.calendar2 a:hover {
	background: url(/img/mygarden-calendar2-over.jpg) no-repeat;
}
ul.alphaindex {
	width: 663px;
}
ul.alphaindex li {
	list-style: none;
	float: left;
	width: 50px;
	margin: 0 1px 1px 0;
	background: #CAE6B3;
	text-align: center;
	padding: 5px 0;
	color: #6FAE3B;
}
ul.alphaindex a {
	color: #6FAE3B;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
/* new project services - uses styles from myhome above  */
.projectservices .portalbox.introbox {
	background: url(/project-services/img/ps-introbg.jpg) no-repeat #0054A5;
	height: auto;
}
.linkboxes-holder {
	width: 610px;
	float: left;
}
.box-greenborder, .box-blueborder {
	width: 100%;
	float: left;
	position: relative;
}
.box-greenborder h2, .box-greenborder a, .box-blueborder h3, .box-blueborder h3 a {
	color: #31A048;
}
.box-blueborder h2, .box-blueborder a, .box-blueborder strong {
	color: #2865D5;
}
.box-greenborder .innerbox {
	border: 2px solid #31A048;
	padding: 10px;
}
.box-greenborder .innerbox.ps-topbox {
	height: 100px;
	background: url(/project-services/img/ps-topbox.jpg) bottom right no-repeat;
	padding: 10px 105px 10px 10px;
}
.box-greenborder .corner {
	height: 9px;
	width: 10px;
	position: absolute;
	z-index: 1000;
}
.box-greenborder .tl {
	background: url(/img/box-green-tl.jpg) no-repeat;
	top: 0px;
	left: 0px;
}
.box-greenborder .tr {
	background: url(/img/box-green-tr.jpg) no-repeat;
	top: 0px;
	right: 0px;
}
.box-greenborder .bl {
	background: url(/img/box-green-bl.jpg) no-repeat;
	bottom: 0px;
	left: 0px;
}
.box-greenborder .br {
	background: url(/img/box-green-br.jpg) no-repeat;
	bottom: 0px;
	right: 0px;
}	
.feasibility a {
	background: url(/project-services/img/ps-feasibility.jpg) no-repeat;
}
.feasibility a:hover {
	background: url(/project-services/img/ps-feasibility-over.jpg) no-repeat;
}
.architectural a {
	background: url(/project-services/img/ps-architectural.jpg) no-repeat;
}
.architectural a:hover {
	background: url(/project-services/img/ps-architectural-over.jpg) no-repeat;
}
.management a {
	background: url(/project-services/img/ps-management.jpg) no-repeat;
}
.management a:hover {
	background: url(/project-services/img/ps-management-over.jpg) no-repeat;
}
.gardendesign a {
	background: url(/project-services/img/ps-garden.jpg) no-repeat;
}
.gardendesign a:hover {
	background: url(/project-services/img/ps-garden-over.jpg) no-repeat;
}

.ps-interior a {
	background: url(/project-services/img/ps-interior.jpg) no-repeat;
}
.ps-interior a:hover {
	background: url(/project-services/img/ps-interior-over.jpg) no-repeat;
}
.customers a {
	background: url(/project-services/img/ps-customers.jpg) no-repeat;
}
.customers a:hover {
	background: url(/project-services/img/ps-customers-over.jpg) no-repeat;
}	
h2.bigger {
	font-size: 160%;
}
/* new feasibility study */
.holder-660 {
	width: 660px;
	margin-left: 10px;
	float: left;
}
.holder-610 {
	width: 610px;
	margin-left: 10px;
	float: left;
}
.holder-325 {
	width: 325px;
	margin-left: 10px;
	float: left;
}
.holder-305 {
	width: 305px;
	margin-left: 10px;
	float: left;
}
.holder-270 {
	width: 270px;
	margin-left: 10px;
	float: left;
}
.box-325 {
	width: 325px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}

.box-325 .innerbox, .box-blueborder .innerbox {
	border: 2px solid #0054A5;
	padding: 10px;
}
.wheretostart {
	background: url(/project-services/img/feasibility-family.jpg) no-repeat bottom;
	padding-bottom: 160px !important;
}
.box-325 .corner, .box-blueborder .corner {
	height: 9px;
	width: 10px;
	position: absolute;
	z-index: 1000;
}
.box-325 .tl, .box-blueborder .tl {
	background: url(/img/box-blue-tl.jpg) no-repeat;
	top: 0px;
	left: 0px;
}
.box-325 .tr, .box-blueborder .tr {
	background: url(/img/box-blue-tr.jpg) no-repeat;
	top: 0px;
	right: 0px;
}
.box-325 .bl, .box-blueborder .bl {
	background: url(/img/box-blue-bl.jpg) no-repeat;
	bottom: 0px;
	left: 0px;
}
.box-325 .br, .box-blueborder .br {
	background: url(/img/box-blue-br.jpg) no-repeat;
	bottom: 0px;
	right: 0px;
}
h2.hmm, h2.ahah {
	background: url(/project-services/img/feasibility-hmm.jpg) no-repeat left top;
	padding-left: 70px;
	min-height: 83px;
	color: #0356A6;
}
h2.ahah {
	background: url(/project-services/img/feasibility-ahah.jpg) no-repeat left top;
}
.box-325 .blue {
	padding: 5px;
}
.box-325 .bigbutton {
	margin: 10px 0 0 0;
	font-size: 110%;
}
.holder-325 blockquote {
	font-size: 110%;
	background: none;
	clear: both;
	font-weight: normal;
}
.box-greengrad {
	float: left;
	width: 100%;
	position: relative;
	background: url(/img/box-green-grad.jpg) repeat-x top #2F9E46;
	margin-bottom: 10px;
}
.box-bluegrad {
	float: left;
	width: 100%;
	position: relative;
	background: url(/img/box-blue-grad.jpg) repeat-x top #0054A5;
	margin-bottom: 10px;
}
.box-bluegrad a, .box-greengrad a {
	color: #fff;
}
.box-lightblue {
	float: left;
	width: 100%;
	position: relative;
	background: #CCDDEE;
	margin-bottom: 10px;
}
.box-lightblue .button {
	padding: 5px;
	background: #0054A5;
	color: #fff;
}
.box-lightgreen {
	float: left;
	width: 100%;
	position: relative;
	background: #C6EFA4;
	margin-bottom: 10px;
}
.box-lightgreen .button {
	padding: 5px;
	background: #2F9E46;
	color: #fff;
}
.button.right {
	float: right;
}
.box-lightpink {
	float: left;
	width: 100%;
	position: relative;
	background: #FADDE6;
	margin-bottom: 10px;
}
.corner {
	height: 10px;
	width: 10px;
	position: absolute;
	z-index: 1000;
}
.tl {
	background: url(/img/box-white-tl.png) no-repeat;
	top: 0px;
	left: 0px;
}
.tr {
	background: url(/img/box-white-tr.png) no-repeat;
	top: 0px;
	right: 0px;
}
.bl {
	background: url(/img/box-white-bl.png) no-repeat;
	bottom: 0px;
	left: 0px;
}
.br {
	background: url(/img/box-white-br.png) no-repeat;
	bottom: 0px;
	right: 0px;
}
.box-greengrad .innerbox, .box-bluegrad .innerbox, .box-lightblue .innerbox, .box-lightgreen .innerbox, .box-lightpink .innerbox {
	padding: 10px;
}
.box-greengrad h2, .box-bluegrad h2, .box-bluegrad  {
	color: #fff;
}
.samplebox {
	position: relative;
	margin: 5px 0;
}
.samplebox h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px;
	margin: 0;
}
.samplebox a.plan, .samplebox a.sample {
	background: url(/img/feasibility-button.png) no-repeat;
	width: 106px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 120%;
}
.samplebox a.sample {
	left: 130px;
}
.voucher {
	float: right;
	height: 93px;
	width: 300px;
	background: url(/img/voucher.jpg) no-repeat;
}
.holder-270 .voucher {
	width: 270px !important;
}
.holder-305 .innerbox .voucher {
	width: 285px !important;
	float: none;
}
.voucher.myhomevoucher {
	float: left;
	clear: left;
	margin: 10px 0 0 10px;
}
.voucher-earls.myhomevoucher {
	float: left;
	clear: left;
	margin: 10px 0 0 0;
}
.voucher-earls {
	width: 325px;
	height: 110px;
	background: url(/img/voucher-50.jpg) no-repeat;
}
.voucher a {
	display: block;
	padding-top: 45px;
	padding-left: 120px;
	text-align: center;
	color: #006600;
	font-style: italic;
	font-size: 110%;
	text-decoration: none;
	line-height: 85%;
}
.voucher-earls a {
	display: block;
	padding-top: 70px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	line-height: 85%;
	text-shadow: 3px 3px 5px #111;
}
.contact {
	background: url(/img/box-contact.jpg) no-repeat top left;
	height: 83px;
	padding: 5px;
	font-weight: bold;
	color: #0054A5;
}
.contact a {
	color: ##0054A5;
	font-size: 120%;
}
h3.star, li.star, p.star {
	background: url(/img/star-small.jpg) no-repeat left 3px;
	padding-left: 17px;
	list-style: none;
}
/*------------------- new section pages -------------*/
.howcanwehelp {
	background: url(/img/box-howcanwehelp.jpg) no-repeat bottom right;
	padding: 10px 150px 20px 10px !important;
}
	
/*---------------------- google search page ------------------------------*/
#googlesearchcontainer {
	padding: 10px;
}
/*----------------------------- colorbox --------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*----------------- popout ad ------------------*/
#popout {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 133px;
	position: absolute;
	top: 100px;
	left: -10px;
	z-index: 100;
	overflow: hidden; }
#popout a, #popout a img {
	text-decoration: none;
	border: 0;
	outline: 0; }
#popout a span {
	display: none; }
#popout #cap {
	width: 20px;
	height: 133px;
	position: relative;
	left: 0;
	z-index: 102; }
#popout a#close {
	position: absolute;
	top: 0;
	background: transparent url(transparent.gif);
	left: 240px;
	height: 20px;
	width: 60px; }
#popout #adbox {
	position: absolute;
	top: 0px;	
	left: 20px;
	z-index: 101;
	width: 300px; }
#popout #adbox {
	margin-left: -300px;
}

/*---------------------- 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;}

.alignleft{float:left;
	margin-right:10px;}
	
	.alignright{float:right;
	margin-left:10px;}
	
	#blog{width:97%;
	margin:0 auto;
	background:#f5f5f5;
	clear:both;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;}
	
		.blogtitle{font-size:26px;
		margin-left:17px;}
	
	#blogentry{border-bottom:1px solid #999;
	width:95%;
	margin:0 auto;
	padding:10px;}
		
		#blogentry:hover{background:#FFF;}
		
		#blog .last{border-bottom:none;}
		
		#blogentry .dateposted{display:block;
		font-style:italic;
		color:#666;}
		
		#blogentry a{color:#1982D1;
		font-weight:bold;
		text-decoration:none;}
		
		#blogentry a:hover{text-decoration:underline;}
		
	#blog h3 a{color:#000;
	text-decoration:none;
	font-size:18px;
	margin-bottom:20px;}
	
	#blog h3 a:hover{color:#1982D1;
	text-decoration:none;}
	
	.gotoblog{float:left;
	text-decoration:none;
	display:block;
	width:105px;
	height:36px;
	background:url(/images/gotoblog.png);
	text-indent:-99999px;
	position:relative;
	bottom:2px;
	left:10px;}
	.gotoblog:hover{background:url(/images/gotoblog_over.png);}