/* CSS Document */

* {
outline: none;
text-decoration: none;
vertical-align: top;
}



/* body */

body {
background: url('../graphics/layout/back.gif') 50% 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	.textonly-text, .searchbox_idonly {
	display: none;
	}

	img {
	border: none;
	}

	.large {
	font-size: 1.3em;
	}
	
	.red {
	color: #DB2029;
	}
	
	.b {
	font-weight: bold;
	}



/* display: none; */

p.forgotten-password,
.textonly-text {
display: none;
}
	
	

/* main page wrapper */

#wrapper {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin: 0 auto;
padding: 137px 0 0;
position: relative;
width: 760px;
}



/* navigation */

p#nav {
background: #0E8ECD;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-size: 1.1em;
font-weight: bold;
color: #0E8ECD;
margin: 0;
padding: 5px 0;
text-transform: uppercase;
}

	p#nav a {
	color: #fff;
	margin: 0 2px;
	}
	
		p#nav a:hover {
		color: #000;
		}



/* main */

#main {
background: url('../graphics/layout/main.jpg') repeat-y;
border-top: 2px solid #fff;
font-size: 1.1em;
text-align: left;
}

	#main.cart {
	background: url('../graphics/layout/main-cart.jpg') repeat-y;
	}



/* left + navigations */

#left, #info {
float: left;
font-weight: bold;
text-transform: uppercase;
width: 144px;
}

	#left p.header, #info p.header {
	background: #DB2029 url('../graphics/layout/header.gif') 0 100% no-repeat;
	margin: 0;
	padding: 3px 10px 6px;
	}
	
		#left p.noofitems {
		background: #fff;
		border-top: 1px solid #DB2029;
		border-bottom: 1px solid #DB2029;
		color: #000;
		margin: 10px 0 0;
		padding: 5px;
		text-align: center;
		text-transform: none;
		}
		
			#left p.noofitems span {
			font-size: 1.4em;
			color: #DB2029;
			}
	
		#left ul, #info ul, #left form {
		background: url('../graphics/layout/fade.jpg') repeat-x;
		border-top: 3px solid #fff;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
			#left ul li, #info ul li {
			border-bottom: 1px solid #fff;
			padding: 3px 10px;
			}
			
				#left ul li a, #info ul li a {
				color: #fff;
				}
				
					#left ul li a:hover, #info ul li a:hover {
					color: #000;
					}
			
		#left form {
		border-bottom: 1px solid #fff;
		padding: 10px;
		}
		
			#left form label {
			display: none;
			}
			
			#left form input {
			background: #fff;
			border: 1px solid #1B9CD6;
			cursor: pointer;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			margin: 0;
			padding: 2px;
			}
			
				#left form input#qs {
				width: 89px;
				}
				
				#left form input#submit {
				cursor: pointer;
				font-weight: bold;
				margin: 1px 0 0;
				padding: 1px 1px 0 2px;
				}
				
					html>body #left form input#submit {
					margin: 0;
					padding: 1px;
					}



/* right panel */

#right {
background: url('../graphics/layout/banners/cars.jpg') no-repeat;
float: right;
padding: 59px 0 0;
width: 613px;
}

	#importers {
	background: #fff;
	margin: 0;
	padding: 3px 0;
	}
	
		#importers p {
		border-bottom: 1px solid #606060;
		border-top: 1px solid #606060;
		color: #606060;
		font-size: 1.2em;
		margin: 0;
		padding: 4px 0;
		text-align: center;
		text-transform: uppercase;
		}



/* content */

#content {
float: left;
line-height: 1.5em;
margin: 0 2px 0 0;
padding: 2px 10px;
width: 447px;
}

	#main.cart #content {
	width: auto;
	}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content blockquote {
	margin: 0;
	padding: 8px 0;
	}
	
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		color: #1B9CD6;
		font-size: 1.3em;
		}
		
			#content h1.section-line {
			display: none;
			}
		
		#content ul, #content blockquote {
		padding: 8px 40px;
		}
		
		#content a {
		color: #1B9CD6;
		}
		
			#content a:hover {
			color: #fff;
			text-decoration: underline;
			}
		
	#content p.category-text {
	background : #fff;
	color: #000;
	padding: 8px 10px;
	}



/* footer */

p#footer {
background: #000;
border-top: 1px solid #fff;
padding: 7px 5px;
margin: 0;
}

	p#footer a {
	color: #fff;
	margin: 0 2px;
	}



/* header section */

#header {
font-size: 1.1em;
}

p#items, p#total, ul#top-buttons {
position: absolute;
left: 642px;
list-style: none;
margin: 0;
padding: 0;
}

	p#items {
	top: 23px;
	}
	
	p#total {
	top: 80px;
	}
	
	ul#top-buttons {
	left: 0;
	right: 0;
	padding: 0 1px 0 0;
	top: 115px;
	width: 100%;
	}
	
		ul#top-buttons li {
		display: inline;
		}
		
		ul#top-buttons a {
		display: block;
		height: 21px;
		float: right;
		text-indent: -1000em;
		}
		
			ul#top-buttons a#michaelr {
			width: 100px;
			}
		
			ul#top-buttons a#sponsorship {
			width: 111px;
			}
		
			ul#top-buttons a#basket {
			width: 90px;
			}
		
			ul#top-buttons a#checkout {
			width: 107px;
			}
	
	

/* inner navigation */

ul#inner {
background: #1B9CD6 url('../graphics/layout/fade.jpg') repeat-x;
border-top: 1px solid #fff;
display: table;
list-style: none;
margin: 8px 0;
padding: 0;
width: 100%;
}

	ul#inner li {
	border-bottom: 1px solid #fff;
	}
	
		ul#inner li p {
		float: left;
		margin: 0;
		padding: 5px;
		text-align: left;
		}
			
			ul#inner li p a {
			color: #fff;
			font-size: 1.3em;
			}
			
		ul#inner li.back {
		border: none;
		background: #102033;
		padding: 3px 0;
		text-align: right;
		}
		
			ul#inner li.back a {
			background: #1B9CD6 url('../graphics/layout/fade-blue.jpg') repeat-x;
			color: #fff;
			font-weight: bold;
			padding: 3px 10px;
			text-transform: uppercase;
			}
	


/* section */

#content form.section {
margin: 8px 0;
padding: 0;
}

#content .section-inner {
background: #fff;
color: #000;
padding: 10px;
}

	#content .section-inner p.section-img {
	float: left;
	margin: 0;
	padding: 0 10px 20px 0;
	}
	
	#content .section-inner .section-text {
	margin: 0;
	padding: 0;
	}
		
		#content .section-inner .section-text p {
		margin: 0;
		padding: 0 0 10px;
		}
	
		#content .section-inner p.section-msg {
		color: #999;
		padding: 0;
		}
		
	#content .section-rules {
	text-align: right;
	color: #102033;
	padding: 3px 0;
	}
	
		#content .section-rules input, #content .section-rules a {
		border: none;
		background: #1B9CD6 url('../graphics/layout/fade-blue.jpg') repeat-x;
		color: #fff;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		padding: 3px 10px;
		margin: 0 0 0 2px;
		text-transform: uppercase;
		}
		
			#content .section-rules input {
			background: #DB2029 url('../graphics/layout/fade-red.jpg') repeat-x;
			margin-top: -3px;
			padding: 2px 2px 1px 2px;
			}
			
			html>body #content .section-rules input {
			margin-top: -2px;
			padding: 2px 8px;
			* background: #DB2029;
			* margin-top: -3px;
			* padding: 2px 2px 1px 2px;
			}
	


/* info_message */

p#info_message {
background: #1B9CD6 url('../graphics/layout/fade-blue.jpg') repeat-x;
color: #fff;
font-size: 1.3em;
padding: 8px;
margin: 8px 0;
text-align: center;
}

	p#info_message.error {
	background: #DB2029 url('../graphics/layout/fade-red.jpg') repeat-x;
	}
	
	

/* stock table */

table.stock {
background: #fff;
clear: both;
margin: 0 0 10px;
padding: 0;
}

	table.stock th, table.stock td {
	background: #fff;
	border: 1px solid #0E8ECD;
	padding: 2px 3px;
	}
	
	table.stock th {
	background: #0E8ECD;
	}
	
	

/* blueprint layout */

#list-items {
background: #fff;
padding: 0 10px;
}

	#list-items table {
	border-collapse: collapse;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
		#list-items table td {
		background: #fff;
		border-bottom: 1px solid #000;
		font-weight: bold;
		padding: 10px 0;
		}
		
		#list-items table td.noborder {
		border-bottom: none;
		}
		
		#list-items form {
		border: none;
		background: none;
		margin: 0;
		padding: 0;
		}
		
			#list-items form input {
			background: #1B9CD6 url('../graphics/layout/fade-blue.jpg') repeat-x;
			color: #fff;
			cursor: pointer;
			font-weight: bold;
			padding: 0 5px;
			}
			


/* email friend */

#product-email-form, #product-review-form, #address_book {
background : url('../graphics/common/overlay.png');
color: #000;
display : none;
height : 100%;
left : 0;
position : fixed;
top : 0;
width : 100%;
}

	#product-email-form form, #product-review-form form, #address_book #address-book-wrapper {
	background : #fff;
	border : 5px double #000;
	left : 50%;
	margin : -184px 0 0 -180px;
	padding : 20px;
	position : absolute;
	top : 50%;
	width : 360px;
	}
	
		#address_book #address-book-wrapper {
		height : 340px;
		overflow : auto;
		}
		
			#address_book #address-book-wrapper .addressline {
			border : 1px solid #ccc;
			margin : 5px 0;
			padding : 5px;
			}
		
			#address_book #address-book-wrapper p {
			padding : 0;
			margin : 0;
			}
	
		#product-email-form form table, #product-review-form form table {
		border-collapse : collapse;
		margin : 0;
		padding : 0;
		width : 360px;
		}
		
			#product-email-form form table td, #product-review-form form table td {
			margin : 0;
			padding : 0;
			}
		
		#product-email-form form p, #product-review-form form p {
		padding : 20px 0 0;
		}
		
		#product-email-form form label, #product-review-form form label {
		color : #777;
		}
		
		#product-email-form form input, #product-review-form form input,
		#product-email-form form textarea, #product-review-form form textarea {
		border : 1px solid #aaa;
		color : #444;
		font-family : Arial;
		font-size : 1em;
		font-weight : bold;
		letter-spacing : -1px;
		margin : 5px 0 10px;
		padding : 2px 5px;
		width : 163px;
		}
		
		#product-email-form form textarea, #product-review-form form textarea {
		width : 342px;
		}



p#receipt-company-details {
display: none;
}

p#receipt-thankyou {
background: #172736;
margin: 0;
padding: 10px;
}





/* fixes */

#main,
#right,
ul#top-buttons,
ul#inner li,
#content .section-inner,
p.cart-buttons,
#cart-details,
.cart-wrapper {
height: 1%;
}

	html>body #main,
	html>body #right,
	html>body ul#top-buttons,
	html>body ul#inner li,
	html>body #content .section-inner,
	html>body p.cart-buttons,
	html>body #cart-details,
	html>body .cart-wrapper {
	height: auto;
	overflow: auto;
	}