html { padding:0; margin:0; background:#79d2f7 url(../images/bk.gif) repeat-x 0 0;}
body
{
font-size:62.7%;
font-family: Arial, Helvetica, sans-serif;
/*background:url(../images/bk-hills.gif) no-repeat bottom left;*/ /*moved to delayed.css because bk-hills.gif is too large to load up immediately */
padding:0 0 150px 0;
margin:0;
color:#2b575d;
}
.red {
color:#F00;
}
label.calc { font-size:1.2em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
p.calc { font-size:1.1em; font-family: Arial, Helvetica, sans-serif; font-style:italic; margin:20px 0 20px 0;}
ul.calc { font-size:1.2em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
div.sign { text-align:center; }
a img { border: none; }
a { color:#44a9df; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
h1 { font-size:1.2em; padding:0; margin:1em 0; }
h2 { font-size:1.2em; margin:2em 0 1em 0; }
h3, h4, h5, h6 { font-size:1.1em; margin:2em 0 1em 0; }
hr { background:#deedf4; color:#deedf4; height:1px; border:none; width:95%; margin:2em auto; clear:both; }
.upgradeLink { position:absolute; left:-5000px; }
.skipLink { position:absolute; left:-5000px; }
.small { font-size:0.9em; font-weight:normal; }
.tiny { font-size:0.8em; font-weight:normal; }
.emphasize { font-size:1.2em; font-weight:bold; }
.warning { color:#c00; }
.DriveSmarterChallenge { font-weight:bold; font-style:italic; color:#44a9df; }
.noFrills { padding:0; margin:0; list-style:none; }
.noFrills li { padding:0; margin:1.5em 0; }
ol.shields { padding:0; margin:1em; }
ol.shields li { margin:2em 0; padding:0 0 0 82px; }
ol.shields li.one
{
list-style:none;
background:url(../images/bullet-1.gif) no-repeat 0 0;
}
ol.shields li.two
{
list-style:none;
background:url(../images/bullet-2.gif) no-repeat 0 0;
}
ol.shields li.three
{
list-style:none;
background:url(../images/bullet-3.gif) no-repeat 0 0;
}
ol.shields li.four
{
list-style:none;
background:url(../images/bullet-4.gif) no-repeat 0 0;
}
ol.shields li.five
{
list-style:none;
background:url(../images/bullet-5.gif) no-repeat 0 0;
}
ol.shields li.six
{
list-style:none;
background:url(../images/bullet-6.gif) no-repeat 0 0;
}
ol.shields .deindent
{
margin:0 0 0 -82px;
}
.twoColumns { overflow:visible; }
.twoColumns .left
{
float:left;
width:305px;
padding:0 19px 0 0; /* box model warning */
border-right:1px solid #deedf4;
}
.twoColumns .right
{
float:right;
width:230px;
}
#page
{
width:900px;
margin:3em auto 0;
overflow:hidden;
}
#header
{
width:900px;
margin:0 auto;
height:82px;
}
#header #logo { width:250px; height:110px; float:left; }
#header #logo h2 { margin:0; padding:0; }
#header #logo a { display:block; width:187px; height:52px; margin:23px auto 0; background:url(../images/logo.gif) no-repeat center center; }
#header #logo span { position:absolute; left:-5000em; }
.navigation { float:left; height:65px; width:529px; margin:0 0 0 7px; } /* box model warning */
#mainNavigation { height:36px; padding:0 0 0 10px; margin:0; list-style:none; background:url(../images/nav-left.gif) no-repeat 0 -1px; }
#mainNavigation li { float:left; background:url(../images/nav-bottom.gif) repeat-x bottom; padding:0 0 4px 0; margin:0; }
#mainNavigation a, #mainNavigation li.last { background: no-repeat 0 0; display:block; height:31px; }
#mainNavigation a:hover { background-position: 0 -31px;}
#mainNavigation li.calculatorchallenge a { background-image:url(../images/nav-take-challenge.gif); width:126px; }
#mainNavigation li.sixdeg-offuelefficiency a { background-image:url(../images/nav-6-degrees.gif); width:97px; }
#mainNavigation li.newdrivesmarterchallengecampaign a { background-image:url(../images/nav-campaign.gif); width:95px; }
#mainNavigation li.newsreleases a { background-image:url(../images/nav-media.gif); width:58px; }
#mainNavigation li.moneysavinggastips a { background-image:url(../images/nav-tips.gif); width:124px; }
#mainNavigation li.last { background-image:url(../images/nav-right.gif); background-position:0 -1px; width:10px; }
#mainNavigation a span { position:absolute; left:-5000em; }
#subNavigation { height:28px; clear:both; padding:0; margin:0; list-style:none; text-transform:uppercase; font-size:1.1em; }
#subNavigation li { float:left; padding:0; margin:0 1px; }
#subNavigation a { background: no-repeat 0 0; display:block; height:28px; }
#subNavigation li.podcasts a { background-image:url(../images/subnav-podcasts.gif); width:81px; }
#subNavigation li.spreadtheword a { background-image:url(../images/subnav-spread-the-word.gif); width:261px; }
#subNavigation li.subscribe a { background-image:url(../images/subnav-subscribe.gif); width:175px; }
#subNavigation a span { position:absolute; left:-5000em; }
#header #featuredPartner { width:110px; float:right; }
#header #featuredPartner p { height:10px; margin:11px 0 0 0; padding:0; text-align:center; color:#c4c4be; }
#sectionNavigation { margin:0; padding:0; list-style:none; float:right; width:643px; font-size:1.4em; font-family:LucidaGrande, Lucida Sans, Arial, Helvetica, sans-serif; font-weight: bold;}
#sectionNavigation li { float:left; height:28px; }
#sectionNavigation a { display:block; padding:0 1em; border-right:1px solid #c0dade; border-left:1px solid #e7f1f3; text-decoration:none; }
#sectionNavigation a:hover { text-decoration:underline; }
#sectionNavigation li.first a { border-left:none; }
#sectionNavigation li.last a { border-right:none; }
#sectionNavigation li.selected { background:url(../images/arrow-up.gif) center bottom no-repeat; }
#sectionNavigation li.selected a { color:#2b585d; }
#sectionNavigation li.tiny a { padding-top:0.3em;}
#sectionNavigation li.noLeft a { padding-left:1px; border-left:0;}
#sectionNavigation li.noRight a { padding-right:1px; border-right:0;}
#content { width:643px; margin:0 auto; float:right; clear:both; font-size:1.2em; }
#content .content { padding:0 2.5em; overflow:hidden; }
.roundedBox { position:relative; padding:14px 0; }
.roundedBox .topleft { position:absolute; top:0; bottom:50%; left:0; right:0; overflow:hidden; background:url(../images/bk-box-top-left.gif) no-repeat left top; z-index:3 }
.roundedBox .topright { position:absolute; top:0; bottom:50%; left:14px; right:0; overflow:hidden; background:url(../images/bk-box-top-right.gif) no-repeat right top; left:14px; z-index:2; }
.roundedBox .bottomleft { position:absolute; top:50%; bottom:0; left:0; right:0; overflow:hidden; background:url(../images/bk-box-bottom-left.gif) no-repeat left bottom; z-index:3; }
.roundedBox .bottomright { position:absolute; top:50%; bottom:0; left:14px; right:0; overflow:hidden; background:url(../images/bk-box-bottom-right.gif) no-repeat bottom right; left:14px; z-index:2; }
.roundedBox .content { border-left:6px solid #deedf4; border-right:6px solid #deedf4; padding: 0 14px; background:#eaf7fe; position:relative; z-index:4; }
#sidebar
{
float:left;
width:233px;
text-align:center;
}
#sidebar .sidebarItem { margin:1em 0; }
#sidebar .promoChallenge { position:relative; left:8px; }
#sidebar .promoSpread { position:relative; left:14px; }
#sidebar .promoTips { position:relative; left:22px; }
#sidebar .promoSixDegree { position:relative; left:12px; }
#footer
{
clear:both;
width:834px;
margin: 15px auto 0;
color:#5a93ab;
font-size:1.1em;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
height:1em;
padding-top:11px;
}
#footer ul { list-style:none; margin:0; padding:0; }
#footer li { float:left; margin:0 0.3em; padding:0; }
#footer .contactInfo { float:left; }
#footer .links { float:right; text-transform:uppercase; }
#footer { }
#footer .topleft { top:0; bottom:auto; height:19px; }
#footer .topright { top:0; bottom:auto; height:19px; }
#footer .bottomleft { top:auto; bottom:0; height:19px; }
#footer .bottomright { border-top:1px solid #eaf7fe; top:auto; bottom:0; height:19px; }
/************* sIFR ******************/
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/*---- Header styling ---*/