yui.css
naturalwaylawn.com
Created by Jeff Selser on 2010-01-20.
Copyright 2010 Selser Media LLC. All rights reserved. 
Modified - 11/21/2011
*/
/* @group base */
/*
Copyright (c) 2008,Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version:2.6.0
*/
/* base.css,part of YUI's CSS Foundation */
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
del{text-decoration:line-through;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
/* @end */
html{color:#000;background:#a3dcf9 url(http://cdn.naturalwaylawn.com/css/img/html_btm3.jpg) repeat-x fixed 0 bottom;}
body{background:transparent url(http://cdn.naturalwaylawn.com/css/img/bd_bg_3.png) repeat-x center top;}
#bdWrapper{background:url(http://cdn.naturalwaylawn.com/css/img/bdWrapper_bg.png) repeat-y 0;}
#bdBtm{height:30px;background:url(http://cdn.naturalwaylawn.com/css/img/bd_btm.png) no-repeat;}
#bdBtm.level3{background:url(http://cdn.naturalwaylawn.com/css/img/bd_btm_3.png) no-repeat;}
/* @group header */
#hd{height:139px;position:relative;}
#hd{width:950px;}
#hd h1 span,#hd h2 span{display:none;}
#hd h1,#hd h2{background-image:url(http://cdn.naturalwaylawn.com/assets/images/logo.png);width:239px;height:125px;position:absolute;top:0;left:30px;}
#phoneBox{position:absolute;right:20px;top:60px;width:239px;height:60px;background:transparent url(img/phone.png) no-repeat center top;}
#phoneBox span{color:#005d39;font-style:italic;font-size:167%;display:block;letter-spacing:8px;position:absolute;top:35px;text-align:center;width:239px;}
/* @group topbox */
#searchbox{width:200px;float:left;margin-left:60px;margin-top:4px;}
#hd #topbox{position:absolute;right:0;top:0;width:418px;height:33px;background:url(img/login_bg.png) no-repeat;}
div.searchBtn{position:absolute;top:4px;left:215px;}
div.searchBtn input{background:url(img/btnGo.png) no-repeat;cursor:pointer;width:36px;height:25px;border:none;}
/* @end */
/* @group mainmenu */
#menu{width:950px;margin:0 auto;padding-top:25px;}
#menuWrapper{background:transparent url(http://cdn.naturalwaylawn.com/css/img/menuWrapper_bg.png) no-repeat 0 top;height:58px}
#menu #home,.home #about{margin-left:30px;margin-right:20px;}
#menu #about,#menu #other,#menu #faq{margin-right:20px;}
#menu #treecare,#menu #pestcontrol,#menu #lawncare{margin-right:10px;}
#hmenu{color:#fff;margin:0;padding:0;height:30px;z-index:999;}
#hmenu li{display:inline;position:relative;font-size:108%;z-index:999;}
#hmenu li a{color:#f8e194;text-decoration:none;font-size:108%;font-weight:bold;padding:10px 10px 10px 10px;}
#hmenu li a:hover{color:#fff;background-color:#004d39;}
#hmenu li.mega a{background:transparent url(http://cdn.naturalwaylawn.com/css/img/menu_arrow_dn.png) center right no-repeat;padding:10px 28px 10px 10px;}
#hmenu li.mega a:hover,#hmenu li.hovering a{color:#fff;background-color:#004d39;}
#hmenu div{display:none;}
#hmenu li.mega .mega-panel{position:absolute;top:31px;left:0;margin:0;padding:5px 10px 20px;width:330px;/* 360 */
background:transparent url(http://cdn.naturalwaylawn.com/css/img/menu_hover_bg.png) bottom center no-repeat;z-index:9999;}
ul.sub{margin:0;padding:0;width:100%;}
ul.sub li{margin:0;padding:0px;display:block;width:100%;}
#hmenu li.hovering div{display:block;}
#hmenu li.mega div a{color:#eee;padding:2px;margin:0;display:block;background-image:none;text-decoration:none;font-size:85%;font-weight:normal;}
#hmenu li.mega div a:hover{color:#fff;text-decoration:underline;background-color:#003C2D;}
div.sectionTitle{color:#3E814B;font-weight:bold;line-height:1.8em;}
/* @end */
/* @group main content */
/* @group home */
a{outline:none;}
h3.main_sections{margin:0;}
#lawn a{width:381px;display:block;height:33px;background:url(http://cdn.naturalwaylawn.com/css/img/home_headings3.png) no-repeat -3px 0;}
#lawn a span{display:none;}
#tree a{width:309px;display:block;height:33px;background:url(http://cdn.naturalwaylawn.com/css/img/home_headings3.png) no-repeat -3px -72px;}
#tree a span{display:none;}
#pest a{width:305px;display:block;height:33px;background:url(http://cdn.naturalwaylawn.com/css/img/home_headings3.png) no-repeat -3px -149px;}
#pest a span{display:none;}
#badges{position:relative;}
#hp_accr{display:block;position:absolute;width:100%;height:197px;background:url(../../../images/hp_accr.png) no-repeat 438px 80px;}
/* h2#welcome{font-size:189%;width:40%;color:#006039;margin-bottom:0;}
*/
h2#welcome{width:409px;display:block;height:100px;background:url(http://cdn.naturalwaylawn.com/css/img/home_headings3.png) no-repeat -3px -208px;margin-bottom:0px;}
#welcome span{display:none;}
img#homepage{position:relative;top:-110px;}
.home p.intro{color:#292929;font-size:123.1%;}
/* @end */
span.highlight{color:#006039;font-weight:bold;text-decoration:underline;}
h3.ngs{margin-bottom:0;color:#006039;}
p{color:#424242;padding:10px 0;font-size:108%;line-height:1.6em;}
p.intro{font-size:108%;}
div.content p{font-size:108%;}
#ft p{color:#C0B087;}
div#ditto{margin-top:10px;}
h1#pageName,h2#pageName{color:#005e39;font:bold 197% Arial;margin-top:0px;margin-bottom:.5em;}
#bd{background:#fff url(img/mc_top_bg.png) repeat-x left top;min-height:540px;width:950px;margin:0 auto;}
#bd{background:#fff url(img/mc_top_bg.png) repeat-x left top;min-height:540px;width:950px;margin:0 auto;}
/*updated for more breathing room 25 nov 09 8:10am - jselser */
#mainContent{padding:10px 40px 20px 40px;position:relative;}
.imgleft{float:left;padding-right:10px;}
.imgright{float:right;padding-left:10px;}
table#watering{}
.clearit{clear:left;}
#watering tbody tr th{background-color:green;color:white;}
#watering tbody tr{background-color:#eaeaea;}
#watering tbody td{border-style:dotted;border-color:silver;padding-left:20px;}
#watering tbody td{border-style:dotted;border-color:silver;padding-left:20px;padding-right:20px;}
dl.faq{margin:1em 0;}
dl.faq dt{font-weight:bold;color:#005d39;padding-bottom:1em;font-size:116%;}
dl.faq dd{margin-bottom:1.5em;background-color:#eaeaea;padding:1em;margin-left:0;-moz-border-radius:10px;-webkit-border-radius:10px;color:#424242;font-size:100%;}
dl.info{margin:1em 0;}
dl.info dt{font-weight:bold;color:#005d39;padding-bottom:1em;font-size:116%;}
dl.info dd{margin-bottom:1.5em;background-color:#eaeaea;padding:1em;margin-left:0;-moz-border-radius:10px;-webkit-border-radius:10px;color:#424242;font-size:100%;}
#mainContent div.yui-u.first dl dd img{padding-bottom:5px;}
div.quote,.service_block{background-color:#EBE5CF;padding:20px;margin-bottom:20px;-moz-border-radius:10px;-webkit-border-radius:10px;}
div#rightBlock{background-color:#FFF;}
#rightBox{margin-top:56px;}
img#bbb{display:block;margin-right:auto;margin-left:auto;}
.sg{font-weight:bold;/* green bold */
color:#006039;}
td{border:1px dotted silver;font-size:93%;}
span.wow{font-style:italic;text-decoration:underline;}
ul.breathe li{padding:10px 0;}
/* @group tooltip */
#nwtip{display:none;background:transparent url(img/tooltip/white_arrow_big.png) no-repeat;font-size:14px;font-weight:bold;height:160px;width:310px;padding:35px;color:#006039;}
/* @end */
/* @group lawncare */
p.tight{padding:0 0 .5em 0;font-size:108%;}
span.naturalfree{color:#006039;font-weight:bold;}
h2.wow{font-size:189%;margin-top:0;color:#006039;}
h3.ngs{margin:0;color:#006039;font-size:123.2%;}
.nwgreen{color:#006039;}

p.tight.bold{font-weight:bold;}

h2.newsTitle a {
color:#006039;
font-weight: bold;
}

ul.points li{font-size:108%;padding-bottom:.25em;color:#424242;}
span.panelCta{display:block;font-weight:bold;padding-top:.5em;text-align:center;}
span.naturalgreen{color:#006039;}
/* @end */
/* @end */
/* @group submenu */
img#freeEstimate{padding-left:7px;}
#subMenu{background:url(img/rcol_mid.png) repeat-y left top;width:240px;margin-top:54px;position:relative;}
#subMenuTop{display:block;width:240px;height:15px;background:transparent url(img/rcol_top.png) no-repeat center top;}
#subMenuBtm{height:103px;background:#fff url(img/rcol_btm_new.png) no-repeat center bottom;margin-top:20px;}
#subMenu h2{margin:10px 20px;color:#F8D77E;font-weight:normal;font-style:normal;text-transform:uppercase;border-bottom:1px dotted #b79f60;padding-bottom:4px;}
li h3{margin:0;color:#49683e;}
#subMenu ul{margin:0 20px;}
#subMenu li{list-style:none;border-bottom:1px dotted #c7af6b;padding-left:10px;background:url(img/submenu_li_bg.png) no-repeat 0 2px;margin:0 0 .5em;padding-bottom:.5em;}
#subMenu li a{text-decoration:none;color:#fbd57b;display:block;}
#subMenu li a:hover{color:#fff;text-decoration:underline;}
#subMenu div.tagline{background-color:transparent;position:absolute;top:-50px;color:#49683e;text-align:center;width:100%;margin:0 auto 0 auto;font-size:131%;font-weight:bold;}
/* @end */
/* @group Forms */
#RenewForm div.errorbox div.errors strong{color:#000;}
.required{background-color:#fa7a7b;}
form.nwform{background:#FFFFFF url(img/h600.png) repeat-x scroll 0 0;border:1px solid #ccc;padding:15px;}
.nwform fieldset{border:1px solid #ccc;padding:15px;}
.nwform fieldset legend{padding:.5em;font-weight:bold;background:transparent;}
#cfMessage,#efNote{width:300px;border:1px inset silver;}
#mainContent p.ctaBig{padding:0;color:green;}
span.notice{/* color:red;*/}
span.req{color:#f90b16;font-weight:bold;font-size:116%;}
span.lighter{font-weight:normal;font-size:smaller;color:gray;}
.nwform label{width:130px;float:left;text-align:right;padding:0 5px 0 0;font-size:93%;}
span.label.checkbox{float:none;display:block;margin-right:337px;text-align:right;}
#LawnCarePPCEstimate span.label.checkbox{margin-right:0px;text-align:left;}
#col1 p{margin-bottom:5px;}
#col1 span.localphone{display:block;padding-bottom:10px;}
.nwform table{margin-left:135px;margin-top:10px;margin-bottom:10px;width:300px;border:1px solid #ccc;}
div#rightBox img{margin:0 auto 20px auto;display:block;}
div#rightBox #bbb{margin-top:20px;}
img#bbb{padding-top:20px;}
img#satisfaction{display:block;margin-right:auto;margin-left:auto;margin-top:20px;}
.nwform td,nwform tr{border:none;padding:.33em;}
input#cfEstimate.button,input#pcEstimateBtn.button{margin-left:305px;margin-top:10px;}
h2#differnce{color:#49683e;font-size:182%;margin-top:0;margin-bottom:.5em;}
h3#trust,#specialists{font-size:153.9%;margin-bottom:.5em;color:#49683e;}
#mainContent div.yui-u.first ul li{list-style-type:circle;}
form.renew div label{float:left;width:40%;font-size:93%;font-weight:bold;}
form.renew div{clear:left;margin:0;padding:0;padding-top:0.6em}
.nwform td label{margin:0;padding:0px;float:none;text-align:left;width:0px;}
.row-1{height:25px;}
#LawnCareEstimate h3{text-align:center;margin:0 0 10px 0;}
#rightBox div.tagline{text-align:center;font-weight:bold;color:#49683e;font-size:131%;}
div.errors{color:red;font-weight:bold;font-size:108%;}
#RenewForm div.errorbox{border:1px dashed red;padding:0 1em 1em;margin:1em;}
/* PPC Page */
div#rightBox.yui-u.ppc{margin-top:0;}
div#formRightPpc{margin-top:20px;}
#rightBox p.ctaBig{font-size:123.1%;font-weight:bold;}
div#trust img{margin-bottom:10px;margin-top:0;}
/*
@end */
/* @group ditto */
.ditto_item{height:102px;margin-bottom:20px;}
/* @end */
/* @group footer */
#ft{background:transparent url(http://cdn.naturalwaylawn.com/css/img/ft_bg2.png) no-repeat;height:247px;color:#C0B087;width:950px;margin:20px auto 0;position:relative;}
#ft h3{padding:0 40px;color:#89CF07;margin-bottom:10px;}
#col3 h3{background-repeat:no-repeat;}
#ft p,#ft address,#ft span{padding:0 40px;font:85%/1.4em verdana;}
/* My Comment */
#copyright{position:absolute;bottom:60px;left:290px;}
#ftContent{padding:10px 20px;}
#ft a{color:#a36e00;text-decoration:none;}
/* @end */
/* @group breadcrumbs */
#breadcrumbs span.B_crumbBox a,#breadcrumbs span.B_crumbBox a:visited{color:#a36e00;text-decoration:none;}
#breadcrumbs{padding:10px 0 0px 40px;}
/* @end */
/* @group Home */
div#custGiftCard{position:absolute;height:64px;width:227px;background:white url(img/txt_home_est_offer.png) no-repeat 3px 0;padding-top:64px;left:480px;top:417px;}
div#renew2011{position:absolute;height:199px;width:229px;left:480px;top:370px;}
#boxWrapper{background:transparent url(img/hp_grids_bg5.png) no-repeat;height:284px;margin-top:20px;padding:0 20px;}
#threeboxes{width:950px;}
#threeboxes h3{color:#519206;font-size:138.5%;margin:30px 0 10px 20px;}
#threeboxes p{padding:0 20px;}
div#extraPhotos{background-color:#faeabb;}
#extraPhotos p{margin:0;padding:0;text-align:center;font-size:93%;}
div#siblings{clear:both;}
div#trust{width:180px;position:absolute;right:47px;top:376px;text-align:center;}
ul.homebox li{list-style-image:url(img/grn_check.png);margin-bottom:.33em;}
ul.homebox{padding-right:10px;margin-left:40px;}
/* @end */
/* @group Panel */
/* override the root element to enable scrolling */ 
#flowpanes{width:870px;height:222px;position:relative;overflow:hidden;clear:both;}
/* enforce fixed image size if using imgleft class */
#flowpanes .imgleft{width:305px !important;height:212px !important;}
/* override single pane */ 
#flowpanes>div,#flowpanes>div>div{float:left;display:block;width:870px;/* cursor:pointer;*/}
/* our additional wrapper element for the items */ 
#flowpanes .items{width:20000em;position:absolute;clear:both;margin:0;padding:0;}
#flowpanes .less,#flowpanes .less a{color:#999 !important;font-size:11px;}
.dialog{position:relative;margin:0px auto;width:535px;z-index:1;margin-left:12px;/* default,width of left corner */
float:left;}
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div{background:transparent url(img/panel_bg.png) no-repeat top right;}
.dialog .content{position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
.dialog .t{/* top+left vertical slice */
position:absolute;left:0px;top:0px;width:12px;/* top slice width */
margin-left:-12px;height:100%;_height:1600px;/* arbitrary long height,IE 6 */
background-position:top left;}
.dialog .b{/* bottom */
position:relative;width:100%;}
.dialog .b,
.dialog .b div{height:10px;/* height of bottom cap/shade */
font-size:1px;}
.dialog .b{background-position:bottom right;}
.dialog .b div{position:relative;width:12px;/* bottom corner width */
margin-left:-12px;background-position:bottom left;}
.dialog .hd,
.dialog .bd,
.dialog .ft{position:relative;}
.dialog .wrapper{/* extra content protector - preventing vertical overflow (past background) */
position:static;max-height:1000px;overflow:auto;/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2,and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialog h1,.dialog h2,
.dialog p{margin:0px;/* margins will blow out backgrounds,leaving whitespace. */
padding:0.5em 0px 0.5em 0px;}
.dialog h1,.dialog h2{padding-bottom:0px;}
#flowtabwrapper{background:transparent url(img/panel_tabs_bg.jpg) no-repeat bottom center;padding:10px 0 10px 0;margin:0 0 0px 0;height:50px;}
ul#flowtabs{height:40px;/* float:right;- why JS? */ 
margin:0;margin-left:auto;margin-right:auto;padding:0;width:90%;}
#flowtabs li{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;float:left;display:inline;}
div.searchTerms{font-weight:bold;}
#flowtabs li a{display:block;background:transparent url(img/panel_tab_bg.png) no-repeat top left;height:40px;padding:0 0 0 15px;margin:0 5px 0;text-decoration:none;}
#flowtabs li a span{display:block;background:transparent url(img/panel_tab_bg.png) no-repeat top right;height:20px;padding:10px 15px 10px 0;margin:0;font-size:100%;color:#fff;text-decoration:none;}
#flowtabs li a:hover,#flowtabs li a.current{background:transparent url(img/panel_tab_bg_active.png) no-repeat top left !important;}
#flowtabs li a:hover span,#flowtabs li a.current span{background:transparent url(img/panel_tab_bg_active.png) no-repeat top right ;/* removed !important since it broke the search highlighting -jds */}
#btnPanelEstimate{text-align:center;}
/* @end */
/* @group PPC */
form.ppc input.button{margin-top:10px;text-align:left;}
form.ppc div.row-1 label{text-align:left;width:100px;}
form.ppc div table{margin-left:0px;}
#ppc p.intro{font-weight:bold;font-size:123.1%;color:#424242;}
div.yui-g.testimonials h3{margin:0;color:#a36e00;font-size:131%;}
div.yui-g.testimonials{margin:0 50px;}
div.yui-g.testimonials p{padding-top:.5em;background:url(img/h600.png) repeat-x scroll 0 0;padding:.5em;}
div.yui-g.testimonials p span.author{color:#006039;font-weight:bold;display:block;text-align:right;}
/* @end */
/* @group Search */
#ajaxSearch_form{position:relative;top:4px;}
span.ajaxSearch_highlight.ajaxSearch_highlight1{color:red;}
div.AS_ajax_resultsIntroFailure{margin-top:20px;}
/* Resolves issue with search highlight on flowtab buttons*/
#flowtabwrapper span.ajaxSearch_highlight.ajaxSearch_highlight1{display:inline;background-image:none;margin:0 0 0 0;padding:0 0 0 0;}
a.ajaxSearch_resultLink{font-weight:bold;color:#448948;font-size:121%;padding-bottom:1em;display:inherit;}
div.ajaxSearch_resultExtract{margin-bottom:1em;background-color:#eaeaea;padding:.5em 1em;-moz-border-radius:10px;-webkit-border-radius:10px;color:#424242;font-size:100%;}
/* @end */
/* @group overlay */
div.ditto_introText{font-size:108%;}
h3.ditto_pageTitle{margin:0 0 10px 0;}
div.overlay,#overlay{padding:40px;width:576px;display:none;background-image:url(/img/overlay/nwwhite.png);}
div.overlay div.close,#overlay div.close{background:url(img/overlay/close.png) no-repeat;position:absolute;top:2px;right:5px;width:35px;height:35px;cursor:pointer;z-index:99999;}
#overlay_player{display:block;height:450px;}
/* use a semi-transparent image for the overlay */ 
#overlay{background-image:url(img/overlay/nwwhite.png);color:#2b2b2b;height:450px;}
/* container for external content. uses vertical scrollbar,if needed */ 
div.contentWrap{height:600px;overflow-y:auto;}
/* @end */
.service_block h2{margin-top:0;}
table.cities{margin-bottom:20px;}
/* @group customer */
#rightBox div.custpromo img{margin-bottom:5px;}
h3.offer-title{color:#004f39;font-size:138%;margin-top:0;margin-bottom:.5em;}
h3.offer-cta{font-size:93%%;margin:0px 0 .5em 0;padding:0px;}
span.offer-or{font-weight:bold;}
span.promo-phone{color:#005f39;font-weight:bold;font-style:italic;}
#rightBox div.custpromo p{margin:0px;padding:0px;}
ul.big{font-size:116%}
div#newsletter2,div#card{width:203px;padding:10px;margin:0 auto 10px auto;}
div#card{border:1px dotted #a36e00;}
.customer div#rightBox img{margin:0 auto 10px auto;display:block;}
div.custpromo{width:216px;margin-left:30px;text-align:center;padding:10px;border:1px dotted silver;-moz-border-radius:10px;
        -webkit-border-radius:10px; 
        }
p.offer-terms{font-size:85%;}
span.offer-expires{display:block;font-weight:bold;margin-top:.5em;}
div.custpromo-details{background-color:#fdf2c1;border:1px dotted #00643a;padding:10px;color:#5e5e5e;
-moz-border-radius:10px;-webkit-border-radius:10px; }
/* @end */


#welcome-links li a {
    color: #005e39;
    font-style: italic;
    font-weight: bold;
}

dl.faq h2 {
        color: #fff;
        background-color: #005e39;
        padding: 10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px; 
        text-align: center;
    position: static;
}

#links-wrapper {
    background-color: #fff;
    border: 1px dotted #00703a;
    width: 550px;
    padding: 10px;
    -moz-border-radius:10px;
        -webkit-border-radius:10px; 
        background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
}
#welcome-links li{
    padding: 0 0 .5em 0;
    font-size: 1.3em;
}
.terms div.yui-u.first h2 {
    margin-bottom: 0px; 
}
.terms div.yui-u.first {
    font-size: 83%;
}