@charset "UTF-8";
/* CSS Document */

 	/* ----------
	
    1. GLOBAL Global Styles – (body, paragraphs, lists, etc)
    
    2. HEADER
	
	3. FOOTER
	
	3. NAVIGATION
    
    4. PAGE STRUCTURE
    
    5. HEADINGS
    
    6. TEXT STYLES
    
    7. FORMS
	
	  
	  
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/




body {
	min-height:101%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
	font-size: 85%;
	background-color: #212121;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bgs/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}
html {
	height:100%
}
.fullWrap {
	position:absolute;
	background-image: url(../images/bgs/bg_bodyleft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
}

h1, h2, h3, h4, h5, ul, li {
	margin: 0px;
	padding: 0px;
	line-height: 120%;
}
ul, li {
	line-height: 120%;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}
.clear {
	clear: both;
}
.left {
	float:left
}
.right {
	float:right
}
img {
	border: none;
}
#container {
	height: auto;
	width: 975px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	position:relative;
}
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

.topHead {
	width: 100%;
	height: 35px;
}
.topHead h2 {
	font-size: 1.2em;
	color:#ede000;
	font-weight: normal;
	padding:7px 0 0 30px;
	float:left
}
.topHead h2 a {
	color:#ede000;
	text-decoration:none
}
.topHead h2 a:hover {
	text-decoration:underline
}
/* -----------------------------------*/
/* ------>>> PAGE STRUCTURE <<<-------*/
/* -----------------------------------*/

	#colLeft {
	position:relative;
	float:left;
	left:0;
	width:700px;
	margin:0;
	padding:0;
}
#colLeft .flashHead {
	background-image: url(../images/bgs/bg_flash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 458px;
	width: 700px;
	margin:0;
	padding:0;
	border:none;
}
#colLeft .copy {
	padding: 15px 15px 15px 30px
}

#colLeft .gallery {
	padding: 15px 15px 15px 30px
}
	#colLeft .gallery ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
	
	#colLeft .gallery li{
	float: left;
	height: 98px;
	width: 98px;
	border: 3px solid #FFFFFF;
	margin: 0 5px 5px 0;
}

	#colLeft .leftCol {
	float:left;
	width:255px;
	}
	#colLeft .leftCol .googleMap {
	width:252px;
	padding: 2px;
	border: 1px solid #666666;
}
	
	#colLeft .rightCol {
	float:left;
	width:365px;
	margin-left:20px;
	}
	
	#colLeft .rightCol p.pad {
	padding-left:100px;
	
	}
	
	.yell{color:#ede000;}
	
#colRight {
	float:right;
	width:275px;
	margin:5px 0 0 0px;
	padding:0;
}
/* -----------------------------------*/
/* ---------->>> COL RIGHT <<<-----------*/
/* -----------------------------------*/	
		
#colRight .logoHead {
	margin-left: 2px;
	width:268px;
}
#colRight .locBox {
	margin:10px 0 0 19px;
	width:254px;
	border: 1px solid #666;
	height:auto;
}
#colRight .locBoxIn {
	margin:0px;
	width:252px;
	border: 1px solid #000;
	height:auto;
}
#colRight .locBoxIn #default {
	background-image: url(../images/map.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#colRight .locBoxIn #secret {
	background-image: url(../images/map_secret.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#colRight .locBoxIn #hatch {
	background-image: url(../images/map_brands.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#colRight .locBoxIn #bedford {
	background-image: url(../images/map_bedford.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#colRight .locBoxIn #silverstone{
	background-image: url(../images/map_silverstone.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#colRight .locBoxIn #snetterton{
	background-image: url(../images/map_snetterton.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#colRight .locBoxIn #oulton{
	background-image: url(../images/map_oulton.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#colRight .locBoxIn .tracksList {
	position: relative;
	left: 130px;
	top: 10px;
	width:105px;
}
#colRight .locBoxIn .tracksList ul {
	font-size: 0.9em;
	padding: 10px 0 20px 17px;
	margin:0;
	list-style-type: none;
}
#colRight .locBoxIn .tracksList li {
	margin-bottom:5px;
}
#colRight .locBoxIn .tracksList li a {
	color:#999;
	text-decoration:none;
}
#colRight .locBoxIn .tracksList li a:hover, #colRight .locBoxIn .tracksList .active {
	color:#ede000;
	text-decoration:none
}
#colRight .videoBox {
	margin:0px 0 20px 19px;
	width:254px;
	height:auto;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
#colRight .videoBoxIn {
	margin:0px;
	width:252px;
	border: 1px solid #000;
	height:auto;
	padding:10px 0 10px 0;
}
#colRight .videoBoxIn p {
	padding: 0px 15px 0 20px;
	color: #999;
}
#colRight .videoBoxIn .video {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 6px;
}
#colRight .picBottom {
	padding:10px 0 10px 20px;
	width:253px;
}
#colRight hr {
	margin: 0px 0 0px 20px;
	width:253px!important;
	background:url(../images/bgs/bg_hr.gif) repeat-x;
	height:2px;
	color:#ccc;
	border:none;
}
#colRight .top {
	margin-top: 10px!important;
}
/* -----------------------------------*/
/* ---------->>> MENU <<<-----------*/
/* -----------------------------------*/	

#menu {
	position: relative;
	top:26px;
	width:263px;
	min-height:280px;
	margin: 0 0 40px 0;
}
#menu ul {
	padding: 24px 0 0 32px;

	list-style-type: none;
}
#menu li a span, #menu li a em {
	display:none;
}
#menu li a {
	display:block;
	height:32px;
	width:263px;
	background-position:left top;
	background-repeat: no-repeat;
}
#menu li a:hover {
	display: block;
	position: relative;
	height:32px;
	width:263px;
	z-index: 1;
	background-position:left top;
	background-repeat: no-repeat;
}
#menu li#blinkhome a {
	background-image:url(../images/nav/nav_home.gif);
}
#menu li#ourcars a {
	background-image:url(../images/nav/nav_ourcars.gif);
}
#menu li#gallery a {
	background-image:url(../images/nav/nav_gallery.gif);
}
#menu li#events a {
	background-image:url(../images/nav/nav_events.gif);
}
#menu li#events ul {
padding: 8px 0 0 30px;}
#menu li#events li a {
	background:none!important;
	color:#666666;
	text-decoration:none;
	height:24px;
}
#menu li#events li a:hover, #menu li#events li .active {
color: #FFFFFF}
#menu li#racetracks a {
	background-image:url(../images/nav/nav_racetracks.gif);
}
#menu li#trackdates a {
	background-image:url(../images/nav/nav_trackdates.gif);
}
#menu li#howtobook a {
	background-image:url(../images/nav/nav_howtobook.gif);
}
#menu li#blinkhome a:hover, #menu li#blinkhome .active {
	background-image:url(../images/nav/nav_home-over.gif);
}
#menu li#ourcars a:hover, #menu li#ourcars .active {
	background-image:url(../images/nav/nav_ourcars-over.gif);
}
#menu li#gallery a:hover, #menu li#gallery .active {
	background-image:url(../images/nav/nav_gallery-over.gif);
}
#menu li#events a:hover, #menu li#events .active {
	background-image:url(../images/nav/nav_events-over.gif);
}
#menu li#racetracks a:hover, #menu li#racetracks .active {
	background-image:url(../images/nav/nav_racetracks-over.gif);
}
#menu li#trackdates a:hover, #menu li#trackdates .active {
	background-image:url(../images/nav/nav_trackdates-over.gif);
}
#menu li#howtobook a:hover, #menu li#howtobook .active {
	background-image:url(../images/nav/nav_howtobook-over.gif);
}
/* -----------------------------------*/
/* ---------->>> SUB MENU <<<-----------*/
/* -----------------------------------*/	



.submenu {
}
.submenu ul {
	margin:100px 0 0px 20px;
	list-style-type: none;
}
.submenu li a em {
	display:none;
}
.submenu li a {
	display:block;
	width:256px;
	background-position:left top;
	background-repeat: no-repeat;
}
.submenu li a:hover {
	display: block;
	position: relative;
	width:256px;
	z-index: 1;
	background-position:left top;
	background-repeat: no-repeat;
}
.submenu li#sub01 a {
	background-image:url(../images/subNav/sub01.gif);
	height:56px
}
.submenu li#sub02 a {
	background-image:url(../images/subNav/sub02.gif);
	height:33px
}
.submenu li#sub01 a:hover, .submenu li#sub01 .active {
	background-image:url(../images/subNav/sub01-over.gif);
	height:56px;
}
.submenu li#sub02 a:hover, .submenu li#sub02 .active {
	background-image:url(../images/subNav/sub02-over.gif);
	height:33px;
}
/* -----------------------------------*/
/* ---------->>> COPY  <<<-----------*/
/* -----------------------------------*/

#colLeft hr {
	margin: 10px 0 10px 0px;
	width:650px;
	background:url(../images/bgs/bg_hr.gif) repeat-x;
	height:2px;
	color:#ccc;
	border:none;
}
#colLeft .copy h1 {
	font-size: 1.6em;
	color:#ede000;
	margin-bottom: 15px;
}

#colLeft .copy h2 a{
	color:#ede000;
	text-decoration:none;
	}
	#colLeft .copy h2 a:hover{
	text-decoration:underline;
	}
#colLeft .copy h3 {
	font-size: 1.3em;
	font-weight:normal;
	margin-bottom:0;
 	padding:bottom:0
}
	#colLeft .copy h3 a{
	color:#FFF;
	}
	
	#colLeft .copy h3 a:hover{
	color:#ede000;
	}
	#colLeft .copy p a{
	color:#FFF;
	text-decoration:none;
	}
	
	#colLeft .copy p a:hover{
	color:#ede000;
	}
	
	#colLeft .copy ul{
	margin-left: 15px;
}

	#colLeft .copy .picEvent{
	float:left;
	width:170px;
	}
	#colLeft .copy .copyEvent{
	float:left;
	width: 475px
	}
	#colLeft .copy .learnEvent a{
	float:right;
	font-size: 1.1em;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
	background-image: url(../images/assets/largeBullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
	#colLeft .copy .learnEvent a:hover {
	color:#ede000;
	background-image: url(../images/assets/largeBullet-over.gif);
}
#colLeft .copy h4 {
	margin-top:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 5px;
}
#colLeft .copy h5 {
	font-size: 1.3em;
	color:#ede000;
	line-height: 150%;
}
#colLeft p.hl{
	font-size: 1.1em;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 15px!important;
	margin:0!important;
	background-image: url(../images/assets/largeBullet.gif)!important;
	background-repeat: no-repeat!important;
	background-position: left 6px!important;
	line-height: 150%;
}

#colLeft .carsBox {
	margin:0px 0 20px 0px;
	
	width:616px;
	height:auto;
	border: 1px solid #666;
	
}
#colLeft .carsBoxIn {
	margin:0px;
	width:574px;
	border: 1px solid #000;
	height:auto;
	padding:20px;
}
/* -----------------------------------*/
/* ---------->>> TABLES  <<<-----------*/
/* -----------------------------------*/

#colLeft table {
	width:670px;
	margin:20px 0 0 0;
	padding:0;
}
#colRight table {
	width:250px;
	margin:0px 0 0 15px;
	padding:0;
}
#colLeft td {
	padding:0 10px 0 10px;
	vertical-align: top;
}
#colRight td {
	padding:5px 0 5px 0px;
	vertical-align: top;
	color: #999;
}
#colLeft td p {
	font-size: 0.85em;
	color: #CCCCCC;
}
#colRight td p {
	font-size: 0.85em;
	color: #CCCCCC;
	padding:0!important;
}
#colRight td p.hl {
	color: #FFF;
}
#colRight td p span {
	font-size:1.2em!important;
	line-height:150%;
	font-weight: bold;
}
#colRight td p span.sel {
	font-size:1.2em!important;
	color:#ede000;
}
#colLeft td p a, #colRight td p a {
	font-size: 1.1em;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
	background-image: url(../images/assets/largeBullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#colLeft td a:hover, #colRight td a:hover {
	color:#ede000;
	background-image: url(../images/assets/largeBullet-over.gif);
}
#colLeft th {
	padding:10px 15px 5px 10px;
	font-size: 1.1em;
	color:#ede000;
	line-height: 100%;
	vertical-align: top;
}
#colLeft table#dates {
	width:600px
}

#colLeft table#trackTable {
	width:365px
}
#colLeft #dates th {
	font-size: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: center;
}
#colLeft #dates td {
	padding:5px 10px 5px 30px;
	vertical-align: top;
	background-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
#colLeft table#trackTable td {
	padding:5px 10px 5px 10px;
	vertical-align: top;
	background-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
#colLeft #dates td a, #colLeft table#trackTable td a {
	color: #FFFFFF;
	text-decoration: underline;
}
#colLeft #dates td.booked, #colLeft table#trackTable td.booked {
	padding:5px 10px 5px 10px!important;
	color: #737373;
	text-align: center;
}
#colLeft #dates td.available, #colLeft table#trackTable td.available {
	padding:5px 10px 5px 10px!important;
	color:#ede000;
	text-align: center;
}
#colLeft #dates td a:hover, #colLeft table#trackTable td a:hover {
	background-image:none;
	color:#ede000;
}
#colLeft #dates td.tdLeft, #colLeft table#trackTable td.tdLeft {
	padding:5px 10px 5px 10px!important;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

#colLeft table#trackTable td.tdTop {
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#footer {
	width: 100%;
	padding: 0px;
	background-color: #5A5B5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-top:20px;
	background-image: url(../images/bgs/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 107px;
}
#footer .leftBg {
	background-image: url(../images/bgs/bg_footerLeft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 107px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	position: absolute;
}
#footer .container {
	height:107px;
	width: 975px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-image: url(../images/bgs/bg_footerCurve.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer ul {
	padding: 75px 0 0;
	margin: 0px;
	list-style-type: none;
}
#footer li {
	float:left;
}
#footer li a em {
	display:none;
}
#footer li a {
	display:block;
	height:35px;
	background-position:left top;
	background-repeat: no-repeat;
}
#footer li a:hover {
	display: block;
	position: relative;
	height:35px;
	z-index: 1;
	background-position:left top;
	background-repeat: no-repeat;
}
#footer li#contact a {
	background-image:url(../images/footer/foot_contact.gif);
	width:93px
}
#footer li#terms a {
	background-image:url(../images/footer/foot_terms.gif);
	width:161px
}
#footer li#testimonials a {
	background-image:url(../images/footer/foot_testimonials.gif);
	width:108px
}
#footer li#contact a:hover, #footer li#contact .active {
	background-image:url(../images/footer/foot_contact-over.gif);
	width:93px;
}
#footer li#terms a:hover, #footer li#terms .active {
	background-image:url(../images/footer/foot_terms-over.gif);
	width:161px;
}
#footer li#testimonials a:hover, #footer li#testimonials .active {
	background-image:url(../images/footer/foot_testimonials-over.gif);
	width:108px;
}
.ekouk a { text-decoration:none; color:#CCC; margin-left: 4px; padding-top:15px; line-height:22px;}
.ekouk a:hover, .ekouk .active { color:#FF0;}

.topHead ul {
	padding: 0;
	margin:7px 0 0  0;
	list-style-type: none;
	float:right;
	font-size:0.85em;
	color:#999999;
}
.topHead li {
	float:left;
}

.topHead li a {

	color:#999999;
	text-decoration:none;
	
	padding:5px 10px 5px 10px;
	
	
	
}

.topHead li a:hover {
	text-decoration:none;
	color:#ede000;
	
}