/* Stylesheet created by TechnoPhobia - www.technophobia.com */
/* jonathan.haynes@technophobia.com - September 2007  */

/* ---------------------------------------------------------------------------------*//* =Generic */

* {
  padding: 0;
  margin: 0;
  }
  
body {
  background: #ADC9FE url(/graphics/landing-3-background.gif) repeat-x 50% 107px;
  font: normal 65% verdana, arial, helvetica, sans-serif;
  }
  
hr {
	display: none;
	}
	
img {
	border: 0;
	}
	
acronym {
	cursor: help;
	}
	
.hide {
	display: none;
	}
	
/* ---------------------------------------------------------------------------------*//* =Links */

a {
	color: #E00004;
	text-decoration: underline;
	}  

a:hover {
	color: #FF393D;
	text-decoration: none;
	}

div#content a:focus {
	color: #FF393D;
	}	
	
div#content a {
	color: #b70000;
	text-decoration: none;
	/* border-bottom: 1px dotted #f4bbbc; */ 
	}
	
div#content a:hover {
	color: #FF393D;
	text-decoration: underline;
	/* border-bottom: 1px solid #FF393D; */
	} 
	
/* ---------------------------------------------------------------------------------*//* =Header */

/* See "time_state.css" for time state specific styles */

div#header {
  overflow: hidden; /* Fix for IE Mac to at least make the page readable */
  background: transparent url(/graphics/landing-3-header.gif) no-repeat 0 0;  
  height: 107px;
  margin: 0 auto;
  }	

div#header #logo p {
	float: left;
	text-indent: -1000em;
	}	
  
/* Header logo */

div#logo a {
	position: absolute;
	left: 6px;
	top: 10px;
	display: block;
	width: 164px;
	height: 90px;
	}
	
div#logo img {
	display: none;
	}

p#logo a {
	position: absolute;
	left: 6px;
	top: 10px;
	display: block;
	width: 164px;
	height: 90px;
	}
	
p#logo img, p#logo big {
	display: none;
	}

/* ---------------------------------------------------------------------------------*//* =Outer Container */

body#car div#outer_container {
  background: transparent url(/graphics/car-landing-3-footer.gif) no-repeat 0 100%;
	} 
	
body#van div#outer_container {
  background: transparent url(/graphics/van-landing-3-footer.gif) no-repeat 0 100%;
	} 

/* ---------------------------------------------------------------------------------*//* =Inner Container */

div#inner_container {
  margin: 0 auto;
	}  

/* ---------------------------------------------------------------------------------*//* =Content */ 

/* Presentational Mark-up to house the transparent effect background */

div#wrapper {
	width: 565px;
  margin: 0 auto;
	background: transparent url(/graphics/landing-3-content_bg.gif) repeat-y 50% 0;
	}
	
div#wrapper div.hr {
	clear: both;
	height: 130px;
	background: transparent url(/graphics/landing-3-content_bottom.gif) no-repeat 0 100%;
	}
	
/* Content */

div#content {
	float: left;
	display: inline; /* IE fix because of its doubling of margins on floated elements */
	padding: 50px 25px 0 25px;
	width: 515px;
	text-align: left;
	font-size: 1.3em;
	color: #6B211B;
	background: transparent url(/graphics/landing-3-content_top.gif) no-repeat 0 0;
	}
	
.cheaper_insurance {
  font-size:2em;
  font-style: normal;
  font-weight: bold;
  color: #C60004;
  letter-spacing: -0.07em;
  height: 24px;
  width: 448px;
  margin: 0 0 15px;
  }
  
.van_cheaper_insurance {
  font-size:2em;
  font-style: normal;
  font-weight: bold;
  color: #C60004;
  letter-spacing: -0.08em;
  height: 24px;
  width: 448px;
  margin: 0 0 15px;
  }
  
.panel_providers {
  font-style: normal;
  font-weight: normal;
  color: #8E2828;
  letter-spacing: -0.03em;
  font-size: 1.2em;
  height: 33px;
  width: 462px;
  margin: 0 0 10px;
  }
  
div#content div#quote_panel {
  margin: 50px 115px 0 85px;
  }
  
div#content div#quote_panel img {
  float: right;
  }
  
div#content div#quote_panel a {
  background: transparent url(/graphics/landing-3-quote_button.gif) no-repeat 0 0;
  text-indent: -10000px;
  width: 161px;
  height: 79px;
  display: block;
  float: left;
  }
  
div#content div#quote_panel a:hover,
div#content div#quote_panel a:focus {
  background-position: 0 100%;
  }

div#content p {
	margin: 15px 0;
	line-height: 1.3em;
	}

div#content p small {
	display: block;
	font-size: 0.85em;
	line-height: 1.2em;
	}	
	
div#content p.small {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.2em;
	}
	
div#content div#mands {
  border: solid 2px #F7E4B7;
  border-left: none;
  border-right: none;
  padding: 15px 0;
  }
  
div#content div#mands h3#introduce {
  background: transparent url(/graphics/landing-3-introduce.gif) no-repeat 0 0;
  text-indent: -10000px;
  width: 146px;
  height: 17px;
  margin: 0 0 15px;
  }
  
div#content div#mands ul {
  float: left;
  }
  
div#content div#mands li#more {
  margin: 8px 0 0;
  }
  
div#content div#mands ul,
div#content div#mands li {
  background: none;
  margin: 0;
  padding: 0;
  }
  
div#content div#mands img {
  float: left;
  margin: 0 15px 0 0;
  }
  
div#content div#mands a {
  background: transparent url(/graphics/landing-3-link_arrow.gif) no-repeat 0 5px;
  padding: 0 0 0 10px;
  }
	
/* Content lists */
	
div#content ul {
	margin: 15px 0 15px 25px;
	list-style: none;
	}
	
div#content ul ul {
	margin: 8px 0 8px 10px;
	}
	
div#content ul li {
	padding: 2px 0 2px 15px;
	background: transparent url(/graphics/content_list_item.gif) no-repeat 0 0.5em;
	}
	
div#content ul ul li {
	background: transparent url(/graphics/sub_content_list_item.gif) no-repeat 0 0.5em;
	}	
	
div#content ul ul ul li {
	background: transparent url(/graphics/sub2_content_list_item.gif) no-repeat 0 0.5em;
	}	
	
div#content ol {
	margin: 15px 0 15px 45px;
	}
	
/* News category list */	
	
div#content ul.news_categories {	
	margin: 10px 0 15px 25px;
	}
	
/* ---------------------------------------------------------------------------------*//* =Footer */

div#footer {
  margin: 0;
	padding: 220px 0 8px 0;
	width: 765px;
	font-size: 1.1em;
	color: #000;
	}

div#footer ul {
	list-style: none;
	}
	
div#footer li {
	padding: 0 2px 0 10px;
	line-height: 1.3em;
	}
	
div#footer li.first {
	border: 0;
	}

div#footer a {
	color: #351100;
	}
	
div#footer a:focus {
	text-decoration: none; 
	}
	
/* ---------------------------------------------------------------------------------*//* =SEO Amends */

div#content hr {
	display: block;
	color: #FF4F00;
	height: 2px;
	} 
	
.related_pages,
div#content .related_pages {
	margin: 4px 0;
	}
	
	
/* ---------------------------------------------------------------------------------*//* =Clearfix */

.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 */

.clear {
	clear:both;
}