@charset "UTF-8";

/** 
 * Global CSS File
 *
 * @media all
 * 
 * @colordef #b3b3b3; standard gray 
 * @colordef #ff5d00; orange 
 * @colordef #ffffff; white 
 */ 
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * HTML Reset Definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
html { background: #000; }
body { margin: 0px; padding: 0px; background: #000 url(../img/background.gif) repeat-x; font: 13px/17px Arial, Helvetica, sans-serif; color: #b3b3b3; }
form { padding: 0px; margin: 0px; border: none; }
p { margin: 0px; padding: 0px 0px 15px 0px; }
h1 { margin: 0px; padding: 0px 0px 0px 0px;font: bold 40px/44px Arial, Helvetica, sans-serif; color: #000; }
h2 { margin: 0px; padding: 0px 0px 10px 0px;font: normal 18px/20px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 4px }
h3 { margin: 0px; padding: 0px 0px 10px 0px; font: normal 15px/14px Arial, Helvetica, sans-serif; color: #fff;  }
h4 { margin: 0px; padding: 0px 0px 10px 0px; }
h5 { margin: 0px; padding: 0px 0px 10px 0px; }
h6 { margin: 0px; padding: 0px 0px 10px 0px; }
label { margin: 0px; padding: 0px 0px 5px 0px; font: normal 15px/14px Arial, Helvetica, sans-serif; color: #fff; display: block; }
img { border: 0px;  }
hr { display: none; }

ul, ol { margin: 0px; padding: 0px 0px 10px 0px; }
li ul, li ol { padding: 0px; }
li { padding: 0px 0px 4px 0px; margin: 0px 0px 0px 25px; }
li li { padding: 4px 0px 0px 0px;  }

table { border-left: solid 1px; border-top: solid 1px #000; padding: 0px; margin: 0px 0px 10px 0px; border-collapse: collapse; width: 100%; }
th { border-right: solid 1px; border-bottom: solid 1px #000; padding: 2px 5px; margin: 0px; text-align: left; vertical-align: top; }
td { border-right: solid 1px; border-bottom: solid 1px #000; padding: 2px 5px; margin: 0px; text-align: left; vertical-align: top; }

a:link, a:visited { color: #ff5d00; }
a:hover, a:active { }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Global Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
/**
 * Fundamental Structure 
 */
 
div#page_wrapper { background: url(../img/background_bleed.jpg) no-repeat center top }
div#page { width: 960px; margin: 0px auto; position: relative; padding-top: 29px; background: url(../img/background_inner.jpg) no-repeat; }
div#content { }

/** 
 * Reusable Classes  
 */
 
*.error_text { color: red; }
span.nav_text { display: none; }
p.driver_text {font: bold 15px/24px Arial, Helvetica, sans-serif; color: #fff;}
p.sub_header {font: bold 16px/18px Arial, Helvetica, sans-serif; color: #000;}
div.horizontal_rule { height: 10px; border-top: solid 1px #000; }
input.field_med { background: #292929 url(../img/field_bg.gif) repeat-x; padding: 2px 5px; font: bold 13px/17px Arial, Helvetica, sans-serif; color: #fff; border: solid 1px #5e5e5e; width: 220px; }
input.field_small { background: #292929 url(../img/field_bg.gif) repeat-x; padding: 2px 5px; font: bold 13px/17px Arial, Helvetica, sans-serif; color: #fff; border: solid 1px #5e5e5e; width: 60px; }

a.cta_link:link, a.cta_link:visited { font: bold 11px/17px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow.gif) no-repeat right top; padding-right: 12px; }
a.cta_link:hover, a.cta_link:active, a.cta_link_hover { color: #fff !important; background: url(../img/orange_arrow.gif) no-repeat right -30px !important; }

a.medium_cta_link:link, a.medium_cta_link:visited { font: bold 12px/14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow.gif) no-repeat right 1px; padding-right: 12px; }
a.medium_cta_link:hover, a.medium_cta_link:active, a.medium_cta_link_hover { color: #fff !Important; background: url(../img/orange_arrow.gif) no-repeat right -29px !Important; }

a.large_cta_link:link, a.large_cta_link:visited { font: bold 15px/24px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow_large.gif) no-repeat right top; padding-right: 12px; }
a.large_cta_link:hover, a.large_cta_link:active { color: #fff;background: url(../img/orange_arrow_large.gif) no-repeat right -30px; }

/**
 * Global Navigation 
 */

div#global_navigation {  padding-left: 10px; position: absolute; width: 600px; height: 28px; top: 0px; left: 0px;z-index: 100; }
div#global_navigation ul { float: left; margin: 0px; padding: 0px; width: auto; list-style: none;  }
div#global_navigation li { float: left; margin: 0px; padding: 0px; width: auto; position: relative; }
div#global_navigation_end  { clear: both; font: 1px/1px sans-serif;}

a.home_nav:link, a.home_nav:visited { background: url(../img/home_nav.gif); width: 35px; height: 29px; display: block; text-decoration: none; }
a.home_nav:hover, a.home_nav:active { background: url(../img/home_nav.gif) -35px 0px;}

a.pulldown_nav:link, a.pulldown_nav:visited { background: url(../img/pulldown_nav_background.gif) no-repeat; width: 166px; height: 21px; padding: 8px 0px 0px 10px; margin-right: 10px; display: block; text-decoration: none; text-transform: uppercase; font: bold 10px/11px Arial, Helvetica, sans-serif; color: #fff; }
a.pulldown_nav:hover, a.pulldown_nav:active { background: url(../img/pulldown_nav_background.gif) no-repeat -176px 0px; color: #ff5d00; }
a.pulldown_nav_open { background: url(../img/pulldown_nav_background.gif) no-repeat -176px 0px !important; color: #fff !important;}

div#global_navigation div.dropdown_menu { position: absolute; left: 0px; top: 24px; background: #000;  width: 175px; filter:alpha(opacity=85); opacity:0.85; }
div#global_navigation div.dropdown_menu ul { float: none;padding: 10px 10px 0px 10px; }
div#global_navigation div.dropdown_menu li { float: none; }

div#global_navigation div.dropdown_menu a:link, div#global_navigation div.dropdown_menu a:visited { width: 155px; padding: 0px 0px 10px 0px; display: block; text-decoration: none; text-transform: uppercase; font: bold 10px/11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
div#global_navigation div.dropdown_menu a:hover, div#global_navigation div.dropdown_menu a:active { color: #ed4800; background: url(../img/arrow.gif) no-repeat right top }
 
/**
 * Social Navigation 
 */
 
div#social_navigation { padding-left: 10px; position: absolute; width: 414px; height: 26px; top: 2px; right: 0px; }
div#social_navigation ul { float: right; margin: 0px; padding: 0px; width: auto; list-style: none;  }
div#social_navigation li { float: left; margin: 0px; padding: 0px 2px 0px 0px; width: auto; position: relative; }
div#social_navigation_end  { clear: both; font: 1px/1px sans-serif;  }

span.social_connect_text { font: bold 11px/12px Arial, Helvetica, sans-serif; color: #999999; display: block; padding-top: 5px;  }

a.social_facebook:link, a.social_facebook:visited { display: block; width: 22px; height: 22px; text-decoration: none; background: url(../img/social_facebook.gif) }
a.social_facebook:hover, a.social_facebook:active {}
 
a.social_twitter:link, a.social_twitter:visited { display: block; width: 22px; height: 22px; text-decoration: none; background: url(../img/social_twitter.gif) }
a.social_twitter:hover, a.social_twitter:active {}

a.social_youtube:link, a.social_youtube:visited { display: block; width: 22px; height: 22px; text-decoration: none; background: url(../img/social_youtube.gif) }
a.social_youtube:hover, a.social_youtube:active {}

/**
 * Global Footer 
 */
 
div#global_footer { font: bold 11px/14px Arial, Helvetica, sans-serif; color: #6c6c6c; text-align: center; padding-bottom: 50px; }
div#global_footer span.footer_links { font-size: 10px; text-transform: uppercase; }
div#global_footer a:link, div#global_footer a:visited {color: #6c6c6c;}
div#global_footer a:hover, div#global_footer a:active { color: #fff; }

/**
 * Promo Banners 
 */
div.promo_banner {background: url(../img/banner_background.jpg); width: 160px; height: 163px; padding-left: 40px;}
div.promo_banner_inner {cursor:pointer; height: 48px; width: 160px; padding-top: 112px; text-align: center; }
a.promo_banner_link:link, a.promo_banner_link:visited { font: bold 11px/12px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow.gif) no-repeat right top; padding-right: 12px; }
a.promo_banner_link:hover, a.promo_banner_link:active { color: #fff;background: url(../img/orange_arrow.gif) no-repeat right -30px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Page Layouts
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
/**
 * Homepage Layout
 */

body.homepage_body { background: #000 url(../img/homepage_background.gif) repeat-x !important; }
div.page_wrapper_homepage { background: url(../img/homepage_background_bleed.jpg) no-repeat center top !important; }
div.homepage_page {  background: url(../img/homepage_background_inner.jpg) no-repeat !important; }
div#social_content { height: 415px; position: relative; }

div#homepage_driver1 {position: absolute; left: 175px; top: 335px; width: 193px; height: 44px;}
div#homepage_driver2 {position: absolute; left: 383px; top: 335px; width: 193px; height: 44px;}
div#homepage_driver3 {position: absolute; left: 591px; top: 335px; width: 193px; height: 44px;}

a.homepage_driver_facebook_link:link, a.homepage_driver_facebook_link:visited {text-decoration: none; display: block;  width: 123px; height: 36px;  padding: 8px 20px 0px 50px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff !important; }
a.homepage_driver_facebook_link:hover, a.homepage_driver_facebook_link:active { background: url(../img/home_social_facebook_on.jpg)}

a.homepage_driver_twitter_link:link, a.homepage_driver_twitter_link:visited {text-decoration: none; display: block;  width: 123px; height: 36px;  padding: 8px 20px 0px 50px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff !important; }
a.homepage_driver_twitter_link:hover, a.homepage_driver_twitter_link:active { background: url(../img/home_social_twitter_on.jpg)}

a.homepage_driver_youtube_link:link, a.homepage_driver_youtube_link:visited {text-decoration: none; display: block;  width: 123px; height: 36px;  padding: 8px 20px 0px 50px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff !important; }
a.homepage_driver_youtube_link:hover, a.homepage_driver_youtube_link:active { background: url(../img/home_social_youtube_on.jpg)}

div#promo { background: url(../img/tab_background.jpg) no-repeat; height: 224px; padding-top: 1px;}
div#promo_banner1 { float: left;  width: 172px; height: 170px;  padding-left: 40px; }
	div.promo_banner1_inner { cursor:pointer; width: 172px; height: 58px;padding-top: 112px;  text-align: center;background: url(../img/promo_banner1.png) no-repeat top right;  }
	div#promo_banner1 a:link, div#promo_banner1 a:visited { font: bold 11px/12px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow.gif) no-repeat right top; padding-right: 12px; }
	div#promo_banner1 a:hover, div#promo_banner1 a:active { color: #fff;background: url(../img/orange_arrow.gif) no-repeat right -30px; }
div#promo_tabs { float: left; width: 534px; margin-right: 1px;}
	div#promo_tabs_inner { height: 122px; overflow: hidden;  }
	div#promo_tabs p {font-size: 12px; padding-bottom: 8px; }
	div#promo_tabs h3 {font: normal 13px/14px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; padding: 15px 0px 5px 0px; }
	div.promo_facebook_cta_container { background: url(../img/home_facebook_driver.gif) no-repeat; padding-left: 28px; height: 20px;  }
	div.promo_generic_cta_container {   }
div#promo_banner2 { float: left; width: 172px;  height: 170px; padding-right: 40px;  }
	div.promo_banner2_inner { cursor:pointer; width: 172px; height: 58px;padding-top: 112px;  text-align: center;background: url(../img/promo_banner2.png) no-repeat top left; }
	div#promo_banner2 a:link, div#promo_banner2 a:visited { font: bold 11px/12px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; background: url(../img/orange_arrow.gif) no-repeat right top; padding-right: 12px; }
	div#promo_banner2 a:hover, div#promo_banner2 a:active { color: #fff;background: url(../img/orange_arrow.gif) no-repeat right -30px; }
div#promo_end { clear: both; font: 1px/1px sans-serif; }

a.promo_banner_roll {  color: #fff !important;background: url(../img/orange_arrow.gif) no-repeat right -30px !important; }

div#promo_navigation { padding-left: 27px;  }
div#promo_navigation ul { float: left; margin: 0px; padding: 0px; width: auto; list-style: none;border-left: solid 1px #2b2b2b;  }
div#promo_navigation li { float: left; margin: 0px; padding: 0px; width: auto;  }
div#promo_navigation_end  { clear: both; font: 1px/1px sans-serif;}
div#promo_navigation a:link, div#promo_navigation a:visited { float: left; background: url(../img/promo_navigation_background.gif) repeat-x; border-right: solid 1px #2b2b2b; text-decoration: none; color: #fff; padding: 4px 8px 0px 8px; display: block; height: 17px; text-transform: uppercase;  font: bold 10px/11px Arial, Helvetica, sans-serif; }
div#promo_navigation a:hover, div#promo_navigation a:active { color: #ff5d00 }
a.active_tab {background: url(../img/promo_navigation_background_active.gif) repeat-x !important; color: #fff !Important; }

div#promo_new_champions { background: url(../img/home_promo_new_champs.jpg) right top no-repeat;height: 122px; padding-right: 220px; padding-left: 27px; cursor: pointer; }
div#promo_tab1 { background: url(../img/home_promo_story.jpg) right top no-repeat;height: 27px; padding-right: 180px; padding-left: 27px; padding-top: 95px; cursor: pointer; }
div#promo_tab2 { background: url(../img/home_promo1.jpg) right top no-repeat;height: 122px; padding-right: 180px; padding-left: 27px; cursor: pointer; }
div#promo_tab3 { background: url(../img/home_promo3.jpg) right top no-repeat;height: 122px; padding-right: 180px; padding-left: 27px; cursor: pointer;}
div#promo_chevy { background: url(../img/home_promo3.jpg) right top no-repeat;height: 122px; padding-left: 1px; cursor: pointer;}
div#promo_earnhardt { background: url(../img/home_promo_earnhardt.jpg) right top no-repeat;height: 122px; padding-right: 130px; padding-left: 140px; cursor: pointer;}
div#promo_tab_champs { background: url(../img/home_promo_lakers.jpg) right top no-repeat;height: 122px; padding-right: 140px; padding-left: 137px;  padding-top: 14px; cursor: pointer;}

/**
 * Homepage Social Bubbles
 */
 
span.callout { color: #ed4800; font-weight: bold; }

div.bubble_small { cursor: pointer; width: 169px; padding-top: 5px; background: url(../img/bubble_small_top.gif) no-repeat;  position: absolute;  }
div.bubble_small_inner { background: url(../img/bubble_small_bottom.gif) left bottom no-repeat;font: 9px/10px Arial, Helvetica, sans-serif; color: #000; padding: 0px 7px 12px 25px; }
div.left_side div.bubble_small_inner { background: url(../img/bubble_small_bottom_left.gif) left bottom no-repeat !important; }
div.bubble_icon_small_facebook { width: 18px; height: 18px; display: block; position: absolute; left: 0px; top: 5px; }

div.bubble_med { cursor: pointer; width: 184px; padding-top: 5px; background: url(../img/bubble_med_top.gif) no-repeat;  position: absolute; }
div.bubble_med_inner { background: url(../img/bubble_med_bottom.gif) left bottom no-repeat;font: 10px/11px Arial, Helvetica, sans-serif; color: #000; padding: 1px 7px 12px 28px; }
div.left_side div.bubble_med_inner { background: url(../img/bubble_med_bottom_left.gif) left bottom no-repeat !important; }
div.bubble_icon_med_facebook { width: 22px; height: 22px; display: block; position: absolute; left: 0px; top: 5px; }

div.bubble_large { cursor: pointer; width: 223px; padding-top: 5px; background: url(../img/bubble_large_top.gif) no-repeat;  position: absolute;  }
div.bubble_large_inner { background: url(../img/bubble_large_bottom.gif) left bottom no-repeat;font: 12px/13px Arial, Helvetica, sans-serif; color: #000; padding: 2px 7px 18px 37px; }
div.left_side div.bubble_large_inner { background: url(../img/bubble_large_bottom_left.gif) left bottom no-repeat !important;}
div.bubble_icon_large_facebook { width: 27px; height: 27px; display: block; position: absolute; left: 0px; top: 5px; }


/**
 * Standard Layout
 */

div#page_header { height: 62px; padding-top: 115px; margin-bottom: 20px;}
div#page_header_2lines { height: 82px; padding-top: 95px; margin-bottom: 20px;}
div#page_header_3lines { height: 82px; padding-top: 70px; margin-bottom: 45px;}
div#like_button {top: 170px; position:absolute;}
div#like_button_horizontal {top: 140px; position:absolute;}

div#copyright { font: bold 11px/14px Arial, Helvetica, sans-serif; color: #6c6c6c; padding-bottom: 50px; }

div#layout_standard { padding-bottom: 50px;  }
div#layout_standard_col1 { padding-left: 146px; float: left; width: 264px; padding-top: 217px;  }
div#layout_standard_col2 { width: 440px; float: left;  }
div#layout_standard_end { clear: both; font: 1px/1px sans-serif; }

/**
 * Product Layout
 */

div#layout_product { padding-bottom: 50px;  }
div#layout_product_col1 { width: 410px; float: left;  }
div#layout_product_col1_inner { text-align: center; }
div#layout_product_col2 { width: 440px; float: left;  padding-top: 20px; }
div#layout_product_end { clear: both; font: 1px/1px sans-serif; }
div#fuel_nutrition_nav { padding-top: 10px; }

div#promo_details_sidebar { padding-left: 120px; text-align: left; }
div#promo_details_sidebar div.drivers { padding-left: 20px; }

/**
 * Champions Layout (Vertical)
 */

div#layout_champion { padding-bottom: 50px; }
div#layout_champion_col1 { width: 410px; float: left; padding-bottom: 1px; }
div#layout_champion_col2 { width: 440px; float: left;  }
div#layout_champion_end { clear: both; font: 1px/1px sans-serif; }

div.drivers { padding: 15px 0px 25px 0px; }
div.drivers_end {clear: both; font: 1px/1px sans-serif;}
a.facebook_driver:link, a.facebook_driver:visited { background: url(../img/driver_facebook.jpg) no-repeat; text-decoration: none; display: block; float: left; width: 142px; height: 36px; margin-right: 12px; margin-bottom: 12px; padding: 8px 20px 0px 45px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; }
a.facebook_driver:hover, a.facebook_driver:active {background: url(../img/driver_facebook.jpg) no-repeat -207px 0px;}
a.youtube_driver:link, a.youtube_driver:visited { background: url(../img/driver_youtube.jpg) no-repeat; text-decoration: none; display: block; float: left; width: 142px; height: 36px; margin-right: 12px; margin-bottom: 12px; padding: 8px 20px 0px 45px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; }
a.youtube_driver:hover, a.youtube_driver:active {background: url(../img/driver_youtube.jpg) no-repeat -207px 0px;}
a.twitter_driver:link, a.twitter_driver:visited { background: url(../img/driver_twitter.jpg) no-repeat; text-decoration: none; display: block; float: left; width: 142px; height: 36px; margin-right: 12px; margin-bottom: 12px; padding: 8px 20px 0px 45px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; }
a.twitter_driver:hover, a.twitter_driver:active {background: url(../img/driver_twitter.jpg) no-repeat -207px 0px;}
a.chevy_driver:link, a.chevy_driver:visited { background: url(../img/driver_chevy.jpg) no-repeat; text-decoration: none; display: block; float: left; width: 142px; height: 36px; margin-right: 12px; margin-bottom: 12px; padding: 8px 20px 0px 45px; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; }
a.chevy_driver:hover, a.chevy_driver:active {background: url(../img/driver_chevy.jpg) no-repeat -207px 0px;}

/**
 * Champions Layout (Horizontal)
 */
 
div#layout_champion_horizontal {padding-bottom: 50px;}
div#layout_champion_horizontal_header { padding-left: 465px; padding-top: 40px;}
div#layout_champion_image {text-align: center; padding-bottom: 0px; position:relative;top:-50px;}
div#sub_champions_layout {margin-top: -30px;}
div#sub_champions_layout_col1 {width: 390px; float: left; text-align: right; padding-right: 20px; }
div#sub_champions_layout_col2 {width: 440px; float: left;}
div#sub_champions_layout_end {clear: both; font: 1px/1px sans-serif;}