/* Import stylesheets */
@import "skeleton.css";



/* Stop Firefox's inactive vertical scrollbar from auto-hiding */
html { overflow     : -moz-scrollbars-vertical !important; }

/* Reset all padding/margin/cellpadding to a base of ZERO */
html, body, table, td, div, p, ul, h1, h2, h3, h4, h5, h6, form, input, select, textarea, button
{
    margin          : 0px;
    padding         : 0px;
    border-collapse : collapse;
    border-width    : 0px;
    list-style      : none;
    font-size       : 14px;
    font-family     : Verdana, Helvetica, Arial, Sans Serif;
    font-weight     : normal;
}

/* Set default behaviors */
.left  { float      : left; }
.right { float      : right; }
.clear { clear      : both; }

.container
{
    margin          : auto;
    width           : 980px;
	padding         : 0px 10px;
	background      : #fff;
}

body
{
	background: #000 url('../img/bg_page.png') top center no-repeat;
}

a
{
    color           : #cc0000;
    text-decoration : none;
    outline         : none;
}

a:hover,
a:active,
a:focus
{
    color           : #000000;
}

a img
{
	border: none;
}

h3
{
	font-weight: bold;
	font-size: 24px;
}

.blackened
{
	background-color: #000 !important;
	color: #fff;
}

.blackened h3
{
	font-size: 16px;
}

.blackened p
{
	font-size: 10px;
}

.blackened a
{
    color           : #00df00;
}

.blackened a:hover,
.blackened a:active,
.blackened a:focus
{
    color           : #cc0000;
}

.rounded
{
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}

.centered
{
	text-align: center;
}

.Button
{
	display: block;
	height: 25px;
}

.Button span
{
	display: none;
}

#btn_FreeDelivery
{
	margin-top: 10px;
	width: 100px;
	background: url('../img/btn_FreeDelivery.png') 0px 0px no-repeat;
}

#btn_FreeDelivery:hover
{
	background: url('../img/btn_FreeDelivery.png') 0px -25px no-repeat;
}

#btn_LearnMore
{
	margin-top: 10px;
	width: 100px;
	background: url('../img/btn_LearnMore.png') 0px 0px no-repeat;
}

#btn_LearnMore:hover
{
	background: url('../img/btn_LearnMore.png') 0px -25px no-repeat;
}


#BannerImage
{
	z-index: 1;
	position: relative;
	width: 740px;	
	height: 335px;
	background: #fff url('../img/img_racers.png') 0px 0px no-repeat;
}

.home #BannerImage
{
	background: #fff url('../img/banner_home.png') 0px 0px no-repeat;
}

.performance #BannerImage
{
	background: #fff url('../img/banner_performance.png') 0px 0px no-repeat;
}

.emissions #BannerImage
{
	background: #fff url('../img/banner_emissions.png') 0px 0px no-repeat;
}

.howitworks #BannerImage
{
	background: #fff url('../img/banner_howitworks.png') 0px 0px no-repeat;
	height: 415px;
}

.faq #BannerImage
{
	background: #fff url('../img/banner_faq.png') 0px 0px no-repeat;
}

.buyfuel #BannerImage
{
	background: #fff url('../img/banner_buy_fuel.png') 0px 0px no-repeat;
}

.faq ol li
{
	margin-bottom: 15px;
}

.faq ol li span
{
	font-weight: bold;
}

#BannerImage h3
{
	font-size: 26px;
	font-weight: bold;
	color: #ff0;
	text-align: center;
	z-index: 999;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 10px;
}

#BannerImage h3.shadow
{
	z-index: 1;
	bottom: 8px;
	color: #000;
	margin-right: 1px;
}

#BannerPoints
{
	width: 210px;
	color: #999;
}

#BannerPoints h3
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color: #009900
}

#BannerPoints li.selected
{
	color: #fff;
}

#BannerPoints li.selected h3
{
	color: #00df00;
}

#BannerPoints p
{
	font-size: 10px;
	line-height: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666666;
}

.faq #BannerPoints p
{
	border-bottom: none;
	font-size: 12px;
	line-height: 65px;
	padding-bottom: 0px;
}

#BannerPoints p.last
{
	border-bottom: none;
}

#BannerPoints table
{
	width: 210px;
}

#BannerPoints td,
#BannerPoints th
{
	padding: 4px 5px;
	vertical-align: top;
	font-size: 10px;
	color: #fff;
	border-right: 1px solid #fff;
}

#BannerPoints .last
{
	border-right: none;
}

#Events p
{
	margin-bottom: 15px;
}

#Events h4
{
	color: #00df00
}