body {
	background-repeat: no-repeat;
	background-position: top center;

	background-color: #000;

	margin: 0px;
	
	text-align: -moz-center;
	* text-align: center;
}

form {
	margin: 0;
	padding: 0;
}

body, body.default {
	background-image: url('../images/bg.jpg');
}

#main_wrapper {
	width: 842px;

	margin: 0 auto;

	text-align: left;
}

#logo {
	float: left;
	position: absolute;

	* top: 0;

	width: 198px;
	height: 165px;

	background-image: url('../images/logo.png');
	-background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	background-position: bottom center;

	margin-top: 25px;
	margin-left: 10px;
	* margin-left: -830px;

	z-index: 1000;
}

#logo a {
	display: block;

	width: 100%:
	height: 135px;
	padding-top: 130px;
}

#menu {
	float: left;

	width: 100%;
	height: 110px;
}

#menu ul {
	position: absolute;
	float: right;

	list-style: none;

	margin: 0;
	margin-top: 71px;
	margin-left: 240px;
	* margin-left: 265px;
	padding: 0;
}

#menu ul li {
	float: left;

	margin: 0;
	padding: 0;
}

#menu ul a {
	display: block; 

	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #949090;

	text-decoration: none;
	text-transform: uppercase;

	letter-spacing: -0.6px;
	* letter-spacing: -1px;

	padding: 10px;
	padding-top: 13px;
	padding-bottom: 12px;
}

#menu ul a:hover, #menu ul a.current {
	color: #fff;

	background-color: #9a1217;

	-moz-border-radius-topleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-moz-border-radius-topright: 8px; 
	-webkit-border-top-right-radius: 8px; 
}

.banner {
	width: 837px;
	* width: 838px;
	height: 212px;

	margin-top: -18px;
	margin-left: 2px;

	background-repeat: no-repeat;
	background-position: top left;

	border-bottom: 5px solid #111;
}

.front_banner {
	height: 284px;
}

.front_banner a {
	display: block;

	width: 100%;
	height: 285px;
}

#brakes {
	float: left;

	width: 295px;
	height: 216px;

	position: absolute;

	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/brakes.png');
	-background-image: url('../images/brakes.gif');	

	margin-top: 60px;
	margin-left: -30px;
}

#home_banner {
	background-image: url('../images/home_banner.jpg');	
}

#contact_banner {
	background-image: url('../images/contact_banner.jpg');
}

#training_nights_banner {
	background-image: url('../images/training_nights_banner.jpg');
}

#applications_banner {
	background-image: url('../images/applications_banner.jpg');
}

#ferodo_stockist_banner {
	background-image: url('../images/ferodo_stockist_banner.jpg');
}

/* ebenfits banners */

#benefits_banner {
	background-image: url('../images/benefits_banner.jpg');
}

#clean_wheels_banner {
	background-image: url('../images/clean_wheels_banner.jpg');
}

#pedal_feel_banner {
	background-image: url('../images/pedal_feel_banner.jpg');
}

#long_lasting_banner {
	background-image: url('../images/long_lasting_banner.jpg');
}

#stopping_power_banner {
	background-image: url('../images/stopping_power_banner.jpg');
}

#suv_banner {
	background-image: url('../images/suv_banner.jpg');
}

#oe_banner {
	background-image: url('../images/oe_banner.jpg');
}



#content {
	float: left;

	width: 100%;
	min-height: 670px;
	-height: 720px;

	background-image: url('../images/content_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;

	padding-top: 20px;
}

#content .content_wrapper {
	margin: 50px;
	margin-top: 30px;
}

#content.front .content_wrapper {

}

#content.content .content_wrapper {
	margin: 50px;
}

#content h1 {
	font-family: "Myriad Pro", "LucidaGrande",arial;
	font-size: 24px;
	font-weight: 100;
	
	line-height: 24px;
	* line-height: 28px;

	letter-spacing: -1px;

	color: #fff;
}

#content h2 {
	font-family: "Myriad Pro", "LucidaGrande",arial;
	font-size: 20px;
	font-weight: 100;
	
	line-height: 20px;

	letter-spacing: -0.8px;

	color: #9A1217;

	margin-top: 25px;
	margin-bottom: -5px;
}

#content p, #content li {
	font-family: arial;
	font-size: 14px;
	
	line-height: 20px;

	color: #e0dcdc;
}
#content li {
	font-size: 13px;
}

#content p a {
	color: #9A1217;
}

#footer {
	float: left;

	width: 100%;
	height: 33px;

	background-image: url('../images/ferodo.jpg');
	background-repeat: no-repeat;
	background-position: center left;

	border-top: 1px solid #575757;
}


#previous {
	position: absolute;
	float: left;

	background-image: url('../images/previous.png');
	-background-image: url('../images/previous.gif');
	background-repeat: no-repeat;
	background-position: center center;

	width: 110px;
	height: 92px;

	margin-top: 165px;
	margin-left: -10px;
}

#next {
	position: absolute;
	float: right;

	background-image: url('../images/next.png');
	-background-image: url('../images/next.gif');
	background-repeat: no-repeat;
	background-position: center center;

	width: 110px;
	height: 92px;

	margin-top: 165px;
	margin-left: 740px;
}

#previous a {
	display: block;

	width: 72px;
	height: 51px;
	padding-top: 0px;

	margin-top: 18px;
	margin-left: 10px;
}

#next a {
	display: block;

	width: 72px;
	height: 51px;
	padding-top: 0px;

	margin-top: 18px;
	margin-left: 25px;
}


#footer span {
	display: block;

	text-align: right;

	font-family: verdana;
	font-size: 11px;
	
	line-height: 19px;

	color: #4a4a4a;

	padding-top: 5px;
}

#footer span a {
	color: #4a4a4a;
}


/* stockists page */
#stockists_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-top: 0px;
}

#stockists_table th {
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #9A1217;

	text-transform: uppercase;

	padding-bottom: 10px;
}

#stockists_table td {
	font-family: verdana;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
	color: #ccc;

	padding: 0;
}

#stockists_table td div {
	float: left;
	
	width: 30%;
	min-height: 90px;

	padding: 15px;
	padding-right: 0px;

	border: 0px solid red;
}

#stockists_table td b {
	font-size: 12px;
	font-weight: bold;
	display: block;

	color: #fff;
}

ul.state_select {
	width: 100%;

	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

ul.state_select, ul.state_select li {
	float: left;
	list-style: none; 
	padding: 0;
	margin: 0;
}

ul.state_select li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.state_select li a {
	display: block;

	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #949090;

	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 30px;
}
ul.state_select li a.selected {
	color: #fff;
	background-color: #9A1217;
}

ul.state_select li a:hover {
	color: #fff;
	background-color: #9A1217;
}


/* applications page */
#application_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-top: 0px;
}

#application_table th {
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #9A1217;

	text-transform: uppercase;

	padding-bottom: 10px;
}

#application_table tr td {
	font-family: verdana;
	font-size: 11px;
	font-weight: 100;
	line-height: 18px;
	color: #ccc;

	padding: 6px;

	border-bottom: 1px dotted #444;
}

#application_table tr.header td {
	padding-top: 25px;

	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #444;
}

#application_table tr.subheader td {
	font-weight: bold;
	color: #777;
	border-bottom: 1px solid #444;
}

ul.make_select {
	width: 100%;

	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

ul.make_select, ul.make_select li {
	float: left;
	list-style: none; 
	padding: 0;
	margin: 0;
}

ul.make_select li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.make_select li a {
	display: block;

	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #949090;

	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
ul.make_select li a.selected {
	color: #fff;
	background-color: #9A1217;
}

ul.make_select li a:hover {
	color: #fff;
	background-color: #9A1217;
}


/* training nights page */
#training_nights_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-top: 0px;
}

#training_nights_table th {
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #9A1217;

	text-transform: uppercase;

	padding-bottom: 10px;
}

#training_nights_table tr td {
	font-family: verdana;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
	color: #ccc;

	padding: 6px;

	border-bottom: 1px dotted #444;
}

#training_nights_table tr.header td {
	padding-top: 25px;

	font-weight: bold;
	border-bottom: 1px solid #444;
}

ul.month_select {
	width: 100%;

	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

ul.month_select, ul.month_select li {
	float: left;
	list-style: none; 
	padding: 0;
	margin: 0;
}

ul.month_select li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.month_select li a {
	display: block;

	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #949090;

	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
ul.month_select li a.selected {
	color: #fff;
	background-color: #9A1217;
}

ul.month_select li a:hover {
	color: #fff;
	background-color: #9A1217;
}


/* benefits page */
.benefit {
	float: left;
	* float: none;
	width: 100%;
}

.benefit_image {
	margin-top: 15px; 
	margin-right: 20px; 
	
	border: 1px solid #555;
}

#benefits_brake_image {
	float: left;
	width: 100%;
	height: 234px;

	background-image: url('../images/benefits/brake-features.png');
	-background-image: url('../images/benefits/brake-features.gif');
	background-repeat: no-repeat;
	background-position: center center;
}