/* 

    Document   : darren

    Created on : 09-Jul-2010, 13:45:09

    Author     : Darren

    Description:

    Purpose of the stylesheet follows.

*/



/* 

   TODO customize this sample style

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/



/* Reset stylesheet (Thanks to Eric Meyer)

--------------------------------------------------*/

/*

    Opted for this style sheet because it resets ul,ol browser styles

*/



@import url(reset.css);



root { 

    display: block;

}





.clear{clear:both;}

.left{float:left;}

.right{float:right;}

.hide{display:none;}

.show{display:block;}

.notVisible{ opacity: 0; filter: alpha(opacity = 0); }

strong{font-weight:bold;}

.caps{ text-transform: uppercase;}



.orange{color:#F27734;}

.blue{color:#2D3087;}

.bigBlueTxt, a.bigBlueTxt{

	font-size: 20px;

	font-weight:bold;

	color:#2D3087 !important;
	
	text-decoration: none;

}

a.bigBlueTxt:hover{color:#F27734 !important; text-decoration: none !important;}

.bigBlueTxt{text-decoration}

a.bigBlueLink

.bigRedTxt{font-size: 18px; font-weight:bold; color:#F00;}



.prepend-top{margin-top:10px;}

.append-bottom{margin-bottom:10px;}

.font12{font-size: 12px;}

.buttonLink{text-decoration:none;}

.bottom{_margin-bottom: 0px;}

.button.bottom{_margin-bottom: 0px;}

.blueButtonHome.bottom{_margin-bottom:0px;}

.orangeButtonHome.bottom{_margin-bottom:0px;}

.middleColumn p.noBtm{padding-bottom:0px;}
.middleColumn p.noTop{padding-top:0px;}





body{background-color:#E7E7E8;}



#wrapper{width:779px; font-family:Arial, Helvetica, sans-serif; color:#000;

	line-height:100%;

	position:absolute;

	left: 50%;

	margin-left: -390px; /*set to a negative number 1/2 of your width*/

	padding-bottom:10px;

	background-color:#FFF;

}



#wrapper.home{width:779px; font-family:Arial, Helvetica, sans-serif; color:#000;

	line-height:100%;

	position:absolute;

	/*top: 50%;*/

	left: 50%;

	/*margin-top: -270px;*/ /*set to a negative number 1/2 of your height*/

	margin-left: -390px; /*set to a negative number 1/2 of your width*/

	padding-bottom:10px;

	background-color:#FFF;

}





#wrapper #headerContainer{width:779px; height:121px; position:relative;}

.logo{

	background-image:url(/images/layout/header.jpg);

	background-repeat:no-repeat;

	width:779px;

	height:94px;

	background-position: right bottom;

}



#wrapper .mobileRestore{background-image:url(/images/layout/motor_header_bg.gif);}

#wrapper .motorGlass{background-image:url(/images/layout/motor_glass_header.jpg);}

#wrapper .apprentices{background-image:url(/images/layout/apprentices_bg_header.gif); background-position: right top;}

.racingHeader{
	background-image:url(/images/layout/racing_bg.png);
	_background-image:url(/images/layout/racing_bg.gif);
	background-repeat:no-repeat;
	background-color:#2B4F9F;
	width:759px;
	height:104px;
	padding: 15px 0 0 20px;
	background-position: right top;
}



.racingHeader .info{font-size:15px; color:#FFF; line-height:115%;}

.racingHeader .info.yellow{

	margin-top:30px;

	color:#FCD603;

	font-size:12px;

}

.racingHeader .info a{color:#FFF; text-decoration:underline;}
.racingHeader .info a:hover{color:#FFF; text-decoration:none;}



#logoContainer{width:779px; height:121px; position:absolute;}



.headerTitle{

	margin:25px 0 0 20px;

	position:absolute;

	z-index:10;

}

.headerNumber{

	right:1px;

	bottom:0px;

	position:absolute;

	z-index:10;

	color:#FFF;

	padding-top:4px;

	width:190px;

	height:45px;

	text-align:center;

	background-image:url(/images/layout/header_phone_bg.png);

	_background-image:none;

	_background-color:#2D3087;

}

.headerNumber a{color:#FFF; text-decoration:none;}

.headerNumber a:hover{color:#F27734;}



.headerBg1, .headerBg2, .headerBg3, .headerBg4, .slideshow{width:779px; height:121px; overflow:hidden;}



.headerBg1{

	background-image:url(/images/layout/header_bg.jpg);

	background-position: -10px -14px;

}



.headerBg2{

	background-image:url(/images/layout/header_bg.jpg);

	background-position: -10px -146px;

}



.headerBg3{

	background-image:url(/images/layout/header_bg.jpg);

	background-position: -10px -280px;

}



.headerBg4{

	background-image:url(/images/layout/header_bg.jpg);

	background-position: -10px -421px;

}



.mainContainer{
	padding:12px;

}



.mainContainer .titleContainer{

	height: 63px;

	margin:12px 0 0 0;

}



.mainMenu{

	width:779px;

	color:#FFF;

	background-color:#2D3087;

	height:22px;

	line-height:22px;

	font-size:11px;

}

.mainMenu #mainMenuList{float:right;}

.mainMenu #mainMenuList{float:right;}

.mainMenu #mainMenuList li{float:left; padding-right:20px;}

.mainMenu #mainMenuList li a{color:#FFF; font-weight:bold; text-decoration:none;}

.mainMenu #mainMenuList li a:hover{color:#F27734; font-weight:bold;}

.mainMenu #mainMenuList li.current a{color:#F27734; font-weight:bold;}

.mainMenu #mainMenuList li.end{padding:0 10px 0 10px; width:auto; background-color:#F27734;}



.home{font-size:10px;}



.mainContainer p{padding:5px 10px 5 10px;}

.home .mainContainer p{padding:5px 10px 0 10px; font-size:11px; line-height:normal;}



.mainContainer .findOutMore{padding:0 10px 0 10px; position:relative; font-weight:bold;}

.normBox .findOutMore{position:absolute; bottom:-10px; width:158px;}

.mainContainer .findOutMore a{

	color:#F27734;

	text-decoration:none;

}

.mainContainer .findOutMore a:hover{

	color:#F27734;

	text-decoration:underline;

}



.mainContainer .findOutMore .arrow{

	position:absolute; right:10px; top:-10px; height:19px; width:14px; background-image:url(/images/layout/arrow.jpg); background-repeat:no-repeat;

	background:none;

}



.mainContainer .findOutMore .arrow:hover{

	background-position: 0px -19px;

	

}



.mainContainer .findOutMore .arrow a{

	position:absolute; /*right:10px; top:-10px;*/ height:19px; width:14px; 

	background-image:url(/images/layout/arrow.jpg);

	background-repeat:no-repeat;

}



.mainContainer .findOutMore .arrow a:hover{

	background-position: 0px -19px;

	

}



#winTicketsBox{
	cursor:pointer; 
	_background-image:url(/images/layout/win_tickets_bg.gif);
	_width:369px;
	_height:156px;
}
#winTicketsBox:hover{opacity: 0.80; filter: alpha(opacity = 80);}

#winTicketsBox .arrow{float:left; position:relative; margin-top:7px; height:25px; width:18px; 

background-image:url(/images/layout/arrow.png);_background-image:url(/images/layout/arrow.gif); background-repeat:no-repeat;}

#winTicketsBox .arrow:hover{background-position: 0px -25px;}

#winTicketsBox  div.left{

	color:#FFF;

	font-size:36px;

	margin-top:13px;

	margin-right:9px;

	margin-left: 140px;

}



.arrowSmall{float:left; margin-top: 5px; height:20px; width:14px; background-image:url(/images/layout/arrow_small.png); _background-image:url(/images/layout/arrow_small.gif); background-repeat:no-repeat;}

.arrowSmall:hover{

	background-position: 0px -20px;

}



.leftColumn, .middleColumn, .rightColumn{float:left; position:relative;}

.leftColumn p, .middleColumn p, .rightColumn p{font-size:12px; padding:10px;}
.raceDatesTable{margin:10px; font-size:12px;}

.middleColumn p a{color:#F27734; text-decoration:none;}

.middleColumn p a:hover{color:#F27734; text-decoration:underline;}

.middleColumn p.newsDescription a{color:#000000; text-decoration:none;}

.middleColumn p.newsDescription a:hover{color:#000000; text-decoration:underline;}



.middleColumn ul{

	margin-left:0px;

	font-size:12px;

	list-style-position: outside;

	list-style-type: none;

	padding-left: 10px;

}

.middleColumn ul li{

	background-image:url(/images/layout/bullet.png);

	_background-image:url(/images/layout/bullet.gif);

	background-repeat:no-repeat;

	padding-left:10px;

	background-position: left 6px;

}



.middleColumn{width:370px;}

.leftColumn{

	width:178px;

	margin-right:12px;

}

.home .leftColumn{

	position:relative;

}



.normBox{float:left; width:178px;}

.middleColumn .normBox{margin-right:14px;}

.normBox.end{margin-right:0px; }

.middleColumn .end{_margin-right:0px;}

.middleColumn{margin-right:14px;}



.rightColumn{width:178px;}



#winTicketsBox.large, #latestNews{margin-top:10px; background-color:#CCC;}

#latestNews #latestNewsInner{background-color:#FFF;} 

#latestNews p{font-size:11px; line-height:11px;}

#latestNews a{color:#000000; text-decoration:none;}

#latestNews a:hover{color:#000000; text-decoration:underline;}

a.winTicketsLink{display:block; margin-top:10px; text-decoration:none; width:369px; height:146px;}


#winTicketsBox.small{
	float:left;
	width:170px;
	height:145px;
	margin: 0 4px 10px 4px;
	display:none;
}

#winTicketsBox.small span{color:#FFF; font-size:26px; margin-top:7px; margin-left: 20px; margin-right:10px;}



#winTicketsBox.large{
	float:left;
	width:366px;
	background-image:url(/images/layout/win_tickets_bg.gif);
	background-repeat:none;
	overflow: hidden;
	height: 207px;

}

#winTicketsBox.large span{
	color:#FFF;
	display:block;
	font-size:36px;
	margin-top:15px;
	margin-left: 140px;

}

a:hover span{color:#F27734;}

#winTicketsBox.large .title img{margin-left:10px;}

#latestNews{

	float:left;

	width:178px;

	height:156px;

}



#latestNewsInner{

	width:178px;

	height:156px;

}



#latestNews .newsTitle{

	background-image:url(/images/layout/news_title_bg.png);

	_background-image:url(/images/layout/news_title_bg.gif);

	width:178px;

	height:25px;

	line-height:25px;

	text-align:center;

	font-size:14px;

	color:#FFF;

	margin-bottom:10px;

	font-weight: bold;

}



#latestNews h3{

	padding:0 10px 0 10px;

	font-size:10px;

	color:#F27734;

}



#latestNews hr{

	width:158px;

	margin:7px 0 7px 10px;

	height:1px;

	width:158px;

	border:1px solid #999;

}



.button{width:169px; height:53px; background-image:url(/images/layout/buttons.png); _background-image:url(/images/layout/buttons.gif); margin: 0 auto 10px auto;}



.ncrcBtn{background-position: 0px -51px;}

.mobileBtn{background-position: 0px -109px;}

.motorBtn{background-position: 0px -167px;}

.nnsBtn{background-position: 0px -226px;}



.ncrcBtn:hover{background-position: -170px -51px;}

.mobileBtn:hover{background-position: -170px -109px;}

.motorBtn:hover{background-position: -170px -167px;}

.nnsBtn:hover{background-position: -170px -226px;}



.button a{width:169px; height:53px; background-image:url(/images/layout/buttons.png); _background-image:url(/images/layout/buttons.gif); margin: 0 auto 10px auto;}



.ncrcBtn a{background-position: 0px -51px;}

.mobileBtn a{background-position: 0px -109px;}

.motorBtn a{background-position: 0px -167px;}

.nnsBtn a{background-position: 0px -226px;}



.ncrcBtn a:hover{background-position: -170px -51px;}

.mobileBtn a:hover{background-position: -170px -109px;}

.motorBtn a:hover{background-position: -170px -167px;}

.nnsBtn a:hover{background-position: -170px -226px;}



.phone{background-position: 0px 0px; height:50px;}



/*

___________________________________________________________________________BLUE & ORANGE BTNS */



.orangeButton, .blueButton, .orangeButtonHome, .blueButtonHome{width:147px; height:20px; margin: 0 auto 10px auto; padding:14px 10px 10px 10px; color:#FFF; font-weight:bold; font-size: 12px; line-height:normal; text-decoration:none; border:none; cursor:pointer; 

	/*IE6 FIX*/ _padding:0px;}

	

.orangeButton, .orangeButtonHome{height:19px;}

	





.orangeButton a, .blueButton a, .orangeButtonHome a, .blueButtonHome a{color:#FFF; text-decoration:none; /*IE6 FIX*/ _padding:14px 10px 10px 10px;}

.orangeButton a:hover, .blueButton a:hover, .orangeButtonHome a:hover, .blueButtonHome a:hover{color:#FFF; /*IE6 FIX*/ _padding:14px 10px 10px 10px;}



.orangeButton{background-image:url(/images/layout/orange%20buttons.png);

	/*IE6 FIX*/ _background:none;} 

.blueButton{background-image:url(/images/layout/blue_buttons_transparrent_bg.gif);

	/*IE6 FIX*/ _background:none;}

.orangeButton a{

	/*IE6 FIX*/ _background-image:url(/images/layout/orange%20buttons.gif);} 

.blueButton a{

	/*IE6 FIX*/ _background-image:url(/images/layout/blue_buttons_transparrent_bg.gif);}



.orangeButtonHome{background-image:url(/images/layout/orange%20buttons%20home.jpg);} 

.blueButtonHome{background-image:url(/images/layout/blue%20buttons%20home.jpg);}



.orangeButtonHome a{

	/*IE6 FIX*/ _background-image:url(/images/layout/orange%20buttons%20home.jpg);} 

.blueButtonHome a{

	/*IE6 FIX*/ _background-image:url(/images/layout/blue%20buttons%20home.jpg);}

.orangeButton a, .blueButton a, .orangeButtonHome a, .blueButtonHome a{

	/*IE6 FIX*/ _background-position: 0px 0px;

	/*IE6 FIX*/ _width: 100%; _height: 100%; _display:block;

}

.orangeButton a:hover, .orangeButtonHome a:hover{

	/*IE6 FIX*/ _background-position: 0px -51px;

	/*IE6 FIX*/ _width: 100%; _height: 100%; /*_display:block;*/

}



.blueButton a:hover, .blueButtonHome a:hover{

	/*IE6 FIX*/ _background-position: 0px -50px;

	/*IE6 FIX*/ _width: 100%; _height: 100%; /*_display:block;*/

}



.orangeButton, .blueButton, .orangeButtonHome, .blueButtonHome{

	background-position: 0px 0px;

}

.orangeButton:hover, .orangeButtonHome:hover{

	background-position: 0px -51px;

}



.blueButton:hover,  .blueButtonHome:hover{

	background-position: 0px -50px;

}

/*

___________________________________________________________________________BLUE & ORANGE BTNS END*/



#footerContainer{

	width:739px;

	color:#FFF;

	background-color:#2D3087;

	height:22px;

	margin-left:10px;

	padding: 0px 10px 0 10px;

	line-height:22px;

	font-size: 10px;

}



#copyDiv{float:left;}

#footerLinks{float:right; width:280px;}

#footerLinks ul li{float:left; margin-right:10px;}

#footerLinks ul li.end{margin-right:0px;}

#footerLinks ul li a{color:#FFF; text-decoration:none;}

#footerLinks ul li a:hover{color:#FFF; text-decoration:underline;}





.advert{

	width:160px;

	margin: 0 auto 10px auto;

	position:relative;

	color:#FFF;

	font-size:12px;

	_display:block;

}



.advertTop{ background-image:url(/images/layout/advert_bg_top.png); background-repeat:no-repeat; height:62px;}

.advertBottom{ background-image:url(/images/layout/advert_bg_bottom.png); background-repeat:no-repeat; height:16px;}

.advertContent{

	background-color:#F47836;

}

.advert .button{



}



.advert h2{text-align:center; font-size:16px;  padding: 10px 5px 0 5px;}

.advert hr{

	width:100%;

	border:1px solid #2D3087;

	padding:0px;

	margin:10px auto 10px auto;

	width: 140px;

}

.advert p{line-height:120%; padding:5px; text-align:center; font-weight:bold; font-size:12px;}

.advert .left, .advert .right{margin: 5px 0 5px 0;}

.advert .left{padding-left:10px; width:102px; /*IE6 FIX _width:82px;*/}

.advert .right{padding-right:10px; width: 28px; /*IE6 FIX_padding-right:0px; _width:13px;*/}

.advert .advertList{font-size:11px; list-style:none; line-height:120%;}
.advert .advertList li{background: url(/images/layout/advert_list_bullet.gif) 5px 5px no-repeat transparent; padding-left: 15px;}

/*

__________________________________________________________________________________________ FORMS */

.middleColumn form{font-size:12px; padding:10px; margin:10px 0 10px 0;}

.middleColumn form dt, .middleColumn form dd{margin-bottom:10px;}

.middleColumn form dt{width:100px; float:left;}

.middleColumn form dd{width:250px; float:left;}

.middleColumn form dd input, .middleColumn form dd textarea{width:100%;}

.middleColumn form dd textarea{height:100px;}

.middleColumn form dt.full, .middleColumn form dd.full{width:100%;}

.middleColumn form dd input[type="radio"]{width:auto;}

.middleColumn form dt hr{/*height:1px; width:100%; background-color:#2D3087;*/ height:1px; width:100%;border:1px solid #2D3087;}

.middleColumn form dt a{color:#F27734; text-decoration:none;}

.middleColumn form dt a:hover{color:#F27734; text-decoration:underline;}

.middleColumn form dt.no-gap, .middleColumn form dd.no-gap{width:auto; margin-right:5px;}

.middleColumn .full #submit{background-image:url(/images/layout/submit.gif); background-repeat:no-repeat; width:70px; height:19px; border: 0 none; background-color: #FFF;}

label.error{color:#F00;}

.middleColumn form table tr td{padding: 0 10px 10px 0;}

#socialDivHome{padding: 0  0  5px 10px;}
.socialDivNorm{float:right;}
.socialDivNorm a{font-size:12px; text-decoration:none; color:#F27734;}
.socialDivNorm a:hover{text-decoration:underline;}
.socialDivNorm a:hover img{text-decoration:none; border:0;}

.socialDivHome:hover{opacity: 0.80; filter: alpha(opacity = 80);}
.socialDivNorm:hover{opacity: 0.80; filter: alpha(opacity = 80);}

#footerLinks ul li.end img{margin-top:3px;}


/*

__________________________________________________________________________________________ FORMS END*/

.homeBoxContainer {

	padding-top:12px;

	background-image: url(/images/layout/home_page_box_top.gif);

	background-repeat:no-repeat;

}



.homeBoxTitle{height:63px;}



.homeBoxContent{

	position:relative;

	/*background-image: url(/images/layout/home_page_box_slice.gif);

	background-repeat:repeat-y;*/

	background-color:#ECF0F5;

	padding:0px;

	margin-bottom:-30px;

	_margin-bottom: -10px;

	z-index: 1;

}



.normBox .homeBoxContent{

	position:relative;

	background-image: url(/images/layout/home_page_box_slice.gif);

	padding:0px;

	margin-bottom:0;

	

	z-index: 1;

	height:140px;

}



.homeBoxBottom{

	padding:0px;

	height:37px;

	_height:17px;

	background-image:url(/images/layout/home_page_box_bottom.gif);

	background-repeat:no-repeat;

	z-index: 100;

	background-position: bottom;

}



.normBox .homeBoxBottom{_height:37px;}



h2.date{font-size:12px;}



/*

_________________________________________________________________________________________________________ FLEET PAGE STYLES */





.leftColumnFleet{width: 560px; margin-right:14px; float:left;}



.leftColumnFleet h2{padding-bottom: 10px;}

.leftColumnFleet p{font-size:12px; padding-bottom: 10px;}

.formLeft{float:left; width:235px; margin-right:40px;}

.formRight{float:right; width:235px; vertical-align: top;}

#fleetChallengeForm{margin-top:20px; font-size:12px;}

#fleetChallengeForm dd, #fleetChallengeForm dd input{width:100%;}

#fleetChallengeForm dd{margin-bottom:10px;}

#fleetChallengeForm #submit{background-image:url(/images/layout/submit.gif); background-repeat:no-repeat; width:70px; height:19px; border: 0 none;}

.footerImage{

	padding-left: 10px;

	margin-bottom:15px;

}

.red{color:#F00; font-weight:bold;}

#fleetChallengeForm input[type="checkbox"]{margin-left:0px; float: left; text-align: left;}
.socialDivNorm{_margin: 10px 0 0 0;}

#apprenticeshipsDiv{
	position:relative;
	left:0px;
	margin-top: 10px;
}

.apprenticeQuoteDiv{width:178px; position:relative;margin-bottom:10px;}
.apprenticeQuoteDiv .apprenticeQuoteImage{}
.apprenticeQuoteDiv .apprenticeQuoteContent{
	color:#FFF;
	padding:10px;
	font-size:12px;
	background-color:#2D3087;
}
.apprenticeQuoteDiv .apprenticeQuoteBottom{
	background: url(/images/layout/apprentice_quote_bg_bottom.gif) left bottom no-repeat transparent;
	width:178px;
	height:8px;
}

.videoBtn{margin: 0 auto 0 auto; width:156px; height:87px; display:block; cursor: pointer;}

/* the overlayed element */
#vid_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:512px;	
	height:288px;
	padding:10px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
#vid_overlay .close {
	background: url(/images/layout/close.png) center center no-repeat transparent;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/*

_________________________________________________________________________________________________________ FLEET PAGE STYLES END */

/*

_________________________________________________________________________________________________________
VALET FORM PAGE */

#datepicker{float:left; margin-right:10px; width:175px;}
#datepicker + img{float:left;}

.linksList li{padding-bottom:5px;}
.linksList li a{display: block; font-size:12px; color:#F27734; line-height:1.42em; text-decoration: none;}

.linksList li a:hover{text-decoration:underline;}

.linksList li.twitter{padding: 7px 42px 7px 0; width: 80px; margin-bottom:5px; background: url(/images/layout/Twitter.png) right top no-repeat transparent;}
.linksList li.facebook{padding: 7px 42px 7px 0; width: 80px; margin-bottom:5px; background: url(/images/layout/Facebook.png) right top no-repeat transparent;}

.errorContainer p {padding: 10px 0; ;}
.errorContainer p span{color:#FF0000; font-weight:bold}

/*
________________________________________________________________________________________________________
VALET FORM PAGE END */