/*
TruGreen.com Styles - Created by Moxie 12/12/05
Updated by BSC-IT/TD 12/14/05
*/

/* global */
body { background: #E1DCC0 url(/images/background.gif); margin: 10px auto 0 auto;}
body#popup { background: #fff; margin: 10px auto 0 auto;}
ul { list-style-type: disc; margin-top: 0; margin-bottom: 0; padding: 0 auto; }
ul a { text-decoration: none; }
form { margin: 0; padding: 0; }

/* anchors */

a:hover {text-decoration: underline; }
.SubMenu a:hover { font-weight: bold; }
.Thumb a:hover { text-decoration: underline; }
.HomeContentRight:hover { text-decoration: none; }
.HomeContentLeft a { color: #003333; font: 11px Verdana, Arial; }
.footer a { color: #A4A4A4; }
.SiteMapSub a { text-decoration: none; }
a { color: #666666; }
#BodyCopy a:visited { color: #800080 !important; }
#OverFlowText a:visited { color: #800080 !important; }
.footer a:visited { color: #800080 !important; }

/* submenu */

.SubMenu li { list-style-type: none; line-height: 17px; }
.SubMenu a { font: 11px Verdana, Arial; color: #947D37; text-decoration: none; }
.SubMenu .level2 a { color: #999999; padding-right: 12px; background: url(/images/arrowGreen.gif) no-repeat right; line-height: 17px; }

/* breadcrumbs */
.BreadCrumbs a { color: #006633; font: bold 10px Verdana, Arial; text-decoration: underline;}

/* miscellaneous */
.Thumb a { color: #666666; font: bold 10px Verdana, Arial; }
.WrapsThumb { margin-left: -25px; }
.thinner { width: 295px; } /* p's on lead page to not interfere with sidebar */
.center { text-align: center; }

/* headers */

#divRight h1 { margin: 15px 0; padding: 0 12px; color: #049C69; font: 20px Impact, Arial; letter-spacing: 1px; }
#BodyCopy h2 { font: bold 12px Verdana, Arial; margin-bottom: 5px; color: #947D37; }
#OverFlowText h2 { font: bold 12px Verdana, Arial; margin-bottom: 5px; color: #947D37; }
#BodyCopy h3 { font: bold 10px Verdana, Arial; margin: 0; color: #947D37;}

/* error box */

.errorNotice { border: 1px solid #555;  background: #ff9; width: 290px; padding: 0; margin: 8px 0; }
.errorHead { color: #333; font-weight: bold; font-size: 12px; padding: 4px; margin: 0 0 4px 0; background: #f5f5f5; border-bottom: 1px solid #555;}
ul.errors { margin: 0; padding: 4px 0 12px 18px; }
.errors li { color: #990000; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }

/* layout */
.content { width: 759px; margin: 0 auto; border: 1px solid #000000; background-color: #FFFFFF; }
.nomargin { margin: 0 !important; }
.hide { position: absolute; visibility: hidden; }
.show { position: relative; visibility: visible; width: 100%; left: -40px; }
.center { text-align: center; }
.important { font-weight: bold; }
.HL_Green { font-weight: bold; color: #049C69 !important;}
.Thumb { text-align: center; padding-right:12px; float: left; }
.TwoColumnBody { width: 350px; float:right; padding-left: 0 !important; margin-left: 0 !important;}
.TwoColumnThumb { padding-left: 12px; }
.nobullets { list-style-type: none; }
.ShiftLeft {margin-left: -40px;}
.underline { text-decoration: underline !important; }
.ThreeThumbLeft {left: 45px;}
.ThreeThumbMiddle {left: 187px;}
.ThreeThumbRight {left: 329px;}
.TwoThumbLeft {left: 105px;}
.TwoThumbRight {left: 284px;}
.LgThumb { border: solid 1px #7F7F7F; }
.LeftPanel { position: absolute; width: 252px; background-color: #FFFFFF; vertical-align: top; }
.LeftServiceLocator { position: relative; height: 84px; background-color: #B7CCDF; padding: 9px; }
.RightPanel { position: relative; left: 252px; width: 507px; vertical-align: top; background-repeat: repeat-y; background-image: url(/images/dotsVertical.gif); background-color: #FFFFFF; }
.NeedHeight { height: 458px; }
.TallLeftNav { height: 558px; }
.MainContent { position: relative; background-color: #FFFFFF; color: #003333; font: 10px Verdana, Arial;}
.Left20 { margin: 0 0 0 20px; }
.HiLite { color: #006633; font-weight: bold; }
.LeftColumn_header { position: relative; height: 24px; background-color: #E0DBBE; font: 18px Impact, Arial; color: #790814; margin: 0; padding: 2px 7px 0 5px; border-bottom: solid 1px #7F7F7F; }
.LeftColumn_content { position: relative; width: 145px; background-color: #FFFFFF; font: 10px Verdana, Arial; color: #666666; margin: 0; padding: 5px;}
.super { font-size: 8px; }
.Bigger { font-size: larger; }

/*** Pods ***/
.pod { position: absolute; border: 1px solid #7F7F7F; background-color: #FFFFFF; width: 241px; height: 146px;}
.pod_header { position: relative; height: 24px; background-color: #E0DBBE; font: 18px Impact, Arial; color: #790814; margin: 0; padding: 2px 7px 0 5px; border-bottom: solid 1px #7F7F7F; }
.pod_content { position: relative; width: 145px; background-color: #FFFFFF; font: 10px Verdana, Arial; color: #666666; margin: 0; padding: 5px 0 0 5px;}
.PodHolder { position: relative; height: 170px;}
.PodHomeLeft { left: 6px; position: absolute; top: 8px; }
.PodHomeMiddle { left: 257px; position: absolute; top: 8px; }
.PodHomeRight { left: 509px; position: absolute; top: 8px; }
.SinglePodHolder { position: relative; left: 4px; }
.LearnMore { position: absolute; top: 120px; left: 5px; z-index: 100;}
.podImage {position: relative; top: 1px; left: 116px;}

/*** Service Locator ***/
.ServiceLocator { background: #B7CCDF url(/images/ServiceLocatorBG.gif); position: absolute; text-align: left; width: 222px; height: 85px; border-style: none; clip: rect(0 234px 85px 0); margin: 0; padding: 1px 6px 6px 6px;}
.ServiceLocatorHome { left: 12px; position: absolute; top: 205px; }
.ServiceLocatorHeader { width: 100%; font: 15px Impact, Arial; color: #003333; margin: 0;}
.ServiceLocatorText { margin:0 ; padding: 0; top: -23px; position: relative; color: #003333; font: 10px Verdana, Arial;}
.ServiceLocatorBox { position: relative; left: 0; top: 37px; border: solid 1px #999999; font: Verdana, Arial; width: 89px; height: 17px; }
.ServiceLocatorButton { position: absolute; left: 105px; top: 62px;}

/*** Header ***/
.headerHome { position: relative; background-image: url(/images/headerHomeBG.gif); height: 112px;}
.header { position: relative; background-image: url(/images/headerBG.gif); height: 112px;}
.txtHeaderSearchBox { padding: 0; margin: 0; position: absolute; left: 590px; top: 3px; border: solid 1px #049C69; font: 10px Verdana; width: 104px; height: 15px; }
.btnHeaderSearch { position: absolute; left: 707px; top: 3px; }
.BreadCrumbs { z-index: 1000; position: relative; top: 60px; left: 300px; width: 450px; text-align: right; color: #006633; font: bold 10px Verdana, Arial; }
.phone {position: absolute; bottom: 20px; right: 10px; color:#00A160; letter-spacing: -1px; font: 27px Times, Arial, Helvetica; text-align: right; }

/*** Footer ***/
.footer { clear:both; padding: 0; text-align: center; height: 112px; background-color: #FFFFFF; font: 10px Verdana, Arial; color: #A4A4A4; }
.SM_companies { margin: 0; text-align: left;}
/*** Menus ***/
.menu { height: 25px; background-color: #988A3A; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
.menuMainHighLite { color: #FAD45D; }
.SubMenu { white-space: nowrap; position: relative; width: 221px; line-height: 17px; padding: 15px; background-color: #FFFFFF; text-align: right;}

/*** Forms ***/
.FormTable { margin-left: 80px; width: 302px;  font: 11px Verdana; color: #666666; }
.FieldName { font: bold 11px Verdana, Arial; color: #666666; }
.TextBox { border: solid 1px #CCCCCC; height: 19px; font: 13px Verdana, Arial; }
.DropDown { border: solid 1px #ccc; font: 13px Verdana; }
.CheckBox { float: left; vertical-align: middle; font: 11px Verdana, Arial; color: #666666; }
.TextArea { height: 150px; }
.TBLong { width: 294px; }
.TBShort { width: 132px; margin-right: 22px;}
.SubmitButtonTD { height: 40px; text-align: center; }
.Width50pct { width: 50%; }
.button {
	 	background: #B7CCDF;
		border-top: 2px solid #85C1E5;
		border-left: 2px solid #85C1E5;
		border-bottom: 2px solid #122C2D;
		border-right: 2px solid #122C2D; 
		color: #072F37;
		font: bold 11px Arial, Sans-serif; text-transform: uppercase;  }

/*** Page Specific ***/
.HomeContent { position: relative; height: 296px; background-color: #B7CCDF;}
.HomePageText { margin-top: 5px; }
.HomePageTextSmall { margin-top: 5px; font-size: 10px; }
.HomeContentLeft { position: absolute; padding: 15px; width: 222px; color: #003333; font: 11px Verdana, Arial; }
.HomeContentRight { position: absolute; left: 259px; text-decoration: none; }
.HomeContentLeftHeader {margin: 0; font: 15px Impact; color: #003333; }
.SiteMapTop { text-decoration: none; margin-bottom: 5px; font: bold 12px Verdana, Arial; color: #947D37 !important; }
.SiteMapSub { list-style-type: disc; }
.GalleryBody { background: #049C69; margin: 0; }
#LongSearchBox .ZipCode { position: absolute; top: 55px; left: 5px; z-index: 100; }
#LongSearchBox .KeyWords { position: absolute; top: 55px; left: 85px; z-index: 100; }
#LongSearchBox .SearchButton {  position: absolute; top: 68px; left: 380px; z-index: 100; }
#ShortSearchBox .ZipCode { position: absolute; top: 23px; left: 95px; z-index: 100; }
#ShortSearchBox .KeyWords { position: absolute; top: 63px; left: 95px; z-index: 100; }
#ShortSearchBox .SearchButton { position: absolute; top: 113px; left: 95px; z-index: 100; }
#ShortSearchBox #SearchBox_content { width: 33%; }
.OfferBlock_Header { position: relative; color: #947D37; font: 16px Impact; letter-spacing: 1px; }
.OfferBlock_Body { width: 340px; position: relative; color: #666666; font: 11px Verdana, Arial; margin: 0; }
.OfferBlock { position: relative; padding: 0 12px 24px 12px; height: 120px;}

/**/
#BodyCopy { position:relative; padding: 0 12px 12px 12px; color: #666666; font: 11px Verdana, Arial; }
#OverFlowText {clear:both; position:relative; padding: 0 12px 12px 12px; color: #666666; font: 11px Verdana, Arial; }
#LeftColumn { position: absolute; top: 125px; left: 325px; font: 10px Verdana, Arial; color: #666666; border: 1px solid #7F7F7F; background-color: #FFFFFF; width: 170px;}
#LongSearchBox { position: relative; background-color: #68C4A5; border: 1px solid #7F7F7F; font: 10px Verdana, Arial; color: #FFFFFF; height: 105px; width: 470px; margin: 0 0 10px 0;}
#ShortSearchBox { position: relative; top: -35px; display: inline; float: right; background-color: #68C4A5; border: 1px solid #7F7F7F; font: 10px Verdana, Arial; color: #FFFFFF; height: 145px; width: 250px; margin: 0 0 10px 10px;}
#SearchBox_header { height: 18px; background-color: #049C69; font: 11px Verdana, Arial; font-weight: bold; color: #FFFFFF; margin: 0; padding: 2px 7px 0 5px; border-bottom: solid 1px #7F7F7F; }
#SearchBox_content { margin: 0; padding: 5px 0 0 5px;}
#RC_ColumnContent { padding-top: 10px; position: relative; height: 100%; }
#RC_ColumnLeft { position: absolute; width: 230px; margin: 0; }
#RC_Sub_ColumnLeft { position: relative; width: 230px; margin: 0; }
#RC_ColumnRight { position: relative; width: 230px; top: 0; left: 245px; margin: 0; }
#SM_companies_TopRow { margin: 15px 0;}
#dots_horizontal { margin: 0; }
#Gallery { background-color: #049C69; margin: 6px; padding: 10px 32px 27px 32px; width: 560px; text-align: left; border: solid 1px #FFFFFF; }
#GalleryHeaderLeft { color: #FFFFFF; margin-bottom: 10px; font: 20px Impact, Arial; letter-spacing: 1px; }
#GalleryHeaderRight { color: #FAD45D; margin-bottom: 10px; font: 20px Impact, Arial; letter-spacing: 1px; }
#GalleryImgBig { margin-top: 10px; }
#hrefHeaderChemLawn { position:absolute; left: 0; }
#hrefHeaderLandCare { position:absolute; left: 193px; }
#hrefHeaderCareers { position:absolute; left: 387px; }
#leadDescription { float: right; position: absolute; width: 170px; top: 150px; left: 325px; font: 10px Verdana, Arial; color: #666666; border: 1px solid #7F7F7F; background-color: #fff; }
#leadDescription h2 { background-color: #E0DBBE; font: 18px Impact, Verdana, Arial; color: #790814; margin: 0; padding: 2px 8px; border-bottom: solid 1px #7F7F7F; }
#leadDescription p { margin: 0; padding: 8px; }
#leadDescription a { color: #666666; }
#HG_note { font-style: italic; font-size: 10px; }

/* popups */

#popup p { margin: 0; padding: 0 10px 14px 10px; font: 12px Verdana, Arial, sans-serif; color: #666666; }
#popup h1 { margin: 15px 0; padding: 0 12px; color: #049C69; font: 20px Impact, Arial, sans-serif; letter-spacing: 1px; }
#popup ul { margin: 0 20px 12px 20px; padding: 0 10px 14px 10px; font: 12px Verdana, Arial, sans-serif; color: #666666; }