/* Global Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
iframe
{
    background: #000;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
:focus
{
    outline: 0;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
.progress
{
    background: url(../media/images/throbber.gif) no-repeat;
    width: 16px;
    height: 16px;
}

/* Global Styles */

body
{
    background: #E6E7E8 url(../media/images/bg.png) no-repeat top center;
    font-family: "Lucida Grande" , Arial, sans-serif;
    font-size: 11px;
}
a:link, a:visited, a:active
{
    color: #979797;
    text-decoration: none;
}
a:hover
{
    color: #333333;
    text-decoration: underline;
	text-indent: -999em;
}
#wrapper
{
    width: 960px;
    margin: 0 auto;
}
#header, #navigation, #touts, #footer
{
    width: 960px;
}
.clear
{
    clear: both;
}
.super
{
    font-size: 0.85em;
    vertical-align: top;
    font-weight: normal;
}
a.back-to-top
{
    float: right;
    margin-top: 5px;
    display: block;
    width: 110px;
    height: 25px;
    background: url(../media/images/back-to-top.png) no-repeat;
    text-indent: -9999px;
}
a.back-to-top:hover
{
    background-position: 0px -25px;
}

/* Header Styles */

#logo
{
    float: left;
    width: 317px;
    height: 39px;
    background: url(../media/images/logo.png) no-repeat;
    margin-top: 15px;
    text-indent: -999em;
}
#logo a
{
    display: block;
    width: 100%;
    height: 100%;
}
#header
{
    height: 69px;
}
#header-links
{
    float: right;
    width: 412px;
    margin-top: 20px;
    margin-right: -2px;
}
#header-links li
{
    position: relative;
    float: left;
    height: 24px;
    z-index: 100;
}
#header-links li a
{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../media/images/header-sprite.png) no-repeat;
    text-indent: -9999px;
}
#header-links li .icon
{
    position: absolute;
    top: -4px;
    left: 0px;
    width: 100%;
    height: 32px;
    cursor: pointer;
    background: url(../media/images/header-sprite.png) no-repeat;
}
#header-links li .scale
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    background: url(../media/images/header-sprite.png) no-repeat;
}

/* Normal */

#header-links #links-find a
{
    width: 168px;
    background-position: 0px 0px;
}
#header-links #links-plan a
{
    width: 126px;
    background-position: -168px 0px;
}
#header-links #links-register a
{
    width: 118px;
    background-position: -294px 0px;
}

/* Hover */

#header-links #links-find a:hover, #header-links #links-find.hover a
{
    background-position: 0px -24px;
}
#header-links #links-plan a:hover, #header-links #links-plan.hover a
{
    background-position: -168px -24px;
}
#header-links #links-register a:hover, #header-links #links-register.hover a
{
    background-position: -294px -24px;
}

/* Icon Normal */

#header-links #links-find .icon
{
    background-position: 0px -48px;
}
#header-links #links-plan .icon
{
    background-position: -168px -48px;
}
#header-links #links-register .icon
{
    background-position: -294px -48px;
}

/* Icon Hover */

#header-links #links-find.hover .hover
{
    background-position: 0px -80px;
}
#header-links #links-plan.hover .hover
{
    background-position: -168px -80px;
}
#header-links #links-register.hover .hover
{
    background-position: -294px -80px;
}

/* Icon Scale */

#header-links #links-find .scale
{
    top: 3px;
    left: -1px;
    width: 23px;
    height: 23px;
    background-position: 0px -83px;
}
#header-links #links-plan .scale
{
    top: 0px;
    left: 9px;
    width: 29px;
    height: 29px;
    background-position: -176px -80px;
}
#header-links #links-register .scale
{
    top: 0px;
    left: 4px;
    width: 28px;
    height: 28px;
    background-position: -298px -82px;
}

/* Special Register Modal */

#header-links #links-register .icon
{
    top: -3px;
}
#links-register .hover
{
    cursor: pointer;
    display: none;
    position: absolute;
    top: -6px;
    left: -2px;
    width: 118px;
    height: 38px;
    background: url(../media/images/header-sprite.png) -294px -112px;
}
#links-register .content
{
    display: none;
    position: absolute;
    top: -14px;
    left: -225px;
    width: 356px;
    z-index: 100;
}
#links-register .content .top
{
    width: 356px;
    height: 48px;
    background: url(../media/images/register-sprite.png) no-repeat;
}
#links-register .content .middle
{
    background: url(../media/images/register-sprite.png) repeat-y -471px 0px;
    height: 256px;
    width: 356px;
}
#links-register .content .signup
{
    padding: 10px 26px;
}
#links-register .content .thanks
{
    padding: 10px 26px;
    display: none;
}
#links-register .content .close
{
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 15px;
    width: 118px;
    height: 34px;
}
#links-register .content .middle .close
{
    top: 55px;
    right: 21px;
    width: 24px;
    height: 24px;
    background: url(../media/images/register-sprite.png) no-repeat -356px 0px;
}
#links-register .content .bottom
{
    width: 356px;
    height: 21px;
    background: url(../media/images/register-sprite.png) no-repeat 0px -48px;
}
#links-register h3
{
    font-size: 26px;
    color: #AEB6BF;
}
#links-register p
{
    font-size: 11px;
    line-height: 1.33;
    color: #555555;
    padding: 8px 0px 12px;
}
#links-register .progress
{
    position: absolute;
    top: 270px;
    left: 30px;
}
#links-register form input
{
    border: 1px solid #E1E1E1;
    background-color: #FCFCFC;
    color: #666666;
    padding: 8px 12px;
    font-size: 12px;
    margin: 2px 0px;
    width: 271px;
}
#links-register form input.warn
{
    -moz-box-shadow: 0px 0px 6px #B58C8B;
    -webkit-box-shadow: 0px 0px 6px #B58C8B;
    border: 1px solid #D40200;
}
#links-register form input.focus
{
    border: 1px solid #00B4FF;
    -moz-box-shadow: 0px 0px 6px #00B4FF;
    -webkit-box-shadow: 0px 0px 6px #00B4FF;
    color: #000000;
}
#links-register form input.warn.focus
{
    border: 1px solid #D40200;
    -moz-box-shadow: 0px 0px 10px #D40200;
    -webkit-box-shadow: 0px 0px 10px #D40200;
}
#links-register .content .errors
{
    display: none;
    margin: 10px 0px 0px 0px;
}
#links-register .content .errors li
{
    float: none;
    margin: 0px;
    height: 20px;
    line-height: 16px;
    background: url(../media/images/icon-warn.png) no-repeat;
    padding-left: 30px;
    font-size: 11px;
    color: #555555;
}
#links-register form input.tiny
{
    width: 100px;
}
#links-register .submit
{
    margin-top: 15px;
    height: 36px;
}
#header-links #links-register form .submit a
{
    display: block;
    float: left;
    padding-top: 36px;
    height: 0px;
    overflow: hidden;
    width: 157px;
    background: url(../media/images/register-sprite.png) no-repeat 0px -69px;
}
#header-links #links-register .submit a:hover
{
    background-position: -157px -69px;
}
#header-links #links-register form .down a, #header-links #links-register form .down a:hover
{
    background-position: -314px -69px;
}

/* Navigation Styles */

#navigation
{
    height: 50px;
}
#navigation li
{
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    position: relative;
    float: left;
    width: 160px;
    height: 50px;
    z-index: 10;
}
#navigation li .hover, #navigation li .down
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 50px;
    background: url(../media/images/navigation-sprite.png) no-repeat;
}
#navigation li .hover, #navigation li .active
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 50px;
    background: url(../media/images/navigation-sprite.png) no-repeat;
}
#navigation li a
{
    display: block;
    width: 160px;
    height: 50px;
    text-indent: -9999px;
    background: url(../media/images/navigation-sprite.png) no-repeat;
}
#navigation li.advertising, #navigation li.advertising a, #navigation li.advertising .hover, #navigation li.advertising .active
{
    width: 161px;
}
#navigation li.entertainment, #navigation li.entertainment a, #navigation li.entertainment .hover, #navigation li.entertainment .active
{
    width: 159px;
}

/* Active */

#navigation li.active
{
    cursor: default;
}
#navigation li.active .down
{
    display: block;
}
#navigation li.active .active
{
    display: none;
}
#navigation li.disabled .active
{
    display: none;
}
#navigation li.disabled
{
    cursor: pointer;
}

/* Navigation Sprite */

#navigation .advertising a
{
    background-position: 0px 0px;
}
#navigation .promotions a
{
    background-position: -161px 0px;
}
#navigation .gas a
{
    background-position: -321px 0px;
}
#navigation .cc a
{
    background-position: -481px 0px;
}
#navigation .sponsorships a
{
    background-position: -641px 0px;
}
#navigation .entertainment a
{
    background-position: -801px 0px;
}

/* Hover */

#navigation .advertising a:hover, #navigation .advertising .hover
{
    background-position: 0px -50px;
}
#navigation .promotions a:hover, #navigation .promotions .hover
{
    background-position: -161px -50px;
}
#navigation .gas a:hover, #navigation .gas .hover
{
    background-position: -321px -50px;
}
#navigation .cc a:hover, #navigation .cc .hover
{
    background-position: -481px -50px;
}
#navigation .sponsorships a:hover, #navigation .sponsorships .hover
{
    background-position: -641px -50px;
}
#navigation .entertainment a:hover, #navigation .entertainment .hover
{
    background-position: -801px -50px;
}

/* Down */

#navigation .advertising .down
{
    background-position: 0px -100px;
}
#navigation .promotions .down
{
    background-position: -161px -100px;
}
#navigation .gas .down
{
    background-position: -321px -100px;
}
#navigation .cc .down
{
    background-position: -481px -100px;
}
#navigation .sponsorships .down
{
    background-position: -641px -100px;
}
#navigation .entertainment .down
{
    background-position: -801px -100px;
}

/* Active */

#navigation .advertising .active
{
    background-position: 0px -150px;
}
#navigation .promotions .active
{
    background-position: -161px -150px;
}
#navigation .gas .active
{
    background-position: -321px -150px;
}
#navigation .cc .active
{
    background-position: -481px -150px;
}
#navigation .sponsorships .active
{
    background-position: -641px -150px;
}
#navigation .entertainment .active
{
    background-position: -801px -150px;
}

/* Subnavigation */

#subnavigation
{
    margin-bottom: 9px;
    width: 913px;
    height: 34px;
    padding: 18px 25px 0px;
    background: url(../media/images/subnavigation.png) no-repeat;
}
#subnavigation h3
{
    display: inline;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #570001;
    text-shadow: 1px 1px 2px #E24343;
}
#subnavigation h3 a, #subnavigation h3 a:hover{ color:#fff; }

#subnavigation h3 b
{
    font-weight: normal;
    color: #FFFFFF;
}
#subnavigation ul
{
    display: inline;
}
#subnavigation li
{
    display: inline-block;
    padding: 0px 15px;
    background: url(../media/images/subnavigation-hr-vertical.png) no-repeat center right;
}
#subnavigation li.last
{
    background: none;
}
#subnavigation li a
{
    font-family: Arial, Sans-serif;
    color: #FFFFFF;
    font-size: 13px;
}

#subnavigation li h3 a
{
    font-size: 16px;
}

/* Content */

#content
{
    width: 960px;
    min-height: 570px;
}

/* Footer */

#footer
{
    background: url(../media/images/footer.png) no-repeat;
    padding: 39px 0px 80px;
}
#footer .logo
{
    margin: 0px 20px 0px 290px;
    float: left;
    width: 86px;
    height: 20px;
    background: url(../media/images/footer-logo.png) no-repeat;
}
#footer .logo a
{
    display: block;
    width: 86px;
    height: 20px;
    text-indent: -9999px;
}
#footer ul
{
    width: 350px;
    float: left;
    padding-top: 3px;
}
#footer li
{
    float: left;
    padding: 0px 8px;
    margin-top: 3px;
    border-right: 1px solid #AFB0B0;
}
#footer li.last
{
    border: none;
}
#footer p
{
    display: block;
    color: #CCCCCC;
    text-align: center;
    font-size: 10px;
    margin-top: 25px;
}
#footer a
{
    color: #979797;
}
#footer a:hover
{
    color: #333333;
    text-decoration: underline;
}

/* Homepage */

#feature
{
    width: 960px;
    height: 418px;
}
#touts
{
    margin-top: 6px;
    height: 424px;
    background: url(../media/images/touts.png) no-repeat;
}
#touts li
{
    cursor: pointer;
    float: left;
    width: 319px;
    background: url(../media/images/tout-hr-vertical.png) repeat-y top right;
}
#touts li.first
{
    width: 323px;
}
#touts li.last
{
    width: 318px;
}
#touts div.h2
{
    margin: 0px 10px 10px 22px;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #444B53;
}
#touts p
{
    margin-left: 22px;
    margin-right: 22px;
    color: #14283B;
    line-height: 1.28;
    text-shadow: 1px 1px 0px #ABB9C7;
}
#touts-top
{
    width: 960px;
    height: 218px;
    padding: 18px 0px;
    background: url(../media/images/tout-hr-horizontal.png) no-repeat bottom center;
}
#touts-top li
{
    height: 226px;
}
#touts-top li.first .box
{
    margin-left: 17px;
}
#touts-top .box
{
    position: relative;
    margin: 0px 0px 12px 12px;
    width: 297px;
    height: 128px;
    background: url(../media/images/tout-box-sprite.png) no-repeat;
}
#touts-top .box .go
{
    cursor: pointer;
    width: 55px;
    height: 36px;
    background: url(../media/images/go-sprite.png) no-repeat;
    bottom: -8px;
    right: -10px;
    position: absolute;
}
#touts-top .box img
{
    margin: 7px 0px 0px 8px;
    width: 275px;
    height: 106px;
}
#touts-top p
{
    text-shadow: 1px 1px 0 #93A0AD;
}
#touts-bottom
{
    height: 133px;
    padding: 18px 0px 0px;
}
#touts-bottom li
{
    height: 126px;
}
#touts .last
{
    background: none;
}
#touts .icon
{
    margin: -4px 0px 4px 22px;
    position: relative;
    background: url(../media/images/tout-icon-sprite.png) no-repeat;
}
#touts .icon .hover
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../media/images/tout-icon-sprite.png) no-repeat;
}

/* Tout Icons */

#tout-planner .icon
{
    width: 50px;
    height: 52px;
    background-position: 0px 0px;
}
#tout-creditcard .icon
{
    width: 60px;
    height: 52px;
    background-position: -54px 0px;
}
#tout-sponsorship .icon
{
    width: 83px;
    height: 52px;
    background-position: -114px 0px;
}
#tout-promotions .icon
{
    width: 51px;
    height: 52px;
    background-position: -199px 0px;
}

/* Tout Icon Hover */

#tout-planner .icon .hover
{
    width: 50px;
    height: 52px;
    background-position: 0px -52px;
}
#tout-creditcard .icon .hover
{
    width: 60px;
    height: 52px;
    background-position: -54px -52px;
}
#tout-sponsorship .icon .hover
{
    width: 83px;
    height: 52px;
    background-position: -114px -52px;
}
#tout-promotions .icon .hover
{
    width: 51px;
    height: 52px;
    background-position: -199px -52px;
}

/* Touts Hover */

#touts .box .hover
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 297px;
    height: 128px;
    background: url(../media/images/tout-box-sprite.png) no-repeat 0px -128px;
}
#touts .box .go .hover
{
    display: none;
    width: 55px;
    height: 36px;
    position: absolute;
    bottom: -8px;
    right: -10px;
    background: url(../media/images/go-sprite.png) no-repeat 0px -36px;
}
#touts .hover h2
{
    text-shadow: 1px 1px 0px #212327;
}

/* Container */

#content #container-top
{
    width: 960px;
    height: 6px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}



/*
#content #container
{
	width: 920px;
	padding: 15px 20px;
	min-height: 420px;
	background-position: 0px -6px;
	background-repeat: no-repeat;
}
*/
#content #container-bottom
{
    width: 960px;
    height: 6px;
    background-position: 0px -413px;
    background-repeat: no-repeat;
}

/* Default Gradient */

#content.gradient #container-top, #content.gradient #container, #content.gradient #container-bottom
{
    background-image: url(../media/images/content-gradient-sprite.png);
}
#content.gradient #container
{
    background-color: #9AA5B1;
}
#content.gradient #container-bottom
{
    background-position: 0px -694px;
}

/* Grey Gradient */

#content.grey #container-top, #content.grey #container, #content.grey #container-bottom
{
    background-image: url(../media/images/content-grey-sprite.png);
    background-repeat: no-repeat;
}
#content.grey #container
{
    background-color: #98A2AB;
}

/* Footer Gradient */

#content.footer #container-top, #content.footer #container, #content.footer #container-bottom
{
    background-image: url(../media/images/content-footer-sprite.png);
}
#content.footer #container-bottom
{
    background-position: 0px -396px;
}
#content.footer #container
{
    background-color: #99A4B0;
}

/* Entertainment Gradient */

#content.entertainment #container-top, #content.entertainment #container, #content.entertainment #container-bottom
{
    background-image: url(../media/images/content-entertainment-sprite.png);
}
#content.entertainment #container
{
    background-color: #99A4B0;
}
#content.entertainment #container-bottom
{
    background-position: 0px -574px;
}

/* Advertising Gradient */

#content.advertising #container-top, #content.advertising #container, #content.advertising #container-bottom
{
    background-image: url(../media/images/content-advertising-sprite.png);
}
#content.advertising #container
{
    background-color: #9AA5B1;
}
#content.advertising #container-bottom
{
    background-position: 0px -1003px;
}
#content #container h1
{
    font-weight: normal;
    font-size: 48px;
    text-transform: uppercase;
    text-shadow: -1px -1px 3px #676F76;
    color: #FFFFFF;
}
#content #container h3
{
    color: #2B3E52;
    font-size: 15px;
    text-transform: uppercase;
    margin: 20px 0px 10px;
}
#content #container h3 a
{
    color: #2B3E52;
    font-size: 15px;
}
#content #container h3 a:hover
{
    text-decoration: none;
}
#content .card
{
    border-top: 4px solid #51BFF7;
    background-color: #FFFFFF;
    -moz-box-shadow: 0px 0px 11px #6A7887;
    -webkit-box-shadow: 0px 0px 11px #6A7887;
}

/* Credit Cards */

#creditcard #content .card
{
    color: #4C4C4C;
}
#creditcard #content .card h4
{
    font-size: 28px;
    text-transform: uppercase;
    color: #4B4B4B;
}
#creditcard #content .card li
{
    padding: 30px 0px;
    margin: 0px 25px;
    border-bottom: 1px solid #E4E4E4;
}
#creditcard #content .card li.last
{
    border: none;
}
#creditcard #content .card img
{
    float: left;
    margin-left: -15px;
}
#creditcard #content .card li h4
{
    margin-top: 9px;
    display: block;
}
#creditcard #content .card li h4#fleet-card
{
    background-position: 0px 0px;
}
#creditcard #content .card li h4#commercial-card
{
    background-position: 0px -50px;
}
#creditcard #content .card li h4#credit-card
{
    background-position: 0px -100px;
}
#creditcard #content .card li h4#mastercard
{
    background-position: 0px -150px;
}
#creditcard #content .card li h4#gift-card
{
    background-position: 0px -200px;
    height: 24px;
}
#creditcard #content .card li h5
{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #888;
}
#creditcard #content .card .info
{
    float: left;
    margin-left: 25px;
    width: 360px;
}
#creditcard #content super
{
    position: relative;
    top: -3px;
}
#creditcard #content .card .info ul
{
    margin: 12px 0px 28px;
}
#creditcard #content .card .info li
{
    background: url(../media/images/bullet.png) no-repeat;
    margin: 4px 0px;
    padding: 0px 0px 0px 18px;
    border: none;
    line-height: 1.33;
}
#creditcard #content .card p
{
    margin: 7px 0px 15px;
    line-height: 1.5833;
}
#creditcard #content .card .action
{
    float: left;
    margin-left: 20px;
    width: 180px;
}
#creditcard #content .card .action li
{
    width: 183px;
    height: 42px;
    margin: 0px 0px 1px;
    padding: 0px;
    border: none;
}
#creditcard #content .card .action li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(../media/images/creditcard-action-sprite.png) no-repeat;
}

/* Credit Card Actions */

#creditcard #content .card .action li.apply a
{
    background-position: 0px 0px;
}
#creditcard #content .card .action li.account a
{
    background-position: 0px -42px;
}

#creditcard #content .card .action li.buynow a
{
    background-position: 0px -84px;
}
#creditcard #content .card .action li.balance a
{
    background-position: 0px -126px;
}
#creditcard #content .card .action li.apply a:hover
{
    background-position: -183px 0px;
}
#creditcard #content .card .action li.account a:hover
{
    background-position: -183px -42px;
}
#creditcard #content .card .action li.reward a{ background-position: 0px -170px; }
#creditcard #content .card .action li.reward a:hover{ background-position: -183px -170px; }



#creditcard #content .card .action li.accountAccess a{ background-position: 0px -215px; }







#creditcard #content .card .action li.buynow a:hover
{
    background-position: -183px -84px;
}
#creditcard #content .card .action li.balance a:hover
{
    background-position: -183px -126px;
}

/* Advertising */

#advertising #content #container
{
    width: 960px;
    padding-left: 20px;
}
#advertising .divider
{
    height: 2px;
    width: 917px;
    background: url(../media/images/hr-horizontal.png) repeat-x;
}
#video-list
{
    float: left;
    width: 260px;
    height: 364px;
    background: url(../media/images/video-selector-bg.png) repeat-x #6D7B8B;
}
#video-selector li
{
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    position: relative;
    width: 251px;
    height: 50px;
    margin: 4px 0px 0px 4px;
}
#video-selector .file
{
    display: none;
}
#video-selector li .hover, #video-selector li .down, #video-selector li .active
{
    display: none;
    position: absolute;
    top: -1px;
    left: -2px;
    width: 258px;
    height: 56px;
    background: url(../media/images/video-selector-sprite.png) no-repeat;
}
#video-selector li.disabled
{
    cursor: default;
    opacity: 0.5;
}
#video-selector li .hover
{
    background-position: 0px -56px;
}
#video-selector li .down
{
    background-position: 0px -112px;
}
#video-selector li.active .active
{
    display: block;
}
#video-selector li .active
{
    background-position: 0px 0px;
}
#video-selector li.active .content p
{
    color: #FFFFFF;
    text-shadow: -1px -1px 1px #707880;
}
#video-selector .content
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 251px;
    height: 50px;
    z-index: 10;
}
#video-selector .content img
{
    float: left;
    margin: 5px 0px 0px 5px;
    border-top: 1px solid #9AA2AA;
    border-left: 1px solid #96A0A8;
    width: 66px;
    height: 37px;
}
#video-selector .content p
{
    font-size: 12px;
    color: #273849;
    margin: 5px 0px 0px 90px;
    line-height: 38px;
    text-shadow: 1px 1px 2px #9EA8B2;
}
#video
{
    float: left;
    margin-top: -11px;
    width: 666px;
    height: 425px;
}
#video-mask
{
    height: 325px;
    overflow: hidden;
}
#video-list .inner-nav
{
    padding: 10px 4px 0px 4px;
}
#video-list .inner-nav a
{
    display: block;
    width: 125px;
    height: 23px;
    float: left;
    margin-right: 1px;
    text-indent: -9999px;
    background: url(../media/images/advertising-pagination.png) no-repeat;
}
#video-list .inner-nav a.prev
{
    background-position: 0px 0px;
}
#video-list .inner-nav a.prev:hover
{
    background-position: 0px -24px;
}
#video-list .inner-nav a.prev:active
{
    background-position: 0px -48px;
}
#video-list .inner-nav a.prev.inactive, #video-list .inner-nav a.prev.inactive:hover, #video-list .inner-nav a.prev.inactive:active
{
    background-position: 0px -72px;
    cursor: default;
}
#video-list .inner-nav a.next
{
    background-position: -126px 0px;
}
#video-list .inner-nav a.next:hover
{
    background-position: -126px -24px;
}
#video-list .inner-nav a.next:active
{
    background-position: -126px -48px;
}
#video-list .inner-nav a.next.inactive, #video-list .inner-nav a.next.inactive:hover, #video-list .inner-nav a.next.inactive:active
{
    background-position: -126px -71px;
    cursor: default;
}
#gallery
{
    clear: both;
    margin-top: 437px;
}
#gallery h3
{
    float: left;
}
#gallery .categories
{
    float: left;
    height: 28px;
    margin: 13px 0px 0px 13px;
}
#gallery .categories li
{
    cursor: pointer;
    float: left;
    height: 26px;
    line-height: 26px;
}
#gallery .categories li.active
{
    cursor: default;
    -moz-box-shadow: 0px 0px 7px #6b7b89;
    -webkit-box-shadow: 0px 0px 7px #6b7b89;
    box-shadow: 0px 0px 7px #6b7b89;
}
#gallery .categories li.active a
{
    cursor: default;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #99A4AF #A2ACB6 #99A4AF #A2ACB6;
    background: url(../media/images/categories-bg.png) repeat-x;
    text-shadow: -1px -1px 1px #9CA7B0;
}
#gallery .categories li.active a:hover
{
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #99A4AF #A2ACB6 #99A4AF #A2ACB6;
}
#gallery .categories li a
{
    display: block;
    background-color: #6B7A89;
    border-width: 1px;
    border-style: solid;
    border-color: #6B7A89;
    font-size: 12px;
    padding: 0px 35px;
    color: #273849;
    text-shadow: 1px 1px 1px #808e9c;
}
#gallery .categories li a:hover
{
    text-decoration: none;
    color: #DADADA;
    background-color: #7E8995;
    border-color: #7E8995;
}
#gallery .instructions
{
    float: right;
    color: #2B3E52;
    font-size: 11px;
    margin: 22px 22px 0px 0px;
}
#gallery .tabs .print, #gallery .tabs .funstuff
{
    display: none;
}
#gallery .photos
{
    clear: both;
  
    overflow: auto;
    padding: 25px 0px 180px;
}
#gallery .photos li
{
    cursor: pointer;
    position: relative;
    float: left;
    width: 184px;
    height: 126px;
    background: url(../media/images/photos-sprite.png) no-repeat -11px -11px;
    z-index: 10;
}
#gallery .photos li img
{
    display: block;
    margin: 5px 0px 0px 6px;
}
#gallery .photos li.hover
{
    z-index: 9;
}
#gallery .photos li .hover
{
    display: none;
    position: absolute;
    top: -11px;
    left: -11px;
    background: url(../media/images/photos-sprite.png) no-repeat 0px -148px;
    width: 200px;
    height: 144px;
}
#gallery .photos li .hover a
{
    display: block;
    width: 200px;
    height: 144px;
}

/* About Us */

#content #container h1.aboutus
{
    font-weight: normal;
    font-size: 48px;
    text-transform: uppercase;
    text-shadow: -1px -1px 3px #676F76;
    color: #FFFFFF;
    text-indent: -999em;
}
#aboutus #content
{
    min-height: 0px;
}
#aboutus #content #container
{
    position: relative;
    height: 360px;
    min-height: 0px;
}
#aboutus #content .info
{
    position: absolute;
    top: 32px;
    left: 56px;
    width: 355px;
}
#aboutus #content .bg
{
    position: absolute;
    top: -53px;
    right: 0px;
    width: 549px;
    height: 449px;
    background: url(../media/images/about-bg.png) no-repeat;
    text-indent: -999em;
}
#aboutus #content h4
{
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 17px;
    color: #FFFFFF;
}
#aboutus #content h4 a
{
    display: inline;
}
#aboutus #content a
{
    color: #1E3347;
}
#aboutus #content a:hover
{
    color: #1f3d5b;
    text-decoration: none;
}
#aboutus #content p
{
    line-height: 22px;
    color: #FFFFFF;
}
#aboutus #content p a:hover
{
    text-decoration: underline;
}
#aboutus #content .info .tout a
{
    display: block;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    line-height: 1.4em;
    margin-top: 23px;
    padding-left: 114px;
    padding-top: 12px;
    padding-right: 40px;
    height: 50px;
    background: url(../media/images/about-timeline-tout.png) no-repeat;
}
#aboutus #content .info .tout a:hover
{
    color: #FFF;
}

/* Clean Form */

form.clean .group
{
    position: relative;
    padding: 10px 0px;
    clear: left;
}
form.clean .group p
{
    float: left;
    font-size: 12px;
    line-height: 32px;
    text-align: right;
    color: #263B52;
    text-shadow: 1px 1px 0px #C6D0DB;
    padding-right: 20px;
}
form.clean .group p b
{
    color: #FF000A;
    padding-left: 3px;
}
form.clean .group .field
{
    position: relative;
    float: left;
    padding-right: 25px;
}
form.clean .input.focus
{
    border: 1px solid #00B4FF;
    -moz-box-shadow: 0px 0px 6px #00B4FF;
    -webkit-box-shadow: 0px 0px 6px #00B4FF;
}
form.clean .input.warn.focus
{
    border: 1px solid #D40200;
    -moz-box-shadow: 0px 0px 10px #D40200;
    -webkit-box-shadow: 0px 0px 10px #D40200;
}
form.clean .input.warn
{
    border: 1px solid #D40200;
    -moz-box-shadow: 0px 0px 6px #B58C8B;
    -webkit-box-shadow: 0px 0px 6px #B58C8B;
}
form.clean .group label.focus
{
    color: #394E66;
    background-color: #FFFFFF;
}
form.clean .group .prompt
{
    display: none;
    position: relative;
    z-index: 100;
    left: -25px;
    padding-left: 45px;
    float: left;
    height: 32px;
    font-size: 11px;
    color: #FFFFFF;
    text-shadow: -1px -1px 0px #9EA8B4;
    line-height: 32px;
    background: url(../media/images/icon-warn.png) no-repeat 0px 10px;
}
form.clean .select .prompt
{
    left: -40px;
    padding-left: 60px;
}
form.clean .group .labeled .prompt
{
    margin-top: -32px;
}
form.clean .group .textarea .prompt
{
    margin-top: -154px;
}

/* Diff form controls */

form.clean .input
{
    float: left;
    display: block;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 0px 3px 8px;
    background: none;
    border: 1px solid #DDDDDD;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.1s;
}
form.clean .group input
{
    height: 26px;
}
form.clean .group .labeled textarea
{
    margin-top: -155px;
    height: 152px;
    padding-top: 4px;
}
form.clean .group .textarea label
{
    top: 5px;
    line-height: 27px;
    height: 160px;
}
form.clean .group select.input
{
    height: auto;
    margin-top: 5px;
    background-color: #F5F6F8;
}
form.clean option
{
    background: #F5F6F8;
}
form.clean .field p
{
    position: absolute;
    width: auto;
    top: 0px;
    right: 10px;
    padding: 0px;
}
form.clean .group label
{
    display: block;
    font-weight: normal;
    font-size: 12px;
    background: #F5F6F8 url(../media/images/input-bg.png) repeat-x;
    color: #BDC3CE;
    padding: 0px 0px 0px 10px;
    height: 32px;
    line-height: 32px;
}
form.clean .labeled label
{
    position: relative;
    z-index: 1;
    bottom: -1px;
}
form.clean .labeled .input
{
    position: relative;
    z-index: 2;
    margin-top: -32px;
}
form.clean .submit, form.clean .submit .hover, form.clean .submit .down
{
    background: url(../media/images/submit-sprite.png) no-repeat;
    width: 157px;
    height: 36px;
}
form.clean .submit
{
    cursor: pointer;
    text-indent: -9999px;
    position: relative;
    background-position: 0px 0px;
}
form.clean .submit .hover
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 0px -36px;
}
form.clean .submit .down
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 0px -72px;
}
form.clean .button
{
    cursor: pointer;
    width: 157px;
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AAAAAA;
    height: 34px;
    line-height: 34px;
    color: #7C8998;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: 1px 1px 2px #DDDDDD;
}

/* Form Sizes */

form.clean .input, form.clean label
{
    width: 315px;
}
form.clean select.input
{
    width: 325px;
}
form.clean .medium .input, form.clean .medium label
{
    width: 160px;
}
form.clean .small .input, form.clean .small label
{
    width: 62px;
}

/* Contact Us */

#contactus #content
{
    position: relative;
}
#contactus #content form
{
    margin-top: 10px;
    margin-left: 80px;
    padding: 20px 0px 40px;
}
#contactus #content h2, #contactus #content .tagline, #contactus #content h3
{
    margin-left: 8px;
}
#contactus .card
{
    background: #A6B1BE url(../media/images/contactus-card-bg.png) repeat-x;
    -moz-box-shadow: none;
    border: none;
    width: 916px;
    height: 922px;
}
#contactus #content p.tagline
{
    width: 600px;
    color: #FFFFFF;
    padding: 10px 70px 10px 0px;
    line-height: 14px;
}
#contactus .bubble
{
    position: absolute;
    top: 25px;
    right: 18px;
    background: url(../media/images/contactus-bubble.png) no-repeat;
    padding: 57px 20px 0px 20px;
    width: 188px;
    height: 71px;
    line-height: 1.3;
}
#contactus #content .group p
{
    width: 115px;
}
#contactus #content .group .field p
{
    width: auto;
}
#contactus #content .submit
{
    float: left;
    clear: left;
    margin: 40px 0px 0px 136px;
}
#contactus .form .progress
{
    width: 300px;
    background: url(../media/images/throbber-blue.gif) no-repeat;
    float: left;
    margin: 50px 0px 0px 25px;
    padding-left: 24px;
    color: #263B52;
    text-shadow: 1px 1px 0 #C6D0DB;
}
#contactus #content #container .error
{
    background-image: url("../media/images/icon-warn.png");
    background-repeat: no-repeat;
}

/* Contact Us Thank You */

#contactus #content .thankyou
{
    display: none;
}
#contactus #content .thankyou h4
{
    font-size: 17px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 20px 325px 30px 8px;
}

/* Departments */

#contactus .depts
{
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.2;
}
#contactus .depts a
{
    color: #FFFFFF;
}
#contactus .depts .legal
{
    font-size: 10px;
    color: #c7ccdf;
}
#contactus .depts li
{
    width: 405px;
    padding: 0px 46px 0px 8px;
    height: 300px;
    font-size: 12px;
    color: #D6DCE3;
    float: left;
}
#contactus #content .depts h3
{
    margin-left: 0px;
    margin-bottom: 30px;
}
#contactus .depts b
{
    color: #FFFFFF;
}
#contactus .depts .address, #contactus .depts .hours
{
    margin: 15px 0px;
}
#contactus .depts .creditcard p
{
    margin: 10px 0px;
}

/* Legal */

#legal .tagline
{
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 0px 20px;
}
#legal .card
{
    padding-top: 20px;
    padding-bottom: 80px;
}
#legal .card p
{
    color: #64686C;
    font-size: 12px;
    padding: 12px 50px;
    line-height: 1.33;
}

/* Our Gas Page */

#gas #content h2
{
    width: 630px;
    margin-left: 8px;
}
#gas #container
{
    position: relative;
}
#gas .bg
{
    position: absolute;
    top: -6px;
    right: 0px;
    width: 279px;
    height: 220px;
    background: url(../media/images/gas-bg.png) no-repeat;
    text-indent: -999em;
}
#gas #content .tagline
{
    width: 630px;
    margin: 15px 0px 22px 12px;
    font-size: 12px;
    line-height: 19px;
    color: #182F49;
    text-shadow: 1px 1px 1px #96A1AD;
    text-transform: uppercase;
}
#gas #content .copy
{
    width: 616px;
    margin: 0px 0px 38px 12px;
    font-size: 12px;
    line-height: 16px;
    color: #1c334c;
    text-shadow: 1px 1px 1px #96A1AD;
}
#gas #content .copy super
{
    position: relative;
    top: -2px;
}
#gas #content .card h3
{
    margin-bottom: 0px;
}
#gas #content .copy h4
{
    margin-top: 10px;
    width: 180px;
    height: 18px;
    text-indent: -9999px;
    background: url(../media/images/gas-tagline.png) no-repeat;
}
#gas #content .card h3 a
{
    font-size: 26px;
    color: #2B3E52;
    text-transform: uppercase;
}
#gas #content .card h4
{
    font-size: 11px;
    color: #9EA8B3;
    margin: 0px;
}
#gas #content .card
{
    padding: 0px 15px 37px;
    margin-bottom: 0px;
}
#gas #gas-advantage
{
    width: 892px;
    height: 360px;
    margin-top: 14px;
}

/* Sponsorships */

#content #container h1.sponsorships
{
    font-weight: normal;
    font-size: 48px;
    text-transform: uppercase;
    text-shadow: -1px -1px 3px #676F76;
    color: #FFFFFF;
    text-indent: -999em;
}
#sponsorships #content
{
    background: url(../media/images/sponsorships-winningshot-bg.jpg) no-repeat 0 0;
    width: 960px;
    height: 570px;
    color: #ffffff;
    position: relative;
}
#sponsorships #moutain-west-logo
{
    width: 330px;
    height: 330px;
    background: url(../media/images/sponsorships-mountain-west-logo-shadow.png) no-repeat 0 0;
    position: absolute;
    top: 103px;
    left: 590px;
}
#sponsorships #moutain-west-logo img
{
    display: block;
    margin: 0;
    padding: 0;
}
#sponsorships h2
{
    width: 554px;
    height: 126px;
    background: url(../media/images/sponsorships-copy-1.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 86px;
    left: 50px;
}
#sponsorships a#championship-site
{
    width: 298px;
    height: 28px;
    overflow: hidden;
    background: url(../media/images/sponsorships-visit-championship.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 230px;
    left: 50px;
}
#sponsorships a#championship-site:hover
{
    background-position: 0 -28px;
}
#sponsorships a#facebook
{
    width: 350px;
    height: 20px;
    overflow: hidden;
    background: url(../media/images/sponsorships-facebook-cta.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 482px;
    left: 90px;
}
#sponsorships a#twitter
{
    width: 282px;
    height: 20px;
    overflow: hidden;
    background: url(../media/images/sponsorships-twitter-cta.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 506px;
    left: 90px;
}
#sponsorships a#facebook:hover, #sponsorships a#twitter:hover
{
    background-position: 0 -20px;
}
#sponsorships #facebook-icon
{
    width: 25px;
    height: 24px;
    position: absolute;
    top: 476px;
    left: 60px;
}
#sponsorships #twitter-icon
{
    width: 25px;
    height: 26px;
    position: absolute;
    top: 504px;
    left: 60px;
}

/* Entertainment */

#entertainment h2
{
    margin-left: 10px;
}
#entertainment #content #container
{
    padding: 15px 0px 15px 11px;
    width: 949px;
}
#entertainment-stage
{
    float: left;
    margin-top: 8px;
    width: 696px;
    height: 478px;
    padding: 11px 0px 0px 12px;
    background: url(../media/images/entertainment-stage.png) no-repeat;
}
#selector-container
{
    float: right;
    margin: 15px 5px 0px 0px;
    width: 225px;
    height: 447px;
    padding-top: 5px;
    overflow: hidden;
    background: url(../media/images/entertainment-selector-bg.png) repeat-x #8A96A3;
}
.entertainment #uparrow, .entertainment #downarrow
{
    position: absolute;
    width: 100px;
    height: 30px;
    display: block;
    text-indent: -9999px;
}
.entertainment #uparrow
{
    top: 46px;
    right: 71px;
    background: url(../media/images/entertainment_arrowup.gif) no-repeat;
}
.entertainment #uparrow:hover, .entertainment #downarrow:hover
{
    background-position: 0 -30px;
}
.entertainment #downarrow
{
    top: 536px;
    right: 71px;
    background: url(../media/images/entertainment_arrowdown.gif) no-repeat;
}
.entertainment #container
{
    position: relative;
}
#entertainment-selector .file
{
    display: none;
}
#entertainment-selector li
{
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    width: 218px;
    height: 150px;
    overflow: hidden;
    display: block;
    background: url(../media/images/entertainment-selector-sprite.png) no-repeat;
    background-position: 0px 150px;
}
#entertainment-selector li.disabled
{
    cursor: default;
    opacity: 0.5;
}
#entertainment-selector li.hover
{
    background-position: 0px 0px;
}
#entertainment-selector li.down
{
    background-position: 0px -150px;
}
#entertainment-selector li.active
{
    background-position: 0px -300px;
}
#entertainment-selector li.active .content p
{
    color: #FFFFFF;
    text-shadow: -1px -1px 1px #707880;
}
#entertainment-selector li.hover img, #entertainment-selector li.active img
{
    opacity: 1;
}
#entertainment-selector .content img
{
    margin: 9px 0px 0px 12px;
    border-top: 1px solid #9AA2AA;
    border-left: 1px solid #96A0A8;
    width: 197px;
    height: 96px;
    opacity: 0.7;
}
#entertainment-selector .content p
{
    font-size: 12px;
    color: #273849;
    margin: 9px 0px 0px 12px;
    line-height: 14px;
    text-shadow: 1px 1px 0px #83909E;
}

/* Promotions */

#promotions #content.general



{
}

#promotions #content
{
    color: #FFFFFF; /*background: url(../media/images/content-advertising-spriteBig.png) no-repeat;*/
}
#promotions .container
{
    float: left;
    padding: 15px 25px;
}











#promotions #container
{
    width: 910px;
    padding: 15px 25px;
    height: 534px;
}
#promotions #container h2
{
    font-size: 54px;
}
#promotions .tagline
{
    text-transform: none;
    font-size: 13px;
    color: #29333D;
    margin: 5px 0px 21px;
    line-height: 16px;
}
#promotions #container h3 a
{
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
}
#promotions #container h3 a cufon
{
    cursor: default;
}
#promotions #gas-for-life
{
    width: 960px;
    height: 375px;
    margin-left: -25px;
}
#promotions #gas-for-life #gas-for-life-seo
{
    margin-top: 10px;
}
#promotions #gas-for-life #gas-for-life-seo img
{
    margin-right: 12px;
}
#promotions #gas-for-life #gas-for-life-seo img.first
{
    margin-left: 25px;
}
#promotions #gas-for-life #gas-for-life-seo img.last
{
    margin-right: 0px;
}
#promotions .divider
{
    background: url("../media/images/hr-horizontal.png") repeat-x scroll 0 0 transparent;
    height: 2px;
    width: 917px;
    margin: 14px 0px;
}
#promotions #promoDivider
{
    height: 30px;
    background: #E6E7E8;
    margin: 125px 0 0 0;

}

#promotions #promoDivider1
{
    height: 30px;
    background: #E6E7E8;
    margin: 222px 0 0 0;

}

#promotions h4
{
    float: left;
    font-size: 12px;
    color: #29333D;
    margin: 0px 10px;
}
#promotions .rules
{
    float: right;
    font-size: 11px;
    margin: 0px 10px;
}
#promotions .rules a
{
    color: #FFFFFF;
    text-decoration: none;
}
#promotions .rules a:hover
{

    text-decoration: underline;
}

/* Station Finder */

#stationfinder #container
{
    width: 960px;
    padding: 0px;
}
#stationfinder #content .promotions
{
    position: absolute;
    top: 490px;
    left: 18px;
    font-size: 11px;
    color: #3C5269;
}
#stationfinder #content .promotions a
{
    color: #FFFFFF;
}

/* Error */

#error #content
{
    position: relative;
    padding: 0;
    background: url(../media/images/error-bg.jpg) no-repeat 0 0;
    width: 960px;
    height: 572px;
    color: #ffffff;
}
#error h2#were-sorry
{
    width: 190px;
    height: 40px;
    overflow: hidden;
    background: url(../media/images/error-were-sorry.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 80px;
    left: 50px;
}
#error p#copy
{
    width: 519px;
    height: 54px;
    overflow: hidden;
    background: url(../media/images/error-copy.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 133px;
    left: 50px;
}
#error a#homepage
{
    width: 300px;
    height: 30px;
    overflow: hidden;
    background: url(../media/images/error-goto-home.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 220px;
    left: 50px;
}
#error a#homepage:hover
{
    background-position: 0 -30px;
}
#error a#sitemap
{
    width: 300px;
    height: 30px;
    overflow: hidden;
    background: url(../media/images/error-goto-site.gif) no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: 248px;
    left: 50px;
}
#error a#sitemap:hover
{
    background-position: 0 -30px;
}

/* Sitemap */

#sitemap h2#title
{
    width: 138px;
    height: 40px;
    overflow: hidden;
    background: url(../media/images/sitemap-title.gif) no-repeat;
    text-indent: -9999px;
}
#sitemap #container
{
    height: 630px;
}
#sitemap #content li
{
    margin: 10px;
    font-size: 20px;
}
#sitemap #content li a
{
    color: white;
}
#sitemap #content ul
{
    list-style-image: url(../media/images/sitemap-tick.gif);
    margin: 60px;
}


/*Promotions legal*/



a.backToPromos
{
    color: #64686C;
    font-size: 12px;
    font-weight: bold;
    display: inline;
    padding: 0px 0 0 50px;
    z-index: 999;
}













.underline
{
    text-decoration: underline;
}