/*---------------------------------------------------------------------*/
/* RESET */
/*---------------------------------------------------------------------*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 10px;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	clear: right;
	float: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 1.5;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*---------------------------------------------------------------------*/
/* HEADER: General Tags & Text */
/*---------------------------------------------------------------------*/

/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 12px;
}

/* HELP: Basic store link colour<br/><br/> */
a {
	color: #000;
	text-decoration: underline;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color: #000;
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	text-transform: none;
	line-height: 1.3;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

	h1.banner-art-heading {
		margin: 15px 0 10px;
	}
h1.intro-box-heading {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.3;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

p.intro-box-body {
	clear: both;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.3;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;

}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	margin: 0 0 15px;
	clear: both;
	color: #2e2e2e;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 15px;
	clear: both;
	color: #2e2e2e;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	margin: 0 0 15px;
	clear: both;
	color: #0a5c76;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

/* HELP: Standard paragraph formatting for your store. Anything in a &lt;p&gt; tag will be displayed using this. */
p {
	font-size: 12px;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.5;
}

hr {
	height: 2px !important;
	border: none;
	background-color: #444;
}

/* HELP: Formatting for the &lt;strong&gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input, textarea {
	width: 200px;
	padding: 4px;
	background: #FFF url('../images/input-bg.gif') 0 0 repeat-x;
	border: 1px solid #dfdfdf;
	border-top: 1px solid #7f7f7f;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	width: auto;
	padding: 0;
	position: relative;
	top: 2px;
	background: none;
	border: 0px;
}

/* HELP: Formatting for form select boxes (also called drop-down boxes)<br/><br/> */
select {
	padding: 4px;
	background: #ffffff url('../images/input-shadow.gif') 0 0 repeat-x;
	border: 1px solid #dfdfdf;
	border-top: none;
	font-weight: normal;
	color: #000; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	width: auto;
	background: #666 url('../images/input-button-bg.gif') 0 0 repeat-x;
	border: 2px solid #adaaaa;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.buttonrota {
	float:left;
	width: 300;
	border: 2px solid #adaaaa;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	background-color: #666;
	background-image: url(../images/input-button-bg.gif);
	background-repeat: repeat-x;
	background-position: center 0;
	position: absolute;
	bottom: 5px;
	right: 48px;
	left: auto;
}

.buttonrota:hover {
	background: #222;
}

a.buttonrota {
	padding: 5px 20px;
	text-decoration: none;
}

a.buttonrota:hover {
	color: #fff;
}

/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover {
	background: #222;
}

a.button {
	padding: 5px 8px;
	text-decoration: none;
}

a.button:hover {
	color: #fff;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 10px;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 12px;
	font-weight: bold;
	color: #c00;
}
/*---------------------------------------------------------------------*/
/*  MAIN STRUCTURE  */
/*---------------------------------------------------------------------*/

#home-content, #wrapper {
	width: 950px;
	position: relative;
	line-height: 1.4;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	padding-bottom: 20px;
	background-color: #EEEEEE;
}

#tyre-content, #wrapper {
	width: 1002px;
	margin: 0 auto;
	position: relative;
	line-height: 1.4;
}

#main-content {
	width: 806px;
	margin: 0 0 20px;
	float: left;
	position: relative;
}

#main-intro-left {
width 100px;
height: 100px;
}


#right-menu {
	width: 185px;
	margin: 10px 0 0 0;
	float: right;
}

/*---------------------------------------------------------------------*/
/* HEADER: Page Header */
/*---------------------------------------------------------------------*/

#header-cont {
	width: 100%;
	min-width: 1002px;
	height: 150px;
	background-image: url(../images/bb_head_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#header {
	width: 950px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	font-size: 14px;
	background-image: url(../images/logo_header_r1_c2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

	#header a {
		color: #fff;
	}
	
	#header a#logo {
		float: left;
	}
	
	#alloy-wheel-image {
		position: absolute;
		top: 22px;
		left: 332px;
	}

	
	#header-right {
	width: 400px;
	float: right;
	text-align: right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	clear: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: text-top;
	position: relative;
	top: 60px;
	}
	
		#header-right ul {
			margin: 0 0 15px;
		}
		
			#header-right ul li {
				display: inline;
			}
			
				#header-right ul li a {
					color: #000;
					font-size: 14px;
					text-decoration: none;
				}
			
		#header-right p {
	color: #CCCCCC;
	font-size: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
		}
		
		#search {
			width: 266px;
			float: right;
		}
		
		#search input {
			float: left;
			padding: 0;
			border: none;
		}
		
		#search input.search-box {
			width: 162px;
			height: 23px;
			margin: 3px 5px 0 0;
			padding: 0 5px;
			background: url('../images/search-input-bg.gif') 0 0 no-repeat;
			line-height: 23px;
		}
		
		#search input#search-button {
			width: 89px;
			height: 30px;
		}

/*---------------------------------------------------------------------*/
/* HEADER: MAIN NAV */
/*---------------------------------------------------------------------*/

#nav-cont {
	width: 100%;
	min-width: 1002px;
	height: 55px;
	background-image: url(../images/bb_nav_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

	#nav {
	width: 950px;
	position: relative;
	z-index: 50;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	}
	
		#nav ul {
	width: 720px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 11px;
		}
		
			#nav ul li, #nav ul li a {
				float: left;
			}
			
			#nav ul li {
	position: relative;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
			}
			
				#nav ul li a {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
				}
				
				#nav ul li a:hover, #nav ul li a.current {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bab7b7;
				}
			
		#toggle-mini-cart {
			width: 179px;
			height: 29px;
			margin: 10px 0 0;
			padding: 0 0 0 40px;
			float: right;
			background: url('../images/cart-button-bg.gif') 0 0 no-repeat;
			color: #fff;
			font-size: 14px;
			line-height: 29px;
			text-decoration: none;
		}
		
		#mini-cart {
			display: none;
			width: 187px;
			padding: 10px 10px 0;
			position: absolute;
			right: 5px;
			top: 39px;
			z-index: 50;
			background-color: #444;
			border: 1px solid #111;
			border-top: 0;
			color: #fff;
			-moz-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
		}
		
			#mini-cart ul {
				width: 187px;
				margin: 0;
				padding: 0;
			}
			
				#mini-cart ul li {
					margin: 0;
					padding: 0;
					line-height: 1.4;
				}
				
					#mini-cart ul li a {
						padding: 4px 12px;
						font-size: 12px;
						text-decoration: none;
					}
					
					#mini-cart ul li a.mini-cart-button-cart {
						margin: 0 10px 0 0;
					}
					
						#mini-cart ul li a:hover {
							background: #222;
							border-bottom-width: 2px;
						}
				
					.mini-cart-product {
						padding: 10px 0;
						border-bottom: 1px dotted #999;
					}
					
						.mini-cart-product-total {
							margin: 5px 0 0;
							font-size: 14px;
							font-weight: bold;
							text-align: right;
						}
					
					#mini-cart-total {
						padding: 10px 0;
						font-size: 16px;
						text-align: right;
					}
					
					.mini-cart-empty {
						padding: 10px 0;
						font-size: 14px;
					}

/*---------------------------------------------------------------------*/
/* HEADER: Left and Right Menus */
/*---------------------------------------------------------------------*/

/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	margin: 0 0 10px;
	background-color: #e4effa;
}

	/* HELP: The title for the menu box<br/><br/> */
	.menu-box-title {
		padding: 5px 0;
		font-weight: bold;
		color: #ffffff;
		background-color: #3586ef;
		text-align: center;
	}

	/* HELP: Standard formatting for each menu's content area<br/> */
	.menu-box-content {
		padding: 0 10px 10px;
		text-align: left;
	}
	
	/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
	.menu-box-content-center {
		padding: 0 10px 10px;
		text-align: center;
	}

		/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
		#menu-section-list {
			margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
		}
		
		
		/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
		#menu-section-list ul {
			margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
		}
		
		/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
		#customer-links {
			margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
		}
		
		/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
		#news-links {
			margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
		}
		
		/* HELP: Used to surround the product lists shown in the right menu in your store */
		.menu-product-list {
			clear: both;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px dashed #999;
		}
		
		.menu-product-list:last-child {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: 0px dashed #999;
		}
		
			/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */			
			.menu-product-image img {
				width: 75px;
			}
			
			.menu-product-list .price {
				text-align: right;
				vertical-align: top;
				font-size: 16px;
				font-weight: bold;
				color: #0a5c76;
			}
			
			.menu-product-name {
				clear: both;
			}

/*---------------------------------------------------------------------*/
/* HEADER: Main Content */
/*---------------------------------------------------------------------*/

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	margin: 10px 0 20px;
	color: #000;
	font-size: 16px;
}

	/* HELP: Style for the breadcrumb links<br/><br/> */
	#breadcrumb a {
		color: #000;
		text-decoration: none;
	}
	
		#breadcrumb a:hover {
			text-decoration: underline;
		}
	
	#breadcrumb span {
		color: #0e7da0;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Page Footer */
/*---------------------------------------------------------------------*/

#footer-cont {
	width: 100%;
	min-width: 1002px;
	height: 340px;
	clear: both;
	background-image: url(../images/footer-bg3.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#footer {
	width: 950px;
	height: 300px;
	clear: both;
	color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footer a {
	color: #fff;
}

/* HELP: Basic list formatting for the list of links in the footer<br/> */
.footer-links {
	margin: 0 0 40px;
	overflow: hidden;
	font-size: 12px;
}

	/* HELP: Style for each entry in the list of links<br/><br/> */
	.footer-links li {
		margin: 0 30px 0 0;
		float: left;
	}
	
		/* HELP: Style for each actual link in the footer links<br/><br/> */
		.footer-links a { 
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
.footer-col {
	height: 200px;
	float: left;
	border-right: 1px solid #414848;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}

	.footer-col h2 {
		color: #fff;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		text-transform: uppercase;
	}
	
	.footer-col p {
		line-height: 1.3;
	}
	
	.footer-col li {
		margin: 0 0 8px;
	}
	
		.footer-col li a {
			color: #fff;
			text-decoration: none;
		}
	
.footer-col.social {
	width: 190px;
	clear: left;
	padding-top: 0;
	padding-right: 25;
	padding-bottom: 0;
	padding-left: 0;
}

.footer-col.wheel-colour {
	width: 159px;
}

.footer-col.tech-support {
	width: 156px;
}



	.footer-col.newsletter input#newsletter-input {
		width: 162px;
		margin: 0 0 20px;
	}

.footer-col.newsletter {
	width: 173px;
	border: 0;
}

	.footer-col.social img {
		margin: 0 5px;
	}

.payments {
	float: left;
}

	.payments img {
		margin: 0 0 0 10px;
		vertical-align: middle;
	}
	
/* HELP: Formatting for the footer links section of the store footer */
	.front-links {
float: none;
font-size: 10px;
text-decoration: none;
}

		.front-footer-links a { 
			color: #fff;
			font-size: 11px;
			text-decoration: none;
		}

/* HELP: Formatting for the copyright section of the store footer */
#copyright {
	float: right;
	font-size: 11px;
	line-height: 1.5;
	text-align: right;
	clear: left;
}

/*---------------------------------------------------------------------*/
/* HEADER: Wheel Selector */
/*---------------------------------------------------------------------*/
.wheel-selector {
	width: 785px;
	height: 93px;
	margin: 0 0 10px;
	padding: 7px 25px 0;
	position: relative;
	left: -14px;
	background: url('../images/wheel-selector-bg.gif') 0 0 no-repeat;
}

	.wheel-selector h2 {
		margin: 0 0 10px;
		color: #524545;
		font-size: 20px;
		font-weight: bold;
	}
	
	#ajax-loader {
		position: absolute;
		top: 13px;
		right: 30px;
	}
	
	.wheel-selector ul {
		position: absolute;
		left: 25px;
		bottom: 10px;
	}
	
		.wheel-selector li {
			width: 195px;
			height: 41px;
			position: relative;
			margin: 0 23px 0 0;
			padding: 0 0 10px 50px;
			float: left;
			background: url('../images/wheel-selector-arrow.jpg') left bottom no-repeat;
		}
			
			.wheel-selector label {
				margin: 0 0 5px;
				display: block;
				font-size: 12px;
				text-transform: uppercase;
			}
	
			.wheel-selector select {
				width: 195px;
				position: absolute;
				bottom: 10px;
				background: #ffffff url('../images/input-shadow.gif') 0 0 repeat-x;
				border: 1px solid #dfdfdf;
				border-top: none;
				border-bottom: none;
			}
			
		.wheel-selector li.selected {
			background: url('../images/wheel-selector-arrow-active.jpg') left bottom no-repeat;
		}
			
.wheelFilter {
	width: 786px;
	height: 59px;
	margin: 0 0 20px;
	padding: 10px 10px 0;
	background: url('../images/filter-bg.gif') 0 0 no-repeat;
}

	.section-content .wheelFilter h2 {
		margin: 0 0 8px;
		color: #524545;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
	
	.wheelFilter li {
		margin: 0 23px 0 0;
		padding: 0 0 0 0;
		float: left;
	}
	
		.wheelFilter li label {
			text-transform: uppercase;
		}
		
		.wheelFilter li select {
			max-width: 116px;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Contact Block */
/*---------------------------------------------------------------------*/
.contact-block {
	width: 185px;
	height: 304px;
	margin: 0 0 10px;
	position: relative;
	background: url('../images/../images/contact-bg-new.jpg') 0 0 no-repeat;

}

#home-content .contact-block {
	margin: 0;
	position: absolute;
	top: 10px;
	right: 0;
}

#tyre-content .contact-block {
	margin: 0;
	position: absolute;
	top: 10px;
	right: 0;
}

	.contact-block h2 {
		height: 38px;
		margin: 0 0 15px;
		color: #252424;
		font-family: Helvetica, Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		line-height: 38px;
	}
	
	.contact-block p {
		margin: 0 16px;
		color: #454343;
		font-size: 14px;
		line-height: 1.1;
	}
	
	.contact-block a {
		position: relative;
		bottom: 22px;
                top: 5px;
		left: 3px;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Intro Slider */
/*---------------------------------------------------------------------*/
#intro-slider-cont {
	width: 807px;
	height: 204px;
	margin: 10px 10px 10px 0;
	position: relative;
	background-color: #999;
}

	#intro-slider, #intro-slider ul, #intro-slider ul li {
		width: 807px;
		height: 204px;
	}

	#intro-slider .is-image {
		width: 480px;
		height: 204px;
		float: left;
	}
	
	#intro-slider .is-content {
		width: 287px;
		height: 164px;
		padding: 20px;
		float: left;
		background: url('../images/is-content-bg.gif') 0 0 repeat;
		color: #fff;
	}
	
		#intro-slider .is-content h2 {
			color: #fff;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 17px;
		}
		
		#intro-slider .is-content p {
			font-size: 14px;
			line-height: 1.2;
		}
	
	#intro-slider-cont #isPrev a, #intro-slider-cont #isNext a {
		width: 20px;
		height: 17px;
		position: absolute;
		bottom: 10px;
		text-indent: -9999px;
	}
	
	#intro-slider-cont #isPrev a {
		right: 40px;
		background: url('../../../resources/thirdparty/easyslider/images/is_prev.png') 0 0 no-repeat;
	}
	
	#intro-slider-cont #isNext a {
		right: 12px;
		background: url('../../../resources/thirdparty/easyslider/images/is_next.png') 0 0 no-repeat;
	}
	
/*---------------------------------------------------------------------*/
/* HEADER: Featured Products Slider */
/*---------------------------------------------------------------------*/
.featured-products {
	height: 600px;
	position: relative;
}

#featured-products-cont {
	width: 1000px;
	height: 600px;
	margin: 0;
	position: relative;
}
	
	#featured-products-cont ul, #featured-products-cont ul li {
		width: 1000px;
		height: 515px;
	}
	
	.featured-products #fpPrev a, .featured-products #fpNext a {
		width: 20px;
		height: 17px;
		position: absolute;
		bottom: 15px;
		text-indent: -9999px;
	 }
	
	.featured-products #fpPrev a {
	        left: 15px;
	        background: url('../../../resources/thirdparty/easyslider/images/fw_prev.gif') 0 0 no-repeat;
	}
	
	.featured-products #fpNext a {
		right: 15px;
		background: url('../../../resources/thirdparty/easyslider/images/fw_next.gif') 0 0 no-repeat;
	}
	

/*---------------------------------------------------------------------*/
/* HEADER: Home Welcome */
/*---------------------------------------------------------------------*/
.home-welcome-cont {
	width: 100%;
	min-width: 1002px;
	padding: 30px 0;
	overflow: hidden;
	clear: both;
	background-color: #eaeae9;
}

	.home-welcome {
		width: 1002px;
		margin: 0 auto;
	}
	
		.home-welcome-left {
			width: 665px;
			float: left;
			line-height: 1.2;
		}
		
			.home-welcome-left h2 {
				color: #0a5c76;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 24px;
				text-transform: uppercase;
			}
			
			.home-welcome-left h3 {
				font-size: 16px;
				font-weight: normal;
			}
			
			.home-welcome-left p {
				font-size: 12px;
			}
			
		.home-welcome-right {
			width: 280px;
			height: 220px;
			margin-bottom: 0;
			float: right;
			position: relative;
			background-color: #fff;
		}
		
			#picture-gallery {
				margin: 0 41px;
			}
			
			#picture-gallery, #picture-gallery ul, #picture-gallery ul li {
				width: 198px;
				height: 149px;
			}
			
				#picture-gallery ul li img {
					border: 2px solid #b2afaf;
				}
				
			.home-welcome-right #pgPrev a, .home-welcome-right #pgNext a {
				width: 20px;
				height: 17px;
				position: absolute;
				top: 108px;
				text-indent: -9999px;
			}
			
			.home-welcome-right #pgPrev a {
				left: 10px;
				background: url('../../../resources/thirdparty/easyslider/images/pg_prev.gif') 0 0 no-repeat;
			}
			
			.home-welcome-right #pgNext a {
				right: 10px;
				background: url('../../../resources/thirdparty/easyslider/images/pg_next.gif') 0 0 no-repeat;
			}

/*---------------------------------------------------------------------*/
/* HEADER: Blocks */
/*---------------------------------------------------------------------*/
.grey-block, .blue-block {
	margin-bottom: 10px;
	border: 1px solid #d3cece;
}

	.grey-block h2, .blue-block h2 {
		height: 29px;
		margin: 0 0 15px;
		font-family: Helvetica, Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		line-height: 30px;
	}
	
	.grey-block h2 {
		background: url('../images/grey-bar.gif') 0 0 repeat-x;
		color: #252424;
		font-weight: bold;
	}
	
	.blue-block h2 {
		background: url('../images/blue-bar.gif') 0 0 repeat-x;
		color: #fff;
	}
	
.block-25 {
	width: 241px;
	margin-right: 10px;
	float: left;
}

	#home-content .block-25 {
		height: 200px;
		position: relative;
		color: #0a5c76;
		font-size: 14px;
		text-align: center;
	}
	
		#home-content .block-25 a.section-view-products {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		
.block-50 {
	width: 396px;
	margin-right: 10px;
	float: left;
}

.block-last {
	margin-right: 0;
}

	.block-content {
		padding: 0 25px;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Section Page Style */
/*---------------------------------------------------------------------*/

/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content {
	clear: both;
	padding-top: 10px;
}

.section-block {
	height: 230px
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 257px;
	height: 160px;
	margin: 0 0 35px 8px;
	padding: 10px 0 0 8px;
	float: left;
	border-left: 1px solid #adabab;
	position: relative;
}

.sub-sectionsrota {
	width: 145px;
	height: 160px;
	float: left;
	border-left: 0px solid #adabab;
	border-right: 0px solid #adabab;
	position: relative;
	padding-right:23px;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 8px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 23px;
	background-image: url(../images/rota_back.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.section-content .sub-sections.first {
	margin: 0;
	padding: 10px 0 0;
	border: 0;
	clear: both;
}

/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
	width: 75px;
	float: left;
	margin: 0 15px 15px 0;
}

.sectionrota-thumbnail {
	width: 75px;
	margin: 0 15px 15px 0;
	padding-left: 15px;
	text-align: center;
	position: absolute;
	top: 50px;
	right: 42px;
}

/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title {
	margin: 0 0 10px;

}

.sub-section-title, .sub-section-title a {
	color: #0a5c76;
	font-size: 13px;
	text-decoration: none;

}

.sub-sectionrota-title {
	margin: 0 0 10px;
	text-align: center;
}

.sub-sectionrota-title, .sub-sectionrota-title a {
	color: #0a5c76;
	font-size: 13px;
	text-decoration: none;
		text-align: center;
}

.section-content h2 {
	margin: 0 0 25px;
	overflow: hidden;
}

	.section-total-results {
		float: left;
	}
	
	.section-sorting {
		float: right;
	}
	
	.section-show-all {
		margin: 6px 0 0;
		float: right;
		text-decoration: none;
	}

.section-view-products {
	margin: 10px 0 0;
	float: right;
}

.sub-sections a.button {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*---------------------------------------------------------------------*/
/* HEADER: Paging Styles */
/*---------------------------------------------------------------------*/

/* HELP: Container for the paging links on section and search pages */
.pages-container {
	margin: 0 0 30px;
	clear: both;
	font-size: 14px;
	text-align: center;
}

	/* HELP: Formatting for each entry in the paging links<br/><br/> */
	.pages-list li {
		margin: 0 4px;
		display: inline;
		color: #000000;
		list-style-type: none;
	}
	
		/* HELP: Display style for the page entry in the list that you are currently viewing */
		.pages-list span { 
			text-decoration: underline;
		}
		
		/* HELP: Actual clickable link for page numbers and previous and next links */
		.pages-list a { 
			text-decoration: none;
		}
		
		a.sp-prev-next {
			font-size: 20px;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Product Listing Styles */
/*---------------------------------------------------------------------*/
.product-wrapper {
	overflow: hidden;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	width: 230px;
	margin: 0 10px 15px;
	float: left;
}

.section-content .product-single {
	width: 257px;
	height: 320px;
	margin: 0 0 35px 8px;
	padding: 40px 0 0 8px;
	border-left: 1px solid #adabab;
}

.section-content .product-single.first {
	margin: 0;
	padding: 40px 0 0;
	border: 0;
	clear: both;
}

	.sec-prod-name {
		height: 55px;
	}

	.product-single a {
		color: #0a5c76;
		font-size: 12px;
		text-decoration: none;
	}

	/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
	.product-thumbnail {
		margin: 10px 58px;
		border: 0px;
	}
	
	#featured-products-cont .product-thumbnail {
		margin: 10px 45px;
        height: 115px;
	}
	
	/* HELP: Additional formatting for product titles shown on section/search pages */
	.section-product-title, .section-product-title a {
		font-weight: bold;
		text-decoration: none;
	}

	/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
	.price {
		color: #000;
		font-size: 12px;
	}
	
	.section-content .product-single .price {
		margin: 0 0 10px;
	}
	
		.price span {
			color: #0a5c76;
			font-size: 16px;
			font-weight: bold;
		}
		
	.price-extra {
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 1.3;
	}
		
	.product-single a.product-link {
		margin: 10px 20px 0 0;
		float: right;
		color: #000;
		font-size: 14px;
		font-weight: normal;
	}
	
	a.view-product {
		float: left;
	}
	
	input.product-add {
		width: auto;
		margin: 0;
		padding: 0;
		float: right;
		border: 0;
	}
	
/*---------------------------------------------------------------------*/
/* HEADER: Other Product Styles */
/*---------------------------------------------------------------------*/

.product-left, .product-right {
	margin: 0 0 20px;
}

.product-left {
	width: 350px;
	float: left;
}

	/* HELP: Styling for the product image shown on the product page.<br/><br/> */
	.product-image {
		margin: 0 0 10px;
		border: 0;
	}
	
	.extra-image {
		margin: 0 10px 10px 0;
		float: left;
	}
	
	.extra-image img {
		border: 2px solid #bbb8b8;
	}

.product-right {
	width: 390px;
	float: right;
	background-color: #f9f7f7;
}

	.product-right-content {
		padding: 0 15px 15px;
		overflow: hidden;
	}
	
		.product-right hr {
			height: 1px;
			margin: 18px 0;
			clear: both;
			background-color: transparent;
			border: 0;
			border-top: 1px solid #aeabab;
		}

		/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
		.product-flag-container {
			
		}
		
		/* HELP: Used to style each individual product flag when displayed<br/><br/> */
		.product-flag {
			font-size: 12px;
		}
		
		.product-right .pr-title {
			color: #0a5c76;
			font-size: 18px;
			font-weight: normal;
			line-height: 1.7;
		}
		
			.product-right .price span.price-inc, .product-right .price span.price-inc span {
				color: #252424;
				font-size: 20px;
				font-weight: bold;
			}
			
			.product-right .price span.price-ex, .product-right .price span.price-ex span {
				color: #666464;
				font-size: 18px;
				font-weight: normal;
			}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
}

	/* HELP: Style for product add to cart buttons in your store<br/><br/> */
	.product-right input.product-add {
		float: none;
		background-color: #0D7697;
		border: 0;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	
	/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
	.product-add:hover {
		background-color: #555;
		color: #eee;
	}
	
.product-qty {
	width: auto;
}

/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
	
}

/*---------------------------------------------------------------------*/
/* HEADER: Product Option Tables */
/*---------------------------------------------------------------------*/

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	float: right;
	width: 254px;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	font-weight: bold;
	margin: 0 auto;
	text-align: right;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	font-weight: bold;
	background-color: #aaaaaa;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	font-weight: normal;
	background-color: #dddddd;
	padding: 2px;
	text-align: left;
}

/*---------------------------------------------------------------------*/
/* HEADER: PRODUCT TABS */
/*---------------------------------------------------------------------*/

#tabs {
	margin: 0 0 15px;
	clear: both;
}

/*---------------------------------------------------------------------*/
/* HEADER: Cart Table Styles */
/*---------------------------------------------------------------------*/

#toggle-cart {
	padding: 4px 8px;
	float: right;
	position: absolute;
	top: 53px;
	right: 0;
	text-decoration: none;
}

	#toggle-cart:hover {
		color: #fff;
	}

#ordering-cart {
	width: 806px;
	display: none;
}

/* HELP: Style for the cart table itself<br/><br/> */
.cart-table {
	width: 806px;
	margin: 0 auto 30px;
	padding: 0px;
	border: 0px;
}
	
	/* HELP: Style for table header cells<br/><br/> */
	.cart-table th {
		padding: 10px 15px 10px 0;
		border-bottom: 1px solid #222;
		color: #0E7DA0;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
	}
	
	/* HELP: Style for table header sells with right justification<br/><br/> */
	.cart-table th.right {
		padding: 10px 0 10px 15px;
		text-align: right;
	}
	
	/* HELP: Style for table header totals<br/><br/> */
	.cart-table th.total {
		padding: 10px 0 10px 15px;
		border-top: 1px solid #222;
		text-align: right;
		vertical-align: middle;
	}
	
		.cart-table th.total img {
			vertical-align: middle;
		}
		
		.cart-table th.total a {
			font-weight: normal;
		}
	
	/* HELP: Style for normal table cells<br/><br/> */
	.cart-table td {
		padding: 10px 15px 10px 0;
		border-top: 1px dashed #999;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
	}
	
	/* HELP: Style for normal table cells, with right justification<br/><br/> */
	.cart-table td.right {
		padding: 10px 0 10px 15px;
		text-align: right;
	}
	
		.cart-table td input {
			width: auto;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Account Styles */
/*---------------------------------------------------------------------*/

/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	width: 420px;
	margin: 0 auto;
	text-align: center;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left {
	width: 200px;
	float: left;
	text-align: left;
}

/* HELP: Style for the right column of the account home page information */
#account-summary-right {
	width: 200px;
	float: right;
	text-align: left;
}

/*---------------------------------------------------------------------*/
/* HEADER: Form Entry Tables */
/*---------------------------------------------------------------------*/

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	padding: 0;
	border: 0;
}

	/* HELP: Caption styler shown above form entry tables<br/><br/> */
	.form-table caption {
		margin: 0 auto;
	}
	
	/* HELP: Header table cell<br/><br/> */
	.form-table th {
		padding: 4px 15px 10px 0;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
	}
	
	/* HELP: Normal table cell<br/><br/> */
	.form-table td {
		padding: 0 0 10px;
		font-weight: normal;
		text-align: left;
	}
	
	/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
	.form-table td.submit-row {
		text-align: right;
	}

/*---------------------------------------------------------------------*/
/* HEADER: General Table Styles */
/*---------------------------------------------------------------------*/

/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	margin: 0 auto;
	font-weight: bold;
	text-align: right;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	padding: 2px;
	border-bottom: 1px dotted #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	padding: 2px;
	font-weight: normal;
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	padding: 2px;
	font-weight: bold;
	text-align: left;
}

/*---------------------------------------------------------------------*/
/* HEADER: Tyre Calculator */
/*---------------------------------------------------------------------*/

table#tyre-calc, table#tyre-calc th, table#tyre-calc td {
	border: 1px solid #ccc;
}

	table#tyre-calc th, table#tyre-calc td {
		padding: 10px; background-color:#d2e2e7;
	}
	
		table#tyre-calc h2 {
			color: #0A5C76;
		}
	
		table#tyre-calc input {
			width: 60px;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Testimonials Images */
/*---------------------------------------------------------------------*/
		
.thumbnail {
	position: relative;
	z-index: 0;
}

.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}

	.thumbnail img {
		vertical-align: middle;
	}


	.thumbnail span {
		position: absolute;
		background-color: lightyellow;
		padding: 5px;
		left: -1000px;
		border: 1px dashed orange;
		visibility: hidden;
		color: black;
		text-decoration: none;
	}
	
	.thumbnail:hover span {
		visibility: visible;
		top: 0;
		left: 60px; /*position where enlarged image should offset horizontally */
	}
	
		.thumbnail span img {
			border-width: 0;
			padding: 2px;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Advanced Styles */
/*---------------------------------------------------------------------*/

html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}

#face-contain {
	overflow:hidden;
	padding: 0 4px;
	background:#FFF;
	margin:0 auto;
	width:810px;
	}
#home-content left_intro {
	background-color: #999999;
	height: 100px;
	width: 100px;
}
#home-content fred {
	background-color: #0033FF;
	height: 100px;
	width: 100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	visibility: visible;
}
#home-content #home-content-intro {
	background-color: #999999;
	height: 300px;
	width: 365px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	clear: none;
}
#home-content #home-content-images {
	background-color: #CCCCCC;
	height: 300px;
	width: 585px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float: right;
	position: relative;
	top: 0px;
	visibility: visible;
	z-index: 11;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#home-content #home-content-main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color: #003366;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 10px;
}
#home-content #home-content-main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	font-style: normal;
}