/*

  +++++++++++++++++++++++++++++++++++++++++++++
  +++++++++++ RACE OF CHAMPIONS CSS +++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

Palette:
------------------------------------------------

Orange: 						#EC7405
Orange Tint (Lighter):			#F6BA82
Yellow: 						#FFEF00
Yellow Tint (Lighter):			#FFE680
Silver:							#EEEEEE

------------------------------------------------


*/


/*

  +++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++ MAIN STYLES ++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/


/* Zero-out all padding and margins
-------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

/* Knock out any borders around images inside <a> tags
-------------------------------------------------*/

a img{
	border:none;
}


/* Knock out any borders around images inside <a> tags
-------------------------------------------------*/

li{
	list-style-type:none;
}

/* Body style
-------------------------------------------------*/

body{
	color:#EEEEEE;
	background:#000;
	background-image:url(../img/css_img/bg_body.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Times New Roman";
}

/* Links Default
-------------------------------------------------*/

a, a:visited{
	color:#EC7405;
	text-decoration:none;
}

a:hover{
	color:#FFEF00;
}

/* Headings Default
-------------------------------------------------*/

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Times New Roman";
	font-weight:bold;
  	font-size: 40px;
  	color:#FFFFFF;
	padding:15px 0 0 0;
}

h2 u{
	color:#FFEF00;
	text-decoration:none;
}

h2 em{
	color:#EC7405;
	text-decoration:none;
	font-style:normal;
}

/* h3,h5 
-------------------------------------------------*/

h3,h5{
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:none;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 0;
	color:#FFEF00;
	border-bottom: 1px dotted #333333;
	text-transform:capitalize;
}


h3 strong, h5 strong{
color:#FFF;font-style:normal;
}
h3 em, h5 em{
color:#EC7405;text-decoration:none;font-style:normal
}
h3 u, h5 u{
color:#FFF;text-decoration:none;
}

table h3, table h5{
	border:none;
	padding-bottom:0;
	text-align:center;
	vertical-align:middle;
	margin-bottom:0;
}

/* Paragraph Default
-------------------------------------------------*/

p{
	margin-bottom: 10px;
	line-height:120%;
}

/* #wrapper
-------------------------------------------------*/

ul#bandeiras {
  position: absolute;
  z-index: 3;
  right: 0px;
  top: -95px;
}

.ieonly ul#bandeiras {
  top: 5px !important;
}
#wrapper{
  position: relative;
	width: 835px;
	margin:0 auto;
}

/* #mainContent
-------------------------------------------------*/

#mainContent{
	margin:100px auto 15px 30px;
	padding:25px 15px 70px 0;
	border-top:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	background-image:url(../img/css_img/bg_mainContent.png);
	background-position: top left;
	background-repeat:repeat;
	width:790px;
	_width:790px;
	_background-color:#000000;
}

/* #header
-------------------------------------------------*/

#header{
	margin-top:-110px;
	width:835px;
	position:absolute;
}

/* #headerLogo
-------------------------------------------------*/

#headerLogo{
	float:left;
}

/* #headerAd
-------------------------------------------------*/

#headerAd{
	margin-top:15px;
	float:right;
	width:340px;
	height:50px;
	overflow:hidden;
	margin-right:30px;
}

/* #navMain
-------------------------------------------------*/
/*
#navMain{
	text-align:right;
	text-transform:uppercase;
	color:#666666;
	font-size:13px;
	float:right;
}

#navMain a{
	font-weight:bold;
}

#navMain a.on,#navMain a.on:hover{
	color:#FFEF00;
}

#navMain ul{
	position:relative;
	z-index:150;
}

#navMain ul li{
	padding-left:5px;
	display:block;
	float:left;
	padding-bottom:5px;
	z-index:120;
}

/* sub nav */
/*
#navMain ul ul{
	visibility:hidden;
	position:absolute;
	width:150px;
	top:15px;
	padding-top:5px;
	text-align:left;
	text-transform:uppercase;
	font-size:12px;
	z-index:110;
}

#navMain ul ul li{
	border:1px solid #7E7E7E;
	margin-top:-1px;
	display:block;
	text-transform:capitalize;
	float:none;
	padding:0;
}

#navMain ul ul li a, #navMain ul ul li a:visited{
	background-image:url(../img/css_img/bg_mainContent.png);
	background-position: top left;
	background-repeat:repeat;
	display:block;
	padding:2px;
	color:#E5E5E5;
}

#navMain ul ul li a:hover{
	color:#FFFFFF;
	background-color:#303030;
}

/*#navMain ul li:hover ul{
	display:block;
}*/


/* #navLeft
-------------------------------------------------*/

#navLeft{
	margin-bottom: 25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Times New Roman";
}

#navLeft ul li, #subLinksLeft,
#contentLeft ul.vertNav li
{
	width:205px;
	padding: 4px;
	border-bottom: 1px solid #666666;
	text-transform:uppercase;
}

#navLeft ul li a, #navLeft ul li a:visited,
#contentLeft ul.vertNav li a, #contentLeft ul.vertNav li a:visited
{
	text-transform:uppercase;
	font-size:13px;
	background-image:url(../img/css_img/arrow_sml.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right: 18px;
}

#navLeft ul li a:hover,
#contentLeft ul.vertNav li a:hover
{
	/*padding-right: 20px;*/
}

#navLeft ul li a em,
#contentLeft ul.vertNav li a em
{
	font-style:normal;
	color:#FFFFFF;
}

#navLeft ul li a u,
#contentLeft ul.vertNav li a u
{
	font-style:normal;
	text-decoration:none;
	color:#FFEF00;
}

#navLeft ul li a:hover em,
#contentLeft ul.vertNav li a:hover em
{
	color:#CCCCCC;
}

#navLeft ul li a:hover u,
#contentLeft ul.vertNav li a:hover u
{
	color:#FFE680;
}

/* #contentLeft Extras
-------------------------------------------------*/

/* Drivers partner Styling */

p.driver_team{
	padding: 10px 10px 10px 50px;
}

/* Tickets Button Div */

#ticketsButton{
	margin-bottom:10px;
	margin-top:10px;
}



/* #contentRight
-------------------------------------------------*/

#contentRight{
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:445px;
	float:right;
	_margin-right: -30px;
}

#contentRight img, #contentRight p img{
	margin:0 0 0 auto;
	display:block;
}

#contentRight span img, #contentRight p span img{
	margin:auto;
	display:inline;
}

p.breadcrumb{
	text-align: right;
	margin-top:-5px;
}


/*

  +++++++++++++++++++++++++++++++++++++++++++++
  +++++++++++++++++ GALLERY +++++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/


/* #gallery
-------------------------------------------------*/

#gallery, #galleryNav{
	width: 440px;
	margin:0 0 0 auto;
}

/* #galleryThumbs
-------------------------------------------------*/
.galleryMask{
	width: 435px;
	height:300px;
	overflow:hidden;
	position:relative;
}

.galleryPage{

float:left;
width:435px;
height:300px;
overflow:hidden;


}

#galleryThumbs{

width:1305px;
height:300px;
position:absolute;
top:0;
left:0;
z-index: 70;

}

#galleryThumbs li{
	float:left;
}

#galleryThumbs a img, #galleryThumbs a:visited img{
	border:1px solid #000;	
}

#galleryThumbs a:hover img{
	border:1px solid #EEEEEE;	
}

#galleryThumbs img{
	/*float:left;*/
	margin: 0 5px 5px 0;
}

/* #siteMap
-------------------------------------------------*/

#siteMap{
	text-align:left;
	text-transform:capitalize;
}

#siteMap ul ul li a, #siteMap ul ul li a:visited{
	color:#F6BA82;
}

#siteMap ul ul li a:hover{
	color:#EC7405;
}

#siteMap ul ul ul li a, #siteMap ul ul ul li a:visited{
	color:#EC7405;
}

#siteMap ul ul ul li a:hover{
	color:#F6BA82;
}

/*

  +++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++ SCROLL REGION ++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

.scrollRegion{
position:relative;
padding: 10px;
display:block;
width: 400px;
border:none;
background-color:transparent;
margin:0 auto;
}

.scrollBar{
position:absolute;
overflow:hidden;
top:10px;
left:10px;
background-color:#333333;
width:5px;
}

.scrollDrag{
position:absolute;
display:block;
width:5px;
height:55px;
background-color:#EC7405;
background-image:url(../img/css_img/bg_scrollBarScruffy.png);
background-position:top left;
background-repeat:repeat;
top:0;
left:0;
}

.scrollDrag:hover{
cursor:move;
}

.scrollMask{
overflow:hidden;
position:relative;
background-color:transparent;
margin-left: 15px;
}

.scrollContent{
position:absolute;
top:0;
left:0;
padding-bottom:30px;
}

.scrollBar, .scrollMask{
height:150px;
}

/*

  +++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++ VIDEO SELECT SCROLLER ++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

#vidSelect{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Times New Roman";
text-align:left;
}

#vidSelect ul li{
border-bottom:1px solid #666666;
margin-bottom: 5px;
padding:5px;
width: 350px;
}

#vidSelect ul li a{
text-transform: uppercase;
}

#vidSelect ul li a em
{
	font-style:normal;
	color:#FFFFFF;
}

#vidSelect ul li a u
{
	font-style:normal;
	text-decoration:none;
	color:#FFEF00;
}

#vidSelectul li a:hover em
{
	color:#CCCCCC;
}

#vidSelect ul li a:hover u
{
	color:#FFE680;
}



/*

  +++++++++++++++++++++++++++++++++++++++++++++
  +++++++++++++++++++ LISTS +++++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

/* .imgList
-------------------------------------------------*/

.imgList li{
	list-style:none;
	float:left;
	display:block;
	width:205px;
	margin: 2px;
	border:1px solid #666666;
	padding:5px;
	min-height:165px;
}

.imgList li table td{
	vertical-align:top;
}

.imgList li img{
	margin:0 auto;
}

.imgList li a img{
	border:1px solid #666666;
	align:center;
	margin: 0 auto;
}

/* .genericList
-------------------------------------------------*/

ul.genericList, ul.genericList ul{
	padding: 0 1em;
	margin:3px 1em;
	list-style:outside;
	list-style-type:disc;
}

ul.genericList ul{
	list-style-type:circle;
}

ul.genericList ul ul{
	list-style:square;
}


/* #galleryNav
-------------------------------------------------*/

#galleryNav{
	margin-top:10px;
}

.galleryLeft, .galleryRight{
	display:block;
	background:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	width:56px;
	height:26px;
	float:left;
}

.galleryLeft{
	background-image:url(../img/css_img/bg_imgNav_left.gif);
}

.galleryRight{
	background-image:url(../img/css_img/bg_imgNav_right.gif);
}

.galleryCentre{
	display:block;
	float:left;
	width:268px;
	height:26px;
	background-image:url(../img/css_img/bg_imgNav_centre.gif);
	background-repeat:repeat-x;
}

a.prevButton, a.prevButton:visited, a.nextButton, a.nextButton:visited{
	display:block;
	float:left;	
	background-position:top left;
	background-repeat:no-repeat;
	width:25px;
	height:26px;
	overflow:hidden;
	
}

a.prevButton, a.prevButton:visited{
	background-image:url(../img/css_img/bg_imgNav_butPrev.gif);
}

a.nextButton, a.nextButton:visited{
	background-image:url(../img/css_img/bg_imgNav_butNext.gif);
}

a.prevButton:hover{
	background-image:url(../img/css_img/bg_imgNav_butPrev_over.gif);
}

a.nextButton:hover{
	background-image:url(../img/css_img/bg_imgNav_butNext_over.gif);
}

#galleryNav a span{
	display:none;
}

/* #contentLeft
-------------------------------------------------*/

#contentLeft{
	text-align:left;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Times New Roman";
	width:300px;
	overflow:hidden;
	float:left;
	padding-left:30px;
	margin-left:-30px;/**/
	_margin-left:0;
}

/* #subLinksLeft - For #navLeft see NAV section above
-------------------------------------------------*/

#subLinksLeft{
	color:#333333;
	text-transform:uppercase;
	margin-bottom:15px;
}

#subLinksLeft a, #sublinksLeft a:visited{
	font-size:12px;
}

/* #focusImg
-------------------------------------------------*/

#focusImg{
	margin-left:-30px;
	margin-bottom:3px;
}

/* #footer
-------------------------------------------------*/

#footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	position:relative;
	background-image:url(../img/css_img/bg_footerLine.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	/*text-align:right;*/
	padding: 20px 25px 10px 0;
	margin-bottom: 20px;
}

/* #footer Links
-------------------------------------------------*/

#footer a, #footer a:visited{
	color:#CCCCCC;
	text-decoration:none;
}

#footer a:hover{
	color:#666666;
}

/* #footerLogos
-------------------------------------------------*/

#footerLogos{
	text-align:left;
	position:absolute;
	/*float:left;*/
	left:30px;
	top:-90px;
	width:162px;
}

/*

  +++++++++++++++++++++++++++++++++++++++++++++
  +++++++++++++++++++ FORMS +++++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

/* .formContentLeft
-------------------------------------------------*/
.formContentLeft, form {
	font-size:12px;
}

.formContentLeft label, label{
	text-transform:uppercase;
	color:#EC7405;
	text-align:left;
	width: 200px;
}

.formContentLeft input.textBox, .textBox{
	width:91px;
	color:#333333;
	margin:4px 4px 10px 0;
}

.notie .formContentLeft input.button, .notie  .button{
	margin-top: 4px;
	margin-bottom:-10px;
	vertical-align: baseline;
}


/*

  +++++++++++++++++++++++++++++++++++++++++++++
  +++++++++++++++++++ TABLES ++++++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

table.rocTable{
	border:1px solid #666666;
	width:440px;
	text-align:center;
	margin: 10px 0 10px auto;
	text-transform:capitalize;
}

table.rocTable td{
	padding:5px;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-collapse:collapse;
}


/*

  +++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++ USEFUL CLASSES +++++++++++++++
  +++++++++++++++++++++++++++++++++++++++++++++

*/

/* FLOAT CONTROL */


/* .floatFix
-------------------------------------------------*/

.floatFix{
	clear:both;
	float:none;
	height:0;
}

/* .floatLeft
-------------------------------------------------*/

.floatLeft{
	float:left;
}

/* .floatRight
-------------------------------------------------*/

.floatRight{
	float:right;
}

/* COLOURS */

/* .white
-------------------------------------------------*/

.white{
	color:#FFF;
}

/* .orange
-------------------------------------------------*/

.orange{
	color:#EC7405;
}

/* .yellow
-------------------------------------------------*/

.yellow{
	color:#FFEF00;
}

/* TEXT TRANSFORM */

/* .uppercase
-------------------------------------------------*/

.uppercase{
	text-transform:uppercase;
}

/* .txtRight
-------------------------------------------------*/

.txtRight{
	text-align:right;
}

/* DISPLAY */

/* .hidden
-------------------------------------------------*/

.hidden{
	display:none;
}

/* .invisible
-------------------------------------------------*/

.invisible{
	visibility:hidden;
}

/* .mask
-----------------------------------------------------*/

.mask{
overflow:hidden;
}

/* GENERIC NAV */

/* .horizNav
-------------------------------------------------*/

.horizNav li{
	display:inline;
}

/* .vertNav
-------------------------------------------------*/

.vertNav, .vertNav li{
	list-style:none;
	list-style-type:none;
}

/* BREAKOUT BOX STYLE */

/* .breakOut
--------------------------------------------------*/

.breakOut{
	border:1px solid #666666;
	padding:5px;
	margin-bottom: 10px;
	margin-left:auto;
	width:430px;
	background-color:#000000;
}