@charset "utf-8";

html { background: #f1f6fa url(/images/bkgd-tile-sky-grass.jpg) repeat-x 0 -165px; }
body { background: url(/images/bkgd-hill-tree-interior.jpg) no-repeat top center; padding-top: 33px; }

#page { width: 960px; margin: auto; position: relative; }


/* Header */
#hd { width: 960px; position: relative; height: 263px; margin: auto; }
#hd #company-logo   { position: absolute; top: 16px; left: 59px; background: url(/images/logo.png) no-repeat 0 0; z-index: 5; }
#hd #company-logo a { text-indent: -9999px; width: 168px; height: 57px; display: block; }

#hd #hd-navigation { float: right; margin: 18px 60px 0 0; height: 30px; /* position: absolute; top: 18px; left: 260px;*/ }

#hd #hd-navigation ul      { 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; }

/*#hd #hd-intro { width: 959px; padding-top: 67px; margin: auto; }*/

#hd #hd-intro { position: absolute; top: 67px; left: 0; width: 960px; height: 196px; background: url(/images/intro-truck-interior.png) no-repeat 0 0; z-index: 0; }

/* Body */
#bd { width: 900px; margin: 24px auto 0px auto; padding: 0 30px; overflow: auto; }
#bd #region1 { float: left; background: url(/images/region1-top.png) top left no-repeat; width: 555px; padding: 5px 0px 0px 0px; }
#bd #region1 .inner-content { background: #ffffff url(/images/region1-bottom.png) left bottom no-repeat; padding: 25px 30px 30px 30px; min-height: 300px; _height: 300px; }
#bd #region2 { float: left; width: 332px; margin-left: 0px; }

/* Content Styles */
#bd #region1 { font: 12px/1.4em Arial, Helvetica, sans-serif; color: #0d3d61; }
#bd #region1 h1 { color: #73a5ca; font: 24px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#bd #region1 h2 { color: #a9b655; /* Options: #73a5ca #0d3d61 */ font: normal 18px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#bd #region1 ul    { margin: 0 0 1em 0; padding: 0 0 0 1em; }
#bd #region1 ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url(/images/blt-arrow.gif) no-repeat 0 5px; }

.faq-list {}
.faq-list li {}
.faq-q { font-weight: bold; }
.faq-a { display: block; margin-bottom: 1em; }

dl.faq-list { margin:0 0 1em 0; padding:0 0 0 1em; }
dl.faq-list dt { font-weight: bold; background: url(/images/blt-arrow.gif) 0 5px no-repeat; margin: 0; padding: 0 0 0 15px; }
dl.faq-list dd { margin: 0 0 1em 0; padding: 0 0 0 1em; }

/* Content Link Styles */
#bd #region1 a { color: #dd2121; text-decoration: none; }
#bd #region1 a:hover { color: #dd2121; }

#bd .partner { padding-left: 162px; margin-bottom: 2em; background-repeat: no-repeat; background-position: 0 0; position: relative; }
#bd #partner-LeaseCorp { background-image: url(/images/lease-corporation.png); } /* 162x97 */
#bd #partner-Mayo { background-image: url(/images/mayo-and-associates-ltd.png); } /* 162x97 */

.logo-smartway { float: right; margin: 0 0 0 5px; width: 255px; height: 70px; background: url(/images/logo-smartway.png) no-repeat top left; }

#bd a.partnerlogo { display: block; position: absolute; top: 0; left: 0; width: 162px; height: 97px; }

/* Right side panel */
#bd #region2              { float: left; width:332px; }
#bd #region2 #calculator  { width: 340px; height: 309px; margin-top: -6px; margin-right:-4px; margin-left:9px; /*background: url(/images/calculator01.png) no-repeat 0 0;*/ }
#bd #region2 .promo       { width: 170px; height: 116px; margin-left: 13px; margin-bottom: 15px; padding-left: 162px; padding-top: 27px; }
#bd #region2 .promo h3    { margin: 0; padding: 0; color: #0d3d61; font: 18px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#bd #region2 .promo p     { margin: 0; padding: 0; color: #0d3d61; font: 11px/1.3em Arial, Helvetica, sans-serif; }
#bd #region2 .promo a     { color: #dd2121; text-decoration: none; }
#bd #region2 #promo-video { background: url(/images/promo-video.jpg) 0 0 no-repeat; }
#bd #region2 #promo-leaf  { background: url(/images/promo-leaf.jpg) 0 0 no-repeat; }

/* Side navigation */
div#side-navigation         { width: 332px; margin: 0 0 1em 13px; }
div#side-navigation ul      { margin: 0; padding: 0; list-style: none; }
div#side-navigation ul li   { list-style: none; margin: 0; padding: 0; display: inline; }
div#side-navigation ul li a { display: block; border-bottom: 1px solid #73a5ca; background-color: #fff; padding: 18px 20px; text-decoration: none; color: #73a5ca; font: bold 12px/1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }

div#side-navigation ul li.first   { }
div#side-navigation ul li.first a { width: 292px; background: transparent url(/images/nav-side-top-long.png) 0 0 no-repeat; }
div#side-navigation ul li.last a  { padding-bottom: 19px; background: transparent url(/images/nav-side-bottom-long.png) left bottom no-repeat; border-bottom: none; }

/* Forms */
label { display: block; position: relative; margin: 0 0 0.5em 0; padding: 0 0 0 0; }
label span { float: left; width: 130px; text-align: right; margin: 0 10px 0 0; }
label span.formErr { color: #FF0000; display: inline; float: none; font-size: 1.25em; }
label span strong { font-weight: bold; }
label input, label textarea, label span { position: relative; }
label input, label textarea { font: 12px "Courier New", Courier, mono-space; width: 200px; }
.formButton { margin: 0 0 0 140px; }
.formErrSummary {}

/* Footer */
#ft { 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; }
#ft span.rights { float: left; color: #ffffff; font: 11px/1.2em Arial, Helvetica, sans-serif; width: 40%; }
#ft span.title { text-transform: uppercase; font-weight: bold; }
#ft ul.index { float: right; margin: 0; padding: 0; }
#ft ul.index li { list-style: none; display: inline; padding-left: 18px; }
#ft ul.index li a { color: #73a5ca; text-decoration: none; font: 11px/1.2em Arial, Helvetica, sans-serif; }