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

/*	L E O N  H A S L A M  W E B S I T E
	powered by v3 media - www.v3media.co.uk */



/*	R E S E T
	-------------------------------------------------------------- */

	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,
	dd, dl, dt, li, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100.01%;
		font-family: inherit;
		text-align: left;
		vertical-align: baseline;
	}

	body { line-height: 1.6em; }
	img { margin: 0px; padding: 0px; border: none; }
	a img, :link img, :visited img { border: none; }
	ol, ul { list-style: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th, td { text-align: left; }
	blockquote:before, 
	blockquote:after,
	q:before, q:after { content: ÒÓ; }
	blockquote, q { quotes: ÒÓ ÒÓ; }



/*	T Y P O G R A P H Y
	-------------------------------------------------------------- */

	body { font-size: 0.812em; color: #6b6b6b; font-family:Arial, Helvetica, sans-serif; }
	
	h1,h2,h3,h4,h5,h6 { color: #fff; font-weight: 100;  color:#0071bc; font-family:Helvetica, Arial, Helvetica, sans-serif; line-height: 1.2em; }
	h1 { font-size:2em; border-bottom:1px dotted #dedede; margin:0px 0px 15px 0px; color:#0071bc; }
	h2 { font-size:1.8em; line-height:1em; } 
	h2.small-title { font-size:1.3em; font-weight:100; line-height:1em; } 
	h3 { font-size:11px; text-transform:uppercase;  color:#999;  }
	h4 { font-size:12px; color:#fff; }
	a { color:#0071bc; border: none; text-decoration: none; }
	a:hover, 
	a:focus	{ opacity:0.8; color: #555; outline:none; }

	p { margin: 0 0 1.5em 0; }

	ul, ol { margin: 0 1.2em 1.2em 1.2em; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	dl, dt { margin: 0 0 1.5em 0; font-size: 1.5em; font-weight: bold; }
	dd { margin: 0 0 0 2em; }

	strong { font-weight: bold; }
	blockquote { color: #777; font-size: 0.857em; padding: 15px; }
	code { background-color: #ccc; color: #555; font-family: "Andale Mono", "Courier New", Courier, monospace; display: block; margin: 15px; padding: 5px; }
	abbr, 
	acronym,
	.help { border-bottom: none; cursor: help; }

	span.amp { font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; font-size: 100%; }



/*	I E  F I X E S
	-------------------------------------------------------------- */

	body { text-align: center; }
	#container { text-align: left; }	
	* html textarea { overflow:scroll; display:inline; }
	* html input { overflow: hidden; display:inline; }
	ol { margin-left:2em; }
	legend { margin-bottom:1.4em; }
	
	
	
/*	B O D Y ,  H E A D E R ,  N A V I G A T I O N
	-------------------------------------------------------------- */

	body { background: #000 no-repeat top; padding:  0 0 60px 0; }
	
	div#container {  width: 960px; height: auto; margin: 0 auto; padding: 0; }
	
	#footer-wrapper { float:left; width:100%; background:url(../images/display/footer-bg.png) top; }
	#footer { position:relative; padding:60px 0 0 0; width:960px; margin:0px auto; }
	#copyright { float:left; border-top:1px dotted #dedede; padding:15px 0; font-size:11px; width:960px; }
	#header-wrapper { float:left; width:100%; height:188px; background:url(../images/display/header-bg.png) no-repeat top; }
	#header { position:relative; width:960px; margin:0px auto;  }

	#nav { float:left; width:940px; height:52px; background:url(../images/display/nav-bg.png); }
	#nav ul { list-style:none; padding:0px; margin:0px; }
	
	#nav li { float:left; }
	#nav li a { float:left; background-position:0px 0px; text-indent:-9999em; background:url(../images/display/nav-sprite.png); }
	
	#nav li.home a {   width:93px; height:52px;  }
	#nav li.home a:hover { opacity:1;  background-position:0px -52px;  }
		
	
	#nav li.news a {  background-position:-100px 0px;  width:88px; height:52px;  }
	#nav li.news a:hover { opacity:1;  background-position:-100px -52px;  }
	
	#nav li.gallery a {  background-position:-200px 0px;  width:89px; height:52px;  }
	#nav li.gallery a:hover { opacity:1;  background-position:-200px -52px;  }
	
	#nav li.team a {  background-position:-300px 0px;  width:107px; height:52px;  }
	#nav li.team a:hover { opacity:1;  background-position:-300px   -52px;  }
	
	#nav li.racing ul li a, #nav li.team ul li a { background-position:0px 0px; height:14px; width:180px; }
	#nav li.racing ul li a:hover, #nav li.team ul li a:hover { background-position:0px -30px; }
	
	#nav li.racing a {  background-position:-408px 0px;  width:90px; height:52px;  }
	#nav li.racing a:hover { opacity:1;  background-position:-408px   -52px;  }
	
	#nav li.contact a {  background-position:-498px 0px; width:105px; height:52px;  }
	#nav li.contact a:hover { opacity:1;  background-position:-498px   -52px;  }
	
	#nav li.sponsors a {  background-position:-595px 0px;   width:140px; height:52px;  }
	#nav li.sponsors a:hover { opacity:1;  background-position:-595px   -52px;  }
	
	#nav li.videos a {  background-position:-776px 0px;   width:95px; height:52px;  }
	#nav li.videos a:hover { opacity:1;  background-position:-776px   -52px;  }
	
	
	#nav .shop a { position:absolute; top:107px; text-indent:-9999em; right:20px; background:url(../images/display/onlineshop-btn.png); width:136px; height:58px;  }
	#nav .shop a:hover { opacity:1; background-position:bottom;  }
	
	#nav li.links a {  background-position:-713px 0px;  width:95px; height:52px;  }
	#nav li.links a:hover { opacity:1;  background-position:-713px   -52px;  }

	#nav ul ul {width:249px;}
	#nav li {float:left; position:relative;}
	#nav a, #nav a:visited {display:block; }
	
	#nav ul ul {visibility:hidden;position:absolute;height:0;top:52px;left:0px; width:249px;}
	/* another hack for IE5.5 */
	* html #nav ul ul {top:52px;t\op:53px;}
	
	#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
	
	#nav ul ul a, #nav ul ul a:visited {background:url(../images/display/subnav-bg.gif) repeat-x 0px 0px; width:180px; font-size:11px; text-indent:0em; color:#E0E0E0; height:14px; line-height:1em; padding:8px 10px; }
	* html #nav ul ul a, * html #nav ul ul a:visited {}
	
	#nav ul li:hover ul,
	#nav ul a:hover ul{visibility:visible; }

				
/*	G E N E R I C  S T Y L E S
	-------------------------------------------------------------- */
	
	.col4 { float:left; width:220px; min-height:240px; margin:10px; }
	.col4-dual { float:left; width:460px; margin:10px; }
	.col4-triple { float:left; width:700px; margin:10px; }
	
	.left { float:left; }
	.right { float:right; }
	
	
	.large-white-top { float:left; background:url(../images/display/large-white-top.png); margin:-5px 0 0 -5px; width:470px; height:8px; }
	.large-white-mid { float:left; background:url(../images/display/large-white-mid.png) repeat-y;  margin:0px 0 0 -5px; padding:5px 15px; width:440px; }
	.large-white-end { float:left; background:url(../images/display/large-white-end.png); width:470px;  margin:0px 0 0 -5px; height:9px; }
	
	.small-white-top { float:left; background:url(../images/display/small-white-top.png); margin:-5px 0 0 -5px; width:230px; height:9px; }
	.small-white-mid { float:left; background:url(../images/display/small-white-mid.png); margin:0 0 0 -5px; padding:5px 15px; width:200px; }
	.small-white-end { float:left; background:url(../images/display/small-white-end.png); margin:0 0 0 -5px; width:230px; height:10px; }
	
	.col3-white-top { float:left; background:url(../images/display/3col-white-top.png); margin:-5px 0 0 -5px; width:710px; height:8px; }
	.col3-white-mid { float:left; background:url(../images/display/3col-white-mid.png); margin:0 0 0 -5px; padding:5px 15px; width:680px; }
	.col3-white-end { float:left; background:url(../images/display/3col-white-end.png); margin:0 0 0 -5px; width:710px; height:8px; }
	
	.logo { float:left; padding:22px 0 ;}
	.alstare-logo { float:right; padding:27px 10px ; }
	
	.community { float:left; margin:20px 0; }
	.calendar { float:left;  }
	.results { float:left; width:220px; margin:20px 0; }
	.result-image img { float:left; width:83px; margin:5px 0 0 0 ; border:solid 2px solid #fff;  }
	.result-text { float:right; width:110px;  margin:5px 0 0 0 ; font-size:1em;   }
	
	.trackname { text-transform:uppercase; }
	.position { font-size:3em; color:#0071bc; line-height:0.8em; font-weight:100; }
	.points { font-size:1.1em; }
	
	.leon-profile{ float:right; margin:-40px -30px 0px -80px; }
	
	a.onlineshop-teaser { float:left; text-indent:-9999em; background:url(../images/display/onlineshop-teaser.png); width:221px; height:268px; }
	
	div.clear { clear: both; }
	
	.small-header { float:left; background:#f4f4f4; width:206px; margin:-8px -8px 10px -8px; padding:8px 5px; border-bottom:1px solid #ccc; }
	
	a.social-facebook { float:left; background:url(../images/display/facebook-icon.gif); margin:0px 0px 0px 25px; text-indent:-9999em; width:147px; height:47px; }
	a.social-twitter { float:left; background:url(../images/display/twitter-icon.gif); margin:0px 0px 0px 25px; text-indent:-9999em; width:147px; height:50px; }
	
	.date { float:left; width:40px; line-height:1.3em; }
	.month { float:left; width:40px; text-align:center; font-size:0.8em; }
	.day { float:left; width:40px; text-align:center; font-size:2em; }
	.year { float:left; width:40px; text-align:center; font-size:0.8em; }
	.text { float:left; width:225px;  }
	
	.directcctv-logo { float:left; margin:-70px 0 0 0;}

	.intro {  font-size:1.2em; color:#0071bc; margin:0 0 10px 0; }
	
	#footer a { float:left; width:100%; font-size:11px; color:#959595;   }
	#copyright a { float:none; }
	
	#copyright a.followlink { color:#6b6b6b; }
	#copyright a.followlink:hover { color:#6b6b6b; opacity:1; }
	
	

.calendar-months {float:left; width:100%;}
.calendar-header {float:left; width:100%;}
.calendar-title {float:left; font-size:12px; text-transform:uppercase; color:#000;}
a.calendar-back {float:right; font-size:9px; color:#000;}
a.calendar-forward {float:right; margin:0px 5px 0px 25px; font-size:9px;  color:#000;}

.calendar-row {float:left; width:100%; text-align:center;}

.small-day { float:left; padding:3px 3px; border:solid 1px #fff; margin:0px 0px 2px 2px;  width:18px;  text-align:center; }

/*month headers background and font colour*/
.header {background:#0070bb; color:#fff;}

/*todays date highlight */
.current {border:solid 1px #aad0ea; font-weight:bold;}

/*day which has an event on it */
a.active {background:#aad0ea;  border:solid 1px #FFF;   color:#fff;}
a.active:hover {background:#0070bb;  border:solid 1px #FFF; color:#fff;}

/*day which has an event on it and is todays date */
a.current-active {background:#aad0ea;  border:solid 1px #FFF;   color:#666;}
a.current-active:hover {background:#0070bb;  border:solid 1px #aad0ea; font-weight:bold; color:#fff;}

#content-images { float:left; width:220px; margin:10px; }

.download { float:left; width:100%; padding:5px 0; border-top:1px solid #dedede; }
.download-title { float:left; width:100%; font-size:1.2em; }

.content-left { float:left; width:320px; }
.content-right { float:right; width:320px; margin:0px 10px 0 0; }

.form-title { float:left; width:100%; }
.forminput { float:left; width:250px; margin:0px 0px 5px 0px; padding:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:1px solid #dedede; }
.forminput:focus { border:1px solid #0071BB; color:#0071BB; background:#E3F3FD; }
.submit-button { margin:10px 0 0 0!important ; width:79px!important; height:21px; padding:0!important; border: none!important;}

.history-year { float:left; width:100%; border-top:1px dotted #dedede; padding:10px 0; opacity:.8; }
.history-year:hover { opacity:1; }
.year-title { float:left; width:80px; font-size:2em; color:#0070bb; }
.year-desc { float:right; width:600px;  }

#container td { border:solid 1px #eeeeee; padding:3px; }

.thebike-profile { float:right; background:url(../images/display/thebike-profile.png); margin:-42px -21px -70px 0; width:231px; height:271px; }
.leon-small-profile { float:right; background:url(../images/display/leon-small-profile.png); width:146px; height:390px; margin:-42px -21px -260px 0; }

.circuit { float:left; width:160px; margin:5px; }
.circuit-title { float:left; width:100%; text-align:center; }

.sponsor-image { float:left; margin:0px 10px 10px 0px; width:200px; height:100px;  }

.sponsor { float:left; width:220px; }
.news-list { float:left; width:680px; margin:0 0 20px 0;  }

.result { float:left; }

/*	C O M M E N T S   S T Y L E S
	-------------------------------------------------------------- */

div.comment-holder {border-bottom:1px dotted #dedede; padding-bottom:20px; margin-bottom:20px;}

div.comment-top {height:20px;}
div.comment-top p {float:left; margin: 0 0 -10px 20px; padding:0 0 0 50px; background:url(../images/display/comment-arrow.png) no-repeat left bottom; color:#000;}
div.comment-top p strong {color: #0071BC;}

form.comment-buttons {float: right;}
form.comment-buttons input {border: none; background:none; color: #0071BC; cursor:pointer; margin-left:5px;}

div.comment-text {border:1px solid #cde4f2; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:10px; background: #dbe3e9 url(../images/display/comment-background.jpg) repeat-x left top; }

div.comment-text p {margin:10px 0; color:#000;}

p.comment-count {margin: 5px;}

form#CFForm_1 {color: #000;}
form#CFForm_1 span {font-size:0.8em; clear:left; display:block;}
form#CFForm_1 input { border:1px solid #6B6B6B; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 3px; width: 250px; margin-left:10px;}
form#CFForm_1 input#Submit {border:1px solid #cde4f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 150px; margin: 5px 0 0 0; background: #dbe3e9 url(../images/display/comment-background.jpg) repeat-x left bottom;}

p.form-field {float:left; margin:5px 10px 0 0;}
/*	S H O P  S T Y L E S
	-------------------------------------------------------------- */
	
div.featured-product {margin-bottom: 15px; height:263px; width:440px;}
div.featured-product img {float: left;}

div.featured-prod-info {background: url(../images/shop/featured-strip.png) repeat-x left top; margin-top:-70px; float:left; width: 440px; height:60px;}
div.featured-prod-info img.featured-logo {float: left; margin-top:8px; margin-right:15px;}
div.featured-prod-info p.featured-name {float:left; margin-top:8px; color:#000;}
div.featured-prod-info p.featured-name span {font-size: 1.8em; display:block; color:#0071bc;}
div.featured-prod-info img.featured-button {float:right; margin-right:12px; margin-top:12px;}

div.search {height:80px; background:url(../images/shop/search-bg.jpg) repeat-x 0 5px; width:220px;}
div.search-top {background:url(../images/shop/search-top.png) no-repeat left top; height:5px;}
div.search-content {padding: 0 10px;}
div.search-content h2 {color: #fff; margin:8px 0;}
div.search-content input {-moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #CFCFCF; border:none; padding:3px;}
input#search-button {background: url(../images/shop/go-bg.jpg) repeat-x left top; color:#fff;}

div.categories-top {background: url(../images/shop/categories-bg.gif) repeat-y left top; padding:13px 10px;}
div.categories-middle {background: #fff url(../images/shop/categories-bg.jpg) no-repeat left bottom; padding: 15px 10px;}
div.categories-middle ul {margin:0; padding:0; list-style-type:none;}
div.categories-middle ul li a {border-bottom:1px dotted #cee3f1; line-height:2.6em; display:block;}
div.categories-middle ul li a.last {border-bottom:none;}
div.categories-bottom {background:url(../images/shop/categories-bottom.png) no-repeat left top;}

div.my-basket-top {background: url(../images/shop/basket-top.png) no-repeat left top; height:2px;}
img#checkout-button {float:right;}
div.my-basket-title h2 {float:left;}
div.my-basket-title {background: url(../images/shop/basket-title-bg.gif) repeat-y left top; padding:10px; height:20px;}
div.my-basket-middle {background:url(../images/shop/basket-items-bg.gif) repeat-y left top; padding:0 10px; height:45px;}
div.items, div.basket-total {font-size: 0.9em;}
div.items {float: left;}
div.basket-total {float:right;}
div.my-basket-middle span {display:block; color:#016eb6; font-size:1.8em;}
div.my-basket-bottom {background:url(../images/shop/basket-bottom.png) no-repeat left top;}

div.product {float: left; margin: 10px 5px; width:135px;}
div.product p {color:#000; font-size:0.9em; line-height:1.4em; margin:6px 0;}
div.product p span {display:block; color:#0071bc; font-size:1.4em;}

.breadcrumb { float:left; font-size:11px;  width:100%; text-align:center; color:#0071bc; font-weight:bold;}
.breadcrumb a {color:#0071bc; font-weight:normal;}
.breadcrumb a:hover {text-decoration:underline;}

h1#product-title span {font-size: 0.7em;}
p#all-products { font-size:1.4em; border-bottom:1px dotted #dedede; padding-bottom:4px; margin:0px 0px 15px 0px; color:#0071bc; }
p#all-products a {font-size:0.8em;}

div.product-image {float:left; width:215px; height:215px; margin:0 10px 20px 0; }
div.product-image img {border:5px solid #0071BC;}

div.product-info {float:left; width:215px;}
div.product-info p {margin:0 0 15px 0;}
p#main-prod-price {color:#0071bc; font-size:2.9em; letter-spacing:-0.1em;}

form#add-to-cart {background: #E7E7E6; border-top:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; padding: 10px 5px;}
div.grey-divide {border-top:1px solid #CFCFCF; margin-top:10px; height: 10px;}
form#add-to-cart input {-moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #CFCFCF; padding: 3px;}
form#add-to-cart select {-moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #CFCFCF; padding: 3px;}
form#add-to-cart input#addtocart { cursor:pointer; background: url(../images/shop/go-bg.jpg) repeat-x left top; border:none; color: #fff;}

div.product-overview {width: 440px; float:left; margin-top:10px;}
div.product-overview h3 {font-size:1.5em; border-bottom:1px dotted #dedede; margin:0px 0px 10px 0px; color:#0071bc; text-transform:none; }

/* ------------------------ Booking Background Styling ------------------------------ */

body#booking-page {background: #000 url(../images/display/backgrounds/1.jpg) no-repeat center top;}


.cart1,
.cart2,
.cart3,
.cart4,
.cart5,
.cart6,
.cart7,
.cart8 { float:left; padding:5px; line-height:1.5em; }


.header-row { float:left; width:658px; border-bottom:1px solid #00406b; background:#0168ad; margin:5px 0 0 0; color:#fff;}
.cart-row { float:left; width:658px; border-bottom:1px solid #c9c9c9; border-top:1px solid #fff;}
.subtotal-row {   float:left; text-align:right; width:658px; font-size:1.2em; color:#535353; padding:5px 0; border-bottom:1px solid #c9c9c9; border-top:1px solid #fff;}
.total-row {   float:left; text-align:right; width:678px; font-size:2em; color:#06C; padding:15px 0; border-bottom:1px solid #c9c9c9; border-top:1px solid #fff;}
.basket-total-row {   float:left; text-align:right; width:658px; font-size:1.3em; color:#535353; padding:5px 0;  border-top:1px solid #fff;}
.shipping-total-row {   float:left; text-align:right; width:658px; font-size:1.3em; color:#535353; padding:5px 0;  }
.cart1 { width:258px; }
.cart2 { width:80px; } 
.cart3 { width:80px; }
.cart4 { width:80px; }
.cart5 { width:80px; }
.cart6 { width:20px; }

.cart5space { float:left; width:628px;  }

input.update { cursor:pointer; float:left; background:url(../images/display/update-basket.gif); padding:0; margin:0; border:none; text-indent:-9999em; font-size:0.001em; color:#fff; width:69px; height:18px; }

input.checkoutbtn { cursor:pointer; float:left; background:url(../images/display/continue-to-checkout.gif); width:178px; height:40px; border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }

a.continue-shopping { float:left; color:#999;  margin:10px 0 0 5px; }

.promotional-code { float:left; width:658px; background:#f4f4f4; border-top:1px solid #dedede; margin:10px 0;  border-bottom:1px solid #dedede; padding:10px; }
.promotional-code h2 { font-size:1em; }
input.applycode {  cursor:pointer;  background:url(../images/display/applycode.gif); width:76px; height:22px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }

.errorMessage { background:#ffb8b8; color:#ac1717; }

input.login {  cursor:pointer;  background:url(../images/display/login-btn.gif); width:94px; height:40px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }
input.next {  cursor:pointer;  background:url(../images/display/next.gif); width:94px; height:40px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }
input.send-password {  cursor:pointer;  background:url(../images/display/send-password.gif); width:97px; height:22px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }
input.place-order { float:right; cursor:pointer;  background:url(../images/display/place-order.gif); width:128px; height:32px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }
input.proceed {  cursor:pointer;  background:url(../images/display/proceed-to-secure-payment.gif); width:218px; height:32px;  border:none; padding:0; margin:0; text-indent:-9999em; font-size:0.001em; color:#fff; }

.input { width:250px; }

.shipping { float:left; width:660px; background:#eeeeee; padding:10px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;  }
.shipping .main-title { font-size:1.2em; }


.basket { float:left; width:660px; background:#eeeeee; padding:10px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin:0 0 10px 0px;  }

.update-details { float:right; }

.music { float:left; margin:20px 0 0 0; }
.cat { float:left; width:150px; margin:10px; }
.cat-image { float:left; width:150px; height:99px; overflow:hidden; }
.cat-image img { float:left; width:150px;}
.cat-title { float:left; width:100%; font-size:0.85em; height:20px; overflow:hidden;  text-align:center; }

a.cat-overlay { float:left; background:url(../images/display/cat-overlay.png) no-repeat; width:150px; height:99px; margin:-99px 0 0 0; }
a.cat-overlay:hover { background-position:bottom; }
a.image-overlay { float:left; background:url(../images/display/image-overlay.png) no-repeat; width:150px; height:99px; margin:-99px 0 0 0; }
a.image-overlay:hover { background-position:bottom; }

.video { float:left; width:350px; margin-right:5px; }