* {margin: 0; padding: 0}
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: #e5e5e5; color: #000; text-align: center;}
.titleImg {margin-bottom: 2px}
.pagePromo {float: left}
.h2link {width: 100%; height: 100%;	display: block}

/* fixes start */
* html .rojo-fix {width: 22.8em !important;} /*ie6*/
.vehicleageq {width: 210px !important;}
* html .vehicleagea {width: 100px !important;}
fieldset#options {margin: 20px 130px !important; display: block; float: none !important;}
/* fixes end */

/* layout start */
div.mincontainer {margin: 0 auto; padding: 0 0.6em 1em 0.6em;	text-align: left; width: 48.125em; min-height:750px;height: expression(document.body.clientHeight > 750? "750px": "auto" ); background: #fff}
div.mincontainer {min-height:750px;	height:auto !important;	height:750px} /* IE7 height fix - KM */
html>body div.mincontainer {width: 46.925em} /* Box Model Hack */
div#topNav {width: auto}
div#topNav #topNavLeft, div#topNav #topNavRight {padding-top:8px}
div#topNavLeft {width: 14.5em; float: left}
div#topNavRight {width: 31.05em; float: right; text-align: right}
div#topNavMain {clear: both; width: auto; padding-top: 3px}
div#topNavBread {clear: both; background: #fff;	padding-left: 5px}
div#topNavBreadSmall {height: 0.6em}
div#footer {clear: both; padding: 1em 0; text-align: left; width: 48.125em;	margin: 0 auto}
div#leftNavContainer {width: 9.6em;	min-height: 1px; float: left; display: inline}
div#mainContent {width: 37.3em;	height:auto; float: left;}
div#leftNav {float: left; clear: left; width: 8.875em; padding: 0 0 1em 0; margin-bottom: .9em}
.padding13 {padding: 13px}
.padding9 {padding: 9px}
.padding7 {padding: 7px}
.padding5 {padding: 5px}
div.L4layout14, div.L3layout13 {float: left; width: 100%; height: auto;	margin-bottom: .7em}
div.L4layout14 .productpageMainPromo {float: left; width: 395px; height: 116px;	text-indent: -9999px; overflow: hidden}
#mainContent p.image_left img {float:left; margin: 0 20px 10px 0; padding: 0;}
#mainContent p.image_right img {float:right; margin: 0 0 10px 20px; padding: 0;}
#mainContent p.image_left, #content p.image_right {clear: both;}
#mainContent p.image_left span.highlightheading {font-size:1.3em; padding: 0.5em 0 0 0; font-weight:bold; color: #f93;}
/* layout end */

/* start tools */
img {border: 0}
.clearBoth, .cl {clear: both}
br.halfLine {line-height: 50%}
.displayNone, hr, .rm {display: none}
.left {float: left !important}
.right {float: right !important}
.textRight {text-align: right}
.halfBlock {width: 49.9%;padding: 10px 10px}
.textCenter, .button, .center {text-align: center}
.halfWidth {width: 50%}
.imageRight {float: right; padding: 0 0 0 1em}
.stretch, .clear {clear:both; height:1px; margin:0; padding:0; font-size: 15px;line-height: 1px}
.consentBox {background: #f2f2f2; padding: 0.7em 0.7em 0.2em 0.7em; margin-bottom: 0.7em}
.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 */
.replace {text-indent: -10000px; display:block; overflow: hidden; width: 100%; float: left; background-repeat: no-repeat; background-position: left top; background-color:transparent;}
.replace * {text-indent: -10000px; display:block; overflow: hidden; background-repeat: no-repeat; background-position: left top; background-color:transparent}
.replace a {text-indent:0}
.replace a span {text-indent:-10000px}
span.accesskey {text-decoration:none}
.accessibility {position: absolute; top: -999em; left: -999em;}
#important_information {padding-top: 10px; clear: both}
.padding2010 {padding: 20px 10px}
.margintop3 {margin-top: 3px}
.top10 {padding-top: 10px}
.top10marg {margin-top: 10px}
.top20marg {margin-top: 20px}
.top0marg {margin-top: 0}
.margin106 {margin: 10px 0 -6px 0}
.verticalMiddle {vertical-align: middle}
.margin0 {margin-bottom: 0}
.top-2em {margin-top: -2.5em}
.right3 {margin-right: 3px}
.smallPrint {font-size: 10px}
.underlineGrey {border-bottom: 1px solid #ccc}
.overlineGrey {border-top: 1px solid #ccc}

/*dashed lines*/
.dashedUnderlineGrey {border-bottom: 1px dashed #ccc}
.dashedOverlineGrey {border-top: 1px dashed #ccc}
.dashedUnderlineYellow {border-bottom: 1px dashed #fc0}
.dashedOverlineYellow {border-top: 1px dashed #fc0}

#ui-datepicker-div, .ui-datepicker-inline {font-family: verdana,Arial,Helvetica,sans-serif;	font-size: 14px; padding: 0; margin: 0;	background: #999; width: 490px !important;}
* html #ui-datepicker-div, .ui-datepicker-inline {width: 247px !important;}
#ui-datepicker-div {display: none;	border: 1px solid #999;	z-index: 10;}
.ui-datepicker-inline {float: left;	display: block;	border: 0;}
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-dialog {padding: 5px !important;	border: 4px ridge #83C948 !important;}
.ui-datepicker-prompt {float: left;	padding: 2px; background: #E0F4D7; color: #000;}
* html .ui-datepicker-prompt {width: 245px !important;}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {clear: both; float: left;	width: 100%; color: #000;}
.ui-datepicker-control {background: #666; padding: 2px 0;}
.ui-datepicker-links {background: #ffcc00;	padding: 2px 0;}
.ui-datepicker-control, .ui-datepicker-links {font-weight: bold; font-size: 80%; letter-spacing: 0;}
.ui-datepicker-links label {padding: 2px 5px; color: #888;}
.ui-datepicker-clear, .ui-datepicker-prev {float: left;	width: 34%;}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {float: right; text-align: right;}
.ui-datepicker-current {float: left; width: 30%; text-align: center;}
.ui-datepicker-close, .ui-datepicker-next {float: right; width: 34%; text-align: right;}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {float: left; text-align: left;}
.ui-datepicker-header {padding: 4px 0;	background: #e5e5e5; text-align: center; font-weight: bold;	border-top: 1px #fff solid;	border-bottom: 1px #fff solid; height:28px;}
.ui-datepicker-header select {background: #eee;	color: #000; border: 1px #999 solid; font-weight: normal;}
.ui-datepicker {background: #CCC; text-align: center; font-size: 100%;}
.ui-datepicker a {display: block; width: 100%;}
.ui-datepicker-title-row {background: #999;	color: #fff;}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {background: #999;}
.ui-datepicker-days-row {background: #FFF; color: #666;}
.ui-datepicker-week-col {background: #B1DB87; color: #000;}
.ui-datepicker-days-cell {color: #000; border: 1px solid #DDD;}
.ui-datepicker-days-cell a {display: block;}
.ui-datepicker-week-end-cell {background: #eee;}
.ui-datepicker-unselectable {color: #888;}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {background: #eee !important;}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {background: #fff5cc !important; border: 1px solid #777;}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {background: #999 !important;	border: 1px solid #999 !important;}
* html .ui-datepicker-week-end-cell {background: #eee !important; border: 1px solid #DDD !important;}
* html .ui-datepicker-days-cell-over {background: #fff5cc !important; border: 1px solid #777 !important;}
* html .ui-datepicker-current-day {background: #ffcc00 !important;}
.ui-datepicker-today {background: #ff9900 !important; color: #fff !important}
.ui-datepicker-current-day {background: #ffcc00 !important;}
.ui-datepicker-status {background: #E0F4D7; width: 100%; font-size: 80%; text-align: center;}
#ui-datepicker-div a, .ui-datepicker-inline a {cursor: pointer;	margin: 0; padding: 0; background: none; color: #000;}
.ui-datepicker-inline .ui-datepicker-links a {padding: 0 5px !important;}
.ui-datepicker-links a {padding: 2px 5px !important; color: #000 !important;}
.ui-datepicker-control a {padding: 2px 5px !important; color: #fff !important;}
.ui-datepicker-title-row a {color: #fff !important;}
.ui-datepicker-control a:hover {background: #000 !important; color: #fff !important;}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {background: #FFF !important; color: #333 !important;}
#ui-datepicker-div .ui-datepicker-multi {width:490px !important;}
.ui-datepicker-multi .ui-datepicker {border: 1px solid #000;}
.ui-datepicker-one-month {float: left;	width: 245px;}
.ui-datepicker-new-row {clear: left;}
.ui-datepicker-cover {display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 193px; height: 200px;}
/* end tools */

/* start leftnav */
div#leftNav {font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #000;}
div#leftNav a {color: #000;}
div#leftNav ul {list-style: none; border: none;}
div#leftNav ul li {border-bottom: 1px solid #e5e5e5; padding-bottom: 0;	font-size: 0.69em;}
div#leftNav ul li a {display: block; padding: 4px 3px 4px 6px; background: #FFF; text-decoration: none;	width:142px!important;}
*:first-child+html div#leftNav ul li a {padding-top: 0;}
* html div#leftNav ul li a {padding-top: 0}
html>body div#leftNav ul li a {width:124px!important;}
div#leftNav ul li a.current {font-weight: bold;	background: #e5e5e5;}
html>body div#leftNav ul li a {width: auto!important;}
* html div#leftNav ul li a {width: auto!important;}
div#leftNav ul li a:hover {background: #fc0;}
div#leftNav ul li ul {list-style: none; border: none;}
div#leftNav ul li ul li {padding-bottom: 1px; background: none;	background-color: #F8F8F8;	font-size: 11px; font-size: 100%; border-bottom: 0;}
div#leftNav ul li ul li.last {padding-bottom: 0px; background: none; background-color: #F8F8F8;}
div#leftNav ul li ul li a {border-bottom: none;	display: block;	padding: 4px 5px 4px 13px;;	text-decoration: none;	background: none; width: 142px;}
div#leftNav ul li ul li ul {list-style: none; border: none;}
div#leftNav ul li ul li ul li {padding-bottom: 1px;	background: none; background-color: #F8F8F8; font-size: 100%;}
div#leftNav ul li ul li ul li.last {padding-bottom: 0px; background: none; background-color: #F8F8F8;}
div#leftNav ul li ul li ul li a {border-bottom: none; display: block;	padding: 3px 10px 3px 32px;	text-decoration: none;	background: #fff; width: 142px;}
html>body div#leftNav ul li ul li a {width:110px;}
html>body div#leftNav ul li ul li a {width: auto;}
div#leftNav ul li ul li a.current {font-weight: bold; background: none;}
div#leftNav ul li ul li a.current:hover {background: #FEE57F;}
div#leftNav ul li ul li a:hover {background: #FEE57F;}
.selected {font-weight: bold; color: #F00;}
div#leftNav ul li ul li a.current {background-color: #F8F8F8;}
div#leftNav ul li ul li ul li a.current {background-color: #fff;}
.last {background: none;}
/* end leftnav */

/* start topnav */
div#topNav form#site-search {padding-top: 3px;}
div#topNav form#site-search input.site-search-text {font-size: 0.69em; padding: 6px 3px 3px 6px; border: 1px solid #ccc; height: 16px; background: #fff url(../images/common/form-fade.gif) top left repeat-x;}
* html div#topNav form#site-search input.site-search-text {font-size: 0.69em; height: 27px;} /*ie6*/
div#topNav form#site-search input.site-search-button {border: 0; height: 27px; margin-bottom: -9px;}
* html div#topNav form#site-search input.site-search-button {margin-bottom: -4px;} /*ie6*/
*+html div#topNav form#site-search input.site-search-button {margin-bottom: -4px;} /*ie7*/
div#topNavMain ul {list-style-type: none; width: 100%;}
div#topNavMain ul li {float: left; font-family: verdana, sans-serif; font-size: .7em; font-weight: bold; display: inline; text-align: center;}
div#topNavMain ul li a {padding: .25em .1em .25em .1em;	border-right: 3px #fff solid; background-color: #000; color: #fc0;	text-decoration: none; display: block;}
div#topNavMain ul li.end a {padding: .25em .1em .25em .1em;	border-right: 0px white solid; background-color: #000; color: #fc0;	text-decoration: none; display: block;}
div#topNavMain ul li a:hover, div#topNavMain ul li a.current {text-decoration: none; background-color: #333; color: #fc0;}
li#topNavBreakdown {width: 11.675em;} /* previous width */
li#NavBreakdown {width: 12.75em;}
li#topNavInsurance {width: 7.175em;} /* previous width */
li#NavInsurance {width: 8.4em;}
li#topNavFinance {width: 12.175em;} /* previous width */
li#NavFinance {width: 13.2em;}
li#topNavTravel {width: 5.175em;} /* previous width */
li#NavTravel {width: 6.35em;}
li#topNavAdvice {width: 10.675em;} /* previous width */
li#NavAdvice {width: 7.6em;}
li#topNavSchool {width: 9.92em;} /* previous width */
li#NavSchool {width: 11.1em;}
li#topNavBusiness {width: 10.2em;} /* previous width */
li#NavBusiness {width: 7.5em;}
/* end topnav */

/* start header */
div.mincontainerheader {margin: 0 auto; padding: 0;	text-align: left; width: 48.125em; min-height:100px;height: expression(document.body.clientHeight > 100? "100px": "auto" ); background: #fff;}
#header {height:100px; width:750px; background:#fc0; position:relative;}
#homeh1 {margin:0; padding:0; float:left;}
#homeh1 img {margin:15px 0 0 15px;}
.textheading {left: -9999px; position: absolute;}
#topNavGlobalNavNew {margin:0; padding:0; width:auto; float:right; position:absolute; top:12px; right:15px;}
#topNavGlobalNavNew ul {margin: 0; padding: 0; list-style-type: none;}
#topNavGlobalNavNew ul li {display: inline; margin:0 0 0 8px; padding:0;}
#topNavGlobalNavNew ul li a {text-decoration:none; margin:0; padding:0; color:#000; font-size:10px; vertical-align:top;}
#topNavGlobalNavNew ul li a:hover {text-decoration:underline; color:#000;}
a#skip-to-content:link, a#skip-to-content:visited {left: -9999px; position: absolute; z-index:10;}
a#skip-to-content:hover, a#skip-to-content:focus, a#skip-to-content:active {background: url(/images/topnav/skiplink-bg.gif) no-repeat bottom center; color:#fc0; font-size:11px; font-weight:bold; left:0px; top:0px; margin:0; padding:0.5em 0 1.5em 0; text-align:center; width:750px;}
#topNavSearch {float:left; margin:0; padding:0; position:absolute; bottom:15px; right:15px; height:auto;}
#topNavSearch form#site-search {padding: 0; margin: 0;}
#topNavSearch form#site-search #site-search-label {visibility: hidden;}
#topNavSearch form#site-search input.site-search-text {background: #fff url(/images/common/form-fade.gif) top left repeat-x; font-size: 0.69em; padding: 6px 3px 3px 6px; margin:0; border: 1px solid #ccc; height: 16px; width:180px;}
#topNavSearch form#site-search input.site-search-button {border: 0; height: 27px; margin-bottom: -7px;}
* html #topNavSearch form#site-search input.site-search-text {font-size: 0.69em; #height: 27px;} /*ie6*/
* html #topNavSearch form#site-search input.site-search-button {margin-bottom: -4px;} /*ie6*/
*+html #topNavSearch form#site-search input.site-search-button {margin-bottom: -4px;} /*ie7*/
.temp-logo {margin:8px 0 8px 0;}
/* end header */

/* typography start */
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica; padding: 0}
* html h1 {margin-left: -1px} /*stops titles from losing left edge in IE6 */
h1 {font-size: 1.8em; letter-spacing: -.04em; margin: 0 0 5px -2px; line-height: 0.9em}
h2 {font-size: 1.2em}
h3 {font-size: 1em}
h4 {font-size: 0.9em}
p {font-size: 0.69em; margin-bottom: 1em;}
p.subtitle {color: #666; font-family: Arial,Helvetica,sans-serif; font-size:1.4em; font-weight: bold; margin: 0; padding: 0 0 15px}
p.strapline {margin:0; padding: 0;}
a {color: #666}
div#homeMainPromoSpace h2 {width: 264px; height: 53px; float: none} /* SK Titles on full width pages */
div#homeMainPromoSpace h4 {width: 264px; height: 75px; float: left} /* KM changed from none to left so displays correctly in Firefox */
.red {color: #c30!important}
.green {color: #390!important}
.uppercase {text-transform:uppercase}
.error {color:#f15f22} /*orange*/
.errorborder {color:#f15f22; border:1px solid #f15f22; padding:5px 5px 0 5px; margin-bottom:5px} 
.errorimage {color:#c00; font-weight:bold; padding: 35px 0 0 24px; background: transparent url(/images/common/error.gif) no-repeat; position: relative}
.errorimage span {font-size: 11px; margin-left: 20px; padding-bottom: 15px}
.cca {font-size:1.5em;}

/* from Motoring */
.black {color: #000!important}
.white {color: #fff!important}
.blackBorder {border: 1px solid #000}
.borderNone {border: none !important}
.textUnderline {text-decoration: underline !important}
.italic {font-style: italic}
.noUnderline {text-decoration: none}
.noUnderline:hover {text-decoration: none}
.yellow-highlight {background-color:#FC0}
.yellow-highlight:hover {background-color:#FFF}
/* typography end */

/* adverts start */
div.advertOuter {margin-left: auto;	margin-right: auto;	width: 59em}
div.advertPageWrapper {width: 48.25em; float: left}
div.horizADVERT {text-align: center; padding: 9px 0 9px 0; margin: 9px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
div#rhADVERT {float: left; width: 160px; margin-left: 10px;	margin-top: 175px; display: inline}
div#topADVERT {text-align: center; padding: 9px 0 9px 0; margin: 0 0 9px 0;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
/* adverts end */

/* social bookmarks start */
div#aaBookmarks {border: .0625em solid #fea; height: 3.4em}
div#aaBookmarks h2 {font-size: 0.7em; font-weight: bold; padding: 0.5em; color: #666; background: #fff5cc}
div#aaBookmarks ul {margin: 0.3em 0 0 0; padding: 0; height: 1.6em}
div#aaBookmarks ul li {display: inline; margin: 0 0 1em 1em; padding: 0.6em 0 0.6em 2em; line-height: 1.6em}
div#aaBookmarks ul li.delicious {background: transparent url(../images/bookmarks/delicious.gif) center left no-repeat}
div#aaBookmarks ul li.digg {background: transparent url(../images/bookmarks/digg.gif) center left no-repeat}
div#aaBookmarks ul li.reddit {background: transparent url(../images/bookmarks/reddit.gif) center left no-repeat}
div#aaBookmarks ul li.facebook {background: transparent url(../images/bookmarks/facebook.gif) center left no-repeat}
div#aaBookmarks ul li.stumbleupon {background: transparent url(../images/bookmarks/stumbleupon.gif) center left no-repeat}
div#aaBookmarks ul li.twitter {background: transparent url(../images/bookmarks/twitter.gif) center left no-repeat}
div#aaBookmarks ul li.what {}
/* social bookmarks end */

/* sublinks start */
div#subLinks2col, div#subLinks2colAsymmetric, div#subLinks3col {padding-bottom: .5em; border: .0625em solid #e5e5e5}
div#subLinks2col div#subLinksLeft, div#subLinks2col div#subLinksRight {width: 18.585em;	float: left}
div#subLinks2colAsymmetric div#subLinksLeft {width: 24.25em; float: left}
div#subLinks2colAsymmetric div#subLinksRight {width: 12.75em; float: left}
div#subLinks3col div#subLinksLeft, div#subLinks3col div#subLinksMiddle {width: 12.35em; float: left}
div#subLinks3col div#subLinksRight {width: 12.36em; float: left}
div#subLinksOuter {float: left;	margin-top: 10px; width: 100%}
div#subLinksOuter div#subLinksLeft h4, div#subLinksOuter div#subLinksLeft h2, div#subLinksOuter div#subLinksMiddle h4, div#subLinksOuter div#subLinksMiddle h2 {border-right: .0625em solid #fff}
div#subLinksOuter div#subLinksLeft p, div#subLinksOuter div#subLinksMiddle p {border-right: .0625em solid #e5e5e5}
div#subLinksOuter div h4, div#subLinksOuter div h2 {font-size: .7em; font-weight: bold; padding: .5em; background: #e5e5e5}
div#subLinksOuter div p {font-family: verdana, sans-serif; font-size: .7em; padding: 0 .5em; margin: .5em 0 0 0}
div#subLinksOuter div p a {display: block; text-decoration: underline; line-height: 150%}
/* sublinks end */

/* nested list fix start */
ul li.sub {list-style-type: none}
ul li.sub ul li {font-size: 100%}
ul.ticked li.subTick {padding: .5em 10px 0 28px; margin: 0;	list-style-image: url(../images/common/listTick.gif)}
ul.ticked li.subTick ul.ticked {margin: 15px 0 -10px 0;	list-style-image: url(../images/common/smallGreyListTick.gif)}
ul.ticked li.subTick ul.ticked li ul.decimal {list-style-type: decimal}
ol li, ul li {font-size: 0.69em} /*MR6939*/
ol li ol li, ul li ul li, ol li ul li, ul li ol li, ol li p, ul li p, ol li ol li p, ul li ul li p, ol li ul li p, ul li ol li p {font-size: 100%} /*MR6939*/
ol, ul {clear: both}
#mainContent ul, #mainContent ol {padding: 0 0 5px 25px}
#mainContent ul li, #mainContent ol li {padding: 0 0 2px 0; margin-bottom:1px}
/* nested list fix end */

/* nav styles start */
div#topNavGlobalNav p {font-size: 0.6em; margin: 0 0 10px -10px; position: relative}
div#topNavGlobalNav p a {text-decoration: none;	font-weight: normal; color: #666}
div#topNavGlobalNav p a:hover,div#topNavGlobalNav p a:active,div#topNavGlobalNav p a:current {text-decoration: underline}
div#topNavGlobalNav p a#skipLink:link, div#topNavGlobalNav p a#skipLink:visited {left: -9999px;position: absolute}
div#topNavGlobalNav p a#skipLink:hover, div#topNavGlobalNav p a#skipLink:focus, div#topNavGlobalNav p a#skipLink:active {background: #FC0 url('/images/common/skiplink-bg.gif') no-repeat bottom center; color: #000;font-size: 11px; font-weight: bold; left: 0; margin: 20px 0 0 0; margin-left : 0; padding : .5em 0 1.5em 0; padding-left : 0;text-align : center; width : 30em}
* html div#topNavGlobalNav p a#skipLink:hover, * html div#topNavGlobalNav p a#skipLink:focus, * html div#topNavGlobalNav p a#skipLink:active {left: -50px} /*ie6*/
div#topNavBread p {font-family: verdana, sans-serif; font-size: .6em; padding: 4px 0; margin: 0}
div#topNavBread a {text-decoration: none}
div#topNavBread a:hover {text-decoration:underline}
div#topNavBread a.breadHome {font-weight: bold}
div#footer p {font-family: verdana, sans-serif;	font-size: .6em}
div#footer p a {text-decoration: none; margin: 0 1em 0 0}
div#footer p a:hover {text-decoration:underline}
div#topNavGlobalNav p span {border-bottom: 1px solid #ccc}
div#footer p, div#footer p a, div#subLinksOuter div p a {color: #000}
div#topNavBread p, div#topNavBread a {color: #808080}
/* nav styles end */

/* forms start */
fieldset {border: 1px solid #fc0; padding: 10px; margin: 10px 0}
fieldset.quote {border: 1px solid #fc0; padding: 10px; margin: 10px 0 0 10px; font-family:verdana; font-size:1em; font-weight: normal}
fieldset.quote legend {font-size: 100%; background: #fff; border: 1px solid #fc0; padding: 5px 10px; font-weight: bold; font-size:11px; color: #666; margin: 0 0 10px 0}
form fieldset.quote p {margin: 0 0 0 10px}
form fieldset.quote select#cover {font-family:verdana; font-size:11px}
fiedset div {font-size:0.7em}
legend {font-size: 100%; background: #fc0; padding: 5px 10px; font-weight: bold; font-size:11px; color: #000; margin: 0 0 10px 0}
label, input, select, .questionleft, textarea {margin:0; padding: 0; font-size:11px; font-family: verdana, arial, sans-serif}
label.homeContentTwoColumn {display: block; float: left; clear: left; width: 65%; padding: 10px 0 0 0}
label.homeContentOneColumn {display: block; float: left; clear: left; width: 100%; padding: 3px 3px 0px 0px; font-size:0.6em}
input.homeContentTwoColumn, select.homeContentTwoColumn {display: block; float: left; font-size:0.7em; font-family:verdana, arial, sans-serif; margin: 10px 0 0 0}
form p {clear: both}
label.homeContentTwoColumnErr {display: block; float: left; clear: left; width: 65%; padding: 10px 0 0 0}
input.homeContentTwoColumnErr{display: block; float: left; font-size:0.7em; font-family:verdana, arial, sans-serif; margin: 10px 0 0 0; background-color: #F99}
.redBold {color: #ff0000; font-weight: bold}
.fieldError {background: #ff0000}
form.breakdownFeedback p {margin-top: 2.5em}
form.breakdownFeedback textarea {margin-top: 1em; width: 570px; padding: 0.3em}
html>/**/body form.breakdownFeedback input {margin: 3px 2px 3px 0}
form.breakdownFeedback label {position: relative; top: -0.1em}
html>/**/body form.breakdownFeedback label {position: relative; top: -0.45em}
/* forms end */

/* new aa form start */
form.aaform .address-display {background:none; margin:5px 10px 0 10px; line-height:1.5em; width:445px; text-transform:capitalize;}
form.aaform .blanklabeldiv {width:192px !important; display:block; float:left; background:none; margin:0; padding:0;}
form.aaform .blanklabeldiv2 {width:206px; display:block; float:left; background:none; margin:0; padding:0;}
form.aaform .buttoncontainer {background:none; margin:0 0 0 0; padding:0 0 0 285px; display:block; clear:both;}
form.aaform .buttoncontainer input.findaddress {width:149px;}
form.aaform .buttoncontainer input.methodofpayment {width:225px;}
form.aaform .card-logos {margin:15px 0 10px 10px; padding:0; display:block;}
form.aaform .cbox {width:14px; height:14px; float:left; margin:2px 0 0 0; padding:0;}
* html form.aaform input.cbox {width:14px; height:14px; float:left; margin:0; padding:0;}
form.aaform .confirmTermsContainer {clear:left; background: #eee; padding: 10px; margin: 10px 0 10px 0; ;}
form.aaform .confirmTermsContainer input {width:14px; height:14px; float:left; padding:0;margin:0 10px 0 0;}
form.aaform .confirmTermsContainer label { display:block;float:left;width:700px;/*line-height:1.6em;*/padding-top:0;}
form.aaform .legend-rule {margin:0 0 20px 0; padding:0; height:1px; background:#000; font-size:0.1em;}
form.aaform .fieldset-bg {background:url('/images/aaform/form-bg.gif') repeat-x #fff7e5; margin:0 0 10px 0; padding:0;}
form.aaform .fieldseterrortext, form.aaform .summaryerrortext  { float:none;color:#F15F22; display:block; font-family:arial; font-size:1.4em; font-weight:bold; line-height:1.5em; padding:6px 8px 8px 38px; width:auto;}
form.aaform .radiolabel {width:60px; float:left; font-size:0.7em; margin:0; padding:2px 0 0 5px;}
form.aaform .roadpaymentformp2 {background:none; margin:5px 10px 0 10px; line-height:1.5em; width:445px;}
form.aaform .smallsubmit {font-size:0.7em; margin:0 10px 15px 0; padding:5px 8px 5px 8px; width:auto; float:left; text-align:left; background:#3399ff; color:#fff; border:0; font-weight:900; cursor:pointer;}
form.aaform .smallsubmitimg {width:auto; padding:0px;}
.aaformsummaryerrorcontainer {margin-left:0; width:auto;} /*moved outside of form*/
form.aaform .terms-confirm {background:#fdd; height:100px; width:450px;}
form.aaform .terms-confirm input {float:left;}
form.aaform .terms-confirm label {width:96%; float:left; line-height:1.5em;}
form.aaform #paymentMethodDiv {background:none; margin:0; padding:0; width:750px;}
form.aaform #cardDetailsDiv {background:none; margin:0; padding:0; width:750px;}
form.aaform #bankDetailsDiv {background:none; margin:0; padding:0; width:750px;}
form.aaform #bankDetailsDiv input.findbank {width:153px;}
form.aaform #form-terms {width:100%;margin-left:0;padding-left:0;margin-bottom:1em;}
form.aaform #form-terms  p {margin-left:0;padding-left:0;margin-bottom:1em;float:none; width:auto;}
form.aaform a.helpIconContainer {display:block; float:left;width:19px; height:19px; ;}
form.aaform p {padding-top:1em; padding-left:10px; background:none; width:430px; margin:0 0 0.5em 0; float:left;} /*display:inline*/

form.aaform p.fullwidthp {padding-top:1em; padding-left:0; background:none; width:100%; margin:0 0 0.5em 0} /*display:inline*/

form.aaform div {padding-left:10px; height:auto; background:none; margin-bottom:0.5em;  clear:both; /*min-height:1.5em;*/}

form.aaform div.rbgroup {float:left; width:200px; padding:0; margin-right:0;clear:none;} /*radio button group*/
form.aaform div.rbgrouplist {float:left; width:208px; padding:0; margin-right:0;clear:none; font-size:1em;} /*radio button group vertical list*/
form.aaform div.rbgrouplist input.radiob {clear:left;}
form.aaform div.rbgrouplist p  {width:194px; font-size:0.7em;padding-left:14px; padding-bottom:0.2em;padding-top:2px; margin: 0 0 0.2em 0; clear:both;display:block;}
form.aaform div.rbgrouplist label.radiolabel  {font-size:0.7em; width:180px; ;}
/*form.aaform div strong {font-family:verdana,arial,sanserif; margin-left:0;}*/
form.aaform div label {color:#000;}
/*form.aaform div.selectedlarge {height:4.6em; background:none; margin-bottom:0.5em; width:722px;}*/
form.aaform fieldset {margin:0 0 15px 0; padding:0 0 0.5em 0; border:0; background:none;}
form.aaform fieldset .fieldseterror {overflow:auto; clear:both; width:745px; margin:0; padding:0;}
form.aaform fieldset .fieldseterror label.error {background:#f15f22; margin:8px 0 10px 10px; padding:4px; width:723px; color:#fff; float:left;}
form.aaform .fieldseterrorcontainer, .aaformsummaryerrorcontainer { background:url('/images/common/error-icon.gif') no-repeat scroll 0 0 #FEEFE8; border:1px solid #F15F22; display:block; margin:0 0 10px 0; padding:0; width:auto; font-size:11px; overflow:auto; ;}
form.aaform .fieldseterrorcontainer {width:auto; margin:0 10px 10px 10px;}
form.aaform .fieldseterrortext, .aaformsummaryerrortext  {margin:0; color:#F15F22; display:block; font-family:arial; font-size:1.4em; font-weight:bold; line-height:1.5em; padding:6px 8px 8px 38px; width:auto;}
.aaformsummaryerrorcontainer .aaformsummaryerrortext p {margin:0; font-family:arial; font-size:1em; font-weight:bold; line-height:1.5em}
.aaformsummaryerrorcontainer .aaformsummaryerrortext p.MyAAErrorMessageText { font-weight:normal; font-size:0.7em; margin-top:0.5em; }
form.aaform fieldset p {background:none; width:450px;}
form.aaform fieldset p.fieldsub {padding-bottom: 0; margin-bottom: 0.63em; font-size: 0.8em; font-family: arial, sans-serif; font-weight: 700;}
form.aaform img.helpIcon {vertical-align:middle;}
form.aaform input {font-size:0.7em; margin:0; padding:2px; width:200px; float:left; color:#000;}
form.aaform input.inputimage {width:auto; margin-bottom:10px;padding:0;}
form.aaform input.smallsubmit2 {font-size:0.7em; margin:0 10px 15px 10px; padding:5px 8px 5px 8px; width:auto; float:left; text-align:left; background:#3399ff; color:#fff; border:0; font-weight:900; cursor:pointer;}
form.aaform input.phonenumbercode {font-size:0.7em; width:80px; margin:0 1em 0 0; padding:2px; float:left;}
form.aaform input.phonenumber {font-size:0.7em; width:151px; margin:0 1em 0 0; padding:2px; float:left;}
form.aaform input.radiob {width:14px; height:14px; float:left; margin:0; padding:0;}
* html form.aaform input.radiob {margin:4px 0 0 0}
form.aaform input.optout {width: 14px; margin-right: 10px;}
form.aaform input.sortcode1, form.aaform input.sortcode2, form.aaform input.sortcode3  {font-size:0.7em; margin:0 0.5em 0 0; padding:2px; width:40px; float:left;}
* html form.aaform input.sortcode1, * html form.aaform input.sortcode2,* html form.aaform input.sortcode3 {font-size:0.7em; margin:0 0.5em 0 0; padding-bottom:0; width:60px; height:20px;}
form.aaform .bankSortCode {width:2em; margin-right:4px}
form.aaform label {font-weight:normal; width:auto; display:inline; float:none; background:none; padding:4px 0 0 0; margin:0; text-align:left; cursor:pointer;}
form.aaform label.error {background:url('/images/aaform/error-bg.gif') no-repeat scroll 0 0 transparent; color:#FFFFFF; float:right; font-size:11px; margin:0 10px 2px 10px;  padding:2px 3px 3px 15px; width:210px;}
form.aaform label.forcheckbox {width:380px; background:none; margin:0; padding:0; float:left;}
form.aaform label.forcheckbox span {display:block; float:left; margin:1px 0 0 6px; text-align:left;}
form.aaform label.forradio {font-weight:normal; width:180px; display:block; float:left; background:none; padding:0; margin:0; text-align:left; cursor:pointer;}
form.aaform label.notinview {background:#fcc; display:none;}
form.aaform  legend {font-size:1.1em; font-weight:900; background:none; color:#000; padding:0 0 10px 0; margin:0 0 0 0; font-family:arial; display:block;}
* html form.aaform legend span {display:block; padding-bottom:1em;}
form.aaform select {font-size:0.7em; float:left; margin-right:0; width: 210px;}
form.aaform select.dropDay,form.aaform select.dropMonth,form.aaform select.dropYear {width:auto; margin-right:0;}
form.aaform div.labelcontainer, form.aaform span.labelcontainer {background:none; float:left;width:265px; display:block; padding:4px 0 0 0px; margin-right: 10px; font-size: 11px; text-align:left;}
form.aaform div.labelHelp {padding-left:0;}
form.aaform div.labelHelp a {text-decoration:none; display:none;}
form.aaform div.labelHelp a:hover {text-decoration:underline;}
form.aaform div.labelHelp p {width:253px; clear:none; padding:6px;font-size:11px; background-color:#ffe57f; margin-top:0.5em; cursor:pointer;}
*html form.aaform div.labelHelp p {width:241px;}
form.aaform span.ui-datepicker-wrap { cursor:pointer;}
form.aaform .checkgroup {margin-left: 275px}
form.aaform textarea.myaatextarea {width: 210px; height: 80px}
form.aaform input.inputimage.butPost {width:auto; margin: 20px 24px 20px 76px;padding:0; float: left}
form.aaform input.inputimage.butEmail {width:auto; margin:20px 0 20px 0;padding:0; float: left}

form.aaform #findAddress {background: url("/images/buttons/button-find-my-address.gif") no-repeat 0 0;
    border: 0 none;
    font-size: 0;
    height: 29px;
    padding: 0;
    width: 165px;}
	
form.aaform .fieldset-bg fieldset .in-fs-error {
    background: url("/images/breakdown/application/bdown-error-icon.gif") no-repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CC0000;
    height: 50px;
    margin-top: 10px;
    width: 506px;
}
form.aaform .fieldset-bg fieldset .in-fs-error p {
    color: #CC0000;
    font-weight: 900;
    margin: 15px 0 0 45px;
    padding: 0;
}

#her-left form.aaform div.labelcontainer/*, #her-left form.aaform span.labelcontainer */{width:100%}
#her-left form.aaform input, #her-left form.aaform select {margin-bottom:10px}


/* new aa form end */

#address-overlay {
    display: none;
}
#address-overlay {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0.5em solid #DDDDDD;
    width: 710px;
}
* html select.under-overlay {
    visibility: hidden;
}
#address-overlay input.close {
    cursor: pointer;
    float: right;
}
#address-overlay h2 {
    border-bottom: 1px solid #DDDDDD;
    color: #000000;
    font: bold 1.5em Arial,sans-serif;
    margin: 0 0.5em 0.5em 0.75em;
    padding: 0 0 0.5em;
	text-align: left;
}
#address-overlay div.question {
    border: 0.25em solid #FFFFFF;
    clear: both;
    margin: 0 0 0.5em;
    padding: 0.25em 0.75em 0.75em;
    width: 662px;
}
#address-overlay select.select-l {
    width: 663px;
}
#address-overlay input.confirm {
    float: right;
    margin: 1em 1em 0 0;
}
#address-overlay input.image {
    padding: 0;
    vertical-align: middle;
}
#address-overlay fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    margin: 0 0 1em;
    padding: 1em 0.5em 0.5em;
    width: 680px;
}
#address-overlay legend {
	display:none;
}


.smallgrey {color:#666666; font-size:0.9em}

/* step menu start */
.stepMenu {width: 100%; margin: 0 0 1.2em 0; padding-top: 0}
.stepMenu li {width: 173px; float: left; display: block; padding: 0 0 0 14px; font: normal 25px arial,helvetica,sans-serif; color: #666; line-height: 35px; background: #f6f6f6 url(../images/common/stepmenu/tri-off.gif) no-repeat right}
* html .stepMenu li {width: 187px}
.stepMenu li span {position: relative; font: normal 11px verdana,arial,helvetica,sans-serif; color: #666; margin-left: 10px; vertical-align: top; top: 11px}
* html .stepMenu li span {top: 7px}
*:first-child+html .stepMenu li span {top: 8px}
.stepMenu li.stepon {background: #d9d9d9 url(../images/common/stepmenu/tri-on.gif) no-repeat right; color: #000; font-weight: bold}
.stepMenu li.stepon span {color: #000; font-weight: bold}
* html .stepMenu li.stepon span {top: 8px}
.stepMenu li.steplast {background: #f6f6f6 none; width: 175px}
* html .stepMenu li.steplast {width: 189px}
.stepMenu li.steplast.on, .stepMenu li.steplast.on span {background: #d9d9d9; color: #000; font-weight: bold}
.stepMenu li a {text-decoration: none}
.stepMenu li span a {text-decoration: underline}
.stepMenu li span.twolines {display: block; width: 120px; float: right; top: 4px; margin: 0 29px 0 0}
* html .stepMenu li span.twolines {float: left; margin: -35px 0 0 12px}
* html .stepMenu li.stepon span.twolines {float: left; margin: -39px 0 0 12px}
*:first-child+html .stepMenu li span.twolines {float: left; margin: -39px 0 0 24px}
/* step menu end */

/* sitemap start */
#sitemap {padding:0; margin:0; overflow: auto; height: auto; width: 100%;border: 0}
#sitemap ul {padding:0; margin:0}
#sitemap li {list-style-type: none; padding: 1px}
#sitemap a:link, #sitemap a:visited {text-decoration: none; display: block; width: 16.2em;padding: 0.4em 0 0.5em 0.5em}
#sitemap a:hover {background: #fc0}
#sitemap a:link.main, #sitemap a:visited.main {display: block; font-weight: bold;background: #eee}
#sitemap a:hover.main {background: #666; color: #fc0}
.sitemapSection {float: left}
.sitemaprow {overflow: auto; height: auto; width: 100%}
/* sitemap end */

/* FAQs start */
#mainContent p.question {background: #eee url(/images/faqs/q_question.gif) no-repeat top left; padding: 5px 1em 5px 30px; font-weight:bold;}
#mainContent p.answer {background: transparent url(/images/faqs/a_answer.gif) no-repeat top left; padding: 5px 1em 1em 30px; margin: 0.5em 0;}
/* FAQs end */

p.helpIconText {float:right; margin:-2.9em 0 0; padding:0; position:relative}
.helpIconText {float:right; margin:0; padding:0}

/* signs styles start */
div.aasignsContactBox p {margin-bottom: 5px !important}
div.aasignsContactBox a {margin: 0 !important}
img.aasignsImageRight {float: right; margin:0 0 5px 5px}
/* signs styles end */

div.L4layout14 div.plcMainPromo {width: 587px; height: 116px; background: url(/images/breakdown/promo_plc.jpg) no-repeat}
div#breakdownOptionsMainPromo {background: url(/images/breakdown/promo_breakdownOptions.jpg) no-repeat}
div#breakdownOptionsMainPromo a {display: block; width: 395px; height: 116px; text-indent: -9999px}
div#breakBox {float: left; width: 8.875em; height: auto; margin-top: 5em}
div#breakBox ul {list-style: none}
div#breakBox li {display: inline}
div#savingsBox {float: left; width: 8.875em; height: auto}
div#generalEnquiries {
	float: left;
	clear: left;
	width: 8.45em;
	width: 8.875em;
	height: 50px;
	margin-top: .75em;
	background: #EEE}
div#HelpBox {
	float: left;
	width: 8.875em;
	height: auto;
	margin-top: 1.25em;
	background: #FFF5CC;
	border: 1px solid #FC0}
div#HelpBox p#callback a {
	display: block;
	width: 100%;
	height: 100%}
div#SecureBox {
	float: left;
	padding: 8px;
	height: auto;
	margin-top: 1em;
	background: #f8f8f8;
	border: 1px solid #CCC}
div.L4layout14WithBorder, div.L4layout14WithBorderLeft {
	float: left;
	width: 99.5%;
	height: auto;
	text-align: center;
	border: 1px solid #999}
div.L4layout14WithBorderLeft {
	text-align: left;
	padding-bottom: 10px}
div.breakdownDescriptions {
	float: left;
	width: 49.4%;
	padding-top: 10px}
div.breakdownDescriptions img {
	margin: 0 10px 10px 10px;
	float: left}
div.L4layout11, div.L4layout21, div.L4layout31, div.L4layout41 {
	float: left;
	display: block;
	width: 25%;
	height: auto}
div.L4layout12 {
	float: left;
	width: 49.99%;
	background: #FFE57F}
div.L4layout32 {
	float: right;
	width: 49.99%;
	background: #FFF5CC}
div.L3layout11, div.L3layout21, div.L3layout31 {
	float: left;
	display: block;
	width: 33%;
	height: auto}
div.L3layout12 {
	float: left;
	display: block;
	width: 66%;
	height: auto}
div.L2layout21 {
	width: 50%;
	float: right;
	display: block;
	height: auto}
div.L2layout12OrangeBorder {
	border: 1px solid #fc0;
	clear: both;
	width: 98.5%}

div.L2layout12OrangeBorder h2.textTitle {
	font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold;
	background: #FC0;
	padding-left: 5px;
	line-height: 29px}
div.orangeBorder2col {
	border: 1px solid #fc0;
	width: 288px;
	height: 18em;
	padding: 0
}
div.orangeBorder2col h3 {font-size: 16px; font-weight: bold; background: #FC0; padding: 5px 10px}

div.L2layout11, div.L2layout21 {
	width: 50%;
	float: left;
	display: block;
	height: auto}
table#creditcareTable td, table#creditcareTable th {
	width: 12em;
	text-align: left}
table#creditcareTable th {
	font-weight: normal}
/* SEO style edited 27.03.06 */
div.travelCatch h4 {
	margin-bottom: 0;
	margin: 0 0 -6px 10px;
	/* BOX MODEL HACK - fixes paragraph width weirdness between IE5.5 and IE6 */
	width:95%;
	/* /BOX MODEL HACK */
}
/* Box Model Hack */
div#savingsCalculator {
	padding: 7px 10px;
	float: right}
div#savingsCalculatorMF {
	position: relative;
	float: left;
	width: 100%}
p.savingsCalculatorMFpad
{
	padding: 7px 10px}
p.savingsCalculatorMFpadNum
{
	padding: 4px 10px;
	font-size: 1.3em !important}
div#savingsCalculatorResults {
	padding: 7px;
	background: #fff;
	border: 1px solid #999}
.buttonRight {
	text-align: right}
.legalStuff {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	margin-top: 1em;
	margin-right: -3px; /* To counter IE duplicate char bug in the p tag below. http://positioniseverything.net/explorer/dup-characters.html */
	border-top: 1px solid #C2C2C2}
.legalStuff p {
	margin-top: 4px}
div#financeLoansL4layoutContainer, div#financeSavingsL4layoutContainer, div#businessCustomersL4layoutContainer, div#insuranceL4layoutContainer {
	float: left}
.smallBoxGreyRightBorder {
	float: left;
	width: 97.3%;
	height: auto;
	clear: both;
	border-right: 1px solid #CCC}
div#financeLoansL4layoutContainer .L4layout31 .smallBoxGreyRightBorder {
	height: 95px}
div#financeLoansL4layoutContainer div img, div#financeSavingsL4layoutContainer div img, div#businessCustomersL4layoutContainer div img {
	margin-bottom: .3em}
div#businessCustomersL4layoutContainer .L4layout11 p, div#businessCustomersL4layoutContainer .L4layout21 p, div#businessCustomersL4layoutContainer .L4layout31 p, div#businessCustomersL4layoutContainer .L4layout41 p, div#financeLoansL4layoutContainer .L4layout11 p, div#financeLoansL4layoutContainer .L4layout21 p, div#financeLoansL4layoutContainer .L4layout31 p, div#financeLoansL4layoutContainer .L4layout41 p, div#financeSavingsL4layoutContainer .L4layout11 p, div#financeSavingsL4layoutContainer .L4layout21 p, div#financeSavingsL4layoutContainer .L4layout31 p, div#financeSavingsL4layoutContainer .L4layout41 p {
	float: left;
	width: 90%;
	height: auto;
	margin-bottom: .5em;
	margin-left: 3px}
div.aacareersCatch p {
	margin-bottom: 5px;
	/* BOX MODEL HACK - fixes paragraph width weirdness between IE5.5 and IE6 */
	width:95%;
	/* /BOX MODEL HACK */
}
/* Box Model Hack */
html>body div.aacareersCatch p {
  	width:90%}
div#motoringAdviceTopRow, div#motoringAdviceBottomRow, div#insuranceBottomRow {
	float: left;
	margin-bottom: .75em}
div#insuranceBottomRow {
	margin-top: 10px}
div#motoringAdviceTopRow .top1, div#motoringAdviceBottomRow .bottom1, div#motoringAdviceBottomRow .bottom2 {
	width: 9.3675em;
	float: left}
div#motoringAdviceTopRow .top2 {
	width: 9em;
	float: left}
div#motoringAdviceBottomRow .bottom3, div#insuranceBottomRow .bottom1, div#insuranceBottomRow .bottom3 {
	width: 18.5625em;
	float: left}
div.motoringAdviceLinks, div.insuranceLinks {
	width: 8.75em}
div.motoringAdviceLinksDouble div.left, div.insuranceLinksDouble div.left {
	width: 48%;
	float: left;
	display: inline}
div.motoringAdviceLinksDouble div.right, div.insuranceLinksDouble div.right {
	width: 48%;
	margin-right: 1%;
	float: right;
	display: inline}
div.motoringAdviceLinksDouble, div.insuranceLinksDouble {
	width: 100%}
div#motoringAdviceTopRow .top1 .motoringAdviceLinks, div#motoringAdviceBottomRow .bottom1 .motoringAdviceLinks, div#motoringAdviceBottomRow .bottom2 .motoringAdviceLinks, div#insuranceBottomRow .bottom1 .insuranceLinks, div#insuranceBottomRow .bottom3 .insuranceLinks {
	padding-right: 4px;
	border-right: 1px solid #ccc}
div.motoringAdviceLinks p, div.motoringAdviceLinksDouble p, div.insuranceLinksDouble p {
	border-top: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: .5em}
div.motoringAdviceLinks a, div.motoringAdviceLinksDouble a, div.insuranceLinks a, div.insuranceLinksDouble a {
	display: block;
	width: 11em;
	text-decoration: none;
	padding: 2px 14px 2px 4px;
	background: url(../images/common/arrows/grey_chevrons.gif) right bottom no-repeat;
	border-bottom: 1px solid #ccc}
iframe#fuelPricesIframe {
	width: 53.8em;
	height: 12em;
	border: none}
div.L4layout300px {
	width: 300px;
	margin: 0;
	float: left}
div.breakdownCoverViewOptions, div.aacareersSearchandApply {
	width:100%;
	height:auto;
	text-align:right;
	background-color: #FEF5CC;
	border-top:solid 1px #FFCF0F}
div.breakdownCoverMainTitle {
	clear: both;
	padding:10px 10px 10px 10px}
/* DG SAVINGS STYLES  */
div.L3gutter11 div.sgutterContent, div.L3gutter21 div.sgutterContent {
	width: 12.35em;
	height: 2em;
	padding-right: 5px}
html>body div.L3gutter11 div.sgutterContent, html>body div.L3gutter21 div.sgutterContent {
	width: 12em}
div.L3gutter31 div.sgutterContent {
	width: 12em;
	height: 2em}
/* END DG SAVINGS STYLES */
div.L3gutter13 {
	clear: both;
	margin-bottom: .5em}
div.L3gutter11 {
	width: 12.625em;
	float: left}
div.L3gutter21 {
	width: 12.625em;
	float: left}
div.L3gutter31 {
	width: 12em;
	float: left}
div.gutterh3, div.gutterh3Tall {
	width: 12em}
div.L3gutter11 div.gutterContent, div.L3gutter21 div.gutterContent {
	width: 12.35em;
	height: 8em;
	padding-right: 5px}
div.gutterContentFinance {
	width: 12.35em;
	height: 3.5em;
	float: left;
	border-right: 1px solid #ccc}
div.gutterContentFinance2 {
	width: 12em;
	height: 3.5em;
	float: left}
html>body div.L3gutter11 div.gutterContent, html>body div.L3gutter21 div.gutterContent {
	width: 12em}
div.L3gutter31 div.gutterContent {
	width: 12em;
	height: 8em}
div.gutterContent p {
	padding: .5em 4px}
div.gutterButton {
	padding-top: .5em;
	padding-bottom: .5em}
div.L3gutter11 div.gutterButton, div.L3gutter21 div.gutterButton {
	width: 12em;
	padding-right: 5px;
	border-right: 1px solid #ccc}
div.L3gutter11 div.gutterContent2, div.L3gutter21 div.gutterContent2 {
	width: 12.35em;
	height: 9em;
	padding-right: 5px;
	border-right: 1px solid #ccc}
html>body div.L3gutter11 div.gutterContent2, html>body div.L3gutter21 div.gutterContent2 {
	width: 12em}
div#routePlannerL3gutter div.gutterContent2 {
	height: 8.25em !important}

div.L3gutter31 div.gutterContent2 {
	width: 12em;
	height: 9em}
div.gutterContent2 p {
	padding: .5em 4px}
div.travelCatch a {
	display: block;
	margin-top: 5px;
	margin-left: 7px;
	clear: both}
div.travelCatch p {
	margin-bottom: 0;
	/* BOX MODEL HACK - fixes paragraph width weirdness between IE5.5 and IE6 */
	width:95%;
	/* /BOX MODEL HACK */
}
/* Box Model Hack */
html>body div.travelCatch p{
  	width:90%}
div#travelForms, div#rpResults {
	clear: left;
	background: #FFE57F url(../images/travel/travelForms_bg.gif) right top no-repeat;
	width: 36.675em}
div.L4layout14nomargin {
	float: left;
	width: 99%;
	height: auto}
div#travelForms div.routePlannerForm, div#travelForms div.rpFormLeft {
	width: 14.875em;
	float: left;
	padding: 10px 2.75em 0 .875em;
	border-right: 1px solid #fc0}
div#travelForms div.checkTrafficForm, div#travelForms div.rpFormRight {
	width: 15.25em;
	float: left;
	padding: 10px 1em 0 1.125em}
div#travelForms div.rpFormFull {
	width: 30.5em;
	float: left;
	padding: 10px 1em 0 1.125em}
div.widePromo {
	text-align: center;
	margin: 9px 0 0 0;
	padding: 7px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc}
div#rpHeadLeft {
	width: 24.375em;
	float: left}

div#rpHeadRight {
	width: 200px;
	float: left}
div#travelForms div.left3 {
	width: 2em;
	float: left}
div#travelForms div.right3 {
	width: 12.875em;
	float: left}
div#persRegAd {
	margin-bottom: 1em;
	text-align: center;
	padding: 9px 0;
	background: #E4E7E9}
.breakdownDescriptions p {
	padding:0 .3em}
fieldset.breakdownDescriptions {
	border:0;
	padding:0}
.h3breakdownGetQuote {
	margin: 0 0 .5em 0}
.breakdownGetQuote p {
	padding:0 .8em}
.breakdownGetQuote h5 {
	padding:.5em 0 0 .6em}
div.breakdownGetCover p {
	margin:.2em 0 0 .2em}
.breakdownDescriptions {
	width: 45.5%;
	float: left}
.breakdownDescriptions p {padding:0 .8em .3em .8em}
.breakdownDescriptionsfull p {padding:0 0 0 .8em}
div.breakdownDescriptionsfull {float: left; width: 99.4%}
fieldset.breakdownDescriptionsfull {padding:0 .8em .3em .8em; border: 0}
fieldset.breakdownDescriptionsfull p {padding:0 .8em .3em .8em; border: 0}
.breakdownWhatIsCovered, .breakdownGetQuote, .breakdownFeatures {
	margin-bottom: .7em}
div.breakdownGetCover {
	width:100%;
	margin:.5em 0;
	float: left; position: relative;
	background-color:#fef5cc;
	border-top:solid 1px #FC0;
	border-bottom:solid 1px #FC0}
div.breakdownGetCover div.halfBlock, div.breakdownGetCover div.halfBlock left{
	padding: 0;
	float: left;
	position: relative}
div.breakdownGetCover div.halfBlock right{
	padding: 0;
	float: right;
	position: relative}
div.breakdownGetCover div.halfBlock p {
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	float: left;
	position: relative}
div.breakdownGetCover div.left img {
	float: left;
	margin-top: -10px;
	margin-left: 10px}
div.breakdownGetCover div.right img {
	margin-top: 20px;
	margin-right: 5px}


/* Motoring advice */
div#l2motGeneralAdvice div.halfBlock {
	width: 50%; /* IE5.5 */
	float: left;
	padding: 10px 10px}
/* Box Model Hack */
html>body div#l2motGeneralAdvice div.halfBlock{
  	width: 46.5%; /* IE6/FF */
}
div#l2motGeneralAdvice div.halfBlock a {
	font-weight: bold}



/* AA STYLES KM - WIDENS THE PROMO SLOT WHEN THERE IS NO EXISTING CUSTOMERS BOX */
div.L4layout14 .productpageMainPromoNoExisting {
	float: left;
	width: 593px;
	height: 116px;
	text-indent: -9999px;
	overflow: hidden}
/* TELEPHONE NUMBERS */
h5.telephone {text-align: center; border-bottom: 1px solid #FC0; padding-bottom: 4px}
p#callback img {float: left; margin: 8px 0 2px 0}
/* This overides the width of div called div.L3layout12 for the Car Insurance page - gives full width text */
div.L3layout12CarIns, div.L3layout12HomeIns, div.L3layout12BoatInsurance, div.L3layout12BusIns, div.L3layout12ClasCar, div.L3layout12GolfIns, div.L3layout12HolHome, div.L3layout12Bike, div.L3layout12Personal, div.L3layout12PetIns, div.L3layout12TravelIns, div.L3layout12LifeInsurance, div.L3layout12Travelkit, div.L3layout12CreditCardReward
{
	float: left;
	display: block;
	width: 100%;
	height: auto}

.L2layout12OrangeBorder .h3GeneralAdvice {background: #fc0 url(/images/common/headlines/h3_GeneralAdviceYellow.gif) no-repeat 12px 7px; height: 34px}

div.aacareersCatch, div.insuranceCatch {
	float: left;
	width:8.5em;
	height: 116px}
div.insuranceCatch form select {
	margin-left: 5px}
div.L4layout14 .breakdownOptionsMainPromo, div.L4layout14 .breakdownCoverMainPromo, div.L4layout14 .financePromo, div.L4layout14 .financePromoCC {
	float: left;
	width: 453px;
	height: 116px}

div.aacareersCatch a {
	display: block;
	padding-top: 5px;
	margin-left: 7px;
	clear: both}
div#l2motGeneralAdvice div.halfBlock {
	width: 50%; /* IE5.5 */
	w\idth: 46.5%; /* IE6/FF */
	float: left;
	padding: 10px 10px}
div.L4layout14 div.fleetAdvantagePromo {width: 453px; height: 116px; background: url(/images/businessCustomers/promo_fleetAdvantage.jpg) no-repeat}

/*old fleet styles from styles css*/
.fleet_blockgrey_float {background: #f4f4f4; padding: 0; margin: 0px 2px 0px 2px; float: right}
.fleet_blockgrey {background: #f4f4f4; padding: 0; margin: 0px 2px 0px 2px}
td .pad_left {padding-left: 5px}
.boldtext {font-weight: bold; font: arial .6em; margin-left: 5px}

#promoBox {
	float: left;
	width: 142px;
	height: 116px;
	display: block;
	background: #eee;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 5px 5px 0 8px}
html>body div#promoBox {
	width: 127px;
	height: 109px}
#promoBox.homeInsurance {
	width: 196px}
html>body div#promoBox.homeInsurance {
	width: 185px;
	height: 109px}
#promoBox.bikeInsurance {
	height:194px;}
html>body div#promoBox .bikeInsurance {
	height:194px;}
/* firefox IE7 */
html>body div#promoBox.carInsurance {
	width: 178px;
	height: 109px;
	padding-left: 8px}
#promoBox h3 {
	padding: 0;
	margin: 0 0 1em 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em}
#promoBox p {
	padding: 0;
	margin: 0}
#promoBox p.tel {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: .8em;
	font-weight: bold}
#promoBox p.tel.business {
	margin: 0}
#promoBox.business p.tel, #promoBox p.marginTop  {
	margin-top: 1em}
#promoBox p.businessButton {margin-top: 1.2em}
#promoBox p.spacer {
	margin: 0 0 1em 0}
#promoBox .breakdownRenew {
	margin-bottom: 12px}
#promoBox a {
	margin-top: 5px;
	display: block}
#promoBox p a.normal {
	font-weight: normal}
#promoBox.lifeInsBox {border:1;width: 252px;}
#promoBox.lifeInsBox a {display:inline;}
div.L4layout14 p {
	float: left;
	clear: both;
	width: 95%; /* why? */
	font-size: 0.69em; /*MR6939*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px}
th {font-size: 11px}
td {font: verdana; font-size:11px; padding:2px 2px 2px 8px}
td strong.white {font:#fff}
.insbens {font-size:1em; background: #fc0; padding:3px; text-align: right}
.travelbuttonl {width:50%; float:left}
.travelbuttonr {width:49%; float:left}
div.L2layout11fixed {
	width: 50%;
	float: left;
	display: block;
	background: #fff}
.findoutMargin {margin-left: 5px}
h3.h3eurobreakdownCover {
padding: 7px}
.eurobreakdownCoverMainTitle {
padding: 10px 0 0 7px}
.clearnone {clear: none}
.L2layout12OrangeBorder .h3aacareers {background: #fc0; height: 34px}
.floatleft {float: left}
.floatright {float: right}
.clearnone {clear: none !important}
.aacareersPromo {float: left}
div.aacareersCatch h3 {padding-top: 15px; margin-left: 7px; padding-bottom: 10px}
.careerthumb {float: left; margin: 0 10px 10px 0}
.careertext {float: left; height: 26px; margin-top: 49px}


.rightAlign {
	text-align: right}
.noMargin {
	margin: 0}
.verticalAlignTop {
	vertical-align: top}
p.calcResults {
	text-align: center;
	font-weight: bold;
	font-size: large;
	padding: .25em 0}
.L4layout14 p.strong {
	font-weight: bold;
	margin-bottom: 0}

div.L4layout14nomargin p {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px}
div.L4layout14 a, div.L4layout14WithBorder a {
	font-weight: bold}
div.L4layout14WithBorder p {
	padding: .5em}
.breakdownDescriptions p {
	margin-top: 0;
	margin-bottom: 10px}

#mainContent ul.ticked, #MainContentNoLeftNav ul.ticked {padding: 0 10px 1em 38px; margin: 0; list-style-image: url(../images/common/listTick.gif)}
#mainContent ul.ticked li, #MainContentNoLeftNav ul.ticked li {font-size: 0.69em; /*MR6939*/ margin: 0 0 0 0}
#mainContent ul.ticked li ul li, #MainContentNoLeftNav li ul li {font-size: 100%; /*MR6939*/}

ul.tickedsmll {
	padding: 0 7px -1em 8px;
	margin: 0;
	line-height:0.7em;
	list-style-image: url(../images/common/listTicksmll.gif)}
ul.tickedsmll li {
	font-size: 0.69em; /*MR6939*/
	margin: 0 0 -8px 0;
	line-height:0.7em;}
ul.tickedsmll li ul li {
	font-size: 100%; /*MR6939*/
}
span.fixHeighttickedsmll {margin-bottom:5px;}
ul.smallGreyDot {
	padding: .5em 10px .5em 24px;
	margin: 0;
	list-style-image: url(../images/common/smallGreyListBullet.gif)}
ul.smallGreyDot li {
	font-size: 0.69em; /*MR6939*/
}
ul.smallGreyDot li ul li {
	font-size: 100%; /*MR6939*/
}
.tickedHalfWidth {float: left; width: 43%; clear: none}

div.L3gutter13 ul {
	padding: 0 5px 0 24px !important;
	margin: 0 !important}
div.L3gutter13 ul li {
	font-size: 0.69em !important; /*MR6939*/
	margin: .25em 0 !important;
	line-height: 120% !important;
	padding: 0 !important}
div.L3gutter13 ul li ul li {
	font-size: 100% !important; /*new*/
}
div#savingsCalculatorResults p {
	margin: 0}
div.gutterContent2 p a {
	font-weight: bold}
#breakdownPriceText {
	font-size:1.5em}
#breakdownPriceFigure {
	font-size:1.5em;
	font-weight:bold;
	padding:0em .3em}
/* ********************************************************************* */
/* image replacement section */

div#breakBox p {
	background: url(../images/breakdown/breakboxP.gif) no-repeat;
	height: 41px;
	margin-bottom: 0}
div#breakBox #h508000852721 {
	background: url(../images/common/headlines/h508000852721.gif) no-repeat;
	height: 15px}
div#breakBox li a.liWeCanCallYou, div#breakBox li a.liJoinByPost {
	height: 15px;
	margin-top: .5em}
div#breakBox li a.liWeCanCallYou {
	background: url(../images/breakdown/liWeCanCallYou.gif) no-repeat}
div#breakBox li a.liJoinByPost {
	background: url(../images/breakdown/liJoinByPost.gif) no-repeat;
	margin-bottom: 1em}
div#savingsBox p {
	background: url(../images/finance/savingsBoxP.gif) no-repeat;
	height: 142px;
	margin-bottom: 0}
div#businessCustomersL4layoutContainer div h3 {
	float: left;
	overflow: hidden;
	height: 2.5625em;
	width: 95%;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body div#businessCustomersL4layoutContainer div h3 {
	width: 92.5%;
	height: 2.3125em}
div#financeLoansL4layoutContainer div h3 {
	float: left;
	overflow: hidden;
	height: 2.5625em;
	width: 95%;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body div#financeLoansL4layoutContainer div h3 {
	width: 92.5%;
	height: 2.3125em}
div#financeLoansL4layoutContainer div h4 {
	height: 79px;
	width: 95%;
	background: #FFE787;
	margin-bottom: .5em}
div#insuranceL4layoutContainer div h2 {
	float: left;
	overflow: hidden;
	height: 1.375em;
	width: 95%;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
div#insuranceL4layoutContainer div h2 a, div#insuranceBottomRow h2 a {
	text-decoration: none;
	color: #fff;
	height: 1.125em}
html>body div#insuranceL4layoutContainer h2, html>body div#insuranceBottomRow h2 {
	height: 1.125em;
	width: 92.2%}
html>body div#insuranceL4layoutContainer div.L4layout41 h2 {
	width: 92.4%;
	height: 1.125em}
div#insuranceL4layoutContainer div h4 {
	height: 79px;
	width: 95%;
	background: #FFE787;
	margin-bottom: .5em;
	clear: both}
div#financeSavingsL4layoutContainer div h3 {
	float: left;
	height: 17px;
	width: 95%;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
div#financeSavingsL4layoutContainer div h4 {
	height: 79px;
	width: 95%;
	background: #FFE787;
	margin-bottom: .5em}
div#motoringAdviceTopRow h3, div#motoringAdviceBottomRow h3 {
	height: 20px;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body div#motoringAdviceTopRow div.top2 h3, html>body div#motoringAdviceTopRow div.top2 h2 {
	width: 96%}
div#motoringAdviceTopRow div.top2 h3, div#motoringAdviceBottomRow div.bottom3 h3, div#motoringAdviceTopRow div.top2 h2, div#motoringAdviceBottomRow div.bottom3 h2 {
	width: 98.5%}
html>body div#motoringAdviceBottomRow div.bottom3 h3, html>body div#motoringAdviceBottomRow div.bottom3 h2 {
	width: 97.5%}
div.L3gutter31 div.gutterh3 h2, div.L3gutter31 div.gutterh3 h3 {
	width: 99.5%}
html>body div.L3gutter31 div.gutterh3 h3, html>body div.L3gutter31 div.gutterh3 h2 {
	width: 97.3%}
html>body div#financeSavingsL4layoutContainer div h3, #businessCustomersL4layoutContainer .L4layout11 h2, html>body #businessCustomersL4layoutContainer .L4layout11 h2 {
	width: 92.5%}

*:first-child+html #businessCustomersL4layoutContainer .L4layout11, *:first-child+html #businessCustomersL4layoutContainer .L4layout21, *:first-child+html #businessCustomersL4layoutContainer .L4layout31, *:first-child+html #businessCustomersL4layoutContainer .L4layout41 {margin-right:3px} /*ie7*/

*:first-child+html #businessCustomersL4layoutContainer .smallBoxGreyRightBorder {padding-right: 3px} /*ie7*/

* html #businessCustomersL4layoutContainer .smallBoxGreyRightBorder {padding-right: 3px} /*ie6*/

html>body div#insuranceBottomRow div h2 {
	width: 97%}
div#insuranceBottomRow .bottom1 img {
	width: 98%}
div#insuranceBottomRow .bottom3 img {
	width: 98.2%}
div#motoringAdviceTopRow h2, div#motoringAdviceBottomRow h2 {
	height: 20px;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
div#motoringAdviceTopRow h2 a:link, div#motoringAdviceBottomRow h2 a:link, div#motoringAdviceTopRow h2 a:visited, div#motoringAdviceBottomRow h2 a:visited {
	color: #fff;
	text-decoration: none}
div.breakdownCoverMainTitle p{
	font-size: 11px;
	font-weight:bold;
	margin:0px}
ul.smallBlackDot {
	padding: .5em 10px .5em 24px;
	margin: 0;
	list-style-image: url(../images/common/smallBlackListBullet.gif)}
ul.smallBlackDot li {
	font-size: 0.69em; /*MR6939*/
	margin: .25em 0 10px 0}
div.gutterh3 h3 {
	width: 100%;
	height: 24px;
	overflow: hidden;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body div.gutterh3 h3 {
	width: 97.6%;
	height: 20px}
div.gutterh3 h2 {
	width: 100%;
	height: 24px;
	overflow: hidden;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body div.gutterh3 h2 {
	width: 97.6%;
	height: 20px}
div.gutterh3 h2 a {
	text-decoration: none; color: #fff}
#businessCustomersL4layoutContainer h2 {
	width: 95%;
	height: 40px;
	overflow: hidden;
	background: #000;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px}
html>body #businessCustomersL4layoutContainer h2 {
	width: 92.5%;
	height: 36px}
#businessCustomersL4layoutContainer h2 a {
text-decoration: none; color: #fff}
div#insuranceBottomRow .bottom1 h2, div#insuranceBottomRow .bottom3 h2 {
	height: 1.375em;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;
	padding: 2px 0px 2px 4px}
div#insuranceBottomRow div h2 {
	height: 1.125em;
	width: 98.2%}
div#insuranceBottomRow .bottom3 img, div#insuranceBottomRow .bottom3 h3 {
	margin-left: 1px}

div.gutterh3Tall h3 {
	width: 100%;
	height: 34px;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 20px;
	padding: 3px}
div.gutterh3Tall h2 {
	width: 100%;
	height: 34px;
	background: #666;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 20px;
	padding: 3px}
div.gutterh3Tall a {
	text-decoration: none;
	color: #fff}
html>body div.gutterh3Tall h3 {
	width: 97%;
	height: 28px}
html>body div.gutterh3Tall h2 {
	width: 97%;
	height: 28px}

p#needHelp, p#callTimes, p#callback {
	width: 100%;
	text-indent: 0;
	margin: 4px 4px 5px 4px}

/* This fixes titles within page content from old AA pages that had no style specified */
strong.oldtitle {font-family: Arial, Helvetica; font-size: 14px}

div.L2layout12OrangeBorder h3.h3eurobreakdownCover {
	font-size: 16px;
	font-weight: bold;
	background-color: #FC0}
/* colours.css starts */

div#savingsCalculator, div#savingsCalculatorMF {
	background: #fff5cc}
#scalcwrap {background: #fff5cc !important; float: right; position: relative}

div.insuranceCatch, div.travelCatch, div.aacareersCatch {
	background: #fc0}

div#breakBox, div#savingsBox {
	background: #FFF5CC;
	border: 1px solid #FC0}
div.breakdownCoverContainer {
	border:solid 1px #FC0}
div.breakdownCoverMainList {
	border-top:solid 1px #FFCF0F}
div.L3gutter11 div.gutterContent, div.sgutterContent, div.L3gutter21 div.gutterContent {
	border-right: 1px solid #ccc}
div#routePlannerL3gutter div.L3gutter21 div.gutterContent2, div#routePlannerL3gutter div.L3gutter21 div.gutterButton {
	border-right: none !important}
div#travelForms {
	border: 1px solid #fc0}
div#travelForms div.routePlannerForm {
	border-right: 1px solid #fc0}
div.breakdownWhatIsCovered {
	background-color: #fef5cc}
div.breakdownGetQuote {
	border:solid 1px #FC0}
div.breakdownFeatures {
	background-color:#eeeeee}
div#rpResults div.rpResultsRight p.pTop {
	border-top: 1px solid #fc0}
/* forms.css starts */

.formLabel {
	display: none}
input, select {
	font-size: 70%;
	font-family: verdana, sans-serif}
input.productPageCalcText {
	vertical-align: top;
	width: 135px}
select.productPageCalcSelect {
	width: 139px}
input.dvlaRegSearch {
	width: 140px;
	margin: 3px 0}
form div.padLeft {
	padding-left: 15px}
/** travel subhomepage forms **/


#option100Form legend {font-size: .7em; font-weight: bold; padding: .5em 0 .2em 0}
#option100Form label {font-size: .7em; padding: 0 0 0 .8em}
* html #option100Form legend {margin-left: -.6em}
div.rpL4layout14 div.L4layout12 input.rpTextField, div.mrL4layout14 div.L4layout12 input.rpTextField {width: 200px; vertical-align: top;color: #666}
div.rpL4layout14 div.L4layout12 input.rpFindButton, div.mrL4layout14 div.L4layout12 input.rpFindButton {margin-left: 5px; vertical-align: top}
select#insuranceProductDropdown {float: left; margin-top: 10px; margin-left: 10px; min-width: 10em; /* ff only */width: 10.2em}
input#insuranceSubmitButton {float: left; margin-top: 14px; margin-left: 10px}
div#homeSubRightPromo input.travelButton {margin: .3125em 0 0 0}
div#homeSubLeftPromo1 div.extraInfo select {width: 12.68em; /* 142px / 16 = 8.875em / 70% = 12.68 */}
div#homeSubLeftPromo2 div.extraInfo select {width: 10.54em; /* 118px / 16 = 7.375em / 70% = 10.54 */}
div#homeSubLeftPromo2 div.extraInfo input.textbox {width: 10.18em !important; /* 114px / 16 = 7.125em / 70% = 10.18 */ width: 10.45em}
div.extraInfo input {vertical-align: top}
div.homeForm input.textbox, div.homeForm select {margin-bottom: .625em}
div#homeSubLeftPromo1 input, div#homeSubLeftPromo2 input, div#homeSubRightPromo input, div#homeSubLeftPromo1 select, div#homeSubLeftPromo2 select {font-size: 70%; color: #666666}
div#homeSubRightPromo input.travelText {width: 11.07em; /* 124px / 16 = 7.75em / 70% = 11.07em */}


/* tables.css starts */

/* 	**************************************************************
	Table for selecting the correct cover on business breakdown */
table#getCoverQuote {
	width: 100%;
	background: #bbb}
table#getCoverQuote caption {
	display: none}
table#getCoverQuote thead tr {
	background: #666;
	text-align: center}
table#getCoverQuote thead tr td {
	text-align: left;
	width: 100px;
	padding-left: 10px}
table#getCoverQuote td {
	height: 34px}
table#getCoverQuote td {
	text-align: center}
.tdOptional {
	color: #c90}
.tdLightGray {
	background: #EEE}
.trFleetwide1 {
	background: #FFF}
.trFleetwide2 {
	background: #FFF5CC}
.trFleetwide3 {
	background: #FFE88C}
.trFleetwide4 {
	background: #FFE066}
.trFleetwide5 {
	background: #FFD633}


/* ****************************************************************** */


/* 	**************************************************************
	Table for credit - card - reward - points */
table#creditcardReward {
	width: 100%;
	background: #bbb}
table#creditcardReward caption {
	display: none}
table#creditcardReward thead tr {
	background: #666;
	text-align: left}
table#creditcardReward thead tr td {
	text-align: left;
	width: 100px;
	padding-left: 10px}
table#creditcardReward td {
	height: 50px}
table#creditcardReward tr th {
	width: 20%}
table#creditcardReward td {
	text-align: left}
/* ****************************************************************** */



/* Travel Insurance index to fix button misalignment after prizedraw offer image */
#insuranceButtonBlock {
clear: both}
/* ************* */

/*	******************
	Will writing table*/
	table#willWritingTable p, table#willWritingTable2 p {font-size:1.1em;}


/* KM sitewide login WR797a START */

/* BUTTONS */
input.btnpasswordhint {background: url(../images/buttons_faded/button_p-hint.gif) no-repeat #fc0; border: 0; width: 142px; height: 27px; cursor: hand}
input.btnemailpassword {background: url(../images/buttons_faded/button_p-email.gif) no-repeat #fc0; border: 0; width: 137px; height: 27px; cursor: hand}
input.btnupddatedetails {background: url(../images/buttons_faded/button_update_details.gif) no-repeat #fc0; border: 0; width: 138px; height: 20px; cursor: hand}
input.btnsignup {background: url(../images/buttons_faded/button_signup.gif) no-repeat #fc0; border: 0; width: 88px; height: 20px; cursor: hand}
input.btnsignin {background: url(../images/buttons_faded/button_signin.gif) no-repeat #fc0; border: 0; width: 84px; height: 20px; cursor: hand}
input.btnsubmit {background: url(../images/buttons_faded/button_submit.gif) no-repeat #fc0; border: 0; width: 83px; height: 20px; cursor: hand}
input.btnemail {background: url(../images/buttons_faded/button_email.gif) no-repeat #fc0; border: 0; width: 74px; height: 20px; cursor: hand}
input.btnsearch {background: url(../images/buttons_faded/button_search.gif) no-repeat #fc0; border: 0; width: 81px; height: 20px; cursor: hand}
input.btnnext {background: url(../images/buttons_faded/button_next.gif) no-repeat #fc0; border: 0; width: 64px; height: 20px; cursor: hand}
input.btnnextgrey {background: url(../images/buttons_faded/button_next_grey.gif) no-repeat #fc0; border: 0; width: 64px; height: 20px; cursor: hand}
input.btnyes {background: url(../images/buttons_faded/button_yes.gif) no-repeat #ccc; border: 0; width: 39px; height: 20px; cursor: hand}
input.btnno {background: url(../images/buttons_faded/button_no.gif) no-repeat #ccc; border: 0; width: 39px; height: 20px; cursor: hand}
input.btnchangeadd {background: url(../images/buttons_faded/button_changeaddress.gif) no-repeat #ccc; border: 0; width: 136px; height: 20px; cursor: hand}
input.loginbtnfindadd {background: url(../images/buttons_faded/button_find_address.gif) no-repeat left #eee; width: 128px; height: 20px; border: 0; cursor: hand}
input.loginbtnenteradd {background: url(../images/buttons_faded/button_enter_address.gif) no-repeat left #eee; width: 111px; height: 20px; border: 0; cursor: hand}

.formspace {/*margin-bottom: 5px;*/ float: left; position: relative}
#unamenoborder {border: 0}

legend.yellow {background: #ffe57f; border: 1px solid #aaa}
fieldset .loginwrap {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px}
fieldset.login input {font-size: 0.9em}
fieldset.login select {font-size: 0.9em}
fieldset.login select option {font-size: 0.9em}
img.button {margin: 10px 5px 10px 0}

p#controls {background: #eee; border: 1px solid #aaa; float: left; position: relative}


span#maintainl {float: left; margin: 2.5px; padding: 5px}
span#maintainl img {margin-top: 5px}
a#maintainr {float: right; position: relative; font-weight: bold; margin: 5px; padding-top: 5px}

.loginwrap {float: left; position: relative; width: 100%}
.loginwrapnull {float: left; position: relative; width: 100%; background: #eee}
.halfleft {float: left; position: relative; width: 60%; text-align: top; margin-right: 1%}
.halfrght {float: right; position: relative; width: 30%; text-align: top}

table.loginregister {margin: 5px 0 10px 0; font-size: 0.7em; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #eee}
table.loginregisternull {margin: 5px 0 10px 0; font-size: 0.7em; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #ffe57f}
table.loginregister caption, table.loginregisternull caption {padding: 2.5px; font-weight: bold; font-size: 100%; text-align: left}
table.loginregister th, table.loginregisternull th  {padding: 1px; text-align: left}
table.loginregister td.data {width: 20%; background: #eee; padding: 3px; text-align: left; vertical-align: top; font-weight: normal !important}
data30 {width: 30%; background: #eee; padding: 3px; text-align: left; vertical-align: top; font-weight: normal !important}
table.loginregister td.datanull {width: 20%; background: #eee; padding: 3px; text-align: left; vertical-align: middle; font-weight: normal !important}
table.loginregister tr, table.loginregisternull tr {padding-bottom: 4px}

/* STYLES FOR BUTTONS IN LOGIN REGISTRATION */
table.loginregister input, input.loginbtnpassword {border: 0; text-align: left; cursor: hand; float: left; position: relative; text-decoration: underline; color: #666; margin-bottom: 4px; font-size: 100%}
input.loginbtn {background: #eee; padding-left: 25px; font-weight: bold}
input.loginbtnview {background: #eee; padding-left: 0px; font-weight: bold; text-align:left; width: 100%;
overflow: visible}
input.loginbtnremove {background: url(../images/login-registration/logout_icon.gif) no-repeat left #eee; padding-left: 15px}
input.loginbtnpassword {background: #fff; margin-right: 2px !important; padding-right: 2px !important}

.welcomeTwoCol{
width:50%;
float:left}
.welcomeList li {
float:left;
padding-right:15px;
padding-top:6px;
list-style-type: none}
.greyBox{
background: #eee;
border: 1px solid #aaa;
float: left;
width:100%}
.greyBox img{
padding-left:10px;
padding-bottom:10px}

div#loginMainPromo {
	background: url(../images/breakdown/promo_aff.jpg) no-repeat}

div#loginMainPromo a {
	display: block;
	width: 395px;
	height: 116px;
	text-indent: -9999px}

div.loginCatch {
	float: left;
	width: 12.25em;
	height: 116px}

div.loginCatch a {
	display: block;
	margin-top: 5px;
	margin-left: 7px;
	clear: both}

div.loginCatch  p {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 5px}

/* KM sitewide login WR797a END */

div#motoringAdviceBottomRow .bottom3left, div#motoringAdviceBottomRow .bottom4 {
	width: 8.7em;
	float: left;
	margin-right:0.5em}
div#motoringAdviceBottomRow .bottom3left, div#motoringAdviceBottomRow .bottom4 {
	width: 8.7em !important;
	width: 9.2em;
	float: left;
	margin-right:0.5em !important;
	margin-right:0px}
div#motoringAdviceBottomRow .bottom3left .motoringAdviceLinks {
	padding-right: 4px;
	border-right: 1px solid #ccc}
html>body div#motoringAdviceBottomRow div.bottom3left h3, html>body div#motoringAdviceBottomRow div.bottom3left h2, html>body div#motoringAdviceBottomRow div.bottom4 h3, html>body div#motoringAdviceBottomRow div.bottom4 h2, html>body div#motoringAdviceTopRow div.top1 h3, html>body div#motoringAdviceBottomRow div.bottom2 h2, html>body div#motoringAdviceBottomRow div.bottom1 h3, html>body div#motoringAdviceTopRow div.top1 h2, html>body div#motoringAdviceBottomRow div.bottom1 h2, html>body div#motoringAdviceBottomRow div.bottom2 h3 {
	width: 92%}
div#motoringAdviceTopRow div.top1 h3, div#motoringAdviceTopRow div.top1 h2, div#motoringAdviceBottomRow div.bottom2 h3, div#motoringAdviceBottomRow div.bottom1 h3,  div#motoringAdviceBottomRow div.bottom1 h2, div#motoringAdviceBottomRow div.bottom2 h2, div#motoringAdviceBottomRow div.bottom3left h3,  div#motoringAdviceBottomRow div.bottom3left h2, div#motoringAdviceBottomRow div.bottom4 h3,  div#motoringAdviceBottomRow div.bottom4 h2, {
	width: 94.5%}
div#homeInsuranceCashbackMainPromo {
	background: url(../images/insurance/promo_homeInsurance_Cashback.jpg) no-repeat}
div.productpageMainPromoNoExisting#homeInsuranceCashbackMainPromo h3 a {
	width: 100%;
	height: 100%;
	display: block}
#reasonsContents {
	float: left;
	width: 60%}
#insuranceMpu {
	float: right;
	margin: 10px 3px 10px 0;
	width: 35%;
	text-align: right}
#reasonsBuildings {
	clear: both}
.contentsHeadingLeft{background:#fff5cc; width:70%; float:left; font-size:0.7em; font-family: verdana, arial, sans-serif; padding:2px 0px 2px 2px; font-weight:bold; margin-top:4px}
.contentsHeadingRight{background:#fff5cc; width:25%; float:left; padding:2px 0px 2px 2px; font-size:0.7em; font-family: verdana, arial, sans-serif; padding-left:5px;font-weight:bold;margin-top:4px}
.homeContentsScrollDiv{float:left; overflow:auto; height:250px; width:100%}
.homeContentsMainLeft{float:left; width:17em}
.homeContentsMainRight{float:right; width:17em}
.homeContentsCategoryWrapper{overflow:auto}
/* ncap styles start */
#ncapSearchResults {width:150px}
/* ncap styles end */
#contactHeading{font-size: 0.8em}
.textAlignCenter {text-align: center!important}
.textAlignRight {text-align: right!important}
.textAlignLeft {text-align: left!important}
.borderNone {border: none!important}
.offScreen {position: absolute;left: -9999px}
div#contactBox {float: left;width: 8.875em;height: auto;margin: 0 0 10px 0;background: #fff5cc;border: 1px solid #fc0}
div#contactBox p {border-bottom: 1px solid #fc0;margin:0;padding: 3px}
div#contactBox p.contactBoxBold {font-weight: bold;font-size: .8em}
div#contactBox img {margin-top: 8px}
img.bestbuyLogo {margin-top: 30px}
img#secureLogo {margin-bottom: 7px}

/*sla stuff*/
.signinright {width:50%; float:left}
html>body .signinright {
  	width: 48%}/* IE6/FF */
	.signinleft {width:50%; float:left; padding:10px}
html>body .signinleft {
  	width: 48%}/* IE6/FF */
.login {width:100%; float:left; border: 1px solid #fc0}

.login h2 {background: #fc0; font-size:16px; padding:5px}
.loginleft {width:50%; float:left; padding:10px}
html>body .loginleft {
  	width: 48%}/* IE6/FF */

.loginright {width:50%; float:right; padding:5px}
html>body .loginright {width: 48%}

.loginrightreg {width:50%; float:right; border-left: 1px solid #fc0}
html>body .loginrightreg {width: 49%;  border-left: 1px solid #fc0}

.loginsteps {width:50%; float:left; border-left: 1px solid #fc0}
html>body .loginsteps {width: 49%}

/*column telephone number styles*/
.PhoneNumberBox {float:left; clear:left; display:block; width:142px; border-top:1px solid #CCC; margin-bottom: 10px;
background: url(../images/common/icons_accents/icon-mobilephone.gif) 7px 24px no-repeat #F8F8F8}
.PhoneNumberBoxTitle {display:block; padding: 2px 2px 2px 7px; font-size: 0.85em; font-weight:bold;
font-family: arial, sans-serif, verdana; background-color:#e5e5e5}
.PhoneNumberBoxInfo {display:block; padding: 2px 9px 4px 7px; margin:0;
background: url(../images/common/telephoneGradient.gif) top left repeat-x #F8F8F8}
.PhoneNumberBoxOption {display:block; padding: 2px 2px 12px 26px; margin:0; font-size:0.7em}
.PhoneNumberBoxNumber {display:block; font-weight:bold}
.PhoneNumberBoxButton {text-align:center}

/*general use column summary box*/
/*used in bd landing page, conf pages, landing pages*/
.SummaryBox {background-color: #FFF5CC; padding:9px}
.SummaryBoxTitle {display:block; padding: 4px 9px;
font-size: 1.1em; font-family: arial, sans-serif, verdana; font-weight:bold; background: /*url(../images/common/gradients/titleFC0FFE57D.gif) bottom left repeat-x*/ #FC0}
.SummaryBoxTitle a {text-decoration:none; color:#000}
.SummaryBox2col {width:293px}
.SummaryBox2col .SummaryBoxTitle {font-size:0.9em}

/*grey version - note slightly different structure for h2*/
.SummaryBoxGrey {float:left; width:100%; background-color: #eee}
.SummaryBoxTitleGrey {display:block; padding: 5px;
font-size: 1em; font-family: arial, sans-serif, verdana; font-weight:bold; color:#fff;
background: /*url(../images/common/gradients/title666999.gif) bottom left repeat-x*/ #000 !important}
.SummaryBoxTitleGrey a {color:#fff; text-decoration:none}
.SummaryBoxGreyP {padding:9px}

/*general use border box with smallprint for promos*/
/*used in bd landing page, conf pages*/
.FeatureBox {display:block; float:left; width:100%; border:1px solid #FC0}
.FeatureBoxP {padding: 5px}
.FeatureBoxTitle {padding: 2px 9px; font-size: 1em; font-family: arial, sans-serif, verdana; font-weight:bold;
background: /*url(../images/common/gradients/titleFC0FFE57D.gif) bottom left repeat-x*/ #FC0}
.FeatureBoxContent {float:left; width:100%}
.FeatureBoxContainer {float:left; width:100%; margin:5px 0 20px 0}
.FeatureBoxContainer .BoxSmallprint {display:block; float:left; width:100%; font-size: 0.6em}

/*general use cross promo box*/
.text-content {width: 456px; float:left}

.divtopRight {float: left; width: 137px; height: 178px}
.divtopRight h2 {height: 38px; background: #000; color: #fff; font-size: 15px; padding: 5px 0 0 5px; margin-bottom: 0px}
.divtopRight h2 a {text-decoration:none; color: #fff; display: block}
.divtopRight p {float: left; position: relative; padding: 3px 5px 0px 5px; margin-bottom: 79px}
.divtopRight img {border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000}

/*confirmation page styles*/
.FeatureBoxStrapline strong {float:left; padding: 5px 5px 0px 0px; font-size:0.9em; font-style:italic; font-weight:bold}
.FeatureBoxSmallText {float:left; font-size:0.6em; color:#666; line-height:1em}
.FeatureBoxImage {float:left; width:209px; margin:0; padding:0}
.FeatureBoxText {margin-left:215px; padding: 5px}
.FeatureBoxTextUL {float:left; width:100%; margin-left:10px}
.FeatureBoxCTA {/*margin-top:9px;*/ margin-left:210px}

.ConfPageContainer h1 {font-size: 1.7em; margin-top:10px}
.ConfPageContainer h3 {font-size: 0.9em}

.ConfPageWelcomeText, .ConfPageBlock {display:block; float:left; width:100%; margin-bottom:9px; padding-top:5px}
.ConfPageWelcomeText p {padding-left:200px}

.ConfPageLeftCol {margin-right: 220px}
* html .ConfPageLeftCol {width:527px; /*ie6*/}
.ConfPageLeftCol h2 {clear: none; width:100%; font-size: 1em}
.ConfPageLeftCol ul {margin-left:20px; clear:none}
.ConfPageRightCol {float: right; width: 200px; /*margin-left:9px;*/}
.ConfPageRightCol .SummaryBox {margin-bottom:9px}
.ConfPageRightCol .SummaryBox.policyExtras {border-top: 1px dashed #FC0; margin-top:-9px}
.ConfPageRightCol .PhoneNumberBox {width:100%}
.ConfPageLogin {float:left; margin: 9px 0; font-size: 0.9em}
.ConfPageLegal {position:relative; /*for print*/ display:block; float:left; width:100%; clear:left; border:1px solid #EEE; background-color: #EEE; margin-bottom: 6px}
.ConfPageLegalTitle {position:relative; padding: 2px 6px; font-size: 1em; font-family: arial, sans-serif, verdana; font-weight:bold}
.ConfPageLegalContent {float:left; width:100%}
.ConfPageLegalText {padding: 6px}
.ConfPageLegalText p {font-size:0.6em}
.ConfPageList {clear:none; margin:10px 0 10px 23px}

.emailMyPolicy {float:left; width:100%; background-color:#fff5cc; margin-bottom:10px}
.emailMyPolicy label, .emailMyPolicy input {float:left !important}
.emailMyPolicy label {margin-top:6px; width:25%}
.emailMyPolicy #email {margin:4px 20px 0 0; width:250px}

table#cartable td {border-bottom: 1px dashed #ccc}
table#cartable tr#cartabletop td {background-color: #eee; text-align: center; vertical-align: top; border-top: 1px solid #ccc; border-bottom:none}
table#cartable caption {display: none}

/*legacy form styles required for sla*/
label.twocolumn {display: block; float: left; clear: left; width: 21em; padding: 0; text-align: left}
label.twocolumnerror {color: #f00; display: block; float: left; clear: left; width: 21em}
.button {text-align: center}
#confirmcbox {clear:left; background: #eee; padding: 5px; margin: 0 0 15px 0; font-size: 11px}
#confirmcbox2{clear:left; background: #fff; padding: 5px; margin: 0 0 15px 0; border:1px solid #ccc; float:left; width:738px}
html>/**/body #confirmcbox2 {margin: 5px 0 15px 0} /*ff*/
* html #confirmcbox2 {width:748px} /*ie6*/

p.twocolumnform {display: block; float: left; clear: left; width: 21em; padding: 0; text-align: left}
div.twocolumnform {display: block; float: left; width: 21em; padding: 0; text-align: left}
.radioBox {margin-bottom: 10px}
.radioBox label {position: relative; top: -1px}

/*general purpose guides box*/
/*general purpose zone box*/
.car-ins-guides-box, .car-ins-zone-box {border:1px solid #ccc; padding:2px; background: url(/images/common/title-AA-van.gif) no-repeat}
.car-ins-zone-box {background: url(/images/common/title-zone.gif) no-repeat; padding:0}
.titleredcar {background:url(/images/common/title-redcar.gif) no-repeat 0 0}
.car-ins-box-h {margin: 10px 0 0 75px}
.car-ins-box-h-text {font-size: 0.7em; padding-right:2px}
#mainContent .car-ins-guides-box ul, #mainContent .car-ins-zone-box ul
{list-style:none; padding:5px 0 0 0; margin: 5px 0 0 0}
#mainContent .car-ins-guides-box ul li
{padding-left:20px; background: url(/images/common/blue-chevron.gif) 5px 1px no-repeat; line-height:1.4em}
.car-ins-zone-box ul li a, .car-ins-guides-box ul li a {text-decoration:none}
.car-ins-guides-box ul li a:hover, .car-ins-zone-box ul li a:hover {text-decoration:underline}
.car-ins-zone-box li {background-color:#fff; line-height:1.5em}
.car-ins-zone-box ul li a {padding-left:2px}

/*general purpose twitter box*/
.twitter-box {border:1px solid #3cf; padding:0; background: url(/images/common/title-twitter.gif) no-repeat #f4fcfe}
.twitter-box-h {margin: 6px 0 0 6px; font-size: 0.9em; color:#fff}
.twitter-box-text {padding:20px 5px 5px 5px}
.twitter-box-followlink {background:url(http://www.theaa.com/images/common/black-chevron.gif) 100% 0 no-repeat; 
margin-top:5px; padding:0 10px 7px 0; float:left; font-weight:bold}
#mainContent .twitter-box ul {margin:0; padding:0}
#mainContent .twitter-box ul li {list-style:none}

/*Breakdown product descriptions used on landing page and uk breakdown*/
.productdescription {float: left; position: relative; width: auto; margin: 0 0.5em 0.5em 0.5em}
.productdescription p {margin-left: 45px}
.productdescription img {float: left; position: relative; margin-right: 0.25em}

/*to be tested out on ins page*/
.hyperlinkButton {
	color: #000;
	margin: 0;
	padding: 4px 35px 4px 6px;
	background: url(/images/cssbuttons/buttonBg1.gif) 100% 50% no-repeat #FC0;
	border: 1px solid #000;
	white-space:nowrap;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	font-family:Arial; font-size:0.9em}

.hypButtLite {background:url(/images/cssbuttons/buttonBg2.gif) 100% 50% no-repeat #FFF}

/* EBC banner on Road confirmation page */
.ebcRoadConfirmation {background-image: url(/images/ebc/road-conf-page-ebc.jpg); background-position: top left; height:7.2em; width:23.2em; padding-top:0.7em; padding-left:10em; margin-bottom:1em}
.ebcRoadConfirmation h2 {color:#fc0}
.ebcRoadConfirmation p {color:#fff; width:32em; padding-top:0.25em}
.ebcRoadConfirmation ebcbutton {float:right; padding-top:0.2em; padding-right:1.3em}

.paperless {background: url(/images/myaa/tree.gif) 98% 100%  no-repeat #eaf5e5}
.paperless h3 {margin-bottom:4px}
.paperless ul li {margin-bottom:1px; padding:0 0 2px;}



.quote66  {background: url(/images/common/66quotationmark.gif) no-repeat 0 0}
.quote99  {background: url(/images/common/99quotationmark.gif) no-repeat 100% 100%; padding:10px}
.quote66L  {background: url(/images/common/66quotationmarkL.gif) no-repeat 0 0}
.quote99L  {background: url(/images/common/99quotationmarkL.gif) no-repeat 100% 100%; padding:23px 10px 0px 10px}
.quote99L p {margin:0}

.datafeed-van {font-size:1.1em; padding:4px 2px 1px 67px; min-height:50px; background: url(/images/miniAAvan.gif) no-repeat 0 0 #fff5cc}

/* INSURANCE PRODUCT PAGE QUOTE BUTTONS LOWER DOWN THE PAGE */
p.quotebutton {text-align: center; padding: 5px 0 5px 0; float: left; position: relative; width: 100%;}

/* new contact us css */
.generalContactDiv1{float:left;	width:150px; overflow:auto;	margin-right:10px}
.generalContactDiv2{float:left;	width:260px; overflow:auto;	margin-right:10px}
.generalContactDiv3{float:left;	width:160px; overflow:auto; }
.specificContactDiv{background: url(/images/aboutaa/contact_us_shading.gif); background-repeat: no-repeat; width:100%; float:left; padding-top:2px;}
.heading{font-size: 14px;}
.contactTwoColumnDiv{padding-left:5px; float:left; width:45%;}

/* Break down confirmation page */
.confirmColLeft {width: 48%; float: left;}
.confirmColRight {width: 48%; float: right;}
.confirmDetailsLeft {float: left;width: 4em;}
.confirmDetailsRight {float: left;width: 13em;}
#confirmcols-wrap {height: auto;display: block;width: 100%;overflow: auto;}
#confirmAAmembersContainer {width:100%;background: #f7f7f7;padding-bottom: 5px;}
#confirmAAmembers {padding: 0 23px 0 21px;}
#confirmOffers {width: 100%;background: #fff;text-align: center;padding: 23px 0;margin: 5px 0 10px 0;}
div#confirmOfferHeader {width: 100%;background: #fc0;}
div.confirmOfferPanel {width: 100%;border: 1px #fc0 solid;background: #fff;}
div#confirmOfferHeader h3, div.confirmOfferPanel h3 {padding: 3px 5px 3px 15px;color: #000;font-size: 1em;font-weight:bold;}
div.confirmOfferWrap {border-left: 1px #fc0 solid;border-right: 1px #fc0 solid;border-bottom: 1px #fc0 solid;background: #fff;height: auto;width: 100%;overflow: auto;display: block;}
div.confirmOfferImage {float: left;padding: 15px;display: block;}
div.confirmOfferText {background: #fff5cc;width: 72%;float: right;display: block;}
div.confirmPadding {padding: 15px;}

/* newInsuranceCSS */
.insDivTop {float:left;	width:148px; height:183px;}
.insDivTop h2 {float: left; overflow: hidden; height: 1.375em;	width: 142px; background: #666;	color: #fff; font-family: arial, sans-serif; font-size: 15px;}
.insDivTop h4 {height:79px;	width: 95%;	background: #FFE787; margin-bottom: 0; clear: both;}
div.insuranceLinks p {border-top: 0 !important;	margin-top: 1px !important;	margin-bottom: .5em;}
.insDivTop h2 a {text-decoration:none; color: #fff;	padding-left:2px;}
.insDivBot {float:left;	width:297px; height:175px;}
.insDivBot h2 {float: left; overflow: hidden; height: 1.375em; width: 293px; background: #666; color: #fff; font-family: arial, sans-serif;	font-size: 15px; padding: 0px;}
.insDivBot h2 a {text-decoration:none; color: #fff;	padding-left:2px;}
.twoPixelPadding {color: #fff; font-family: arial, sans-serif; font-size: 15px;	padding-left:2px;}
.sixPixelPadding {padding-bottom:6px;}

/*for business insurance home*/
.insDivBotbus {float:left; width:297px;	height:100px;}
.insDivBotbus h2 {float: left; overflow: hidden; height: 1.375em; width: 293px;	background: #666; color: #fff; font-family: arial, sans-serif; font-size: 15px;	padding: 0px;}
.insDivBotbus h2 a {text-decoration:none; color: #fff; padding-left:2px;}

/*motoring advice styles*/
.motorAdviceDiv {float:left; width:140px; margin-right:8px;}
.motAdvBotHeader h2 a {float:left; overflow:hidden;	height:1.375em;	width:140px; background:#666; color:#fff; font-family:arial, sans-serif; font-size:15px; text-decoration:none; padding-left:2px;}
.busTopDiv {float:left;	width:148px; height:180px;}
.busTopDiv h2 {float: left;	height: 40px; width: 142px;	background: #666; color: #fff; font-family: arial, sans-serif;	font-size: 15px;}
.busTopDiv h2 a {color:#ffffff;	text-decoration:none; padding-left:2px;}
#bottom56promo {background: url(/images/travel/index/are_we_promo.jpg) no-repeat left;}
.loansTeleHeading {font-size:0.85em;}
.floatLeft {float: left;}

/*dashed line*/
.dashedOverlineGrey {border-top:1px dashed #ccc; padding-top:4px}
.dashedOverlineGrey2 {border-top:1px dashed #ccc; padding-top:4px}
/*Added for CR9248 */
#answerLayer {float:left; width:275px;}

/*Hotspots subscribe*/
#hotspots-wrapper {margin-bottom:30px; min-height:108px;clear:left;}
#hotspots-wrapper img {float:left;}
#hotspots-content-wrapper {margin-left:122px;}
#hotspots-content-wrapper h4 {margin-bottom:3px;}
#hotspots-form { float:right; width:160px;}
#hotspots-form p {margin-bottom:0.3em;}
#hotspots-form input {font-size:1em;}
#hotspots-email {  margin:3px 0;}
#hotspots-content {margin-right:166px;}
#hotspots-content p {margin-bottom:2px;}
#hotspots-content ul {clear:none;}

/* Merlin prize draw banner on Breakdown confirmation */
.merlin-bdown {width:510px; background:#000; height:160px; display:block; margin-bottom:15px;}
.merlin-bdown .textlogos {margin:0; padding:0; width:340px; background:#000; height:155px; float:left;}
.merlin-bdown .picbutton {width:169px; float:left; background:#000; height:155px;}
.merlin-bdown .picbutton img {float:right; margin:0 10px 7px 0; padding:0; border:0;}
.merlin-bdown .textlogos span {color:#ffffcc; margin:0; padding:10px 0 0 10px; font-family:arial; font-size:16px; font-weight:bold; display:block;}
.merlin-bdown .textlogos p {float:left; color:#ffffcc; font-family:verdana; font-size:11px; padding:10px 0 10px 10px; display:block; margin:0;}
.merlin-bdown .textlogos p img {margin:0 4px 0 0; padding:0 0 0 0;}

/* 404 extra search start */
form#site-search404 {padding: 0; margin: 1.2em 0 1em -2.8em;}
form#site-search404 #site-search-label404 {visibility: hidden;}
form#site-search404 input.site-search-text404 {background: #fff url(/images/common/form-fade.gif) top left repeat-x; font-size: 0.69em; padding: 6px 3px 3px 6px; margin:0; border: 1px solid #ccc; height: 16px; width:180px;}
form#site-search404 input.site-search-button404 {border: 0; height: 27px; margin-bottom: -9px;}
* html form#site-search404 input.site-search-text404 {font-size: 0.69em; #height: 27px;} /*ie6*/
* html form#site-search404 input.site-search-button404 {margin-bottom: -4px;} /*ie6*/
*+html form#site-search404 input.site-search-button404 {margin-bottom: -4px;} /*ie7*/
/* 404 extra search end */

/* BELOW CAME FROM STYLES.CSS */
/* BELOW CAME FROM STYLES.CSS */
/* BELOW CAME FROM STYLES.CSS */

.bighighlight {font-size: 2em; font-weight:bold; color: #390;}

img.savings {float:left; margin: 5px 20px 10px 0; padding: 0;}
ul.savings {float: left; margin: 0; padding: 10px 20px; font-size: 0.7em;}

.cols-wrap {margin: 0; width: 99.9%; height: auto;}
.col-left {width: 48%; float: left;}
.col-right {width: 48%; float: right;}

/* START grey background box */
.greybox {background-color: #f4f4f4; repeat;}
.greytop {background: url(/images/common/table4_ht.gif) repeat-x;}
.greytop div {background: url(/images/common/table4_tl.gif) no-repeat top left;}
.greytop div div {background: url(/images/common/table4_tr.gif) no-repeat top right;}
.greybottom {background: url(/images/common/table4_hb.gif) repeat-x;}
.greybottom div {background: url(/images/common/table4_bl.gif) no-repeat top left;}
.greybottom div div {background: url(/images/common/table4_br.gif) no-repeat top right;}
.greycontentwrap {background: url(/images/common/table4_vl.gif) repeat-y;}
.greycontent {background: url(/images/common/table4_vr.gif) repeat-y right;}
  /* height and width to set  position of outlines. */
.greytop div, .greytop, .greybottom div, .greybottom {width: 100%; height: 9px; font-size: 1px;}
.greycontent {padding: 0 1em 0em 1em ; margin: 0;}
.greybox {width: 100%; margin: 1em auto;}
 /* END grey background box */

 /* Forms - styles 		*/
#mainContent fieldset span.confirml, span.confirml {width:280px; float:left; font-size:11px; padding:0 0 10px 0;}
#mainContent fieldset span.confirmr, span.confirmr {width:280px; float:left;  font-size:11px; padding:0 0 10px 0;}
/*

The following is to lay out form elements in a 'two-column' style.  However, row must be contained within a wrapper div - this is to prevent IE 6 CRASHING.
*/
* html form div {width: 100%}  /* see above */
label, input, select, .questionleft {margin: 0; padding: 0; font-size: 11px;}
label.twocolumn {display: block; float: left; clear: left; width: 21em; padding: 0; text-align: left;}
label.twocolumnerror {color: #f00; display: block; float: left; clear: left; width: 21em;}
input.twocolumn, select.twocolumn {display: block; float: left; 0;}
input.twocolumnerror, select.twocolumnerror {display: block; float: left; 0; background: #f99;}
select.twocolumnroutes {width: 300px;}
.button_infieldset {margin: 10px 0 0 13em;}
.button_infieldset input {margin: 0 5px 0 -5px;}
input.homesubmit {margin: 5px 0 0 60px;}
#confirmcbox label {clear: none; width: auto;}
label.cbox {clear: left; width: auto; margin: 0 5px 0 0; font-size: 11px;}
input.cbox {margin: 0 5px 0 5px;}
label.radio {clear: none; width: auto; margin: 0 5px 0 0;}
input.radio {float:none; margin: 0 5px 0 5px;}
label.map, input.map, select.map  {margin: 0;}
form p {clear: both; font-size: 11px;}
form ul li {font-size: 11px;}
form .questionleft {display: block; float: left; clear: left; width: 50%;}
.button input, .mbutton input {float: none; display: inline;}
.mbutton {text-align: right;}
form.savings label, form.savings input  {margin: 5px 5px 5px 0; padding: 0;}
.offer {background: transparent url(/images/common/mem_back.gif) repeat-x top; position: relative; margin: 15px 0 15px 0; padding: 5px;}

.align_right {text-align: right;}

/* Journey Links */
#journey_links {clear: both; margin:  0.5em 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
#journey_links ul {list-style-type: none; margin:  0; padding: 5px 0;}
#journey_links ul li {display:inline; font-size:0.7em;}
#journey_links a {padding-right: 1em;}

/* Rounded Corners */
.nw, .ne, .sw, .se {position: relative;	margin: 0; font-size: 1px; height: 4px;}
.topfade_yellow .content, .savings_calculator .content, .grey_grey .content, .grey_green .content, .red_grey .content, .topfade_grey .content, .traffic .content {margin: 5px;}
.topfade_yellow .sw, .grey_grey .sw, .savings_calculator .sw, .grey_green .sw, .red_grey .sw, .topbottomfade_grey .sw {margin-bottom: 0; margin-top: -1px;}

/* Standard settings for boxes with grey border */
.nw {background: url(/images/common/nw.gif) top left no-repeat;	top: -1px; left: -1px; margin-bottom: -1px;}
.ne {background: url(/images/common/ne.gif) top right no-repeat; right: -2px;}
.sw {background: url(/images/common/sw.gif) bottom left no-repeat;	bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
.se {background: url(/images/common/se.gif) bottom right no-repeat;right: -2px;}

/* Standard settings for boxes with red border */
.red_grey .nw {background: url(/images/common/red_grey_nw.gif) top left no-repeat; top: -1px; left: -1px; margin-bottom: -1px;}
.red_grey .ne {background: url(/images/common/red_grey_ne.gif) top right no-repeat; right: -2px;}
.red_grey .sw {background: url(/images/common/red_grey_sw.gif) bottom left no-repeat;	bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
.red_grey .se {background: url(/images/common/red_grey_se.gif) bottom right no-repeat;right: -2px;}

/* L Shape */
#lshape_top {position: relative; border: 1px #ccc solid; border-bottom: none; margin: 0; padding: 0; width: 20em;}
#lshape_middle {position: relative; background: url(/images/common/borderl_m.gif) top left repeat-x; position: relative; height: 4px; margin: 0; padding: 0;}
#lshape_middle_left {border-left: 1px #ccc solid; padding: 0 0 0 20em; margin: 0;}
#lshape_bottom {position: relative; border: 1px #ccc solid;	border-top: none; margin: 0; padding: 0;}
#lshape_top p {font-size: 2em; font-weight: bold; margin: 0; padding: 0 5px; text-align: center;}
#lshape_top p span.month {font-size: 11px; font-weight: normal;}
#lshape_bottom h2 {font-size:1em; padding: 0.5em 0 0 0; margin: 3px 5px; clear: both; font-weight:bold;}
#lshape_bottom hr {margin: 3px 5px;}
#lshape_bottom p {margin: 3px 5px; padding: 2px 0;}
#lshape_bottom label {margin: 3px 5px; padding: 2px 0;}
#lshape_bottom p.option {background: #ecece0;}
.blockgreen {background: #ecece0; padding: 0 5px; margin: 3px 5px; }
.blockgrey {background: #efefef; padding: 0 5px; margin: 3px 5px; }
.mblockgrey {background: #efefef; padding: 0 0px; margin: 0px 0px; }
#lshape_top .nw, #loans_lshape_top .nw {background: url(/images/common/borderl_nw.gif) top left no-repeat;	top: -1px; left: -1px; margin-bottom: -1px;}
#lshape_top .ne, #loans_lshape_top .ne {background: url(/images/common/borderl_ne.gif) top right no-repeat; right: -2px;}
#lshape_bottom .sw {background: url(/images/common/borderl_sw.gif) bottom left no-repeat; bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
#lshape_middle .ne {background: url(/images/common/borderl_ne.gif) bottom right no-repeat;	right: -2px; bottom: -1px;}
html>body #lshape_middle .ne {right: 0px;}
#lshape_middle .sw { background: url(/images/common/borderl_sw.gif) bottom left no-repeat;	bottom: 0px; left: -2px; margin-bottom: -1px; clear: both;}
html>body #lshape_middle .sw {left: 0px;}
#lshape_bottom .se {background: url(/images/common/borderl_se.gif) bottom right no-repeat;	right: -2px;}
/* \*/
#lshape_bottom .sw {margin-bottom: 0; margin-top: -2px;}
/* */

/* Loans L Shape */
.loans_blockyellow {background: #ffeb99; padding: 0; margin: 0px 2px 0px 2px; }
.loans_blockyellow p {margin: 0px; padding: 0px;}
.recalcbutton {text-align: right;}
.loans_blockgrey {background: #efefef; padding: 0 5px; margin: 3px 5px; }
.loans_mblockgrey {background: #efefef; padding: 0 0px; margin: 0px 0px; }

.fleet_blockgrey_float {background: #f4f4f4; padding: 0; margin: 0px 2px 0px 2px; float: right}
.fleet_blockgrey {background: #f4f4f4; padding: 0; margin: 0px 2px 0px 2px; }
td .pad_left {padding-left: 5px}
.boldtext {font-weight: bold; font: arial .6em; margin-left: 5px}


/* Membership Corners Upgrade*/
.utopfade_yellow {background: #FFF9ED; position: relative; border: 1px #FFCC99 solid;	margin: 5px 0 5px 0; padding: 0;}
.utopfade_yellow .nw, #topfade_yellow .ne, #topfade_yellow .sw, #topfade_yellow .se {position: relative;	margin: 0; font-size: 1px;	height: 4px;}
.utopfade_yellow .nw {background: url(/images/services/breakdowncover/option200_icon.gif) top left no-repeat; top: -7px; left: -6px; height: 45px; width: 45px;}
.utopfade_yellow .ne {background: url(/images/common/ne.gif) top right no-repeat; right: -585px; bottom: -5px;}
.utopfade_yellow .content {margin: -40px 5px 5px 40px;}

/* Standard content, lists */
.topfade_yellow .content ul {margin: 0; padding: 5px 0 0 0; list-style-type: none;}
.topfade_yellow .content ul li {list-style-image: url(/images/common/benefit_tick.gif)}

/* Optional Values for boxes one for each colour combination */
.red_grey {position: relative; background: #f1f1f1; border: 1px #c30 solid;	margin: 5px 0 5px 0; padding: 0;}
.topfade_yellow {position: relative; background: transparent url(/images/common/benefit_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding-left: 0;}
.topbottomfade_grey {position: relative; background: transparent url(/images/common/bdown_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0; font-size:0.7em;}
.grey_grey {position: relative; background: #f1f1f1; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.grey_green {position: relative; background: #ecece0; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.traffic {position: relative; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}

td {font-size: 0.7em;}
td ul, td ul li {font-size: 100%}
/* Splits Pages */

.split5050 span.split5050, .split5050 span {position: relative; margin: 0 5px 5px 0; padding: 0; font-size: 11px;}
.split5050 span.split5050 {position: relative; display: block; float: left; clear: left; width: 20em;}
.split5050 span {position: relative; display: block; float: left;}

.split3070 span.split3070, .split3070 span {position: relative; margin: 0 5px 5px 0; padding: 0; font-size: 11px;}
.split3070 span.split3070 {position: relative; display: block; float: left; clear: left; width: 10em;}
.split3070 span {position: relative; display: block; float: left;}

.split7030 span.split7030, .split7030 span {position: relative; margin: 0 5px 5px 0; padding: 0;}
.split7030 span.split7030 {position: relative; display: block; float: left; clear: left; width: 24em;}
.split7030 span {position: relative; display: block; float: left;}

.split4060 span.split4060, .split4060 span {position: relative; margin: 0 5px 5px 0; padding: 0; font-size: 11px;}
.split4060 span.split4060 {position: relative; display: block; float: left; clear: left; width: 11em;}
.split4060 span {position: relative; display: block; float: left;}



/* insurance renewals styles */
L2layout12OrangeBorderCarRenew {
	clear: both;
	width: 98.5%;
	background: #fc0;
}

.CarRenewQuoteBox {
	border: 1px solid #fc0;
}

.CarRenewQuoteBox span.confirmr {
	width: 49%;
	float: left;
}

.CarRenewQuoteBox p {
	padding:0 0 0 10px;
}

.CarRenewQuoteBox p.quotetext {
	padding:10px 0 0 10px;
	font-size:14px;
}

h3.h3carrenewals {
	background:#fc0;
	height:32px;
	font-size:16px;
	padding-top:7px;
	padding-left:10px;
}

/* MR6375b Daily release test styles 11/06 */
#qrButtonBlock {
width: 589px;
 height: 20px;
 background:#ccc;
clear: both;
}
.qrbuttonl {width:50%; float:left;}
.qrbuttonr {width:49%; float:right; text-align:right;}

/* Break down confirmation page old*/
.confirmColLeft {width: 48%; float: left;}
.confirmColRight {width: 48%; float: right;}
.confirmDetailsLeft {float: left;width: 4em;}
.confirmDetailsRight {float: left;width: 13em;}
#confirmcols-wrap {height: auto;display: block;width: 100%;overflow: auto;}
#confirmAAmembersContainer {width:100%;background: #f7f7f7;padding-bottom: 5px;}
#confirmAAmembers {padding: 0 23px 0 21px;}
#confirmOffers {width: 100%;background: #fff;text-align: center;padding: 23px 0;margin: 5px 0 10px 0;}
div#confirmOfferHeader {width: 100%;background: #fc0;}
div.confirmOfferPanel {width: 100%;border: 1px #fc0 solid;background: #fff;}
div#confirmOfferHeader h3, div.confirmOfferPanel h3 {padding: 3px 5px 3px 15px;color: #000;font-size: 1em;font-weight:bold;}
div.confirmOfferWrap {border-left: 1px #fc0 solid;border-right: 1px #fc0 solid;border-bottom: 1px #fc0 solid;background: #fff;height: auto;width: 100%;overflow: auto;display: block;}
div.confirmOfferImage {float: left;padding: 15px;display: block;}
div.confirmOfferText {background: #fff5cc;width: 72%;float: right;display: block;}
div.confirmPadding {padding: 15px;}

/* ************* */


/* Home Assist March 2010 */
.haindex {margin-top:0px;}
.haleft {float:left; width:287px; margin-right:10px;}
.haright {float:left; width:287px; margin-right:10px;}
.haleft h3 {background-image: url(../images/homeassist/index-handyman-bg.gif); background-position: top right; background-repeat: no-repeat; padding: 17px 0 10px 10px;}
.haright h3 {background-image: url(../images/homeassist/index-plumbing-electrician-bg.gif); background-position: top right; background-repeat: no-repeat; padding: 17px 0 10px 10px;}
.haindex h3 a {display:block; color:#ffcc00; text-decoration:none;}
.haindex h3 a:hover {text-decoration:underline;}
.haindex .ypanel {background-color:#fff5cc; padding:10px 2px 10px 10px;}
.haindex .ypanel li {list-style-image: url(../images/common/listTick.gif); background-repeat: no-repeat;}
.cta p {font-size:0.8em; background-color:#000; padding: 7px 0 10px 10px; background-image: url(../images/homeassist/cta_chevrons.gif); background-position: top right; background-repeat: no-repeat;}
.haindex .cta a {display:block; color:#fff; text-decoration:none; font-weight:bold;}
.haindex .cta a:hover {text-decoration:underline;}

.pandeleft {float:left; padding-left:20px; width:270px;}
.panderight {float:right; width:280px;}
.pandeleft ul, .panderight ul {margin-bottom:10px;}
.pandetable {border:0; cellspacing:0; margin-bottom:10px;}
.pandetable .onebigcell {padding:0; background:#666666;}
.pandetable .th1 {background:#f1f1f1; width:230px; padding:0.4em;}
.pandetable .th2 {background:#ffcc00; width:170px; padding:0.4em; text-align:center;}
.pandetable .th3 {background:#f1f1f1; width:170px; padding:0.4em; text-align:center;}
.pandetable .td1 {background:#ffffff; padding:0.4em; text-align:center; font-size:1em;}
.pandetable .td2 {background:#ffcc00; padding:0.4em; text-align:center; font-size:1em;}
.pandetable .td3 {background:#ffffff; padding:0.4em; text-align:center; font-size:1em;}

.hah2left {float:left; width:290px;}
.hah2right {float:right; width:279px; position:relative; top:-5px;}

.haleftlist {float:left; width:290px;}
.harightpic {float:right; width:290px; height:200px;}

.hatable {border:0; cellspacing:0; margin-bottom:10px;}
.hatable .onebigcell {padding:0; background:#666666;}
.hatable .th1 {background:#f1f1f1; padding:0.4em;}
.hatable .th2 {background:#ffcc00; padding:0.4em; font-size:1.1em; text-align:center;}
.hatable .th3 {background:#f1f1f1; padding:0.4em; font-size:1.1em; text-align:center;}
* html .hatable .th2, * html .hatable .th3 {font-size:0.9em;}
.hatable .thgrey {background:#f1f1f1; padding:0.4em; width:119px; text-align:center;}
.hatable .thyellow {background:#ffcc00; padding:0.4em; width:119px; text-align:center;}
.hatable td {background:#ffffff; padding:0.4em; text-align:center; font-size:11px;}
.hatable td.member {background:#ffcc00; font-weight:bold;}

/*linkable progress bar*/
ul.progress-bar {width: 100%; margin: 10px 0 18px 0; /*float:left*/}
ul.progress-bar li {width:33.3%; float:left; margin: 0; padding:0; font:11px verdana,arial,helvetica,sans-serif; background: #f6f6f6 url(../images/common/stepmenu/tri-off.gif) no-repeat right; color: #666; list-style:none}
ul.progress-bar li a {width:100%; display:block; float:left; color: #666 !important; text-decoration:none;}
ul.progress-bar li span.stepNumber {margin:0 6px; float:left; display:block; font:normal 25px arial,helvetica,sans-serif; color: #666; text-decoration:none; line-height:35px; vertical-align:top; width:0.75em}
ul.progress-bar li a:active,
ul.progress-bar li.stepon a span,
ul.progress-bar li.stepon span.stepNumber,
ul.progress-bar li.steplaston span.stepNumber,
ul.progress-bar li a:hover span {color:#000}
ul.progress-bar li.stepon,
ul.progress-bar li a:hover {background: #d9d9d9 url(../images/common/stepmenu/tri-on.gif) no-repeat right;}
ul.progress-bar li.steplast {background: #f6f6f6 none}
ul.progress-bar li.steplaston a:hover {background: none}
ul.progress-bar li.steplaston {background: #d9d9d9}
ul.progress-bar li.stepon span.stepLabel,
ul.progress-bar li.steplaston span.stepLabel {color: #000; font-weight: bold}
ul.progress-bar li span.stepLabel {float:left; padding-top:10px; line-height:1.2em}
ul.progress-bar li a:hover span.stepLabel {text-decoration:underline; cursor:pointer}
ul.progress-bar li.stepon a:hover span.stepLabel {text-decoration:none}
ul.progress-bar li span.stepLabel.twolines {padding-top:4px}

ul.two-step li {width:49.9% !important}
ul.three-step li {width:33.33% !important}
ul.four-step li {width:24.9% !important}
ul.five-step li {width:19.9% !important}
ul.six-step li {width:16.66% !important}

/*breakdown prizedraw*/
.prizeDrawConf {width: 527px; margin-bottom: 30px}
.prizeDrawConf h2 {width: 517px; display: block; background: #ffcc00; color: #000; padding: 5px 0 5px 10px}
.prizeDrawConfPanel {width: 517px; background: #000; color: #fff; padding: 14px 0 14px 10px}
.prizeDrawConfPanel p {width: 280px; float: left; margin-right: 15px}
* html .prizeDrawConf h2 {width: 527px}
* html .prizeDrawConfPanel {width: 527px}
* html .prizeDrawConfPanel p {width: 277px; margin-right: 10px}

.greytable {float:left; width: 585px; height:auto; border: 1px #ccc solid;padding:5px;margin-bottom:10px;}
.greytablesmall {float:left; width: 280px; height:180px; border: 1px #ccc solid;padding:5px;margin-bottom:10px;}

.biggerFont {
	font-size:250%;
	font-weight:bold;
	}

/*CR11692 Battery Assist*/
.BA-member-block {font-family:Arial,Helvetica; margin:0 30px; padding:10px; background:url(/images/battery-assist/member-bg.jpg) 50% 0 repeat-x}
.BA-member-block h2 {display:inline; color:#FC0; padding:4px; background-color:#000}
.BA-member-block ul {margin:0 0 0 5px}
.BA-member-block ul li {font-size:1.4em!important; font-weight:bold; line-height:1.3em}
.BA-usps {margin:0 0 40px 40px}

h2.panelfirst {float:left; display:inline; font-size:1.8em; line-height:1.15em;}
	

/* SERVICE AND REPAIR landing page CR10654 */
.srHeader {height:134px; width:595px; background-color:#FFCC00; background-image: url(/images/motoringAdvice/sr-service-and-repair.gif); background-repeat: no-repeat;}
.promLeft {float:left; width:230px; height:100px; background-color:#000; margin-top:15px; margin-right:74px;}
.promRight {float:left; margin-top:30px;}
.promLeft h2 {color:#FFCC00; margin:5px 0 0 10px; font-size: 1.0em; background-repeat: no-repeat;}
.promRight h2 {color:#000000;}
.ctaBG {clear:both; height:27px; width:575px; padding:10px 10px 10px 10px; margin-bottom:10px; background-color:#FFCC00; background-image: url(/images/motoringAdvice/sr-get-qoute-bar-bg.jpg); background-repeat: no-repeat;}
* html .ctaBG {width:595px; padding-bottom:0px;}
.ctaBG fieldset {padding:0; margin:0; border:none;}
.ctaBG h3 {float:left; padding-left:20px; background-image: url(../images/motoringAdvice/sr-chevron-blk.gif); background-repeat: no-repeat; position:relative; top:-4px; line-height:1.1em; width:}
.ctaBG .button {float:right;}
.ctaBG .carreg {float:right; height:20px; width:130px; border:1px solid #000000; font-size:1em; letter-spacing:0.05em; margin:0px 40px 0 0; .margin:0px 40px 0 0; padding:3px 0 2px 10px;}
* html .ctaBG .carreg {height:27px; width:140px;}


/*CR12098 free bd and CR11965 free HER*/
#bd-wrap {padding: 0.95em 15px;}
#bd-wrap #bd-logo {margin-bottom:15px}
#ins-content img.leftPic {float: left; width: 359px; margin-right:15px}
#ins-content .errorimage {padding:0}
* html form#insuranceCustomer.aaform div {width:326px} /*ie6*/
form#insuranceCustomer.aaform {float: left; width:346px}
form#insuranceCustomer.aaform .fieldset-bg {background:#fff7e5}
form#insuranceCustomer.aaform .fieldset-bg fieldset {margin:0}
form#insuranceCustomer.aaform .fieldset-bg fieldset .line 
{width:94%; border-top:1px solid #ccc; font-size:0.1em; margin:0 0 10px 5px; padding:0; background:none}
form#insuranceCustomer.aaform div.fieldset-bg fieldset legend {padding:10px 0 4px 9px}
form#insuranceCustomer.aaform label {float:left}
form#insuranceCustomer.aaform input#policyNumber {width:294px}
form#insuranceCustomer.aaform input#policyHolderDob {width:105px}
form#insuranceCustomer.aaform input#postcode {width:105px}
form#insuranceCustomer.aaform input#submitAppForm {width:304px; padding:0; margin:20px 0 0 0}
form#insuranceCustomer.aaform p {width:326px}
form#insuranceCustomer.aaform .aaformsummaryerrortext {line-height:0.7em}
form#insuranceCustomer.aaform .aaformsummaryerrortext ul {padding-left:10px} 
p.caveatp {color:#666}


#mainContent ul.accordion {padding:0 !important}
.accordion {clear:both; display:block; float:left; list-style:none; /*margin-top:10px; margin-bottom:30px;*/}
.accordion-question {color:#000; text-decoration:none; padding:0 0 0 16px; display:block; cursor:pointer; outline:none; 
background:url(/images/common/accordion-open.gif) no-repeat 0px 2px;}
.accordion-question.open {cursor:pointer; outline:none;/*padding-left:20px;*/
background:url(/images/common/accordion-close.gif) no-repeat 0px 2px;}
.accordion-answer {margin-bottom:30px; padding:5px 10px;} 
.accordion div.ui-accordion-content-active {height:auto; overflow:visible}
.accordion .ui-accordion-content-active.ui-corner-bottom {padding-bottom:8px; overflow:visible}

.columncontainer {float:left; width:100%}
.leftcol, .midcol, .rightcol {float:left; width:auto; display:inline} 

/*used on leisure homes and dsf*/
.pointer-CTA, .pointer-CTAblk {
    background: url("/images/yellowTriangle.gif") no-repeat scroll 100% 0 #FFCC00;
    display: block;
    height: 45px;
    margin-bottom: 6px;
    text-decoration: none;
}
.pointer-CTAblk {
    background: url("/images/blackTriangle.gif") no-repeat scroll 100% 0 #000000;
}

.pointer-CTA span, .pointer-CTAblk span {
    color: #000000;
    display: inline;
    font-family: Arial;
    font-size: 1.6em;
    font-weight: bold;
    padding-left: 6px;
    position: relative;
    top: 11px;
}

.pointer-CTA img, .pointer-CTAblk img {float:left; border-right:6px solid #fff}

/*standard screen styles to go above this point, print stylesheet below*/



























/*print stylesheet below*/
@media print {

* {
}

body {font-size: 11pt;}
html>body {font-size: 11pt;}
table, th, td, textarea {font: 11pt verdana, arial, helvetica, sans-serif !important; overflow: visible !important;}
html>th, html>td, html>textarea {font-size: 11pt;}
	
body {background: #fff;}

p {font-size: 11pt;}
html>p {font-size: 11pt;}

h1, h2, h3, h4, h5, h6 {font-family: arial, helvetica, sans-serif !important; height: auto !important;}
h1 {margin-top:0.5em;}

h2 {font-size: 14pt !important}
h3 {font-size: 12pt !important}
h4 {font-size: 11pt !important}
h5 {font-size: 10pt !important}
h6 {font-size: 9pt !important}  

div#topNavRight, div#topNavMain, div#topNavGlobalNavNew,div#topNavSearch,#skip-to-content, div#leftNavContainer, div#topNavBread, #rhADVERT, #floater, div.horizADVERT, div.travelfunctions, div.travelirefunctions, div.localinfo, div.localimage, div#leftNav, div.routecontrol, td.routesmap, th#header4, div#mapTools, #mapdetails, #mapResults, .rpL4layout14 .L4layout12  {display: none}

div.mincontainer, div.advertOuter, div.advertPageWrapper, #mainContent, #pagecontent {width: 100%}

#rpHeadRight {float: right;}

#mapDisplay, #maplayer, #mapDisplay .theMap {width: 100%; height: auto}
html>body div.mincontainer, html>body #mainContent {width: 100%}
#topNavLeft {margin: 20px 0}
#subLinksOuter  {display: none}
div#footer p a {display: none;}

.replace, .replace a span, .replace a {text-indent: 0 !important; background: none; color: #000; width: 100% !important;height: auto !important}

div.breakdownCoverMainPromo, div.breakdownCoverMainPromo a, div#carInsuranceMainPromo a, div.breakdownOptionsMainPromo, div.breakdownOptionsMainPromo a, div.financePromo a, div.carLoansMainPromo, div.internetSavingsMainPromo {text-indent: 0 !important; font-family: arial, helvetica, sans-serif !important}
h3 a {font-family: arial, helvetica, sans-serif !important}
a {text-indent: 0 !important}

/* homepage things */

div#homeMainPromoSpace {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 1em;
}

div#homeSubLeftPromo1 {
	width: 100%;
	float: none;
	clear: both;
	display: block;
	border-bottom: 1px solid black;
}

div.extraInfo {
	border: none !important;
	float: left;
}

div#homeSubLeftPromo2 {
	width: 100%;
	float: none;
	clear: both;
	display: block;
	border-bottom: 1px solid black;
}

div#homeSubLeftPromo2 div {
	border: none;
}

div#homeSubRightPromo {
	width: 100% !important;
	float: none;
	clear: both;
	border: none;
	display: block;
	border-bottom: 1px solid black;
}

div#homeSubRightPromo form {
	display: block;
	float: left;
}
div#homeSubRightPromo ul {
	display: block;
	float: left;
	clear: none;
	margin-left: 2em !important;
}


div.travelDetailsHeader {background:#fff%; font-size:70%; margin:0; padding:0;}
h2.h2travelDetailsHeader {color: #000;}

/* Travel details pages stuff */

#travelDetailsContainer {width: 97%;}
div.travelsearchcount {display: none;}
div.travelDetails p img {position: relative;}
div.travelDetailsHeader {background:#fff%; font-size:70%; margin:0; padding:0;}
h2.h2travelDetailsHeader {color: #000;}

#travelTabs #map {width:250px; height:250px; border:1px solid #999;z-index:0;float:right; margin-left:10px;display:block;}
#travelTabs #map.largemapdirections {width:500px; height:500px; border:1px solid #999;float:none;}
#travelTabs div#map div, #travelTabs div#map.largemapdirections div {filter: none !important; background: transparent !important;} /*api v3 print fix*/

/* Route Planner */

html>body div.routedetails {width: 97% !important; clear: both !important;}
html>body #datatable table.routestab {width: 97% !important; clear: both !important;}
#rpHeadLeft {clear: both;}
#rpHeadRight, div#topADVERT, .noPrint {display: none}
#rpHeadRightPrint {display: inline !important; width:160px; height: 100px; float:right; margin-right: 1em; position:relative;}
#plannerResults {background: #fff !important; min-height: 5em !important; width: 100% !important;}
#datatable .routestab {background: transparent !important;}
#datatable .routestotake .aroad {color: #000; background: #0c0;}
#datatable .routestotake .broad {color: #000; background: #ff0;}
#datatable .routestotake .mway {color: #000; background: #0cf;}

/* WR900 Car Insurance Print Styles */
#content fieldset, fieldset.double {float: left; position: relative; clear: both; border: none !important; font-size: 12px !important; margin-top: 1em}
.insurancepageintro {width: 540px; font-size: 10pt;}
.insurancepageintro p, fieldset.double left, fieldset.double right, fieldset.double fullwidth, fieldset.double fullwidthtop, span.text, .radios p {font-size: 11pt !important;}
.insurancephonenumber {float: right; position: relative; margin-right: 10px}

/*MR7269*/
p span.text {font-size: 11px !important}
p.small, p small {font-size: 11px; margin-top: 5px}

* html div.printPad {clear: both; margin: 1px 0} /*ie6 print fix for n_details car insurance*/

/*WR1010*/
.col-left, .col-left .box, .col-right, .col-right .box, fieldset.double legend {font-size: 13px !important}
.checkBoxButton, .checkBoxButton2, p#recalcbutton, .notes, .boxtitlenotes, .insurancephonenumber {display: none}
p.helpIconText {position: fixed; top: -300px}
.buybox {position: relative !important; float: left !important}
ul.normalList li {font-size: 100% !important}
.margintop3 {position: relative !important; clear: both !important}
.coverdetails {clear:both !important; width: 100%}
.coverdetails input {display: none}
.quoteandbuywrap {float: left; position: relative; height: auto !important; border: none}
.boxtitlequote, .boxtitlesummary {border: none !important}

/*WR959 home insurance*/
#content .printPad {clear: both; margin: 1em 0}
.helpIconText, #content .boxNotes, #content p.button {display: none}
#content fieldset, #content fieldset p, #content fieldset label.twocolumn, #content fieldset input.twocolumn, #content fieldset select.twocolumn, #content fieldset .radios p, #content fieldset .radios p span.text, #content .coverdetails p, #content span.radio label, #content p {font-size: 12px !important}
#content fieldset legend {font-size: 15px !important; background: none !important}
#content fieldset, #content .box, #content .boxtitlesummary {padding-left: 0 !important}
.quotethird {width: 25% !important}
.quotethird.first {width: 35% !important}
#content .boxtitlesummary {border: none !important}
#content .coverdetails .cols-wrap {font-size: 17px !important}
#content .coverdetails {width: 100%}
#content h2.quoteheading, #content .boxtitlesummary p, #content h2.margintop3 {font-size: 15px !important}
#content .coverdetails {margin-bottom: 1em !important; padding-left: 0 !important}
#content h2.margintop3 {font-family: verdana !important}

}
/*the above section is for print styles only, scroll up for main stylesheet*/

span#smallerBannerText{
	font-size:25px;	
}
a.campingCard{
	font-size:10px;
	font-weight:bold;
	background-color:#ffcc00;
	border:1px solid #000;
	padding:2px;
	text-decoration:none;
	color:#000;
	margin:4px 4px 4px 0px;
	display:block;
	width:150px;
	
}