/*********************** reset.css ****************/

/* v1.0 | 20080212 */
* {
  margin: 0;
  padding: 0;
}


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;
}
body {
	line-height: 1;
	font-size: 14px;
}
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;
}

/******************* end reset.css ******************/


body{
	background-image: url('/images/bg_tile.jpg');
	font-family: arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #5f5f5f;
}

h1{
	font-size: 20px;
}

h2{
	font-size: 16px;
	color: #ec2b00;
	margin-bottom: 2px;
}

p{
 margin-bottom: 16px;
}

a {
 color: #c7ba7f;
 font-weight: bold;
}
a:hover {
 color: #bb0106;
}

a.register {
 color: #bb0106;	
}
a.register:hover {
 color: #5f5f5f;	
}

table tr th {
	text-align:left;
}
th {
	padding:2px 18px 2px 0;
}

table tr.odd {
 background-color: #eee;
}

table tr.even {
 background-color: #fff;   
}

table td {
 padding: 2px 18px 0px 0px;
}
/************** general styles *********************/

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

span.yes {
  color: green;	
}

span.no {
  color: red;	
}

/**************************** layout *******************/
.pudsey {
	margin-left: 45px;
}

.padding_top{
	padding-top: 20px;
}

#main_image{
	padding: 0px;
	margin: 0px;
	height: 350px;
	overflow: hidden;
}

#content{
	width: 935px;
	margin: 0 auto;
	margin-top: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	margin-bottom: 20px;
}

.left_column{
	width: 714px;
}



#right_column{
	background-image: url(/images/home/grey_side.png);
	background-repeat: repeat-y;
	z-index: -1;
	width: 215px;
	margin-top: -3px;
	margin-left: -5px;
	padding-top: 20px;
}

.news_item{
	width: 170px;
	padding: 5px 12px 0px 12px;
	
}

.news_item p{
	color: #323232;
	font-size: 13px;
 	border-bottom: 1px dashed #444;
	margin-bottom: 8px;
	padding-bottom: 14px;
}

.news_item a {
 	color: #ff3300;	
}

.news_item h2 {
 	color: #ff3300;	
}



.padding{
	padding: 20px;
}




/******** circuit layout **********/
.circuit_padding_top{
	padding-top: 74px;
}


/******** info layout **********/
.info_padding_top{
	padding-top: 294px;
}

.info_padding_semis {
	padding-top: 110px;
}


/************ nav **************/
#nav_wrapper{
	background-image: url(/images/nav/gradient.jpg);
	float: left;
	width: 100%;
}

#nav{
	padding: 0px;
	margin: 0px;
	float: left;
}

#nav li{
	display: inline;
	margin-left: -50px;
}

#nav li.home{
	margin-left: 0px;
}

/************* sponsors ****************/

#sponsors {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 8px;
}

#sponsors_nav li {
	float: left;
}


/************* headers *************/
#contact_header{
	background-image: url(/images/titles/contact.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#home_header{
	background-image: url(/images/titles/home.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#prizes_header{
	background-image: url(/images/titles/prizes.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#faq_header{
	background-image: url(/images/titles/faq.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#circuits_header{
	background-image: url(/images/titles/circuits.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#register_header{
	background-image: url(/images/titles/details.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}

#details_header{
	background-image: url(/images/titles/details.png);
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 90px;
}


/* -------------- to ensure floats are cleared ----------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* ------------ form layout -------------- */


label {
  float: left;
  width: 280px;
  margin-right: 20px;
}

span.explain {
  color: #c7ba7f;
  font-size: 90%;
  line-height: 100%;
  display: block;
}

div.field {
  margin-bottom: 20px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}


#errorExplanation {
  width: 400px;
  border: 2px solid #bb0106;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #bb0106;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
  list-style-position: inside;
}

/********** classes buttons *********/

.btns {
  overflow: auto;	
}

 .btns a {
 float: left;
 background-image: url(/images/classes/classes.gif);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 175px;
 height: 93px;
 margin-left: 7px;
 outline: none;
 display: block;
 }
 .btns a:hover {
 cursor: pointer;
 }
 
 a.cadet {
 background-position: -3px -3px;
 margin-left: 0px;
 }
 a.cadet:hover {
 background-position: -3px -108px;
 }
 a.cadet.selected {
 background-position: -3px -108px;
 }
 a.cadet.disabled {
 background-position: -3px -214px;
 cursor:default;
 }
 a.cadet.disabled:hover {
 background-position: -3px -108px;
 cursor:default;
 }
 
 a.junior {
 background-position: -174px -3px;
 margin-left: 54px;
 }
 a.junior:hover {
 background-position: -174px -108px;
 }
 a.junior.selected {
 background-position: -174px -108px;
 }
 a.junior.disabled {
 background-position: -174px -214px;
 cursor:default;
 }
 a.junior.disabled:hover {
 background-position: -174px -108px;
 }
 
 a.senior {
 background-position: -348px -3px;
 margin-left: 54px;
 }
 a.senior:hover {
 background-position: -348px -108px;
 }
 a.senior.selected {
 background-position: -348px -108px;
 }
 a.senior.disabled {
 background-position: -348px -214px;
 cursor:default;
 }
 a.senior.disabled:hover {
 background-position: -348px -108px;
 }
 
 /******* flash stuff ***********/
#flash_error {
  color: #ec2b00;
}

/******* registration specific ****/
.reg_code {
  color: #ec2b00;	
  font-weight: bold;
}

.termserror {
  color: #ec2b00;	
}

.no {
  color: #ec2b00;	
}


em.call {
  color: #ec2b00;	
}

span.reg_code_explain {
  color: #ec2b00;
  font-size: 90%;
  line-height: 100%;
  display: block;
}

/***** circuit specific *****/
#circuit_right_column {
  width: 221px;
}

.conditions {
  font-size: 12px;
  color: green;
}

#circuit_register_button {
	margin-bottom: 10px;
}

/********* home page *******/
p.intro {
  font-size: 14px;
  text-align: justify;
}
 .find_out_prizes_btn a {
 float: left;
 background-image: url(/images/home/find_out_more_prizes.jpg);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 687px;
 height: 124px;
 outline: none;
 display: block;
 margin-left: -20px;
  margin-bottom: 20px;
 }
 .find_out_prizes_btn a:hover {
  cursor: pointer;
  background-position: 0px -124px;
 }
 
  .qualify_now a {
 float: left;
 background-image: url(/images/home/qualify_now.png);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 515px;
 height: 102px;
 outline: none;
 display: block;
 margin-left: 71px;
  margin-bottom: 20px;
 }
 .qualify_now a:hover {
  cursor: pointer;
  background-position: 0px -106px;
 }
 
  .find_out_more a {
 float: left;
 background-image: url(/images/home/find_out_more.png);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 515px;
 height: 102px;
 outline: none;
 display: block;
 margin-left: 71px;
  margin-bottom: 20px;
 }
 .find_out_more a:hover {
  cursor: pointer;
  background-position: 0px -106px;
 } 
 
 .register_now_small a {
 float: left;
 background-image: url(/images/home/register_now_small.png);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 206px;
 height: 39px;
 outline: none;
 display: block;
 }
 .register_now_small a:hover {
  cursor: pointer;
  background-position: 0px -39px;
 }
 
  .pay_now a {
 float: left;
 background-image: url(/images/home/pay_now.png);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 206px;
 height: 39px;
 outline: none;
 display: block;
 }
 .pay_now a:hover {
  cursor: pointer;
  background-position: 0px -39px;
 }
 
 
 .classes_find_out_more a {
 float: left;
 background-image: url(/images/home/classes_find_out_more.jpg);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 716px;
 height: 159px;
 outline: none;
 display: block;
 margin-left: -20px;
 margin-bottom: 20px;
 } 
 
  .classes_find_out_more a:hover {
  cursor: pointer;
  background-position: 0px -159px;
 }


 /* ------------ terms list ---------------------- */
#terms_list ul.list {
  list-style: disc;
  padding: 0px;
  margin-bottom: 8px;
}

#terms_list ul.list li {
  margin-top: 8px;
  list-style-position: inside;
  text-indent: -1em;
  margin-left: 1em;
  padding-left: 0em;
}

 
 /* ------------ faq ---------------------- */
ul.faq {
  list-style: disc;
  padding: 0px;
  margin-bottom: 8px;
}

ul.faq li {
  margin-top: 8px;
  list-style-position: inside;
  text-indent: -1em;
  margin-left: 1em;
  padding-left: 0em;
}
span.question {
  color: #ec2b00;
  font-weight: bold;
}

span.subquestion {
  color: #ec2b00;
}

span.answer {
 font-size: 90%;
}

.clearboth {
 clear: both;
}
/********** champ details ***************/

span.red {
 color: #ec2b00;
}
 .how_it_works {
 float: left;
 background-image: url(/images/home/how_it_works_new.png);
 background-repeat: no-repeat;
 outline: none;
 display: block;
}

.qualifying {
 width: 195px;
 height: 149px;
 background-position: -7px -8px; 	
 margin-right: 20px;
 margin-bottom: 12px
}

.quarters {
 width: 195px;
 height: 149px;
 background-position: -7px -171px; 	
 margin-right: 20px;
 margin-bottom: 12px
}

.semis {
 width: 195px;
 height: 135px;
 background-position: -7px -333px; 	
 margin-right: 20px;
 margin-bottom: 12px 
}

.finals {
 float: left;
 width: 647px;
 height: 128px;
 background-position: -7px -486px; 	
 margin-bottom: 12px 
}

 .finals a {
 float: left;
 background-image: url(/images/home/how_it_works_new.png);
 background-repeat: no-repeat;
 text-indent: -10000px;
 width: 647px;
 height: 128px;
 background-position: -7px -486px; 	
 margin-bottom: 12px 
 outline: none;
 display: block;
 }
 .finals a:hover {
  cursor: pointer;
  background-position: -7px -626px;
 }

.notes {
 font-size: 12px;	
}

.skid {
 float: left;
 background-image: url(/images/home/skid.png);
 background-repeat: no-repeat;
 outline: none;
 display: block;
 width: 536px;
 height: 40px;
 margin-left: -20px;
 margin-bottom: 20px;
 
}



/********** quarter / semi final details ***************/

 .semi_final_details {
 float: left;
 background-image: url(/images/home/how_it_works_new.png);
 background-repeat: no-repeat;
 outline: none;
 display: block;
}

 .quarter_final_details {
 float: left;
 background-image: url(/images/home/how_it_works_new.png);
 background-repeat: no-repeat;
 outline: none;
 display: block;
}

.quarter_final_details.quarters {
 width: 195px;
 height: 110px;
 background-position: -7px -171px; 	
 margin-right: 20px;
 margin-bottom: 12px
}

.semi_final_details.semis {
 width: 195px;
 height: 110px;
 background-position: -7px -333px; 	
 margin-right: 20px;
 margin-bottom: 12px 
}



/******* prizes *******/
.easykart_logo {
 float: right;
 width: 145px;
 height: 48px;
 margin-top: -36px;
}

/*** home page ****/
#button_image {
	margin-left: 20px;
}

/****** final *******/
ul.tips li {
	list-style: disc;
	list-style-position:inside;
	margin-left:1em;
	margin-top:8px;
	padding-left:0;
	text-indent:-1em;
}

#final_content {
	padding-right: 20px;
}
#right_column_final {
	margin-top: 80px;
	margin-left: -20px;
}

#daytona_mk_final {
	margin: 0px 0px 20px 0px;
}

.final_indent {
	margin-left: 40px;
}

#final_senior_content {
	float: left;
	width: 350px;
	padding-right: 20px;
}

#daytona_max_final {
	float: left;
	margin-top: -40px;
}


/********* driver login **************/
#right_column_driver {
	margin-top: 80px;
}

#driver_login label {
	width: 80px;
}

.driver_input {
	float: left;
}

.driver_input#mobile {
	margin-left: 18px;
}

span#or {
	margin-right: 5px;
}

.with_controls {
	display: inline;
	margin-right: 10px;
}