html, body { color: #867a55; line-height: normal; }
body { margin: 0; background: #031804; }

h2 {font-size:142%; }
h4 { font-size: 100%; }
/*general styles*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 1px; display: block; overflow: hidden; }
.Clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; display: block; overflow: hidden; }

#SkipNav { color: #fff; position: absolute; top: 0; left: -10000px; }
.noShow { display: none; }
.error { color: red; font-weight: bold; }
.errorList { list-style: none; margin: 0; padding: 1em; line-height: 1; }
.errorList li { padding-bottom: 0.3em; }
.errorList label { cursor: pointer; }
.noListStyle { list-style: none; margin: 0; padding: 0; line-height: 1; }
.noListStyle li { margin: 0; padding: 0; }
.leftSide { float: left; }
.rightSide { float: right; }
.bold { font-weight: bold; }

/* Footer */
#Footer { width: 940px; margin: auto; padding: 35px 0 0 0; text-align: left; text-align: center; }
#Footer .bold { color: #244b90; }
#FooterLinks { width: 940px; margin: auto; text-align: center; }
#FooterLinks ul { list-style: none; margin: 0px; }
#FooterLinks ul li { display: inline; margin: 0 5px; }
#FooterLinks ul li a { }
#NetConstruct { width: 940px; margin: auto; padding: 15px 0 0 0; text-align: center; }

/* Plugins */

/* Left Promos */
#LeftPromos { margin:10px;}
.leftPromo { background:#ebe8db; text-align:center; width:213px; overflow:hidden; margin:10px; margin-right:0px; padding:10px; border:solid 1px #5a925c; }
.leftPromo img {  }
.leftPromo .title { font-weight:bold; display:block; margin-bottom:5px; }
.leftPromo .summary {  }

/* Alerts Diary */
.alertsDiary {  }
.alertsDiary img { }
.alertsDiary .title {  }
.alertsDiary .article {  }

/* Lawnsmith Links */
#LawnsmithLinks {  }
#LawnsmithLinks .information { padding:0px; }
#LawnsmithLinks .last { margin-right:0px; }
.lawnsmithLink { min-height:145px; float:left; width:192px; overflow:hidden; padding:8px; margin:8px; background:#E5E1D3; }
.lawnsmithLink a { font-weight:normal; }
.lawnsmithLink .image { width:192px; display:block; overflow:hidden; }
.lawnsmithLink .title {  }
.lawnsmithLink .summary {  }
.lawnsmithLink .moreInfo {  }


/* AUTOFORM */
/* Generic */

.formRow { clear: both; margin: 8px 0; }
.formRow .label { width: 185px; display: block; float: left; font-weight: bold; color: #244b90; }
.formRow .label .right{ text-align:right; }
.formRow .TextInput, .formRow .TextAreaInput { width: 280px; border: solid 1px #244b90; }
.formRow .boolean { width: 140px; margin: 10px 0; }
.formRow .fieldHolderBoolean { float: left; margin-top: 2em; }
.formRow .sectionTitle { margin-top:20px; font-weight:bold; font-size:120%; }
.topMargin { margin-top:40px; }

#StartDate {text-align:right;}
#EndDate {text-align:right;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hidden elements */
.hidden, .screen_reader, hr { display: none; }

/* Paragraph default styling, amend as desired */
p { margin: 0 0 20px 0; padding: 0; }

/* Removes blue border on img links */
a img { border: 0; }

/* Default link styling */
a { color: #5a925c; text-decoration: none; }
.greenText { color:#5A925C; }
a:hover { color: #5a925c; text-decoration: underline; }

/* Float an element left with a margin */
.floatL { float: left; margin: 0 20px 20px 0; }

/* Float an element right with a margin */
.floatR { float: right; margin: 0 0 20px 20px; }

p.error { padding: 10px; border: 1px solid #900; background: #E8E4D8; color: #900; }

p.message { padding: 10px; border: 1px solid #090; background: #E8E4D8; color: #090; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#Popup { background: #f5f2e7; }

#outerWrap { width: 980px; margin: 0 auto; }
#outerWrap.popup { width: 100%; margin: 0 auto; }

#header { position:relative; background:url(/images/presentation/bg_header.jpg) repeat-y top center; height: 100px; border-left: 1px solid #5a925c; border-right: 1px solid #5a925c; float: left; width: 978px; z-index:0;}

#innerWrap { background: #f5f2e7; float: left; width: 100%; }

#content { float: right; width: 685px; padding: 25px; line-height: 150%; }
#content.popup { width: auto; padding: 25px; line-height: 150%; }
#FullContent { width: 980px; padding: 25px; line-height: 150%; }

#footer { float: left; width: 100%; color: #285229; padding: 20px 0; }

#column { width: 245px; float: left; }

#footerBar { background: url(/images/presentation/footer_bar.gif) no-repeat top center; float: left; width: 960px; height: 180px; padding: 10px; }

#leftCta, #rightCta { width: 480px; float: left; }

#leftRight, #rightRight { border-left: 1px solid #fff; float: left; width: 240px; }

#landingWrap { height: 420px; width: 978px; background: no-repeat top center; border-left: 1px solid #5a925c; border-right: 1px solid #5a925c; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content ul { margin-bottom: 20px; }

#landingWrap img.logo { position: relative; top: 30px; left: 20px; }

#landingWrap img.logo.advice { top: 30px; }

#landingWrap p.question { position: relative; top: 250px; text-align: center; }

#landingWrap p.question.advice { top: 140px; }

#footerBarLanding { width: 980px; height: 200px; background: url(/images/presentation/footer_bar_landing.gif) no-repeat top center; }

#footerBarAdvice { width: 980px; height: 200px; }

.landingCta { float: left; width: 295px; padding: 0 15px; }

.adviceCta { float: left; width: 295px; padding: 0 15px; }

.landingCta.products { background: url(/images/presentation/expert_products.jpg) no-repeat right bottom; }
.landingCta.advice { background: url(/images/presentation/expert_advice.jpg) no-repeat right bottom; }
.landingCta.experts { background: url(/images/presentation/experts.jpg) no-repeat right bottom; }
.adviceCta.novice { background: url(/images/presentation/novice.gif) no-repeat left bottom; }
.adviceCta.amateur { width: 300px; background: url(/images/presentation/amateur.gif) no-repeat right bottom; }
.adviceCta.enthusiast { background: url(/images/presentation/enthusiast.gif) no-repeat right bottom; }

.adviceCta p { color: #f5f2e7; margin-right: 40px; line-height: 150%; }

p.aLittle { position: relative; top: 250px; }

p.aLittle img { margin-right: 59px; }

.adviceCta h3 { font-size: 180%; margin: 15px 0; width: 160px; color: #f5f2e7; }

.adviceCta h3 a { color: #f5f2e7; }

.adviceCta h3 a:hover { border: none; }

.landingCta p { margin-right: 100px; line-height: 150%; }

.landingCta h3 { font-size: 180%; margin: 15px 0; font-weight: bold; }

.landingCta h3 a { color: #285229; }

.landingCta h3 a:hover { border-color: #285229; }

h1, h2, h3, h4 { color: #285229; line-height: normal; margin: 0 0 5px 0; padding: 0; clear:left;}

h1 { margin: 0; padding: 0; }

h1 a {text-indent: -10000px; /* This should be the main title of the content (SEO)*/ display: block; width: 245px; margin: 0; padding: 0; height: 71px; background: url(/images/presentation/logo_header.jpg) no-repeat top center; overflow: hidden; position: relative; top: 10px; left: 20px; }
#Shop h1 a { background-image: url(/images/presentation/logo_header_Buy.gif); }

h1 a:hover { border: none; }

h2 { margin-top: 0; }

h3 { font-weight: normal; }

h4 { margin-top: 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#SiteTitle { position:relative; float:left; }

#Login { float:right; height:28px; line-height:23px; padding:0px 16px 0 16px; color:#1a3c1b; background:#b49c58; border:solid 1px #6d5924; }

#Login a { color:#1a3c1b; }

#Login .lawnsmith { font-weight:bold; color:#000000; }

#HeaderNav { position:absolute; right:0px; top:71px; text-align:right; margin:0px 0 0 0; z-index:-1;}

#headerNav { text-align:right; list-style:none;  padding: 0; margin:0px; }

#headerNav li { padding: 5px 10px; display:inline; }

#headerNav li a { font-weight:bold; display:inline; }

/* NAV STYLES  */

#mainNav { background: #a18946; display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; width: 100%; float: left; }

#mainNav li { display: table-cell; }

#mainNav li a { display: block; padding: 10px 15px; background-color: #a18946; background-position: bottom left; background-repeat: no-repeat; height: 23px; text-indent: -1000px; overflow: hidden; }

#mainNav li a:hover, #mainNav li a.current { background-color: #8c7534; background-position: top left; border: none; }

#mainNav li a.novice { background-image: url(/images/presentation/novice_btn.gif); }

#mainNav li a.amateur { background-image: url(/images/presentation/amateur_btn.gif); }

#mainNav li a.enthusiast { background-image: url(/images/presentation/enthusiast_btn.gif); }

#mainNav li a.ask_the_lawnsmith { background-image: url(/images/presentation/ask_the_lawnsmith.gif); }

#subNav { list-style: none; width: 245px; padding: 0; margin:0 0 10px 0; background: url(/images/presentation/bg_subnav.jpg) repeat-x top left; border-bottom: 1px solid #c3bb9c; }

#subNav .current a { text-decoration:underline; }

#subNav .current ul li a { text-decoration:none; }

#subNav li.skill-level a { font-weight: bold; font-size: 130%; color:#867a55; }

#subNav li ul { list-style: none; margin-top: 10px; font-weight: normal; font-size: 90%; }

#subNav li.subCat { margin-top:-20px; padding:0px; }
#subNav li.subCat ul { margin-top:-10px; padding:0px; }
#subNav li .productsUL { padding:0px; }
#subNav li .productsUL li { padding:2px 0; }


#subNav li ul li { padding: 5px 0; padding-right: 0; border: none; }

#subNav li ul li a.active, #subNav li ul li a:hover { text-decoration: underline; }

#subNav li { color: #111; text-align: right; padding: 5px 8px; padding-right: 20px; border-right: 1px solid #c3bb9c; }



#subNav li.active { padding-right: 20px; border: none; border-top: 1px solid #c3bb9c; background: #f5f2e7 url(/images/presentation/bg_subsubnav.jpg) repeat-y top left; font-weight: bold; font-size: 110%; }





#subNav li a { color: #867a55; display: block; }

#subNav li.skill-level li a { font-weight:normal; font-size:110%; display: block; }

#subNav li a:hover { border: none; text-decoration: underline; }

/* Breadcrumb */
#Breadcrumb { margin:0 0 10px 0; float:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Plugins */

/* Next and Previous*/
#NextPrevious { clear:both; float:right; text-align:right; width:140px; margin:10px 0; }
#NextPrevious a { }

/* Page Lister */
#PageLister {  }
#PageLister h4 { margin-bottom:0px; }
#PageLister ul {  }

.standout { font-weight: bold; }
text-align:center;
font-size:140%;
line-height:150%;
}

#footerBar h4 { color: #8A2E2E; font-size: 140%; width: 120px; }

#footerBar a { color: #8A2E2E; }

#footerBar a:hover { border-color: #8A2E2E; }

#leftRight input, #rightRight input { width: 200px; color: #999; }
#leftRight .submitBtn, #rightRight .submitBtn { width: auto; }

#footerBar .button { background: #8a2e2e; border: 2px solid #fff; text-transform: lowercase; color: #fff; padding: 2px 10px; }

#topLeft { border-bottom: 1px solid #fff; }

#topLeft, #bottomLeft { height: 90px; width: 460px; padding-right: 10px; }

#topLeft img, #bottomLeft img { float: left; margin-top: 20px; }

#topLeft p, #bottomLeft p { margin-left: 20px; margin-top: 25px; font-size: 90%; width: 190px; float: left; }


#AlertFormResults .error { margin:0px 0 10px 0; }
#DiaryFormResults .error { margin:0px 0 10px 0; }

#rightRight { background: url(/images/presentation/diary.gif) no-repeat right top; height: 160px; width: 220px; padding: 10px; }

#rightRight h4, #leftRight h4 { color: #000; font-size:100%; }

#leftRight { background: url(/images/presentation/weather_icon.gif) no-repeat top right; height: 160px; width: 215px; padding: 10px; }

#leftRight p, #rightRight p { margin-bottom: 15px; font-size: 90%; color: #000; }

.captionImage { float: right; margin: 0 0 20px 20px; clear: right; border: 1px solid #c3bb9c; }


.captionImage p { text-align: center; margin: 0; background: #e8e4d8; color: #000; padding: 5px 10px; font-size: 90%; }

#nextPrevious { float: right; clear: right; width: 310px; margin-bottom: 20px; margin-left: 20px; }

#nextPrevious a, #nextPrevious span { display: block; color: #46402c; text-transform: lowercase; width: 106px; height: 25px; line-height: 25px; float: right; background: url(/images/presentation/next_previous.gif) no-repeat top; }

#nextPrevious a:hover { border: none; }

#nextPrevious a.next, #nextPrevious span.next { background-position: right; text-align: left; padding-left: 20px; }

#nextPrevious a.previous, #nextPrevious span.previous { background-position: left; text-align: right; padding-right: 20px; }

#nextPrevious span { color: #bbb; }

.cta { margin: 20px 0 20px 20px; padding: 10px; border: 1px solid #c3bb9c; background: #e8e4d8; color: #000; }

.cta h3 { margin-top: 0; color: #8A2E2E; font-weight: bold; font-size: 130%; }

.cta p { font-size: 90%; }

.cta .ctaLink { text-align: right; margin-bottom: 0; }

.cta a { color: #8A2E2E; }

.cta a:hover { border-color: #8A2E2E; }

ul { margin-left: 10px; padding-left: 10px; }

li p { margin-bottom: 10px; }

ul.breadcrumb { list-style: none; margin: 0; padding: 0; margin-bottom: 15px; font-size: 90%; }

ul.breadcrumb li { display: inline; }

ul.breadcrumb li:after { content: ' /'; }

ul.breadcrumb li.last:after { content: ''; }

#PreviousNext { margin-top: 10px; }
#PreviousNext li { float:left; width:auto; margin-right:5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

input, textarea, select { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; padding: 3px; }

form p.row { margin: 5px 0; }

form label { float: left; width: 180px; margin-right: 20px; text-align: right; }

form input { width: 300px; }

form .submitBtn { width:56px; height:22px; }

.submitRow { text-align:center;}

form textarea { width: 300px; height: 100px; }

form input.button { width: auto; margin-left: 200px; padding: 5px 10px; text-transform: uppercase; color: #fff; background: #a18946; border: 1px solid #8c7534; }

form input.button:hover { background: #8c7534; border: 1px solid #a18946; cursor: pointer; }

#CSVDownloadTable th { text-align:left; }
#CSVDownloadTable td { padding-right:10px; }
.leftAlign { text-align:left; }
.leftAlign input { width:60px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Google +1 styles */
.GooglePlus1 {float:right; margin-right:-30px;}
.bottom {float:right; margin:-20px -30px 0px 0px;}