@charset "utf-8";
html { background: #f1f6fa url(/images/bkgd-tile-sky-grass.jpg) top center repeat-x; }
body { background: url(/images/bkgd-hill-tree.jpg) 49% 0 no-repeat; padding-top: 33px; background: url(/images/bkgd-hill-tree.jpg) 49% 0 no-repeat; }
/* Header with main navigation */
/*#hd { width: 960px; margin-right: auto; margin-left: auto; overflow: auto; }
#hd #logo { float:left; margin:16px 0 0 59px; overflow:hidden; background: url(/images/logo.png) 0 0 no-repeat; }
#hd #logo a { display: block; width:168px; height:57px; text-indent: -9999px; }
#hd { position: relative; z-index: 1; }*/
/*#hd #hd-navigation { position: absolute; top: 26px; right: 92px; }*/
/*#hd #hd-navigation { position: absolute; top: 18px; left: 260px; }
#hd #hd-navigation { width: 643px; height: 30px; }
#hd #hd-navigation ul { list-style: none; margin: 0; padding: 0; }
#hd #hd-navigation ul li { margin: 0; padding: 0; display: inline; }
#hd #hd-navigation ul li a { display: block; float: left; height: 30px; margin-right: 5px; text-indent: -9999px; background-image: url(/images/navs.gif); background-repeat: no-repeat; }
#hd #hd-navigation ul li#nav-testresults a { width: 99px; background-position: 0 0px; }
#hd #hd-navigation ul li#nav-envbenefits a { width: 170px; background-position: -104px 0px; }
#hd #hd-navigation ul li#nav-financing a { width: 84px; background-position: -279px 0px; }
#hd #hd-navigation ul li#nav-faq a { width: 42px; background-position: -368px 0px; }
#hd #hd-navigation ul li#nav-about a { width: 76px; background-position: -415px 0px; }
#hd #hd-navigation ul li#nav-contact a { width: 92px; background-position: -496px 0px; }
#hd #hd-navigation ul li#nav-home a { width: 50px; background-position: -593px 0px; margin-right: 0px; }
#hd #hd-navigation ul li#nav-testresults a.navON, #hd #hd-navigation ul li#nav-testresults a:hover { background-position: 0 -30px; }
#hd #hd-navigation ul li#nav-envbenefits a.navON, #hd #hd-navigation ul li#nav-envbenefits a:hover { background-position: -104px -30px; }
#hd #hd-navigation ul li#nav-financing a.navON, #hd #hd-navigation ul li#nav-financing a:hover { background-position: -279px -30px; }
#hd #hd-navigation ul li#nav-faq a.navON, #hd #hd-navigation ul li#nav-faq a:hover { background-position: -368px -30px; }
#hd #hd-navigation ul li#nav-about a.navON, #hd #hd-navigation ul li#nav-about a:hover { background-position: -415px -30px; }
#hd #hd-navigation ul li#nav-contact a.navON, #hd #hd-navigation ul li#nav-contact a:hover { background-position: -496px -30px; }
#hd #hd-navigation ul li#nav-home a.navON, #hd #hd-navigation ul li#nav-home a:hover { background-position: -593px -30px; }
*/
/* Header */
#hd { width: 960px; margin: auto; position: relative; height: 263px; }
#hd #company-logo { position: absolute; top: 16px; left: 59px; background: url(/images/logo.png) no-repeat 0 0; }
#hd #company-logo a { text-indent: -9999px; width: 168px; height: 57px; display: block; }
/*#hd #hd-navigation { position: absolute; top: 26px; right: 59px; }*/
#hd #hd-navigation { float:right; margin-top: 18px; margin-right: 60px; }/*position: absolute; top: 18px; left: 260px; }*/
#hd #hd-navigation { /*background: url(/images/navs-interior.gif) 0 0 no-repeat;*/ /*width: 643px;*/ height: 30px; }
#hd #hd-navigation ul { list-style: none; margin: 0; padding: 0; }
#hd #hd-navigation ul li { margin: 0; padding: 0; float: left; list-style: none; }
#hd #hd-navigation ul li a { display: block; height: 30px; margin-right: 5px; text-indent: -9999px; background-image: url(/images/navs-interior.gif); background-repeat: no-repeat; }
#hd #hd-navigation ul li#nav-testresults a { width: 99px; background-position: 0 0px; }
#hd #hd-navigation ul li#nav-envbenefits a { width: 170px; background-position: -104px 0px; }
#hd #hd-navigation ul li#nav-financing a { width: 84px; background-position: -279px 0px; }
#hd #hd-navigation ul li#nav-faq a { width: 42px; background-position: -368px 0px; }
#hd #hd-navigation ul li#nav-about a { width: 76px; background-position: -415px 0px; }
#hd #hd-navigation ul li#nav-contact a { width: 92px; background-position: -496px 0px; }
#hd #hd-navigation ul li#nav-home a { width: 50px; background-position: -593px 0px; margin-right: 0px; }
#hd #hd-navigation ul li#nav-testresults a.navON, #hd #hd-navigation ul li#nav-testresults a:hover { background-position: 0 -30px; }
#hd #hd-navigation ul li#nav-envbenefits a.navON, #hd #hd-navigation ul li#nav-envbenefits a:hover { background-position: -104px -30px; }
#hd #hd-navigation ul li#nav-financing a.navON, #hd #hd-navigation ul li#nav-financing a:hover { background-position: -279px -30px; }
#hd #hd-navigation ul li#nav-faq a.navON, #hd #hd-navigation ul li#nav-faq a:hover { background-position: -368px -30px; }
#hd #hd-navigation ul li#nav-about a.navON, #hd #hd-navigation ul li#nav-about a:hover { background-position: -415px -30px; }
#hd #hd-navigation ul li#nav-contact a.navON, #hd #hd-navigation ul li#nav-contact a:hover { background-position: -496px -30px; }
#hd #hd-navigation ul li#nav-home a.navON, #hd #hd-navigation ul li#nav-home a:hover { background-position: -593px -30px; }
/* Banner and intro text */
#intro-text { width: 840px; height: 108px; margin: 10px auto 0 auto; color: #ffffff; clear:both; padding-top: 1em; position: absolute; top: 60px; left: 60px; }
#intro-text h1 { font: italic bold 30px/1em "Trebuchet MS", Arial, Helvetica, Sans-Serif; margin: 0 0 0.25em 0; padding: 0; }
#intro-text p { font: 14px/1.4em Arial, Helvetica, sans-serif; }
#intro-text a { color: #e3ef92; }
#introFlash { width: 960px; position:absolute; top: 204px; left: 0; float: left; }
/* Content regions (positioning) */
#main-region { clear: both; width: 900px; margin: 204px auto 0px auto; padding: 0 30px 0 30px; overflow: auto; z-index: 2; }
#main-region #region1 { position: relative; float: left; width: 495px; padding: 32px 30px 30px 30px; background: #ffffff url(/images/region1-top.gif) 0 0 no-repeat; color: #0d3d61; font-size: 14px; }
#main-region #region1 .region1-ft { position: absolute; bottom: 0; left: 0; width: 555px; height: 5px; background: #ffffff url(/images/region1-bot.gif) 0 0 no-repeat; }
/* Content Styles */
#main-region #region1 h1 { color: #73a5ca; font: 24px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
ul.list1 { list-style: none; margin: 0; padding: 0; position: relative; }
ul.list1 li { font-size: 12px; list-style: none; border-bottom: 1px solid #b9d2e4; margin: 0 0 22px 0; padding: 0 0 22px 60px; }
ul.list1 li span.title { font-size: 14px; font-weight: bold; font-style: italic; }
.icon-pump { background: url(/images/icon-lg-pump.gif) 0 0 no-repeat; }
.icon-nowrench { background: url(/images/icon-lg-nowrench.gif) 0 0 no-repeat; }
.icon-leaf { background: url(/images/icon-lg-leaf.gif) 0 0 no-repeat; }
.icon-nohand { background: url(/images/icon-lg-nohand.gif) 0 0 no-repeat; }
.icon-wheel { background: url(/images/icon-lg-wheel.gif) 0 0 no-repeat; }
.icon-gage { background: url(/images/icon-lg-gage.gif) 0 0 no-repeat; }
.icon-dollar { background: url(/images/icon-lg-dollar.gif) 0 0 no-repeat; }
/* Content Link Styles */
#main-region #region1 a { color: #dd2121; text-decoration: none; }
#main-region #region1 a:hover { color: #dd2121; }
/* Right Side Bar */
#main-region #region2 { float: left; width:340px; }
#region2 #calculator { width: 340px; height: 309px; margin-top: -6px; margin-right:-4px; margin-left:9px; }
#region2 .promo { width: 160px; height: 116px; margin: 0 0 15px 13px; padding: 27px 10px 0 162px; }
#region2 .promo h3 { margin: 0; padding: 0; color: #0d3d61; font: 18px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#region2 .promo p { margin: 0; padding: 0; color: #0d3d61; font: 11px/1.3em Arial, Helvetica, sans-serif; }
#region2 .promo a { color: #dd2121; text-decoration: none; }
#region2 #promo-video { background: url(/images/promo-video.jpg) 0 0 no-repeat; }
#region2 #promo-leaf { background: url(/images/promo-leaf.jpg) 0 0 no-repeat; }
/* Footer */
#footer { width: 840px; margin: 13px auto 0 auto; padding: 25px 30px 30px 30px; clear: both; overflow: auto; background: #0d3d61 url(/images/footer-top.gif) 0 0 no-repeat; }
#footer span.rights { float: left; color: #ffffff; font: 11px/1.2em Arial, Helvetica, sans-serif; }
#footer span.title { text-transform: uppercase; font-weight: bold; }
#footer ul.index { float: right; margin: 0; padding: 0; }
#footer ul.index li { list-style: none; display: inline; padding-left: 18px; }
#footer ul.index li a { color: #73a5ca; text-decoration: none; font: 11px/1.2em Arial, Helvetica, sans-serif; }