@charset "utf-8";
/* CSS Document */
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
p {margin:.6em 0; line-height:1.2em;}

body {
	min-width: 780px;
	max-width: 1200px;
	background:#fff url(/images/layout/l_sidebar2.jpg) repeat-y;
	color: #000;
	position:relative;/* for ie7*/
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
#outer{
	min-height:100%;
	margin:0px 190px;
	background:transparent;
	color: #000;
}

* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:210px;
	overflow:hidden;
	font-size:1.2em;
	color: #fff;
	z-index:5;
	background-image: url(/images/layout/hdr_main3_c.png);
}
#header a{color:#fff;}
#left {
	position:relative;/*ie needs this to show float */
	width:190px;
	float:left;
	margin-left:-189px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-1px;
	padding-bottom:61px;/* clear footer*/
}

#right {
	background-color:#fff;
	position:relative;/*ie needs this to show float */
	width:190px;
	float:right;
	margin-right:-189px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:210px;/* to clear header*/
	left:1px;
	padding-bottom:61px;/* clear footer*/
}
 
#footer {
	width:100%;
	clear:both;
	height:60px;
	background: #fff;
	font-size:1em;
	color: #444444;
	text-align:center;
	position:relative;
	margin-top:-60px;/*drag footer from below the fold*/
}
#centercontent {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:61px;/* clear footer*/
	background-image:url(../images/shadow-vertical.gif);
	background-repeat:repeat-y;
	font-size:1.2em;
	margin-left:-1px;
}

#leftbg {
	background-color:transparent;
	background-image:url(/images/layout/l_sidebar1.jpg);
	background-repeat:no-repeat;
	z-index:10;
}	

#leftcontent {
	text-align:center;
	padding: 10px 5px 3px 5px;
	font-size:1.1em;
	color:#fff;
}
#rightcontent {
	background-image:url(/images/layout/shadow-hz.gif);
	background-repeat:repeat-x;
	padding: 40px 5px 3px 5px;
	font-size:1.1em;	
	color:#333333;
	text-align:center; 
}
.outerwrap {
	float: left;	
	width: 100%;
	background-image:url(../images/shadow-vertical.gif);
	background-repeat:repeat-y;
	padding-top:210px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
#innercontent {
	padding: 0px 20px 0px 25px;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

.imager {
	float: right;
	padding: 5px 0 0 10px;
	}

.imagel {
	float: left;
	padding: 5px 10px 0 0;
	}

#topimage {
	background-image: url(../images/layout/shadow-hz.gif);
	background-repeat: repeat-x;
}	


/* ___________________________________________STYLE__________________________________________________ */
#intro {
	text-align: left;
	font-size: 1.167em;
	font-weight: normal;
}

#main {
	font-size:1.2em;
	text-align: left;
	font-weight: normal;
}
	
ul main {
	font:1em Verdana, Arial, SunSans-Regular, Sans-Serif;
}
h1 {
	font:2em Verdana, Arial, SunSans-Regular, Sans-Serif; /* displayed at 24px if main content is 12px*/
	margin-top: 0;
	margin-bottom: 0;
}
h2 {
	font:1.75em Verdana, Arial, SunSans-Regular, Sans-Serif; /* displayed at 21px if main content is 12px*/
	text-align:center;
	color: #003300;
}
h3 {
	font:1.5em Verdana, Arial, SunSans-Regular, Sans-Serif; /* displayed at 18px if main content is 12px*/
	color:#006600
}  
h4 {
	font:1.25em Verdana, Arial, SunSans-Regular, Sans-Serif;  /* displayed at 15px if main content is 12px*/
	color: #003300;
	padding:.8em 0;
}
h5 {
	font: 1em Verdana, Arial, SunSans-Regular, Sans-Serif bold; /* displayed at 12px if main content is 12px*/
	color: #008000;
}
h6 {
	font: small-caps 1em  Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px;
	Color: #246e53;
}


.med_it {  /* 16px italic on 12px main content*/
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 1.33em;
	font-style:italic;
}

.sm_txt {
	font-size:.8em;	
}

.un {
	text-decoration:underline;
}

blockquote {
	padding: 0 25px 0 15px;
}

/* COLOR CODES - BACKGROUNDS AND BORDERS */
#cornerimage {
	width: 40px;
	height: 40px;
	float: left;
}
.divider, .divider_sm, .divider_fl {
	margin: 15px 0px;
	border: #a2b7b5 1px solid;
	background-color: #f0f0f0;
	color: #f0f0f0;
}
.divider {
	height: 4px;
	width: 80%;
}
.divider_sm {
	height: 3px;
	width: 40%;
}
.divider_fl {
	height: 4px;
	width: 100%;
}

.faqline { border-bottom: #000000 1px solid}
#headerimg {
	position: relative;
	left: 0px;
	background-color: transparent;
	height: 80px;
	z-index:50px;
}
.photo1 {
	background:#255932 url(/images/layout/hdr_main1.jpg) no-repeat;
}
.photo2 {
	background:url(/images/layout/photo2.jpg) no-repeat;
}

.bldphoto {
	float: left;
	width: 25%;
	min-width: 153px;
	text-align: center;
	margin: 0px;
	border: 0px;
	padding: 5px 0px;
}
/* .logopic { 
	background-color:transparent; 
	left: 0px;
	background-image:url(../images/layout/BTL_logo_tr.png);
	background-repeat:no-repeat;
}  leave this out until IE supports transparent pngs */
#date-location { right: 10px; position: absolute; top: 18px; }

/* LEFT SIDEBAR OPTIONS */+
.sidebar-background {
	width: 187px;
	background-color: transparent;	
	margin: 0px;
	padding: 0px;
	border: 0px solid #225936;
	 }
.sidebar-frame1 {
	width: 187px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	border: #999999 0px solid;
}
.sidebar-frame2 {
	width: 187px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	border: #999999 0px solid;
}
.sideborder	{ 
	border: #ffffff 1px solid;
}
.sidebartitle {
	color: #ffffff;
	font: 1.3em verdana, arial, sans-serif; 
	font-weight: bold;
}
.sidebartext {
 	color: #c7dbca;
	font:arial, verdana, sans-serif;
	font-weight: normal;
}
#search {
	padding: 5px 0px;
}
a.sidelink:link, a.sidelink:visited, a.sidelink:active	{color: #ccffcc; text-decoration: none; }
a.sidelink:hover					{ color: #cccc99; text-decoration: none; }

/* FOR RIGHT SIDEBAR */
#rsidebar {
	text-align:center;
	padding-top:30px;
	width:164px;
}
fieldset 	{
	padding: 0px 0px 6px 6px;
	width: 150px;
	text-align: left;
	-moz-border-radius: 5px;
	border:#555555 1px solid;
}
fieldset legend {
	margin-bottom: 3px;
	padding: 2px 5px 2px 5px;
	font: bold 1.3em arial, verdana, sans-serif;
	color: #246e53;
	border:1px solid #246e53;
	background-color: #ffffff;
}
.imagearea {
	text-align:center;
	margin-bottom:40px;
}

/* PAGE LINES AND BORDERS */

.pagebars	{
	background-color: #589470;
	background-image: url(/images/layout/barbg.jpg);
	background-repeat:repeat-x;
	height: 20px;
	border: solid #000000;
	border-width: 0px 0px 0px 0px;
	}

.pagebar-bottom	{
	background-color: #c0c0c0;
	background-image: url(/images/bar.jpg);
	height: 20px;
	border: solid #000000;
	border-width: 0px 0px 0px 0px;
	}


			
/* NON-MENU LINKS */

a:link, a:active { color: #246e53; text-decoration: none; }

a:hover, a:visited:hover	{ color: #ff6600; text-decoration: none; }

a:visited { color: #008000; text-decoration: none; }

.links { text-decoration:underline; }

/* NON GALLERY IMAGE BORDERS */

.borders		{ border: #000000 1px solid; }

/* SHADOW AND CORNER IMAGE */

#cornerimage		{ background-image: url(/images/corner.gif); }
.pageheight		{ background-image: url(/images/shadow-vertical.gif); background-repeat: repeat-y; }
.shadow-horizontal	{ background-image: url(/images/shadow-horizontal.gif); background-repeat: repeat-x; }

/* SCROLLER OPTIONS */

.scroller-table		{ padding: 7px; }
.scroller-body		{
			margin: 0px;
			padding: 0px;
			border: #c0c0c0 0px solid;
			background-color: #093e0a;
			background-image: url(../images/background-scroller.jpg);
			background-repeat: repeat-y;
			}

/* SCROLLER LINK COLORS */

a.scroller:link, a.scroller:visited, a.scroller:active	{ color: #ccffcc; text-decoration: none; }
a.scroller:hover { color: #cccc99; text-decoration: none; }

/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}


/* SITE SEARCH FORM */

.searchsiteform		{
			font: 1.2em arial, verdana, sans-serif;
			color: #000000;
			background-color: #ffffff;
			background-image: url(../images/shadeform.gif);
			width: 120px;
			height: 19px;
			border: #255936 1px solid;
			margin-top: 1px;
			}

/* SITE SEARCH BACKGROUND */

.googlesearch		{ background-color: #ffffff; }

/* _____________________________________________________________________________________________________________ */
/* MENU CODES */
/* ^^^^^^^^ BELOW IS THE CODE FOR THE SVCMENU ^^^^^^^^^^ */
#menu2 {
	width:100%;
	position:absolute;
	top: 170px;
	border-top: #283f3b 1px solid;
	border-bottom: #283f3b 0px solid;
	padding: 0px;
	margin: 0px;
	}
ul#svcmenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:35px;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	background:transparent url(/images/menu/svcback.png) repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#svcmenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
ul#svcmenu li a{
	display:block;
	float:left;
	color:#f7fe97;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:35px;
	background:transparent url(/images/menu/svcback.png) repeat-x top left;
}
ul#svcmenu li a:hover{
	color:#fff;
	background:transparent url(/images/menu/svcback2.png) repeat-x bottom center;
}
	/*	----------	VERTICLE CONCERTINA MENU  ----------	*/
/*see separate css file for left sidebar menu
			/*  END OF CONCERTINA MENU  */
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENUS ^^^^^^^^^^ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.baselist, .baselist_n, .baselist_c, .baselist_a, .baselist_d, .baselist_dg, .baselist_l {
	list-style-position: outside;
	margin-left:25px;
	padding-top: .8em;
}
.baselist {
	list-style-type: disc;
}
.baselist_n {
	list-style-type: none;
}
.baselist_c {
	list-style-type: circle;
}
.baselist_a {
	list-style-image: url(/images/buttons_icons/arrow.gif);
}
.baselist_d {
	list-style-image:url(/images/buttons_icons/diamond.png);
}
.baselist_dg {
	list-style-image:url(/images/buttons_icons/diamond_gr.png);
}
.baselist_l {
	list-style-image:url(/images/buttons_icons/Leaficon.png)
}
#horiz_list1 ul {
	margin: 0;
	border:0;
	text-align:center;
}
#horiz_list1 ul li {
	display:inline;
	width: 33%;
	padding:20px;
}	
.sublist {
	list-style-position: outside;
	margin-left:25px;
	padding: .3em 0;
	list-style-type: circle	
}
ol {
	list-style-type:decimal;
	list-style-position: outside;
	margin-left:25px;
	padding-top: .8em;
}
li {
	padding-bottom: 0.7em;
}
#pages {
	font: 1.1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px;
}
#moreinfo {
	bottom:0px;
	text-align: center;
	padding: 0px 40px 0px 40px;
	font-size:1em;
}
#companyinfo {
	position:absolute;
	top: 0px;
	right:0px;
	text-align: right;
	padding: 5px 5px 2px 0px;
}	
/* Index page */
#login {

width: 139px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-variant: small-caps;
	line-height:1.5em;
	font-weight: normal; 
	text-align:center;
	border: medium double #003300;
	background-color: #CCFFCC;
	padding: 4px;
	margin-bottom: 2px;
}
.pplink {
	font-size:.9em;
	margin-bottom:25px;
	}
	
/* Contact Us page */	
.leftcol {
	float:left;
	font: 1.4em Verdana, Arial, Helvetica, sans-serif  bold;
	font-style:italic;
	width: 200px;
	color:#003300;
	margin: 25px 0;
}
.rightcol {
	float:left;
	font: 16px Verdana, Arial, Helvetica, sans-serif light;
	margin: 25px 0;
}

/* Customer Comment page */
.nm_addr {
	width: 35%;
	float: right;
	text-align:left;
}

/* FAQs page */
#faqs 
#sector {
	min-width:300px;
}
.section {
	float:left;
	width: 45%;
	font:1.8em "Comic Sans MS", Arial, Helvetica, sans-serif bold;
	text-align:center;
	margin: 10px 5px 10px 5px;
	border: medium double #003300;
}
h7, .h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	line-height:2.5em;
	font-weight: normal;
	border: medium double #003300;
	background-color: #CCFFCC;
	padding: 4px;
}
.question {
	font-size: 13px;
	color: #235832;
	text-align: left;
	
}
.questiona {
	font-size: 14px;
	color: #235832;
	text-align: left;
	text-decoration: underline;
}

.answer {
	padding-left: 15px;
	padding-bottom: 18px;
}
.faq {
	text-align: center;
	width: 300px;
}
#faqs a {
	color: #235832;
	text-decoration:underline;
}
#faqs a:visited {
	color: #da6903;
	text-decoration:underline;
}
#faqs a:hover {
	color: #00ca00;
	text-decoration:underline;
}
#faqs a:visited:hover {
	color: #660019;
	text-decoration:underline;
}
/* Affiliates page */
#aflinks {
	font-size:1.167em; 
	line-height: 2.5em;
	text-decoration: underline;
}
/* Current Services page */
#listing { padding-left:15px; }
.mn1, .mn2, .mn3, .mn4, .mn5, .mn6, .mn7, .mn8, .mn9, .mn10, .mn11, .mn12 {
	display: block;
	width: 177px; 
	height: 30px; 
	background: url(/images/calendar/monthsvcs_c.png) no-repeat;
	margin:10px 0 10px -15px;
}
.mn1 { background-position: 0px 0px;}
.mn2 { background-position: 0px -30px;} 
.mn3 { background-position: 0px -60px;} 
.mn4 { background-position: 0px -90px;} 
.mn5 { background-position: 0px -120px;} 
.mn6 { background-position: 0px -150px;} 
.mn7 { background-position: 0px -180px;}
.mn8 { background-position: 0px -210px;} 
.mn9 { background-position: 0px -240px;} 
.mn10 { background-position: 0px -270px;} 
.mn11 { background-position: 0px -300px;} 
.mn12 { background-position: 0px -330px;}

/* Gardenscape pages */
.gsfloat {
	float: left;
	text-align: center;
	padding: 10px;
}
/* Newsletter pages */
.me1, .me2, .me3, .me4, .me5, .me6, .me7, .me8, .me9, .me10, .me11, .me12 {
	display: block;
	width: 250px; 
	height: 35px; 
	background: url(/images/monthedition_c.png) no-repeat;
	background-attachment:center;
}
.me1 { background-position: 0px 0px;}
.me2 { background-position: 0px -35px;} 
.me3 { background-position: 0px -70px;} 
.me4 { background-position: 0px -105px;} 
.me5 { background-position: 0px -140px;} 
.me6 { background-position: 0px -175px;} 
.me7 { background-position: 0px -210px;}
.me8 { background-position: 0px -245px;} 
.me9 { background-position: 0px -280px;} 
.me10 { background-position: 0px -315px;} 
.me11 { background-position: 0px -350px;} 
.me12 { background-position: 0px -385px;}

.f1, .f2, .f3, .f4 {
	display: block;
	width: 190px; 
	height: 30px; 
	background: url(/images/feature_c.png) no-repeat;
	background-attachment:center;
	margin:15px 0 -5px 0;
}
.f1 { background-position: 0px 0px;}
.f2 { background-position: 0px -30px;} 
.f3 { background-position: 0px -60px;} 
.f4 { background-position: 0px -90px;} 

/* Mulch Calculator page */
.volbox {
	border: medium double #003300;
	background-color: #ccffcc;
	width:316px;
	padding: 15px 25px;
}
.volbox .title {
	padding:10px 0px 2px 0px;
}
.sqbox {
	border: medium double #003300;
	background-color: #ccffcc;
	width:400px;
	margin: 15px 15px;
	text-align: center;
}
#sqrft {
	width:80px;
	height:20px;
	display: inline-table; 
	border:#a5acb2 solid 1px;  
	margin:10px 0px 0px 0px;
	padding-top:5px; 
	background-color:#ebebe4;
}
.cirbox {
	border: medium double #003300;
	background-color: #ccffcc;
	width:350px;
	padding: 15px 15px;
	text-align: center;
	line-height: 1.5em;
}
#cirarea {
	width:80px;
	height:20px;
	display: inline-table;
	border:#a5acb2 solid 1px; 
	margin:5px 0px 10px 0px; 
	background-color:#ebebe4;
	text-align:center;
}
/* 404 Error page */
#e404-t {
	color: #005b00;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding-bottom: 15px;
}
#e404-st {
	color: #005B00;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.5em;
	display:block;
}
.e404-p {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #005B00;
	display:block;
}
.pplink a {
	text-decoration: underline;
}
/* privacy policy page */