/*
Cascading Style Sheet Version 2.0
Created for website Vintage Tyres (classictyres.co.uk) by Pete Crewdson
All coding copyright 2009-2010 WNW Design Limited and it's subsidiaries
skeleton.css version 1.0

This document includes all main screen elements of the website including all division,
paragraph and custom styled elements which are presented in the layout of the website.
*/

html,body,div,span,hr,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,:before,:after,input,textarea,select{background:none;border:0;border-collapse:collapse;border-spacing:0;border-width:0;bottom:auto;clear:none;content:none;direction:ltr;float:none;left:auto;margin:0;outline:0;padding:0;right:auto;text-decoration:none;text-indent:0;top:auto;}
body,input,select,textarea,option,iframe,code { background: #fff; font-family: Arial, Helvetica, sans-serif; }
body { font-size: 62.5%; text-align: center; }

#wrapper {
border-left: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
margin: auto;
padding: 0 2px;
position: relative;
text-align: left;
width: 958px;
}

	p#tyre {
	background: url(../graphics/layout/tyre.png) no-repeat;
	height: 358px;
	left: 2px;
	position: absolute;
	top: 19px;
	width: 152px;
	}
	
	#category_details, h1.section-name, .quantity_text {
	display: none;
	}



/* Top banner graphics, flash. */

#banner {
background: url(../graphics/layout/logo.jpg) 170px 43px no-repeat;
text-align: right;
}



/* Top navigational menu, list. */

#nav {
background: #7F7F7F url(../graphics/layout/nav.jpg) repeat-x;
border-bottom: 2px solid #fff;
font-size: 1.4em;
font-weight: bold;
text-transform: lowercase;
}

	#nav ul {
	border-left: 2px solid #aaa;
	list-style: none;
	margin: 0 0 0 169px;
	}
	
		#nav li {
		display: inline;
		}
	
		#nav a {
		border-right: 2px solid #aaa;
		color: #fff;
		float: left;
		padding: 10px 20px;
		}
		
			#nav a:hover {
			color: #000;
			}



/* Top information bar, list. */

ul#bar {
background: #D9D9D9;
list-style: none;
}

	ul#bar li {
	border-left: 2px solid #fff;
	color: #797979;
	float: left;
	height: 168px;
	position: relative;
	width: 261px;
	}
	
		html>body ul#bar li {
		height: auto;
		min-height: 168px;
		}
	
		ul#bar li#bar_car {
		background: url(../graphics/layout/bar_car.jpg) no-repeat;
		margin-left: 169px;
		}
	
		ul#bar li#bar_motorcycle {
		background: url(../graphics/layout/bar_motorcycle.jpg) no-repeat;
		}
	
		ul#bar li#bar_accessories {
		background: url(../graphics/layout/bar_accessories.jpg) no-repeat;
		}
		
		ul#bar h1 {
		font-size: 2em;
		line-height: 1.2em;
		padding: 10px 13px;
		}
		
		ul#bar p {
		font-size: 1.2em;
		line-height: 1.3em;
		padding: 10px 13px;
		}
		
			ul#bar a {
			color: #4D4D4D;
			}
			
			ul#bar a.more {
			background: url(../graphics/layout/blank.gif);
			bottom: 0;
			height: 100px;
			position: absolute;
			right: 0;
			text-indent: -1000em;
			width: 100px;
			}



/* Main content payne, float. */

#main {
font-size: 1.2em;
line-height: 1.6em;
padding: 28px;
}

#content {
display: inline;
float: left;
width: 646px;
}

	#content.cart {
	width: 100%;
	}
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol, #content blockquote {
	color: #5E5E5E;
	padding: 16px 0 0;
	}
	
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		font-size: 1.4em;
		}
		
		#content ul, #content ol, #content blockquote {
		margin: 0 40px;
		}
		
			#content li {
			margin: 0 0 10px;
			}
		
		#content p#breadcrumbs { 
		font-size: .9em;
		padding: 0;
		}
		
			#content p#breadcrumbs a {
			padding: 0 3px;
			}
	
	#content a, #content span.orange {
	color: #EBA01D;
	}
	
		#content a:hover {
		color: #000;
		text-decoration: underline;
		}
	
	

/* Right hand panel, float. */

#right {
display: inline;
float: left;
margin-left: 23px;
padding: 7px 0;
width: 233px;
}

	#right p#newsletter {
	background: #A6A6A6;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px 15px;
	}
	
		#right p#newsletter a {
		color: #fff;
		}

	#right form {
	background: #A6A6A6;
	border-bottom: 2px solid #fff;
	margin-top: 5px;
	padding: 10px;
	}
	
		#right form label {
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		}
		
		#right form input#qs {
		border: 1px solid #5E5E5E;
		color: #C9C9C9;
		padding: 4px 6px;
		width: 119px;
		}
		
		#right form input#submit {
		background: #5E5E5E;
		color: #fff;
		cursor: pointer;
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		padding: 4px 5px;
		}
	
	#right #news {
	color: #5E5E5E;
	background: #D9D9D9;
	padding: 10px 15px;
	}
	
		#right #news h1 {
		font-size: 1.2em;
		font-weight: bold;
		}
		
		#right #news h2 {
		font-size: 1em;
		padding: 10px 0 0;
		text-transform: uppercase;
		}
		
		#right #news p {
		font-size: .9em;
		}
	


/* Footer panel, fixed. */

p#footer {
background: #AAA9A9 url(../graphics/layout/footer.jpg) repeat-x;
color: #fff;
font-size: 1.1em;
line-height: 1.8em;
padding: 15px 26px;
}

	p#footer a {
	color: #fff;
	margin: 0 2px;
	}
	
	p#footer span {
	margin: 0 20px 0 2px;
	}
	
		p#footer a.wnw {
		color: #5E5E5E;
		}
	
		p#footer a:hover {
		color: #000;
		}
	

/* Search box, floats. */

ul#search {
list-style: none;
margin: 0 0 15px;
}

	ul#search.car { background: #D9D9D9 url(../graphics/layout/search-cars.gif) no-repeat; }
	ul#search.motorcycle { background: #D9D9D9 url(../graphics/layout/search-motorcycles.gif) no-repeat; }
	ul#search.accessories { background: #D9D9D9 url(../graphics/layout/search-accessories.gif) no-repeat; }

	ul#search li {
	border-left: 2px solid #fff;
	display: inline;
	height: 96px;
	float: left;
	}
	
		ul#search li#search_step1 {
		border: none;
		margin: 0 0 0 97px;
		width: 196px;
		}
	
		ul#search li#search_step2 {
		width: 186px;
		}
	
		ul#search li#search_step3 {
		width: 203px;
		}
	
		ul#search li#search_step4 {
		width: 213px;
		}
		
		ul#search h1, ul#search h2, ul#search h3, ul#search h4 {
		color: #EBA01D;
		font-size: 1.6em;
		font-weight: normal;
		padding: 7px 0 0 10px;
		}
		
		ul#search p {
		font-weight: bold;
		font-size: .9em;
		padding: 0 0 0 11px;
		}
		
			ul#search p#options {
			font-weight: normal;
			}
		
		ul#search select {
		border: 1px solid #7C7C7C;
		color: #7C7C7C;
		font-size: .9em;
		margin: 0 0 0 10px;
		padding: 1px;
		width: 140px;
		}
		
		ul#search input {
		background: #5E5E5E;
		border: 1px solid #fff;
		color: #fff;
		cursor: pointer;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 12px;
		padding: 6px;
		outline: 2px solid #5E5E5E;
		width: 189px;
		}



/* Minicart, fixed. */

#minicart {
background: #F3CB86;
}

#minicart h1 {
background: #EBA01D;
border-bottom: 2px solid #fff;
color: #fff;
font-size: 1.2em;
font-weight: bold;
padding: 7px 10px;
}

	#minicart p {
	background: #AE6C1F;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	}

	#minicart table {
	border: none;
	font-size: .9em;
	line-height: 1.2em;
	margin: 5px 0;
	width: 100%;
	}
	
		#minicart td {
		vertical-align: top;
		}
	
		#minicart td.minicart_name {
		color: #EB791D;
		padding: 5px 10px;
		}
	
			#minicart tr.minicart_totals td.minicart_name {
			color: #AE6C1F;
			}
	
		#minicart td.minicart_price {
		color: #5E5E5E;
		padding: 5px 10px;
		}
		
	#minicart ul {
	border-top: 2px solid #fff;
	list-style: none;
	}
	
		#minicart ul li {
		background: #EB821D url(../graphics/layout/minicart.jpg) repeat-x;
		border-bottom: 2px solid #fff;
		font-size: 1.2em;
		font-weight: bold;
		}
		
		#minicart ul a {
		background: url(../graphics/layout/minicart-bullet.gif) 17px 50% no-repeat;
		display: block;
		color: #fff;
		padding: 5px 10px 5px 37px;
		}
		
			#minicart ul a#minicart_uXlL40 {
			background: url(../graphics/layout/minicart-bullet-yellow.gif) 17px 50% no-repeat;
			color: #FEF602;
			}



/* Vat Heading, fixed. */

#vat_header, p#back_header {
border-bottom: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
margin: 16px 0 0;
padding: 5px 0;
}

	p#back_header {
	text-align: right;
	}
	
	#vat_header p.paging {
	float: right;
	padding: 0;
	}
	
		#vat_header p.paging a, #vat_header p.paging span {
		border: 1px solid #A9A9A9;
		padding: 1px 5px;
		}
		
		#vat_header p.paging span {
		color: #000;
		}



/* Section lines, stacked. */

#content .section {
border-bottom: 1px solid #A9A9A9;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0;
}

	#content .section p.section_image {
	border: 1px solid #A9A9A9;
	display: inline;
	float: left;
	padding: 0;
	width: 105px;
	}

	#content .section .section_text {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	width: 529px;
	}
	
		#content .section .section_text p {
		color: #EBA01D;
		letter-spacing: -1px;
		overflow: auto;
		padding: 0;
		}
	
			#content .section .section_text p span.section_price {
			float: right;
			text-align: right;
			width: 150px;
			}
			
			#content .section .section_text p span {
			color: #616161;
			}
	
		#content .section .section_text p.section_buy {
		padding: 10px 0;
		text-align: right;
		}
	
			#content .section .section_text p.section_buy a {
			background: #EB8D1D url(../graphics/layout/buy.jpg) no-repeat;
			color: #fff;
			padding: 5px 25px;
			text-align: right;
			}
	
	

/* Product line, stacked. */

#product_left {
float: left;
padding: 10px 0;
width: 146px;
}

	#product_left p.product_image {
	border: 1px solid #A9A9A9;
	margin: 5px 0 10px;
	padding: 0;
	width: 144px;
	}

	#product_left p.product_larger {
	padding: 1px 0 0;
	}

		#product_left p.product_larger a {
		background: #6E6E6E;
		color: #fff;
		display: block;
		font-weight: bold;
		padding: 2px 10px;
		}

#product_right {
float: right;
padding: 10px 0;
width: 486px;
}

	#product_right h2 {
	color: #EBA01D;
	padding: 0;
	}
	
		#product_right h2 span {
		color: #A6A6A6;
		}

	#product_right p#product_addtop, 
	#product_right p.product_price, 
	#content .section .section_text p.product_price, 
	p#product_add {
	text-align: right;
	}

		#product_right p#product_addtop a {
		background: #EB821D url(../graphics/layout/minicart.jpg) repeat-x;
		color: #fff;
		font-size: .9em;
		font-weight: bold;
		padding: 7px 15px;
		text-transform: uppercase;
		}
		
			#product_right p#product_addtop a span {
			color: #FEF602;
			}
			
	#product_right p.product_price {
	color: #EBA01D;
	font-size: 1.4em;
	font-weight: bold;
	}
	
		#content .section .section_text p.product_price {
		margin: 40px 0 0;
		}
	
		#product_right p.product_price span.price_text, #content .section .section_text p.product_price span.price_text {
		color: #7F7F7F;
		}
	
		#product_right p.product_price span.price_vat, #content .section .section_text p.product_price span.price_vat {
		color: #A6A6A6;
		font-size: .8em;
		font-weight: normal;
		}
		
		#product_right p.product_price input, #content .section .section_text p.product_price input {
		background: #fff url(../graphics/layout/qty.gif) 0 100%;
		border: 1px solid #5E5E5E;
		margin-left: 10px;
		padding: 7px 40px 7px 10px;
		width: 26px;
		}
	
	p#product_add input {
	background: #EB8D1D url(../graphics/layout/buy.jpg);
	color: #FEF602;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px 25px;
	}
	
	#product_right span.product_instock {
	color: #EBA01D;
	font-weight: bold;
	}
	
	#product_right span.product_outofstock {
	color: #900;
	font-weight: bold;
	}



/* Related products, stacked. */

p#consider {
background: #A6A6A6;
color: #fff;
font-weight: bold;
padding: 5px 10px;
}



/* Inner navigation, list. */

ul#innernav { 
background: #D9D9D9;
list-style: none;
margin: 16px 0 0;
padding: 0;
}

	ul#innernav li {
	border-bottom: 2px solid #fff;
	padding: 7px 10px;
	font-weight: bold;
	margin: 0;
	} 



/* Information messages. */

#content p#info_message {
background: #F3CB86;
border: 1px solid #EBA01D;
padding: 9px;
margin: 8px 0 16px;
}

	#content p#info_message.error {
	background: #900;
	border: 1px solid #fff;
	color: #fff;
	}



/* Featured Items. */

.featured {
background: #D9D9D9 url(../graphics/layout/offers.gif) 10px 10px no-repeat;
border-bottom: 2px solid #fff;
float: left;
padding: 31px 10px 7px;
width: 213px;
}

	.featured_wrap, .featured_buy {
	float: left;
	width: 213px;
	}
	
		/* Featured image. */

		.featured_image {
		border-right: 10px solid #D9D9D9;
		float: left;
		padding: 4px 0 0;
		width: 80px;
		}
		
			.featured_image img {
			border: 1px solid #000;
			width: 78px;
			}
			
		/* Featured title + description. */
	
		.featured_text {
		float: left;
		width: 123px;
		}
		
			.featured_text p.featured_title {
			font-weight: bold;
			}
			
			.featured_text p.featured_desc {
			padding: 7px 0;
			}
			
			.featured_text p.featured_nonsale {
			font-weight: bold;
			text-decoration: line-through;
			}
		
	/* But the product. */	
	
	.featured_buy {
	padding: 5px 0 3px;
	}
			
		/* Featured price. */
			
		.featured_buy p.featured_price {
		background: #fff;
		border-right: 3px solid #D9D9D9;
		float: left;
		font-weight: bold;
		padding: 4px 0;
		text-align: center;
		width: 105px;
		}
			
		.featured_buy p.featured_more {
		background: #5E5E5E;
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		padding: 4px 5px;
		text-align: center;
		width: 95px;
		}
		
			.featured_buy p.featured_more a {
			color: #fff;
			}




/* Feature of the Month. */

#fotm_top {
background: url(../graphics/layout/feature_top.jpg) no-repeat;
height: 121px;
padding: 30px 0 20px;
text-align: center;
}

	#fotm_top h1 {
	font-size: 4em;
	padding: 0;
	}

	#fotm_top p {
	font-size: 2.4em;
	}

#fotm_link {
background: #E8AB3F;
border: 1px solid #5D6467;
margin: 5px 0 0;
text-align: center;
}

	#fotm_link a {
	color: #000;
	display: block;
	padding: 7px 10px;
	}

	#fotm_link a span {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	}




strike {
color: #aaa;
text-decoration: line-through;
}
	

/* Template fixes for IE6+7 & Firefox. */

		  #nav ul,			 ul#bar,		   #main,			#right form,		   ul#search,			#vat_header,		   .section,		   #product,		   .cart_wrapper,			p.cart_buttons { height: 1%; }
html>body #nav ul, html>body ul#bar, html>body #main, html>body #right form, html>body ul#search, html>body #vat_header, html>body .section, html>body #product, html>body .cart_wrapper, html>body p.cart_buttons { height: auto; overflow: auto; }