/*
	Motor Direct CSS
*/
body, h1, h2, h3, h4, h5, h6, p, a, ul, li, ol, table, tr, td, th, img {
	padding:				0;
	margin:					0;
	border:					0;
}

body {
	text-align:				center;
}

/*
	Hides
*/
#header ul li span,
#middle #contents h2 {
	display:				none;
}

/*
	Lower Margins
*/
#middle #contents h3, 
#middle #contents p,
#middle #contents .textblock ,
#middle #right p,
#middle #right ul,
#middle #right h3,
#footer p {
	margin-bottom:			10px;
}

/*
	Classes
*/

.title_motor {
	background-image:		url(logo.gif)!important;
}

.title_commercial {
	background-image:		url(logo-commercial.gif)!important;
}

.title_fleet {
	background-image:		url(logo-fleet.gif)!important;
}

.title_home {
	background-image:		url(logo-home.gif)!important;
}

.title_life {
	background-image:		url(logo-lifesaver.gif)!important;
}

.title_motorcycle {
	background-image:		url(logo-motorcycle.gif)!important;
}

.left {
	float:					left;
}

.image_left {
	float:					left;
	margin-bottom:			10px;
}

.right {
	float:					right;
}

.image_right {
	float:					right;
}

.silver {
	color:					#666;
}

.small {
	font-size:				7pt!important;
}

.margin_right {
	margin-right:			9px;
}

.link {
	background-image:		url(icon_link.gif);
	background-repeat:		no-repeat;
	background-position:	0 3px;
	padding-left:			14px;
	margin-right:			10px;
}

.advert_big {
	width:					524px;
	height:					160px;
	margin-bottom:			10px;
}

.advert_medium {
	width:					205px;
	height:					160px;
	margin-bottom:			10px;
}

.advert_small {
	width:					168px;
	height:					160px;
	margin-bottom:			10px;
}

.list {
	clear:					left;
}

.list li {
	margin-left:			20px;
	list-style-type:		none;	
}

.list li {
	background-image:		url(icon_mini_chevrons.gif);
	background-repeat:		no-repeat;
	background-position:	0 7px;
	margin-left:			0;
	padding-left:			12px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
	Header Block
*/

#header {
	display:				block;
	
	width:					964px;
	height:					70px;
	margin:					18px auto 7px auto;
	text-align:				left;
}

#header h1 {
	float:					left;
	background-image:		url(logo.gif);
	background-repeat:		no-repeat;
	
	margin-left:			14px;
	width:					340px;
	height:					68px;
}

#header h1 a {
	display:				block;
	width:					340px;
	height:					68px;
}

#header h1 span {
	display:				block;
	margin-left:			86px;
	padding-top:			40px;
}

#header ul {
	float:					right;
	list-style-type:		none;
	padding:				2px 0 0 3px;
}

#header ul li {
	float:					left;
	background-repeat:		no-repeat;
	background-position:	50% 70%;
	height:					64px;
}

#header ul li a {
	display:				block;
	width:					100%;
	height:					64px;
}

#header ul #text_chat {
	background-image:		url(text_chat.gif);
	width:					199px;
}

#header ul .text_tel {
	width:					160px;
}

#header ul #text_tel {
	background-image:		url(text_tel.gif);
}

#header ul #text_tel_car {
	background-image:		url(text_tel_car.gif);
}

#header ul #text_tel_van {
	background-image:		url(text_tel_van.gif);
}

#header ul #text_tel_home {
	background-image:		url(text_tel_home.gif);
}

#header ul #text_tel_fleet {
	background-image:		url(text_tel_fleet.gif);
}

#header ul #text_tel_liability {
	background-image:		url(text_tel_liability.gif);
}

#header ul #text_tel_hgv {
	background-image:		url(text_tel_hgv.gif);
}

#header ul #text_tel_business {
	background-image:		url(text_tel_business.gif);
}

#header ul #text_tel_motorcycle {
	background-image:		url(text_tel_motorcycle.gif);
}

#header ul #text_tel_caravan {
	background-image:		url(text_tel_caravan.gif);
}

#header ul #text_tel_minibus {
	background-image:		url(text_tel_minibus.gif);
}

#header ul #text_tel_tools {
	background-image:		url(text_tel_tools.gif);
}

#header ul #text_tel_life {
	background-image:		url(text_tel_life.gif);
}

#header ul #text_email_commercial {
	background-image:		url(text_email_commercial.gif);
	width:					315px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_sarahd {
	background-image:		url(text_email_sarahd.gif);
	width:					246px;
	padding-left:			30px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_fleet {
	background-image:		url(text_email_fleet.gif);
	width:					185px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_home {
	background-image:		url(text_email_home.gif);
	width:					280px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_life {
	background-image:		url(text_email_life.gif);
	width:					220px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_motorcycle {
	background-image:		url(text_email_motorcycle.gif);
	width:					240px;
	border-left:			1px #d5d1d2 solid;
}

#header ul #text_email_motor {
	background-image:		url(text_email_motor.gif);
	width:					205px;
	border-left:			1px #d5d1d2 solid;
}

/*
	Top Stripe
*/
#top {
	display:				block;
	background-image:		url(bg_wide_stripe.gif);
	font-weight:            bold;
	width:					839px;
	height:					35px;
	margin:					0 auto 9px auto;
	text-align:				left;
	padding-left:           125px;
}

#top ul {
	list-style-type:		none;
}

#top ul li {
	float:					left;
	padding:				7px 0 0 43px;
}

#top form {
	float:					right;
	margin:					6px 10px 0 0;
}

#top form select {
	background-color:		#fff;
	border:					1px #fff solid;;
	color:					#000;
}

/*
	Middle Block
*/
#middle {
	display:				block;
	
	width:					964px;
	margin:					0 auto 15px auto;
	text-align:				left;
}

/*
	Middle LHS
*/
#middle #left {
	float:					left;
	width:					205px;
}

#middle #left ul {
	list-style-type:		none;
}

#middle #left ul li a {
	display:				block;
	height:					25px;
	padding-left:			10px;
	margin-bottom:			4px;
}

#middle #left ul li {
	float:					left;
	clear:					both;
	background-repeat:		no-repeat;
	width:					205px;
}

#middle #left ul li {
	background-image:		url(bg_menu_normal.gif);
	margin-bottom:			4px;	
}

#middle #left ul li:hover,
#middle #left ul .lit {
	background-image:		url(bg_menu_bright.gif);
	margin-bottom:			4px;	
}

#middle #left ul li ul{
	display:				none;
}

#middle #left ul li.lit ul {
	display:				block!important;
}

#middle #left ul li ul li {
	background-image:		url(bg_menu_normal_sub.gif);
}

#middle #left ul li ul li:hover,
#middle #left ul li ul .lit {
	background-image:		url(bg_menu_bright_sub-hover.gif)!important;
}

/*
	Middle Contents
*/
#middle #contents {
	float:					left;
	width:					524px;
	margin-left:			15px;
	margin-right:			15px;
}

#middle #contents .h3_title {
	clear:					both;
	padding-top:			15px;
}

#middle #contents .textblock {
	border:					1px #d5d1d2 solid;
	padding:				9px;
}

#middle .newsblock {

}

#middle .newsblock p {
	padding:				4px;
}

#middle .newsblock .text {
	display:				block;
	height:					132px;
	overflow:				hidden;
	margin-bottom:			0!important;
}

#middle .newsblock h4 {
	padding:				4px 4px 0 4px;
	margin-bottom:			0!important;
	height:					34px;
	font-size:				12px;
}

#middle .newsblock .block {
	float:					left;
	overflow:				hidden;
	width:					167px;
	height:					230px;
	border:					1px #d5d1d2 solid;

	margin:			 		2px;
	margin-bottom:			15px;
}

/*
	Middle Right
*/
#middle #right {
	float:					left;
	width:					205px;
}

/*
	Footer
*/
#footer {
	display:				block;
	
	width:					964px;
	margin:					0 auto 0 auto;
	padding-bottom:			15px;
	text-align:				left;
}

/*
	Fonts
*/

body {
	font-family:			'Arial', sans-serif;
}

#header h1 a {
	font-size:				9pt;
	text-decoration:		none;
	color:					#AE0000;
}


.breadcrumb {
	font-size:				8pt;
	/*margin-right:			10px;*/
	text-align:				left;
}

.breadcrumb a {
	font-size:				8pt;
	text-decoration:		none;
}

.list {
	font-size:				9pt;
	line-height:			14pt;
}

#top a {
	font-size:				9pt;
	text-decoration:		none;
	color:					#fff;
}

#middle #contents a,
#middle #right a,
#footer a {
	color:					#ae0000;
}

#middle #contents h3, #middle #right h3 {
	font-size:				12pt;
	color:					#ae0000
}

#middle #contents {
	font-size:				9pt;
	line-height:			14pt;
}

#middle #contents .newsblock h4 {
	color:					#ae0000;
}

#middle #left a {
	font-size:				9pt;
	line-height:			19pt;
	text-decoration:		none;
	color:					#fff;
}

#middle #left li ul li a {
	color:					#AE0000;
}

#middle #left .normal ul li a {
	color:					#AE0000;
}

#middle #right p {
	font-size:				9pt;
	line-height:			14pt;
}

#footer p {
	font-size:				8pt;
	text-align:				center;
	line-height:			11pt;	
}

#footer a {
	text-decoration:		none;
}

#footer a:hover {
	text-decoration:		underline;
}

#footer #bottom_menu {
	text-align:				center;
}

#footer #bottom_menu a {
	margin:					0 6px 0 6px;
}