/* 1 - Global Reset and default settings
---------------------------------------------------------------------------------------------------------------*/

	/* Eric Meyer reset */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
		body {line-height: 1;color: #000066; background: #fff; text-align:center; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		ol, ul {list-style: none; padding: 0; margin: 0;}
		table {border-collapse: separate; border-spacing: 0}
		caption, th, td {text-align: left;font-weight: normal}
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" ""}

/* =Typography
---------------------------------------------------------------------------------------------------------------*/

	p, h2, h3, h4, h5  { font-size: 1em; }

	h1, h2, h3, h4, h5, h6 {  font-weight: bold; font-family: /* Tesco,  */Calibri, Helvetica, Arial ,sans-serif; line-height: 1; }

	/* Set Defaults on Panel Contents */

	.panel p,
	.panel ul,
	.panel h3,
	.panel h2,
	.panel h4,
	.panel h5 { margin-left: 10px; margin-right: 10px; }

	/* Defaults for wrapped panels */

	.panel .wrap p,
	.panel .wrap ul,
	.panel .wrap h2,
	.panel .wrap h3,
	.panel .wrap h4,
	.panel .wrap h5 { margin-left: 6px; margin-right: 6px; }

	.panel .wrap h2 { padding-top: 2px; }
	.panel .wrap h3 { padding-top: 4px; }

	h2 { font-size: 2.5em; color: #006 }

		#myacc h2 {color:#fff; padding:8px 6px 13px 6px; font:bold 1.75em "Arial, Helvetica",sans-serif; text-transform:capitalize; margin: 0;}
		#login h2 { margin-bottom: 5px; padding: 0; font-size: 1.1em; margin-right: 0; margin-left: 10px;}

		.panel h2 	{ margin-bottom: 14px; }
		.feature h2 { font-size: 2.5em;  }

	h3 { font-size: 2.0em; clear: both; margin-bottom: 15px;}

		.supplement h3 { line-height: 1.2 }
		.read-more h3 { text-transform: uppercase; font-size: 1.5em; line-height: 1; margin-bottom: 5px; padding-top: 0 !important; }
		.elh h3 {  line-height: 1; padding: 0; margin-bottom: 10px; }

	h4 	{ font-size: 1.6em; margin-bottom: 0.3em;}
	h4.hr {border-top: solid 1px #dadada; margin-top: 15px; padding-top: 10px;}
	h5, h6 	{ font-size: 1.5em; margin-bottom: 0.3em; }

	p 	{ margin-bottom: 13px; line-height: 1.4; }

		.feature h2 + p, .promo h2 + p { line-height: 1.15; }
		.supplement p {  }

		#myacc p {margin:-8px 0 0 8px; color:#fff; float:left; display:inline; width:140px; }

		#legal p,
		#copyright p { font-size: 0.8em;  color: #333 !important; }

		#legal p { margin: 0 10px 9px 10px;  line-height: 1.4; }

		#copyright p {  margin: 0; width: 48%; float: left; line-height: 18px; text-indent: 10px;}

		#primary-content p {color:#081b68}

		#success { display: none; }

		.terms {font-size: 0.8em}

		li p { padding-left:0 !important }

	strong {  font-weight: bold; }
	em { font-style: italic;  }
	.read-more li em,
	.panel .content p em { font-weight: bold; font-style: normal; }

	blockquote {background:url(../../../assets/core/img/layout/blockquote.gif) transparent top left no-repeat; padding: 0 50px 20px 50px; width: 382px; font-style:italic}

	cite {margin-left:10px; font-style:normal; font-weight:bold; display:inline}
  sup { font-size:0.75em; vertical-align: super;}

	.resume { clear: both; }

	/* Links */
	a{color:#1b43e0; text-decoration:none; font-weight:bold; }
	a:hover{color:#cc0001; text-decoration:underline}

	h2 a {color:#006}
	h2 a:hover {color:#c00}

	.panel h2 a, .panel h3 a {  color:#c00; }

	a span {position:absolute; left:-9999px; top:-9999px; }

	.col-3 li a,
	.col-3 li a:hover,
	.nav li a,
	#social a,
	#nav-tertiary a {font-weight:normal; }

	ul.tabs li { font-size: 1.2em; line-height: 1;}


/* =Lists
---------------------------------------------------------------------------------------------------------------*/

	/* Baseline lists */
	ul, ol { margin: 0 6px 9px 6px; }
	ul li { padding: 0 0 6px 16px; line-height: 1.3; }

	ol { margin-left: 10px; }

	/* Reset Baseline List */
	#nav-primary ul, .tick, .doc, .nav ul, .cta, #cross-sell, #social ul { margin: 0; padding: 0; }

	/* Reset Baseline List Item Padding  */
	#nav-primary li, .tick li, .doc li, .nav li, .cta li, #cross-sell li, #social li { padding: 0; }

	/* Primary Navigation */
	#nav-primary li { float:left; margin-right:1px; background:url(../../../assets/core/img/layout/tab-leftcorner.gif) #071b68 top left no-repeat !important; margin: 0 1px 0 0; line-height: 1.5; }
	#nav-primary li#last { margin-right:0 }

	/* Footer navigation */
	#nav-tertiary { background-color:#eff1f7; border:solid 1px #d1d8e7; clear:both; font-size:1em; margin-bottom: 0; }
	#nav-tertiary ul { padding:8px; float: left; margin: 0; }
	#nav-tertiary li { float:left; margin-right:7px; padding-left:7px; line-height: 1.1; padding: 1px 0 1px 7px; font-size: 1em; }
	#nav-tertiary li.fl { padding-left:0; border:0; background-image: none !important; }

	/* Tick List */
	.tick li 	{ padding:1px 0 10px 22px; margin: 0; }

	/* Document List */
	.doc li 	{ padding:0 0 10px 18px; margin: 0; }
	.docs li { background-image: none; margin: 0; padding: 0 0 5px 3px; }

	/* Products & ELH Navigation */
	#nav-secondary 	{ margin-left: 6px; margin-right: 6px; padding-top: 6px;}
	#nav-secondary .sub-level > li:last-child { padding-bottom: 0;  }
	#nav-elh 		{ margin-left: 10px; margin-right: 10px; }

	.nav li { padding-bottom: 10px; margin-bottom: 0; font-weight: bold; display: block; color:#c00; clear: both; padding-left: 14px; /* height: 1%; */ }
	.nav li a { font-weight: normal;  }
	.nav ul.sub-level { margin-left: -14px; padding-top: 10px; padding-bottom: 0; margin-bottom: 0; }
	.nav ul.sub-level ul, #nav-elh ul { padding: 10px 0 0 0; margin: 0 0 -10px 0; }
	.nav li.divide { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }

	/* Home page product list */
	.prod-list ul {  margin-bottom: 20px; }

	/* Call to action */
	#login .cta { margin: 0 0 5px 10px; }

	.cta-left .cta 	{ float: left;}
	.cta-right .cta { float: right; margin-right: 0;}

	.cta { margin-bottom: 0; }
	.cta-left .cta 	{ float: left; margin-bottom: 10px; }
	.retention .cta-left .cta { margin-bottom: 0 !important; }

	.cta-alt .cta { width: 167px; }

	.cta li { margin-bottom: 5px; clear: both; background-image: none !important; }
	.cta-alt .cta li { text-align: center;  }
	.cta-alt .cta li a { margin: 0 auto !important; position: relative; }

	.no-panel { float: right; margin-right: 15px !important; display: inline; margin-bottom: 20px !important; }

	.decision { clear: both; display: block; float: left; width: 480px;}
		.decision .cta { width: 100%; clear: both; }
		.decision .cta li { width: 40%; clear: none;}
		.decision .cta li.previous,
		.decision .cta li.previous a { float: left; }
		.decision .cta li.next,
		.decision .cta li.next a { float: right; text-align: right; }

	/* Cross Sell */
	#cross-sell { margin-left: 3px; text-align: center; clear: both; }
	#cross-sell img { margin: 0 auto 20px auto; padding: 0; }

	/* Social Bookmarking */
	#social li { float: left; margin-right: 10px; width: 18px;  }

	/* Tabs */
	ul.tabs { padding: 10px 0 0 0 !important; margin: 0 0 0 10px; float: left; background: #fff; }
	ul.tabs li {
		float: left; padding: 0; margin: 0 10px 0 0;
		background-color: #fff;
		background-image: none;
		border: 1px solid #dadada;
		border-bottom:0;
		-moz-border-radius-topleft,
		-webkit-border-top-left-radius,
		-moz-border-radius-topright,
		-webkit-border-top-right-radius : 4px;
	}
	ul.tabs li a {
		font-family: Arial,Helvetica,sans-serif;
		display: block !important;
		width: auto;
		padding: 10px 10px;
		border: 4px solid #fff;
		border-bottom: 0;
		color:#006;
		text-decoration: none;
		-moz-border-radius-topleft,
		-webkit-border-top-left-radius,
		-moz-border-radius-topright,
		-webkit-border-top-right-radius : 4px;
	}

	ul.tabs li.current a {  background: #FFF1D8; }

	ul.tabs li div { background: #fff; border-left: 4px solid #fff; border-right: 4px solid #fff; padding: 0 10px; height: 9px;  position: relative; bottom: -5px; margin-top: -5px;z-index: -10;}
	ul.tabs li.current div { background: #FFF1D8 ; z-index: 200;}


	/* ul.tabs li div {background: #fff; display: block; zoom: 1; position: relative; bottom: -5px; height: 10px; margin: -5px 0 0 0; border-left: 4px solid #fff; border-right: 4px solid #fff;}

	ul.tabs li.current div { background: #FFF1D8;  } */

	.js .panes .wrap { padding-top: 10px;  }

	/* Ordered Lists */
	ol { padding: 0 0 0 20px; list-style-type: decimal !important; }
	ol li { padding: 0 0 6px 0; line-height: 1.3; background-image: none !important; }

	.no-bullet { list-style-type:none; }

/* =Structural elements
---------------------------------------------------------------------------------------------------------------*/

  /* Main Structure
  ------------------------------------*/

	/* Wrapping elements */
	 #page-container, #top-border, #bottom-border {width:994px; margin:0 auto; text-align:left; }	/* layout */
	 #top-border {background:url(../../../assets/core/img/layout/border-top-994x5.gif) top left #fff no-repeat; padding-top:5px; margin-top:8px} /* layout */
	 #bottom-border {background:url(../../../assets/core/img/layout/border-bottom-994x5.gif) bottom left #fff no-repeat; padding-bottom:5px} /* layout */
	 #page-container {background:url(../../../assets/core/img/layout/border-sides-994x1.gif) 0 0 #fff repeat-y; font-size:1.0em; padding-bottom:1px} /* layout */ /* 1px padding for FF spacing bug */

  	/* Containers */
	#wrapper {margin:0 14px 10px 13px; font-size:1.1em} /* Column now 723px/967px */
	#ls-canvas { font-size: 1.1em; }
	#content {position:relative; float:left; }

	/* Primary content */
	#primary-content {float:left; width:967px; position: relative; } /* layout */
		#support {width:228px;float:left; display:inline; margin-left:10px}
		#main {float:right; width:484px}

	.col {  float: left; }
	.col:last-child {  margin-right: 0; }
	.col p, .col h2 {   }

	/* =Panel widths */

	.type-1 { width: 233px; } /* 25% */

		.bdr-1 { width: 231px !important; }
		.type-1 .wrap { width: 223px; }

	.type-2 { width: 477px; } /* 50% */

		.bdr-2 { width: 475px !important; }
		.type-2 .wrap { width: 467px;  }
		.feature .content {  width: 285px;  } /* Width set for floating with images in intro panel */
		.copy .content { width: 305px; }

	.type-3 { width: 723px; } /* 75% */

		.bdr-3 { width: 721px !important; }
		.type-3 .wrap { width: 713px; }
		.type-3 .content {  width: 363px; }

	.type-4 { width: 355px; } /* 75% - 50% 50% split */

		.bdr-4 { width: 353px !important; }
		.type-4 .wrap { width: 345px;  }
		.type-4 .content { width: 200px;  }

	.type-5 { width: 480px; } /* Pre Screening */

		.bdr-5 { width: 478px !important; }
		.type-5 .wrap { width: 470px; }



/* =Page Components
------------------------------------------------------------------------------------*/
.panel {  background-color: #fff; width: 100%; float: left; min-height: 0; padding: 0; margin: 0 0 12px 0;  position: relative; }
.col-3 .panel { float: right; }

	.panel .wrap { border: 4px solid #fff; display: block !important; float: left; padding: 0; margin: 0; }
	.promo .wrap { border-bottom: 0px !important; position: relative; }
	.promo .wrap img { position: absolute; bottom: 0; right: 0; }

	.supplement, .supp-img { margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: solid 1px #dadada; }
	.supplement { width: 233px; }
		.col .first { padding-top: 10px;  }

	/* Panel modifiers */
	.cnr {  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.cnr .wrap { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }

	.bg { background-position: top left; background-repeat: repeat-x;  } /* Specify bg image in /assets/sections/===section name===/css/section.css */
	.bg-alt {  background-color: #fff;  }  /* Full background panel */

	/* .table {  padding: 0 !important; } */

	/* Specify border in  /assets/sections/===section name===/css/section.css */

	/* Borders 1,2,3 and 4 correspond to the type of panel they are on e.g. a panel would have the 2 classes type-1 & border-1 */
	.bdr-1, .bdr-2, .bdr-3, .bdr-4, .bdr-5 {  border: 1px solid #dadada; }
	.bdr-btm {  border-bottom: 1px solid #dadada; }
	.bdr-top { border-top: 1px solid #dadada;  }

	/* Images */
	.img .content { float: left; }
	.img img { float: right; }
	.img-alt .content { float: right;  }
	.img-alt img { float: left;  }

	.img table img { float: none!important; }

	/* Image Offsets */
	.img-10 img, .img-20 img, .img-30 img, .img-40 img, .img-50 img, .img-60 img, .img-70 img, .img-80 img, .img-90 img, .img-100 img { position: relative; padding-bottom: 20px; }
	.img-10 img { top: -10px; margin-bottom: -10px; }
	.img-20 img { top: -20px; margin-bottom: -20px; }
	.img-30 img { top: -30px; margin-bottom: -30px; }
	.img-40 img { top: -40px; margin-bottom: -40px; }
	.img-50 img { top: -50px; margin-bottom: -50px; }
	.img-60 img { top: -60px; margin-bottom: -60px; }
	.img-70 img { top: -70px; margin-bottom: -70px; }
	.img-80 img { top: -80px; margin-bottom: -80px; }
	.img-90 img { top: -90px; margin-bottom: -90px; }
	.img-100 img { top: -100px; margin-bottom: -100px; }

	.cta img {  padding-bottom: 0 !important; top: 0 !important; margin-bottom: 0; }

	.more { /* padding-bottom: 5px;  */ }
	.type-2 .read-more, .type-3 .read-more, .type-4 .read-more { position: relative; display: block; clear: both; margin-left: -4px !important; margin-right: -4px !important; padding-top: 7px; padding-bottom: 0; }

	.read-more div { padding-top: 6px; margin: 0 4px;}

	.read-more .rmc { margin-top: 0px !important; padding-top: 0; }
	.read-more .inner { padding-top: 10px;}

	.read-more .btn-read-more,
	.read-more .btn-close { position: absolute; top:4px; right: 4px; }

	.readMoreContent { padding-top: 0 !important;  }

	.type-2 .read-more { width: 475px !important; }
	.type-3 .read-more { width: 719px !important; }
	.type-4 .read-more { width: 353px !important; }

	.note div { margin-right: 6px; border-top: 1px solid #b5b5b5; padding: 15px 0 30px 0; }
	.read-more .note div { margin-left: 0; }

	.tesco-tip, .js .note {
		position: absolute; left: -9999999px;
		background:transparent url(../../../assets/core/img/layout/tooltip.png);
		background-position: bottom left;
		width:346px;
		padding: 0 0 0 0;
		z-index: 200000 !important;
		/* border-top: 1px solid #b5b5b5; */
		cursor:pointer;
		text-align: left;
	}

	.bottom { background:transparent url(../../../assets/core/img/layout/tooltip-down.png) !important; z-index: 500000; }
	.bottom div { border-top: 0; border-bottom: 1px solid #b5b5b5; padding: 30px 0 15px 0 !important;  }

	.js .note h4, .js .note p { margin: 0 10px 1em 10px; }

	.js .footnotes { padding-top: 0px !important;  }
	.js .footnotes h3 { display: none; }
	span.tooltip a { font-weight: normal; }

	.js .read-more .footnotes {  height: 0px; }

	/* OVERLAY */

	/* the overlayed element */
	div.overlay { background-repeat: no-repeat; display:none; padding:0; width:548px; height:538px; 	}

	/* default close button positioned on upper right corner */
	div.overlay div.close { background-image:url(../../../assets/core/img/layout/close-window.png); position:absolute; right:15px; top:13px; height:18px; width:93px; cursor:pointer; }

	#overlay a.close { background-image:url(../../../assets/core/img/layout/close-window.png); position:absolute; right:15px; top:13px; height:18px; width:93px; cursor:pointer; }
	#overlay .cta a.close { display: none; }

	#overlay { background-image:url(../../../assets/core/img/overlay.png); height:548px; } /* use a semi-transparent image for the overlay */
	#prescreen { background-image:url(../../../assets/core/img/overlay-notab.png); height:548px; } /* use a semi-transparent image for the overlay */

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {width: 510px; position: relative; top: 40px; left: 20px; text-align: center; height:478px;  overflow-y:auto; font-size: 1.1em;}
	div.contentWrap .panel { width: 480px; text-align: left; position: static; display: inline;}
	div.contentWrap .panel .wrap { width: 470px; }

	.previous { display: none; }
	.overlay .previous { display: block; }


/* =Sprites & Images
------------------------------------------------------------------------------------*/
	.sprite { display: block; }
	.sprite, li, .icon-tooltip, .tip, a.external, .new-win { background-image: url(../../../assets/core/img/layout/sprite.png); background-repeat: no-repeat; }

	/* Page Headings */

  #logo h1 {  background-position: -2500px -640px; }
  #logo h1,
  #logo h1 img { width: 336px; height:37px; }

	/* #credit-cards #logo h1 { background-position: -300px -640px; }
	#credit-cards #logo h1,
	#credit-cards #logo h1 img { width: 278px ; height:33px; }

	#creditcards #logo h1 { background-position: -300px -640px; }
	#creditcards #logo h1,
	#creditcards #logo h1 img { width: 278px ; height:33px; }

	#insurance #logo h1 { background-position: 0px -640px; }
	#insurance #logo h1,
	#insurance #logo h1 img { width: 250px ; height:33px ; }

	#travel #logo h1 { background-position: -1500px -640px; }
	#travel #logo h1,
	#travel #logo h1 img { width: 250px ; height:33px ; }

	#motoring #logo h1 { background-position: -1200px -640px; }
	#motoring #logo h1,
	#motoring #logo h1 img { width: 250px ; height:33px ; }

	#servicing #logo h1 { background-position: -1200px -690px; }
	#servicing #logo h1,
	#servicing #logo h1 img { width: 300px ; height:33px ; }

	#security #logo h1 { background-position: -300px -690px; }
	#security #logo h1,
	#security #logo h1 img { width: 250px ; height:33px ; }

	#bankingandinsurance #logo h1 { background-position: -2550px -690px; }
	#bankingandinsurance #logo h1,
	#bankingandinsurance #logo h1 img { width: 390px ; height:33px ; } */

	/* List Items */
	li 					{ background-position: -1400px 0px; }
	.tick li 			{ background-position: -700px 0px; 	}
	.doc li 			{ background-position: -2990px -200px; }
	.nav li 			{ background-position: -2100px 0px; }
	#nav-tertiary li 	{ background-position: -200px -100px; }
	#nav-tertiary li.fl { background-image: none; }

	/* Buttons */

	.fom { background-position: -70px -350px; }
	.fom, .fom img 	{ width: 123px; height: 21px; }

	.cont { background-position: -480px -350px; }
	.cont, .cont img 	{ width: 91px; height: 21px; }

	.demo { background-position: -340px -350px; }
	.demo, .demo img 	{ width: 123px; height: 21px; }

	.prev { background-position: -590px -350px; }
	.prev, .prev img 	{ width: 90px; height: 21px; }

	/* .next { background-position: -700px -350px; }
	.next, .next img 	{ width: 60px; height: 21px; }*/

	.calc-continue {	background-position: -750px -320px; }
	.calc-continue, .calc-continue img { width: 80px; height: 21px; }
	input.calc-continue 	{ border: 0; }

	.logon-or-reg { background-position: 0px -320px; }
	.logon-or-reg, .logon-or-reg img { width: 177px; height: 21px; }

	.logon { background-position: -850px -320px; }
	.logon, .logon img { width: 65px; height: 21px; }

	.retrieve-quote { background-position: -200px -320px; }
	.retrieve-quote, .retrieve-quote img { width: 131px; height: 21px; }

	.retrieve-applications { background-position: -940px -320px; }
  	.retrieve-applications, .retrieve-applications img { width: 163px; height: 21px; }

	.calculate { background-position: -350px -320px; }
	.calculate, .calculate img { width: 84px; height: 21px; }
	input.calculate 	{ border: 0; }

	.recalculate { background-position: -450px -320px; }
	.recalculate, .recalculate img { width: 104px; height: 21px; }

	.call-back { background-position: -580px -320px; }
	.call-back, .call-back img { width: 149px; height: 21px; }

	.ask-us { background-position: 0px -350px; }
	.ask-us, .ask-us img { width: 61px; height: 21px; }
	input.ask-us 	{ border: 0; }

	.apply-online { background-position: 0px -580px; }
	.apply-online, .apply-online img { width: 167px; height: 40px; }

	.apply-now { background-position: -300px -530px; }
	.apply-now, .apply-online img { width: 167px; height: 40px; }

	.buy-now { background-position: 0px -379px; }
	.buy-now, .buy-now img { width: 130px; height: 41px; }

	.buy-online { background-position: 0px -428px;  }
	.buy-online, .buy-online img { width: 151px; height: 41px;  }

	.place-an-order { background-position: 0px -479px; }
	.place-an-order, .place-an-order img { width: 194px; height: 41px; }

	.get-a-quote { background-position: 0px -530px; }
	.get-a-quote, .get-a-quote img { width: 160px; height: 41px; }

	.get-a-quote-or-apply { background-position: -603px -530px; }
	.get-a-quote-or-apply, .get-a-quote-or-apply img { width: 245px; height: 41px; }

	.cancel { background-position: -296px -378px;  }
	.cancel, .cancel img { width: 120px; height: 42px;  }

	.continue { background-position: -296px -429px; }
	.continue-disabled { background-position: -296px -480px; }
	.continue, .continue img, .continue-disabled, .continue-disabled img { width: 140px; height: 41px;  }


	/* read more / close */
	.btn-read-more, .btn-read-more img { width: 95px; height: 20px; }
	.btn-close, .btn-close img { width: 61px; height: 20px; }

	/* Icons */
	.new { background-position: -100px -90px; display: block; float: left; margin-right: 5px; }
	.new, .new img { width: 37px; height: 14px;  }

	.coming-soon { background-position: 0px -580px;  }
	.coming-soon, .coming-soon img { width: 95px; height: 14px;   }

	.option-one { background-position: 0px -10px; display: block; float: left; margin: 2px 5px 0 0; }
	.option-one, .option-one img { width: 107px; height: 17px; }

	.option-two { background-position: 0px -30px; display: block; float: left; margin: 0 5px 0 0; }
	.option-two, .option-two img { width: 109px; height: 17px; }

	/* Inline links */
	img.new-win,
	img.icon-tooltip { float: none; display: inline; padding: 0 5px 0 0; margin: 0; position: static; }

	a[href$=".pdf"] {
		padding-left: 12px;
		background:transparent url(../../../assets/core/img/layout/sprite.png) no-repeat;
		background-position: -2991px -199px;
	}

	.new-win { background-position: 100% -100px; }
	.new-win, .new-win img { width: 9px; height: 9px; }

	.icon-tooltip { background-position: 100% -9px; width: 10px; height: 10px}

	/* Social Bookmarks */
	#social .sprite { text-indent: 0; }
	#social ul .sprite, #social .sprite ul img { width: 18px; height: 18px; }

	.digg 			{ background-position: -200px -138px; }
	.delicious 		{ background-position: -200px -167px; }
	.reddit 		{ background-position: -200px -197px; }
	.stumble 		{ background-position: -200px -228px; }
	.facebook 		{ background-position: -200px -259px; }
	.newsvine 		{ background-position: -200px -290px; }

	/* Cross sell panels */
	#cross-sell a.ad-travel { display: block; text-indent: -9999px; background-image: url(../../../assets/cross-sell/travel-insurance.png); }
	#cross-sell a.ad-compare { display: block; text-indent: -9999px; background-image: url(../../../assets/cross-sell/compare.png); }

  /* =Header
  ------------------------------------*/
	#header {font-size:1.1em; margin:0 14px 15px 13px; padding-top:8px; height:100%; position: relative; z-index: 0;} /* height required for Opera bug (margins collape on rollover) */ /* Column now 723px */

	/* =Branding area */
	#branding {/* width:100%; */ border:solid 1px #d8d8d8; background: #eff1f7; margin-bottom:9px}

	#logo {float:left; width:380px; height:32px; margin:22px 0 21px 10px}

	#metafaq, #login { background: #fff; border: 1px solid #ccc; float: right;  padding-top: 10px; -moz-box-shadow: 0 0 10px rgba(14, 32, 59, 0.25)}
	#metafaq { width: 221px; margin: 10px 10px 10px 0; }
	#metafaq input {font-size: 0.9em}

	#login { width: 231px; }

	/* =Orientation */
	#orientation {width:100%; position:relative; z-index:200}

	/* =Breadcrumb*/
	#breadcrumb-signup {float:left; width:469px; font-size:1.0em; /* margin-left:10px; */ display:inline; font-size: 0.9em; position: relative;}/* layout */
		#breadcrumb-signup a {line-height:1.3em; font-weight:normal; display:block; padding-right:12px; background:url(../../../assets/core/img/layout/chevron-blue.gif) transparent center right no-repeat}
		#breadcrumb-signup a:hover {background:url(../../../assets/core/img/layout/chevron-red.gif) transparent center right no-repeat }
		#breadcrumb-signup dt, #breadcrumb-signup dd {float:left; line-height:1.3em;}
		#breadcrumb-signup dd { padding-left:8px}
		#breadcrumb-signup p a { line-height:normal; font-weight:bold} /* layout */

  /* =Footer
  ------------------------------------*/
	#footer {width:966px; clear:both; float: left;  }
		#nav-tertiary { clear:both; font-size:1em; float: left; width: 966px; margin: 0 !important;  }
		#legal { padding: 9px 0 0 0; zoom: 1; }
		#copyright {clear:both; float: left; width: 100%; color: #333; margin:0; padding: 6px 0 ; border-top: 1px solid #d1d8e7; position: relative; zoom:1; }
		#social { float: right; width: 360px; position: relative; /* right: -10px; */ right: -7px;}
		#social p { display: inline; width: auto;float: left; line-height: 18px; margin-right: 10px; }

/* =Navigation
---------------------------------------------------------------------------------------------------------------*/

	/* Top Tabs */


	#nav-primary {width:723px;  /* height:100%; */ float: left; font-size:1em; position: relative; bottom: -8px;  z-index: 0; line-height: 1.5 !important; } /* height required for Opera bug (margins collape on rollover) */

		#nav-primary a {background:url(../../../assets/core/img/layout/tab-rightcorner.gif) transparent top right no-repeat; font-weight:normal} /* hack */
		#nav-primary a, #nav-primary span {padding:8px; width:105px; float:left; color:#fff; text-decoration:none;font-weight:bold}
		#nav-primary #ins {border-bottom: solid 4px #309aca; width:101px} /* hack */
		#nav-primary #cards {border-bottom: solid 4px #fb9809}
		#nav-primary #loan {border-bottom: solid 4px #9d9bcc}
		#nav-primary #save {border-bottom: solid 4px #70d55f}
		#nav-primary #moto {border-bottom: solid 4px #132ce9}
		#nav-primary #tra {border-bottom: solid 4px #cd3335; width:101px; margin-right:0px} /* hack */

			#insurance #nav-primary li.active {background:url(../../../assets/core/img/layout/tab-leftcorner-insurance.gif) #C3E5F6 top left no-repeat !important}
			#creditcards #nav-primary li.active {background:url(../../../assets/core/img/layout/tab-leftcorner-creditcards.gif) #FDE8C7 top left no-repeat !important}
			#loans #nav-primary .active {background:url(../../../assets/core/img/layout/tab-leftcorner-loans.gif) #ddddef top left no-repeat !important}
			#savings #nav-primary .active {background:url(../../../assets/core/img/layout/tab-leftcorner-savings.gif) #DFF8DB top left no-repeat !important}
			#motoring #nav-primary .active {background:url(../../../assets/core/img/layout/tab-leftcorner-motoring.gif) #d9ddf9 top left no-repeat !important}
			#travel #nav-primary .active {background:url(../../../assets/core/img/layout/tab-leftcorner-travel.gif) #F4E3E3 top left no-repeat !important}

			#insurance #nav-primary li.active a {background:url(../../../assets/core/img/layout/tab-rightcorner-insurance.gif) transparent top right no-repeat}
			#creditcards #nav-primary li.active a {background-image:url(../../../assets/core/img/layout/tab-rightcorner-creditcards.gif)}
			#loans #nav-primary li.active a {background:url(../../../assets/core/img/layout/tab-rightcorner-loans.gif) transparent top right no-repeat}
			#savings #nav-primary li.active a {background:url(../../../assets/core/img/layout/tab-rightcorner-savings.gif) transparent top right no-repeat}
			#motoring #nav-primary li.active a {background:url(../../../assets/core/img/layout/tab-rightcorner-motoring.gif) transparent top right no-repeat}
			#travel #nav-primary li.active a {background:url(../../../assets/core/img/layout/tab-rightcorner-travel.gif) transparent top right no-repeat}

			#insurance #nav-primary .active a, #insurance #nav-primary .active span, #creditcards #nav-primary .active a, #creditcards #nav-primary .active a, #loans #nav-primary .active a, #savings #nav-primary .active a, #motoring #nav-primary .active a, #travel #nav-primary .active a {color:#071b68}


/* =Tables
---------------------------------------------------------------------------------------------------------------*/
table {/* margin:0 4px 4px 4px */}
table tr {  width: 100%;  }
table th, table td {color:#006 !important; line-height:1.4;} /* Layout */
table tr th {vertical-align:top; text-align:left}
table tr th, table tr td {padding:6px; margin: 0 0 0 0px; background-color: #fff}
table tr th, table tr td, table tr th.center {text-align:center}
table thead th, table tbody th {font-weight:bold}
table thead th.left, table tbody tr th, table tbody tr td.left {text-align:left}

.left, td p, td ul li, td ol li   {text-align:left}
.lastcol {border-right:0 !important}
.lastrow td, .lastrow th  {border-bottom: 0 !important}

table { padding: 0; margin: 4px 4px 15px 4px !important; width: 98%; }

.type-1 table { width: 215px !important; }

.td-2 td { width: 50%; }
.td-3 td { width: 33%; }
.td-4 td { width: 25%; }
.td-5 td { width: 20%; }
.td-6 td { width: 16.6%; }

/* =Forms
---------------------------------------------------------------------------------------------------------------*/

	/* form elements */
	form {}
	.row { margin:0 10px 20px 2px; }
	* html .row { margin:0 10px 20px -4px; }
	.row p { float: left; margin: 0 20px 0 0; width: 220px; }

	input, select, textarea { border:solid 1px #dadada; padding-left: 3px; margin: 0 10px 0 0; }

	.multi {float:left;}
	.multi label { padding: 0 0 3px 0; }

	.multi .radiocheck { display:block; padding-bottom:1px; }
	button, .radiocheck input { border: 0; background-image: none; }
	input.calculate { border: 0; background: none !important; margin: 0 0 6px 4px }

	h2.error {font-size:1.1em}
	.error {color:#c00}
	label .error {font-weight:bold}
	.error ul li {list-style-type:none}

	#metafaq { padding-bottom: 10px; }
	#metafaq form { padding: 0 0 10px 9px; float: left; }
	#metafaq form { width: 100%; float: left; display: inline; padding-bottom: 0;}
	#metafaq legend span, #metafaq label {  position: absolute; left: -9999px; }
	#metafaq input.text { display: block; margin-bottom: 7px; width: 199px; display: inline-block; font-size: 1.1em; line-height: 21px; }
	#metafaq select { float: left; margin-right: 7px; font-size: 1.1em; line-height: 21px; position: relative; top: 1px;}

	#metafaq #kb { width: 135px; }
	button.ask-us { float: left; cursor: pointer;  }

	#metafaq .blurred { /* color:#B1B2B3; */ }

	/* Checkbox interface */
	.js ul.checkboxes { padding: 0; margin: 0 0 10px 10px; background-image: none; }
	.js ul.checkboxes li { width: 100%; float: left; background-image: none; padding: 0 0 5px 0; margin: 0;  }
	#wizard label { width: 100%; float: left; margin: 0 0 15px 8px !important; }
	#wizard label.error { color: #DF0000; }
	#wizard label.error:after { content: " (required)"; }


    /* CSSO Login */

   	#login .cta-left { min-height: 61px; }

    #login h2 { font-size: 1.3em}
    #login select, #login p { margin-left: 10px; }
    #login select { margin-bottom: 7px; width: 208px; border: 1px solid #dadada  }

    #login p { float: left; margin-right: 5px; line-height: 21px; height: 21px; }
    #login ul { padding: 0; margin: 0; overflow: auto; padding-bottom: 5px; }
    #login ul.actions li { background-image: none; float: left; margin-right: 5px; padding: 0;  }
    #login a { font-weight: normal}

    #reg-links, #login-links { margin-left: 10px !important; margin-right: 10px; }
    .js #login h2, .js #reg-links, .js #login-links { display: none; }

    /* MESSAGES */

    /* Switch borders on message panels em = emphasis */
    .em 		{ border-width: 4px !important; margin-bottom: 12px; }
    .em .wrap 	{ border-width: 1px !important; }

/* =Panel widths */
    .em-1 { width: 225px !important; }
    .em-1 .wrap { width:223px; }

    .em-2 { width: 469px !important; }
    .em-2 .wrap { width: 467px; }

    .em-3 { width: 715px !important; }
    .em-3 .wrap { width: 713px; }

    /* Message Color overrides */
    .msg-info {
        background: url(/assets/core/img/bg-msg-info.png) repeat-x !important;
        border-color: #dee3f1 !important; }

    .em .cta { width: 49%; float: left; }
    .em .cta li { width: auto !important; }
    .date { float: right; text-align: right !important; height: 24px; line-height: 24px; width: auto; }


/* =General Styles
---------------------------------------------------------------------------------------------------------------*/

	/* Flash of unstyled content */
	.js .read-more div.readMoreContent,
	.js .rmc, .js .convert,
	.dev,
	/* .js .mbox, */
	.js .simple_overlay,
	.js .products-carousel .product { display:none; }

	/* Clearing Styles */
		.clearleft{clear:left}
		.clearright{clear:right}
		.clearboth{clear:both}

	/* CSS clearing */
		.clearing:after, .row:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing, .row {display: inline-block}
		/* Hides from IE-mac \*/
		* html .clearing, * html .row {height: 1%}
		.clearing, .row {display: block}
		/* End hide from IE-mac */

	/* Floats */
		.fright {float:right}
		.fleft {float:left}
		.fleft-img {  float: left; margin: 0 10px 10px 10px; }
		.fright-img {  float: right; margin:  0 10px 10px 10px; }

	/* Hide stuff */
		.hide, .hidetoggle {visibility:hidden; overflow:hidden !important; height:1px  !important; font-size:0 !important; line-height:0  !important; padding:0 !important; margin:0 !important} /* hack */
		#skiplink {position:absolute; left:-9999px; top:-9999px; }

	/* popups*/
		.popup b, .metafaq b {font-size:0.9em; font-weight:bold}
		.new-newline b {display:block;font-weight:bold}

	/* Interest rate */
		.rate {font-size:1.4em; font-weight:bold; font-style: normal; }
		.rate2 {font-size:2em; font-weight:normal}

	/* Typographic Styles */

		.red {color: #c00}
		.small, .legal p {font-size: 0.9em}
		 .legal { clear: both; }
		.tooltip, .tip { font-weight: bold; color: #c00; }






