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

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
}

body {
	background:#333 url(../images/bg-fade.jpg) top repeat-x;
}

	a {
		color:#fc0;	
	}
	
	a:hover {
		color:#c90;	
	}

	.hide {
		display:none;	
	}
	
	.clear {
		clear:both;	
	}

#background {
	background:url(../images/bike-bg.jpg) top center no-repeat;	
	padding:149px 0 0 0;
}

#header {
	width:100%;
	height:161px;
	position:absolute;
	top:0;
	z-index:2;
	background:url(../images/nav/menu-bg.png) top center no-repeat;
}

	#header .wrapper {
		width:994px;
		height:149px;
		margin:0 auto;
	}
	
		#header-left {
			width:814px;
			float:left;
			padding:0 0 0 10px;
		}
		
			#logo {
				height:99px;	
			}
			
			#header-left ul {
				height:50px;
				margin:0;
				padding:0 4px 0 0;
				display:inline;
			}
			
				#header-left ul li {
					list-style:none;
					margin:0;
					padding:0;
					display:inline;
				}
				
				#header-left ul li a {
					padding:0 5px 0 20px;	
					float:left;
					font-size:12px;
					height:50px;
					line-height:50px;
					text-decoration:none;
					color:#fff;
					background:url(../images/nav/button-bg.png) top left no-repeat;
				}

				#header-left ul li a:hover {
					background:url(../images/nav/button-bg.png) bottom left no-repeat;
					color:#000;
				}
				
				#header-left ul li a.home {
					padding:0 10px 0 21px;	
					background:url(../images/nav/button-bg-home.png) top left no-repeat;
				}

				#header-left ul li a.home:hover {
					background:url(../images/nav/button-bg-home.png) bottom left no-repeat;
				}
		
		#header-right {
			width:170px;
			float:right;
			padding:80px 0 0 0;
			position:relative;
			top:0;
			left:0;
			z-index:0;
		}
		
			.featurebox {
				width:170px;	
			}
			
				.featurebox p {
					margin:0;
					padding:0 0 10px 0;
				}
			
				.featurebox a.clickhere {
					display:block;
					width:150px;
					height:40px;
					background:url(../images/features/click-button.png) top left no-repeat;
				}
				
					.featurebox a.clickhere:hover {
						background:url(../images/features/click-button.png) bottom left no-repeat;
					}
			
			#branch-locator {
				background:url(../images/features/branch-locator.png) top left no-repeat;
				padding:150px 0 108px 10px;
				width:160px;
				height:50px;
			}
			
			#tyre-chart {
				background:#333 url(../images/features/tyre-chart.png) top center no-repeat;
				padding:82px 3px 3px 3px;
				width:130px;
				border:2px solid #333;
				margin:0 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
				#tyre-chart p {
					margin:0;
					padding:0 5px 10px 5px;
					font-size:12px;
					color:#eee;
					font-weight:bold;
				}
				
				#tyre-chart a.clickhere-small {
					display:block;
					width:130px;
					height:40px;
					background:url(../images/features/click-button-small.png) top left no-repeat;
				}
				
					#tyre-chart a.clickhere-small:hover {
						background:url(../images/features/click-button-small.png) bottom left no-repeat;
					}

#content-bg {
	background:url(../images/content-bg.jpg) center repeat-y;	
}

#content-footer {
	background:url(../images/content-footer.jpg) bottom center no-repeat;
	padding:0 0 10px 0;	
}

#content-header {
	background:url(../images/content-header.jpg) top center no-repeat;
}

#content {
	width:974px;
	margin:0 auto;
}

	#content p {
		margin:0;
		padding:0;	
	}
	
	#main-content {
		position:relative;
		z-index:1;
		width:820px;
		padding:12px 0 0 0;
	}
	
	#quote-header {
		height:101px;
		background:url(../images/phone-icon.png) top left no-repeat;
		width:820px;
			
	}
	
		#quote-header p {
			margin:0;
			padding:0;	
		}
		
		.telephone {
			float:left;
			width:480px;
			padding:15px 0 0 70px;
			text-align:center;
		}
		
			.quote-heading-a {
				display:block;
				color: #fff; 
				font-size:22px;
				line-height:22px;
				width:480px;
				font-weight:bold;
				height:22px;	
				text-transform:uppercase;
				font-style:italic;
			}
			
			.quote-heading-b {
				display:block;
				color: #c00; 
				font-size:48px;
				line-height:48px;
				width:480px;
				font-weight:bold;	
				height:48px;
				font-style:italic;	
			}
			
		.quote-button {
			float:left;
			width:100px;
			padding:10px 0 0 0;
		}
		
			.quote-button a {
				width:82px;
				height:82px;
				display:block;
				background:url(../images/features/quote-button.png) top left no-repeat;	
			}
			
			.quote-button a:hover {
				background:url(../images/features/quote-button.png) bottom left no-repeat;	
			}
			
#brands-footer {
	margin:0 auto;
	width:974px;
	text-align:center;
	padding:22px 0 0 0;
	background:url(../images/borderline.png) top repeat-x;
}

	#brands-footer h3 {
		font-size:14px;
		margin:0;
		padding:0;
		color:#c00;
		font-style:italic;
		
	}
	
		span.tyrelogos-header {
			width: 974px;
			display:block;
		}

	#tyre-brands {
		background:url(../images/features/tyrelogos-bg.png) center 34px  no-repeat;
		height:100px;
		padding:5px 0 0 0;
	}
	
		#tyre-brands a {
			padding:0 3px;	
		}

#footer {
	width:809px;
	height:60px;
	margin:0 auto;	
	background:url(../images/merityre-logo.png) top right no-repeat;
	padding:0 165px 0 0;
	text-align:right;
	font-size:10px;
	line-height:52px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}