/* Customized Global Reset from http://meyerweb.com/eric/tools/css/reset/ */

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 {
	border: 0;
	outline: 0;
	font-family: Verdana, arial, sans-serif;
	vertical-align: baseline;
}

body {
	margin: 0;
	padding: 0;
	background-image: url('/images/main_bg_tile.jpg');
	background-repeat: repeat-x;
	background-color: #8B9297;
	color: #fff;
}

body.plain {
	background-color: transparent;
	background-image: none;
	font-size: 0.7em;
	width: 100%;
}

h1, h2, h3, h4, h5, h6, p {
    clear: left;
}

h1 {
	color: #EA1E2A;
    font-size: 28px;
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 21px;
	font-weight: lighter;
    margin: 0;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0;
}

h2 b {
	font-weight: bold;
}

h3 {
    font-size: 1.2em;
}

iframe {
	background-color: transparent;
}

.thin {
    font-weight: lighter;
}

textarea {
    font-family: Verdana, arial, sans-serif;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:active, a:hover, a:visited {
	color: #fff;
}

/* Fix PNG support for IE 5.5+ 

img, div, a, input, span { 
	behavior: url(/style/iepngfix.php)
}
*/


.charSprite,
span.at15t_expanded,
span.at15t_compact,
ul.subNav a,
.button .arrow,
#playlistWrapper,
.jScrollArrowUp,
.jScrollArrowDown,
ul.errors , #specsBlock,
.jScrollPaneTrack,
.jScrollPaneDrag,
ul.subNav,
div#content,
div.transContent,
table.leaderboard .altRow1,
table.leaderboard .altRow2,
#videoDesc,
#playlist li,
.block,
#dynoBlock .text,
#miniRanking,
.leaderboard,
#miniRanking td,
.pngfix { 
	behavior: url(/style/iepngfix.php)
}

/* Nav / Template ---------------------------------------*/

input.shaded {
	background: url("/images/input_bg.gif") no-repeat scroll 0 0 #FFFFFF;
	border: none;
	padding-left:5px;
	color: #7B8286;
}

br.invisible {
	clear: both;
	height: 0;
	width: 0;
}

div#mainWrapper {
	margin-left: auto;
	margin-right: auto;
	background: url(/images/main_bg.jpg) no-repeat top center;
}

div#main {
	clear: left;
	padding-bottom: 20px;
}

div#main,
div#header,
div#shareBar {
	width: 961px;
	margin-left: auto;
	margin-right: auto;
}

div#shareBar {
	height: 25px;
	text-align: right;
	font-size: 11px;
	padding-top: 5px;
}

div.addthis_default_style {
	float: right !important;
	line-height: 12px;
}

div.addthis_default_style a {
	text-decoration: none;
}

.at15t {
	position: relative;
}

span.at15t_expanded, span.at15t_compact {
	background: url('/images/addthis_logo_white.png') no-repeat !important;
}

#footer div.addthis_default_style {
	float: none !important;
	margin-bottom: 10px;
	margin-top:-8px !important;
}

#trackingFrame {
	float: left;
	width: 1px;
	height: 1px;
}

div#headerWrapper {
	width: 100%;
	height: 85px;
	margin-bottom: 14px;
	background-color: #E3E4E6;
}

img.logo {
	float: right;
	margin-top:20px;
	width: 365px;
	height: 45px;
}

ul.nav, ul.subNav {
	margin: 0px;
	padding: 0px;
}

ul.nav li {
    float: left;
	margin-right: 7px;
}

ul.nav a.main {
	display: block;
	width: 181px;
	height: 85px;
}

ul.nav a.lightEmUp {
	background: url('/images/nav_lightemup.jpg');
}
ul.nav a.lightEmUp:hover {
	background: url('/images/nav_lightemup_on.jpg');
}
ul.nav a.specs {
	background: url('/images/nav_specs.jpg');
}
ul.nav a.specs:hover  {
	background: url('/images/nav_specs_on.jpg');
}
ul.nav a.shopping {
	background: url('/images/nav_shopping.jpg');
}
ul.nav a.shopping:hover  {
	background: url('/images/nav_shopping_on.jpg');
}

ul.subNav {
	position: absolute;
	display: none;
	width: 181px;
	background: url('/images/subnav_bg.png') repeat;
	padding: 0px;
	margin: 0px;
	z-index: 1000;
}

ul.subNav a {
	display: block;
	padding: 9px;
	padding-left: 27px;
	padding-right: 0px;
	background: url('/images/nav_arrow.gif') no-repeat 10px 8px;
	text-decoration: none;
}

ul.subNav a:hover {
	background-color: #D72428;
}

ul.subNav li {
	float: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

div#footer ul {
    display: block;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 25px;
}

div#content, div.transContent {
    clear: left;
    float: left;
	padding:12px;
    font-size: 0.7em;
	background: url('/images/trans_bg.png');
	width: 937px;
}

body#modal div#content {
	float: none;
	width: auto;
}

div#footerWrapper {
	clear: both;
	width: 100%;
	height: 244px;
	background: url('/images/footer_bg.jpg') repeat-x;
}

div#footer {
    font-size: 0.7em;
	margin-left: auto;
	margin-right: auto;
    width: 961px;
}

div#footer a {
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer ul {
	margin-top: 26px;
	margin-right: 50px;
}

div#footer ul.last {
	margin-right: 0px;
}

div#footer li.title {
	font-size: 15px;
	font-weight: 900;
	margin-bottom: 15px;
	text-shadow: 0px 0px 5px #000, 0px 0px 2px #000;
}

div#footer li {
	margin-bottom: 7px;
}

#footerNav {
	width: 180px;
	font-size: 11px;
}

img.charSprite {
	background-color: #000;
	display: inline;
}

/* Some browsers screw up the button tag with extra padding. Start hacks... */

button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/* end hacks */

.button {
	background: url('/images/button_bg.jpg') repeat-x 0px 0px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #666;
	padding: 0px;
}

.buttonLeft {
	background: url('/images/button_left.jpg') no-repeat 0px 0px;
	float: left;
	width: 10px;
	height: 29px;
}

.button .arrow {
	margin-top: 9px;
	margin-left: 8px;
	margin-right: 4px;
	background: url('/images/nav_arrow.gif') no-repeat top left;
	width: 8px;
	height: 12px;
	float: left;
	display: block;
}

a.buttonMiddle {
	float: left;
	text-decoration: none;
	height: 22px;
	padding-left: 12px;
	padding-top: 7px;
	text-shadow: #000 0px 0px 2px;
}

.buttonRight {
	float: left;
	width: 6px;
	height: 29px;
	background: url('/images/button_right.jpg') no-repeat top left;
}

/* Bottom promos -----------------------------------------------------*/

#bottomPromos {
	margin-top: 20px;
	font-size: 16px;
}

#bottomParts {
	background: url('/images/bottom_parts.jpg') no-repeat;
	width: 285px;
	height: 140px;
	padding-left: 23px;
	padding-top: 60px;
}
#bottomLocator {
	background: url('/images/bottom_locator.jpg') no-repeat;
	font-size: 11px;
	width: 284px;
	height: 129px;
	margin-left: 8px;
	padding-top: 71px;
	padding-left: 24px;
}
#bottomLocator #zip {
	margin-bottom:30px;
	font-size: 14px;
}
#bottomRebates {
	background: url('/images/bottom_rebates.jpg') no-repeat;
	width: 277px;
	height: 44px;
	margin-left: 8px;
	padding-left: 27px;
	padding-top: 156px;
}

#bottomHendrick {
	background: url('/images/bottom_hendrick.jpg') no-repeat;
	width: 277px;
	height: 44px;
	margin-left: 8px;
	padding-left: 27px;
	padding-top: 156px;
}

body#leaderboard a.current {
	color: #f00;
}

body#leaderboard #intro {
	width: 510px;
	margin-left: 25px;
	margin-top: 37px;
	margin-bottom: 10px;
	float: left;
}

body#leaderboard #iphoneApp {
	width: 370px;
	float: left;
	margin-left: 30px;
	margin-top: 116px;
}

body#leaderboard #iphoneApp img {
	margin-right: 15px;
}
body#leaderboard #iphoneApp img,
body#leaderboard #iphoneApp p,
body#leaderboard #iphoneApp .button {
	float: left;
}
body#leaderboard #iphoneApp p {
	clear: left;
}
body#leaderboard #iphoneApp h4 {
	font-size: 12px;
	clear: none;
	float: left;
	padding-top: 0px;
	margin: 0px;
}

body#leaderboard #iphoneApp .buttonMiddle {
	padding-left: 5px;
}

/* results */

table.leaderboard {
	background: #000 none;
	border: none;
	width: 100%;
	font-size: 12px;
	margin-top: 20px;
	clear:left;
}

.searchResults {
	width: 932px;
	padding: 5px;
	margin-top: 5px;
	background-color: #444;
	border: 2px solid white;
	font-size: 12px;
	font-weight: bold;
}

h1.noResults {
	text-align: center;
}

.navButtons {
	margin-bottom: 5px;
	float: left;
}

.navButtons .button {
	margin-right: 5px;
}

table.leaderboard td {
	vertical-align: middle;
}
table.leaderboard a {
	font-weight: bold;
}


table.leaderboard .rank {width: 84px}
table.leaderboard .username {width: 170px}
table.leaderboard .vehicle {width: 242px}
table.leaderboard .model {width: 263px}
table.leaderboard .results {width: 110px}

table.leaderboard td.results {
	padding: 3px;
}
table.leaderboard td.results div {
	margin:2px;
	padding: 3px;
	background-color: black;
	text-align: right;
}

table.leaderboard tr {
	border-top: 1px solid black;
}

table.leaderboard .altRow1 {
	background: url('/images/alt_row_1.png') repeat-x;
}

table.leaderboard .altRow2 {
	background: url('/images/alt_row_2.png') repeat-x;
}

table.leaderboard th {
	text-transform: uppercase;
	font-size: 10px;
}

body#leaderboard .stage {
	width: 946px;
	background: #000 none;
	padding: 7px;
	float: left;
}
body#leaderboard .stage form {
	float: right;
}
body#leaderboard .stage form input {
	width: 200px;
	height: 18px;
	padding-left: 5px;
        padding-top:3px;
	margin-top: 2px;
	margin-right: 10px;
	font-size: 13px !important;
	color: #777;
	border: none;
	background: #fff url('/images/input_bg.gif') no-repeat;
}

/* Modal windows */

.modalContent {
	clear:left;
	margin: 15px;
	margin-right: 0px;
}
.modalContent .stats {
	float:left;
	margin-right: 25px;
}
.modalContent dl {
	width: 295px;
	margin-top: 0px;
	float: left;
}
.modalContent dt {
	width: 180px;
	padding-bottom: 0.3em;
}

.modalContent dd {
	padding: 0.1em;
	float: right;
	display: block;
	background-color: black;
	width: 70px;
	text-align: right;
}

.modalContent table {
	margin-top: 0px;
}

.modalContent table.leaderboard {
	border: 1px solid black;
}

.modalContent h4 {
	clear: left;
	margin-bottom: 5px;
	padding-top: 10px;
}

h4.ride {
	float: right;
	margin-right: 15px;
}

.modalContent .graph {
	width: 400px;
	height: 300px;
}


/* Certain pages with a big background image require a slightly different layout */

body#videos #content,
body#leaderboard #content,
body#iphone #content {
	padding: 0px;
	width: 960px;
}

body#videos #innerContent,
body#iphone #innerContent {
	padding: 12px;
}

body#iphone #content {
	background: url('/images/iphone_app_bg.jpg') no-repeat;
	height: 530px;
}

body#iphone #content .button {
	margin-top: 25px;
}

body#iphone #innerContent {
	width: 470px;
	padding: 32px;
	padding-left: 45px;
}


/* Video Channel Page ---------------------------------- */

#videoContainer {
	width: 563px;
}

#playerContainer {
	padding-left: 21px;
	padding-right: 21px;
	background-color: #000;
}

#videoContainer,
#playerContainer {
	float: left;
	clear: left;
}

#videoTitle {
	font-size: 15px;
	font-weight: bold;
	color: #ff0000;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#videoDesc {
	padding: 14px;
	padding-top: 16px;
	background: url('/images/trans_bg.png');
	width: 535px;
	clear: left;
}

#playlistWrapper {
	width: 370px;
	background: url('/images/playlist_bg.png') 34px 0px no-repeat;
	padding:0px;
	float: right;
}

body#hendrick #playlistWrapper {
	background: none;
}

body#hendrick #playlist {
	overflow: none;
}

body#hendrick #playerContainer {
	height:316px;
}

#descWrapper {
	height: 81px;
	width: 238px;
	overflow: hidden;
}

#descWrapper p {
	padding-top: 10px;
	margin: 0px;
	margin-left: 57px;
}

#playlist, #videoPlayer {
    float: left;
}

#playlist, #playlistPlain {
    font-size: 10px;
	width: 330px;
	height: 450px;
	margin: 0px;
	float: left;
	overflow: scroll;
}
#playlistPlain{
	height: auto;
	overflow: auto;
	margin-left: 50px;
	margin-top: 68px;
}


#playlist ul ,
#playlistPlain ul {
	margin: 0px;
	padding: 0px;
}

#playlist li ,
#playlistPlain li {
    background-color: #999;
	background: url('/images/trans_bg.png');
    padding: 0px;
	margin-bottom: 8px;
	width: 295px;
	float: left;
}

#playlistPlain li {
	width:325px;
}

#playlist li a ,
#playlistPlain li a {
	color: #f00;
	font-weight: bold;
	text-decoration: none
}

#playlist div.thumb ,
#playlistPlain div.thumb {
	float: left;
	padding: 10px;
	background-color: #000;
}

#playlist div.videoText ,
#playlistPlain div.videoText {
	float: left;
	width: 120px;
	padding: 10px;
}

#playlist .nowPlaying ,
#playlistPlain .nowPlaying {
    background-color: #000;
}

#footer select {
	width: 158px !important;
	font-size: 11px;
}

/* Hendrick */

body#hendrick #videoContainer {
	width: 560px;
}
body#hendrick #playlist ul {
	margin-left: 50px;
	margin-top: 69px;
}
body#hendrick #videoDesc {
	width: 577px;
}
body#hendrick .description {
	width: 190px;
}

#customPlayer {
	width: 563px;
	height: 316px;
}

/* Video Submission Page ------------------------------------------ */

form#videoInfo {
	float: left;
	width: 560px;
}

#instructions {
	font-size: 11px;
	width: 350px;
	float: right;
	margin-top: 10px;
}

#instructions ul {
	list-style-type: square;
}

#instructions ul li {
	padding: 3px;
}

#instructions h1 {
	font-size: 20px;
	position: absolute;
	margin-top: -20px;
	margin-left: -20px;
	text-shadow: #000000 2px 2px 3px;
}

iframe#videoUpload {
	width: 400px;
	height: 50px;
	float:left;
	clear:left;
	margin: 0px;
	padding: 0px;
}


/* Specs Page ------------------------------------------ */

#specsCenterwell {
	width: 960px;
	height: 417px;
	margin-left: -12px;
	margin-top: -12px;
}

table.specs img {
	display: block;
}

table.specs {
	margin-top: 15px;
}

table.specs td {
	padding: 5px;
}

table.specs th {
	width: 145px;
}

table.specs td.first {
	width: 220px;
}

table.specs .empty {
	background-color: transparent;
	border-top: 0px;
	border-left: 0px;
	width: 160px;
}

table.specs td {
	border: 2px solid black;
	background: #050505 url('/images/specs/cell_bg.gif') repeat-x;
	vertical-align: middle;
	text-align: middle;
}

table.specs td img,
table.specs td p
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.specs th {
	border: 2px solid black;
	padding: 0px;
	white-space: nowrap;
}

/* Rebates page ---------------------------------------- */

.rebateBox,
.rebateBox h5 {
	font-size: 12px;
}

.rebateBox h5,
.rebateBox p {
	margin: 0px;
}

.rebateBox h5 {
	color: #e10f23;
	margin-bottom: 4px;
	font-size: 14px;
	text-shadow: #000 0px 0px 4px;
}

.rebateBox p {
	margin-bottom: 12px;
}

#generalRebate {
	background: url("/images/lightemup_rebate_block.jpg") no-repeat;
	width: 452px;
	height: 272px;
	float: left;
}

#generalRebate div.text {
	margin-left: 35px;
	margin-top: 95px;
}

#generalRebate .button {
	margin-left: 35px;
	margin-top: 5px;
}

#iphoneRebate {
	margin-left: 26px;
	background: url("/images/iphone_rebate_block.jpg") no-repeat;
	width: 457px;
	height: 272px;
	float: left;
}

#iphoneRebate .text ,
#iphoneRebate p {
	margin-left: 225px;
	margin-top: 10px;
	line-height: 15px;
	width: 213px;
}

#iphoneRebate .text {
	margin-top: 100px;
	width: 213px;
}

#iphoneRebate .button {
	margin-left: 250px;
	margin-top: 20px;
}

/* Custom scrollbars ----------------------------------- */

.jScrollPaneTrack {
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 3px;
	background: #000;
}

.jScrollArrowUp, .jScrollArrowDown {
	z-index: 1;
	right: 0;
	text-indent: -2000px;
	width: 17px;
	height: 17px;
}

.jScrollArrowUp {
	background: url(/images/scrollbar_top.png) no-repeat 0 0;
	top: 0;
}

.jScrollArrowUp:hover {
	background-position: 0px -17px;
}

.jScrollArrowDown {
	background: url(/images/scrollbar_bottom.png) no-repeat 0 0px;
	text-indent: -2000px;
}

.jScrollArrowDown:hover {
	background-position: 0px -17px;
}

.jScrollPaneTrack {
	background: url(/images/scrollbar_bg.png) repeat-y 0 0;
	height: 425px;
}

.jScrollPaneDrag {
	background: url(/images/scrollbar_slider.png) repeat-y 0 0;
	width: 17px;
	height: 32px;
	cursor: pointer;
}

.jScrollPaneDrag:hover, .jScrollPaneDrag:active {
	background-position: 0px -32px;
}

.jScrollPaneTrack,
.jScrollArrowUp,
.jScrollArrowDown {
	left: auto;
	right: 0px;
}

.jScrollPaneContainer,
.jScrollPaneTrack,
.jScrollIntervalTrack,
.jScrollPaneDrag,
.jScrollPaneDragTop,
.jScrollPaneDragBottom,
.jScrollArrowUp,
.jScrollArrowDown {
	display: block;
	position: absolute;
	overflow: hidden;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 200px;
}



/* Forms -----------------------------------------------*/

.error {
    padding: 6px;
    margin-bottom: 1em;
}

.notice {
    border: 2px solid #0000ee;
    padding: 4px;
}

text,
textarea,
input,
select,
radio,
checkbox,
password,
reset,
button {
    font-size: 100%;
    float: left;
}

input[type=checkbox] {
	width: 2em;
}

label {
    width: 12em;
    float: left;
}

label.wide {
	width: 18em;
}

dd,
dt {
    float: left;
    margin-bottom: 0.5em;
}

dd {
    margin-left: 0px;
}

dt {
    clear: left;
    padding-top: 0.3em;
}

dd input,
select {
    width: 160px;
}

textarea {
    width: 22em;
    height: 7em;
}

ul.errors {
    float: left;
    width: 240px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background: url('/images/error_arrow.png') no-repeat 10px 5px;
}

ul.errors li {
	margin-bottom: 4px;
}

ul.errors li,
.error {
    border: 2px solid #f00;
    padding: 2px;
    background-color: #bb0000;
}

input.submit {
    width: auto;
}




/* Buttons -----------------------------------------------*/

.btn {
  display:block;
  height:31px;
  border:0;
}

#bottomPromos .jquery-selectbox {
  margin-top:11px;
}

#bottomPromos #bottomParts .button {
  margin-top:8px;
}

#bottomPromos #bottomLocator .button {
  margin-top:3px;
}