/* Stylesheet created by TechnoPhobia Ltd. - www.technophobia.com */

/* Homepage specific styles - all other styles are in screen.css */

/* ----------------------------------------------- *//* Heading Two */
  
h2 {
  color: #7c0404;
  letter-spacing: -0.025em;
  }
  
body#homepage div#content-wrapper div#car-insurance-funnel h2 {
  font: normal 1.6em/1em verdana, arial, sans-serif;
  }
  
body#homepage div#content-wrapper h2 {
  font: normal 1.1em/1em verdana, arial, sans-serif;
  }
  
/* ----------------------------------------------- *//* Primary Content */

body#homepage div#primary-content {
  margin: 0 0 0 26px;
  width: 448px;
  float: left;
  }
  
/* 8x6 */
body#homepage.narrow div#primary-content {
  margin: 0 0 0 45px;
  }
/* ---------------------- *//* Car Insurance Funnel */

div#car-insurance-funnel {
  background: #f7e219 url(/graphics/content/homepage/car-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 0 0 2px;
  padding: 0 0 24px;
  width: 448px;
  }
  
div#car-insurance-funnel h2 {
  background: transparent url(/graphics/content/homepage/car-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 10px;
  }
  
div#car-insurance-funnel img {
  margin: 0 0 10px 24px;
  float: left;
  }
  
div#car-insurance-funnel a.quote-button {
  background: transparent url(/graphics/content/homepage/car-funnel/quote-button.png) no-repeat 0 0;
  margin: 10px 0 10px 45px;
  width: 203px;
  height: 46px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#car-insurance-funnel a:hover.quote-button,
div#car-insurance-funnel a:focus.quote-button {
  background: #f7e219 url(/graphics/content/homepage/car-funnel/quote-button.png) no-repeat 0 100%;
  }
  
div#car-insurance-funnel ul {
  margin-left: 14px;
  padding-top: 10px;
  width: 263px;
  border-top: 1px solid #f4f061;
  float: left;
  }
  
/* ---------------------- *//* Van Insurance Funnel */

div#van-insurance-funnel {
  background: #f7e219 url(/graphics/content/homepage/van-funnel/background-bottom.gif) no-repeat 0 100%;
  padding: 0 0 24px;
  width: 218px;
  float: left;
  }
  
div#van-insurance-funnel h2 {
  background: #f7e219 url(/graphics/content/homepage/van-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 10px;
  }
  
div#van-insurance-funnel img {
  margin: 10px 0 21px 24px;
  float: left;
  }
  
div#van-insurance-funnel div a {
  background: transparent url(/graphics/content/homepage/van-funnel/quote-button.png) no-repeat 0 0;
  margin: 10px 0 0 15px;
  width: 79px;
  height: 54px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#van-insurance-funnel div a:hover,
div#van-insurance-funnel div a:focus {
  background: #f7e219 url(/graphics/content/homepage/van-funnel/quote-button.png) no-repeat 0 100%;
  }
  
div#van-insurance-funnel ul {
  padding-top: 14px;
  border-top: 1px solid #f4f061;
  }
  
/* ---------------------- *//* Home Insurance Funnel */

div#home-insurance-funnel {
  background: #f7e219 url(/graphics/content/homepage/home-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 0 0 0 12px;
  padding: 0 0 24px;
  width: 218px;
  float: left;
  }

div#home-insurance-funnel h2 {
  background: #f7e219 url(/graphics/content/homepage/home-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 10px;
  }
  
div#home-insurance-funnel img {
  margin: 10px 0 17px 24px;
  float: left;
  }
  
div#home-insurance-funnel div a {
  background: transparent url(/graphics/content/homepage/home-funnel/quote-button.png) no-repeat 0 0;
  margin: 10px 0 0 15px;
  width: 79px;
  height: 54px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#home-insurance-funnel div a:hover,
div#home-insurance-funnel div a:focus {
  background: #f7e219 url(/graphics/content/homepage/home-funnel/quote-button.png) no-repeat 0 100%;
  }
  
div#home-insurance-funnel ul {
  padding-top: 14px;
  border-top: 1px solid #f4f061;
  }
  
/* ----------------------------------------------- *//* Secondary Content */

div#secondary-content {
  margin: 0 0 0 12px;
  width: 218px;
  float: left;
  }
  
/* 8x6 */
body#homepage.narrow div#secondary-content {
  margin: 0 0 0 15px;
  }
  
/* ---------------------- *//* Short Term Insurance Funnel */

div#short-term-insurance-funnel {
  background: #ffb315 url(/graphics/content/homepage/short-term-funnel/background-bottom.gif) no-repeat 0 100%;
  padding: 0 0 24px;
  width: 218px;
  }
  
div#short-term-insurance-funnel h2 {
  background: #ffb315 url(/graphics/content/homepage/short-term-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 5px;
  letter-spacing: -0.1em;
  }
  
div#short-term-insurance-funnel img {
  margin: 0 0 7px 24px;
  float: left;
  }
  
div#short-term-insurance-funnel div a {
  background: transparent url(/graphics/content/homepage/short-term-funnel/quote-button.png) no-repeat 0 0;
  margin: 6px 0 0 20px;
  width: 79px;
  height: 54px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#short-term-insurance-funnel div a:hover,
div#short-term-insurance-funnel div a:focus {
  background: transparent url(/graphics/content/homepage/short-term-funnel/quote-button.png) no-repeat 0 100%;
  }
  
div#short-term-insurance-funnel p {
  margin: 0 24px;
  padding-top: 6px;
  font: normal 0.7em/1.4em verdana, arial, sans-serif;
  border-top: 1px solid #ffc62d;
}
  
/* ---------------------- *//* Travel Insurance Funnel */

div#travel-insurance-funnel {
  background: #ffb315 url(/graphics/content/homepage/travel-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 2px 0 0;
  padding: 0 0 4px;
  width: 218px;
  }
  
div#travel-insurance-funnel h2 {
  background: #ffb315 url(/graphics/content/homepage/travel-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 5px;
  letter-spacing: -0.08em;
  }
  
div#travel-insurance-funnel img {
  margin: 0 0 7px 24px;
  float: left;
  }
  
div#travel-insurance-funnel a {
  background: transparent url(/graphics/content/homepage/travel-funnel/quote-button.png) no-repeat 0 0;
  margin: 6px 0 0 5px;
  width: 106px;
  height: 32px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#travel-insurance-funnel a:hover,
div#travel-insurance-funnel a:focus {
  background: transparent url(/graphics/content/homepage/travel-funnel/quote-button.png) no-repeat 0 100%;
  }
  
/* ---------------------- *//* Pet Insurance Funnel */

div#pet-insurance-funnel {
  background: #ffb315 url(/graphics/content/homepage/pet-funnel/background-bottom.gif) no-repeat 0 100%;
  padding: 0 0 4px;
  width: 218px;
  }
  
div#pet-insurance-funnel h2 {
  background: #ffb315 url(/graphics/content/homepage/pet-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 5px;
  letter-spacing: -0.08em;
  }
  
div#pet-insurance-funnel img {
  margin: 0 0 7px 24px;
  float: left;
  }
  
div#pet-insurance-funnel a {
  background: transparent url(/graphics/content/homepage/pet-funnel/quote-button.png) no-repeat 0 0;
  margin: 6px 0 0 5px;
  width: 106px;
  height: 32px;
  text-indent: -10000px;
  display: block;
  float: left;
  }
  
div#pet-insurance-funnel a:hover,
div#pet-insurance-funnel a:focus {
  background: transparent url(/graphics/content/homepage/pet-funnel/quote-button.png) no-repeat 0 100%;
  }
  
/* ----------------------------------------------- *//* Tertiary Content */

div#tertiary-content {
  margin: 0 0 0 12px;
  width: 218px;
  float: left;
  }
  
/* 8x6 */
body.narrow div#tertiary-content {
  width: 750px;
  float: left;
  }  
  
/* ---------------------- *//* Existing Customers Funnel */

div#existing-customers-funnel {
  background: #f89007 url(/graphics/content/homepage/existing-customers-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 0 0 2px;
  padding: 0 0 14px;
  width: 218px;
  }
  
/* 8x6 */
body.narrow div#existing-customers-funnel {
  float: left;
  margin-left: 33px;
  padding-bottom: 23px;
  }  
  
/* 8x6 */
body.narrow div#existing-customers-funnel a {
  margin-top: 7px;
  }  
  
div#existing-customers-funnel h2 {
  background: #f89007 url(/graphics/content/homepage/existing-customers-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 5px;
  letter-spacing: -0.08em;
  }
  
a.log-in-button {
  background: transparent url(/graphics/content/homepage/existing-customers-funnel/login-button.png) no-repeat 0 0;
  margin: 0 0 0 24px;
  width: 61px;
  height: 30px;
  text-indent: -10000px;
  float: left;
  display: block;
  }
  
a:hover.log-in-button,
a:focus.log-in-button {
  background: transparent url(/graphics/content/homepage/existing-customers-funnel/login-button.png) no-repeat 0 100%;
  }
  
a.register-button {
  background: transparent url(/graphics/content/homepage/existing-customers-funnel/register-button.png) no-repeat 0 0;
  margin: 0 0 0 10px;
  width: 75px;
  height: 30px;
  text-indent: -10000px;
  float: left;
  display: block;
  }
  
a:hover.register-button,
a:focus.register-button {
  background: transparent url(/graphics/content/homepage/existing-customers-funnel/register-button.png) no-repeat 0 100%;
  }
  
/* ---------------------- *//* FAQ Funnel */
/* Recommend a friend now! */

div#faq-funnel {
  background: #f89007 url(/graphics/content/homepage/faq-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 0 0 2px;
  padding: 0 0 12px;
  width: 218px;
  }
  
 /* 8x6 */
body.narrow div#faq-funnel {
  float: left;
  margin-left: 12px;
  } 
  
div#faq-funnel h2 {
  background: #f89007 url(/graphics/content/homepage/faq-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 5px;
  letter-spacing: -0.08em;
  }
  
 /* 8x6 */
body.narrow div#faq-funnel h2 {
  padding-bottom: 11px;
  }
  
div#faq-funnel p {
  margin: 0 0 0 24px;
  font: normal 0.7em/1.2em verdana, arial, sans-serif;
  float: left;
  width: 100px;
  }
  
div#faq-funnel a {
  background: transparent url(/graphics/content/homepage/faq-funnel/more-info-button.png) no-repeat 0 0;
  margin: -1px 24px 0 0;
  width: 59px;
  height: 44px;
  text-indent: -10000px;
  display: block;
  float: right;
  }
  
div#faq-funnel a:hover,
div#faq-funnel a:focus {
  background: transparent url(/graphics/content/homepage/faq-funnel/more-info-button.png) no-repeat 0 100%;
  }
  
/* ---------------------- *//* Industry News Funnel */

div#industry-news-funnel {
  background: #f89007 url(/graphics/content/homepage/news-funnel/background-bottom.gif) no-repeat 0 100%;
  padding: 0 0 37px;
  width: 218px;
  }
  
 /* 8x6 */
body.narrow div#industry-news-funnel  {
  float: left;
  margin-left: 15px;
  padding-bottom: 10px;
  } 
  
div#industry-news-funnel h2 {
  background: #f89007 url(/graphics/content/homepage/news-funnel/background-top.gif) no-repeat 0 0;
  padding: 24px 24px 10px;
  letter-spacing: -0.08em;
  }
  
div#industry-news-funnel a {
  font-weight: normal;
  }
  
div#industry-news-funnel ul {
  padding-top: 10px;
  border-top: 1px solid #f27e0d;
  }
  
div#industry-news-funnel li {
  margin-bottom: 5px;
  }


/* ---------------------- *//* Revised footer styles for non-js static text */

body#homepage div#footer-links {
	background: transparent url(/graphics/content/background-bottom-static.png) no-repeat 0 100%;
	}
	
 /* 8x6 */
body#homepage.narrow div#footer-links {
	background: transparent url(/graphics/content/background-bottom-static-narrow.png) no-repeat 0 100%;
	}
	
body#homepage div#footer-links p {
  	margin: 0 35px 15px;
  	font: normal 0.8em/1.6em verdana, arial, sans-serif;
  	color: #6b211b;
	}


body#homepage div#footer-links p.first_static {
  	margin: 15px 35px 15px;
	}

/* ---------------------- *//* Lightbox styles */


div#header p.more_info { 
	background: none;
	position: relative;
	top: 53px;
	left: -20px;
	padding: 0;
	width: none;
	height: none;
	}
	
 /* 8x6 */
body.narrow div#header p.more_info { 
	background: none;
	top: 70px;
	left: -96px;
	padding: 0;
	width: 87px;
	height: 19px;
	z-index: 1;
	}
	
div#header p.more_info a{
/* border: 1px solid green; */
	display: block;
	width: 87px;
	height: 19px;
	text-indent: -10000px;
	z-index: 1;
	background: transparent url(/graphics/overlay/more-info.gif) no-repeat 0 100%;
	}
	
 /* 8x6 */
body.narrow div#header p.more_info a{
	width: 69px;
	height: 14px;
	background: transparent url(/graphics/overlay/more-info-narrow.gif) no-repeat 0 100%;
	}

/* ----------------------------------------------------------------- *//* Overlay */

* html, * html body {height: 100%;}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	display: none;
	}

#overlay[id] {position: fixed;}

/* ----------------------------------------------------------------- *//* Lightbox */

#lightbox {
  overflow: auto;
	position: fixed;
	top: 5%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	z-index: 10001;
	height: 95%;
	display: none;  
	margin: 0 auto;
	padding: 0 0 6px;
	width: 100%
	}
	
* html #lightbox {position: absolute;}

#lightbox div.wrap {
	padding: 20px;
	background-image: none;
	}

#lightbox #content #main {width: 100%;} /* Centred main lightbox content */

#lightbox div.wrap p {
  	margin: 0 35px 15px;
  	font: normal 0.8em/1.6em verdana, arial, sans-serif;
  	color: #6b211b;
	}


#lightbox h2  {
	background: transparent url(/graphics/header/logo.png) no-repeat 0 0;
	margin: 0 0 0 30px;
	width: 168px;
	height: 77px;
	text-indent: -10000px;
	float: left;
	border: none;
	}

#lightbox h3 {
	background: transparent url(/graphics/header/slogan.png) no-repeat 0 100%;
	padding: 57px 0 0;
	width: 351px;
	height: 16px;
	text-indent: -10000px;
	float: left;
	}
	
#yesInfo h2,
#yesInfo h3 {
	display: none;
	}

#lightbox #info_header  {
	margin: 0 auto;
	width: 960px;
	height: 77px;
	background: transparent url(/graphics/content/background-top.png) no-repeat 0 15px;
  }

/* 8x6 */
body.narrow #lightbox #info_header  {
	width: 730px;
	background: transparent url(/graphics/overlay/background-top-narrow.png) no-repeat 0 15px;
  }
   
#lightbox #info_body { 
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 960px;
  background: transparent url(/graphics/content/background.png) repeat-y 0 0;
  }
  
/* 8x6 */
body.narrow #lightbox #info_body { 
  width: 730px;
  background: transparent url(/graphics/overlay/background-narrow.png) repeat-y 0 0;
  }

#info_body img{
	float: right;
	margin: 0 35px 0 10px;
	}
  
 /* Close links */
#lightbox #close { 
	margin: -15px auto 0 auto;
	padding: 15px 0 0 0;
	width: 960px;
	height: 75px;
	background: transparent url(/graphics/content/background-bottom.png) no-repeat 0 100%;
	}
	
/* 8x6 */
body.narrow #lightbox #close { 
	width: 730px;
	background: transparent url(/graphics/overlay/background-bottom-narrow.png) no-repeat 0 100%;
	}
	
#lightbox #info_header p { 
	float: right;
	margin: 50px 25px 0 0;
	}
	
#lightbox p.close {
	float: right;
	margin: 50px 25px 0 0;
    }	

#lightbox #close p  a,
#lightbox #info_header  p a {
	display: block;
	width: 58px;
	height: 19px;
	text-indent: -10000px;
	background: transparent url(/graphics/overlay/close.gif) no-repeat 0 100%;
	}