/* uk breakdown homepage - this is unchanged, it's the first page in the journey */
.uk-breakdown-background {float: left; position: relative; width: 37.25em; background-color: #eee; border: 1px solid #eee; padding: 0.5em;}
html>body .uk-breakdown-background {width: 36em;}
.uk-breakdown-content {float: left; position: relative; width:577px; background: #fff;}
.uk-breakdown-content ul li, .uk-breakdown-content2 ul li {line-height:1.5em;}
.uk-breakdown-content h2.subhead {padding: 0.25em 0 0 0.25em; margin-bottom: 0.5em; font-size: 1.2em;}
.uk-breakdown-content2 h2.subhead {padding: 0.25em 0 0 0.25em; margin-bottom: 0.5em; font-size: 1.2em;}
.uk-breakdown-content h2.services-h2, .uk-breakdown-content2 h2.services-h2 {margin-left:10px; margin-bottom:10px;}
html>body .uk-breakdown-content {width: 26.5em;}
html>body .uk-breakdown-content2 {width: 26.5em;}
.bulleted-list {float: left; position: relative; width:577px; background: url(/images/breakdown/application/breakdown-van-bg.jpg) top right no-repeat #fff;}
.bulleted-list2 {float: left; position: relative; width:577px; height:136px; background: url(/images/breakdown/application/map-bg.gif) top right no-repeat #fff;}


.uk-breakdown-content h2 {font-size: 1em; padding: 0.25em 0 0 0.25em; margin-bottom: 0.5em;}
.utilitybox {float: left; position: relative; margin: 0 0 0.5em 0.5em; width: 8.85em; background-color: #fff; border: 1px solid #ffe57f;}
.utilitybox h2 {width: 100%; background-color: #ffe57f; font-size: 0.9em; padding: 0.25em 0 0.25em 0; text-indent: 0.25em; margin-bottom: 0.5em;}
.utilitybox p {float: left; position: relative; padding: 0 0.5em 0.5em 0.5em;}

.utilitybox2 {background:#fff; position: relative; margin: 0 0 0.5em 0.5em; width: 9em; float:left;}
.utilitybox2 .graphic-title, .utilitybox2 .graphic-title2 {text-indent:-9999px; width:129px; position:relative; margin:6px 0 0 6px;}
.utilitybox2 .graphic-title {background: url(/images/breakdown/application/icons/29-vehicle-cover.gif);}
.utilitybox2 .graphic-title2 {background: url(/images/breakdown/application/icons/help-me-choose.gif);}
.utilitybox2 p {margin:8px 0 8px 6px; width:129px; line-height:1.5em;}
.utilitybox2 img {margin:0 0 8px 6px;}

form#login {float: left; position: relative; margin-left: 0.1em;}
form#login input {width: 11em;}
input#signin {float: left; position: relative; margin: 0.5em 0 0.5em 0; width: 6.36em !important;}

.buynow {margin: 0; padding: 0 0.5em 0 0.5em; display:block; clear:both; height:3.5em;}
.buynow img {float: right; position: relative;}
.buynow p {font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: -.04em; font-size: 1.5em; font-weight: bold; float: left; position: relative; width: 100%; padding-top:0; margin-bottom:0;}
.buynow p span {color: #f00;}
.padded {margin:5px;}
.bdown-centered-button {text-align:center; margin-top:1em; display:block;}
.quoteprice .quote {height:115px; margin:0; padding:0;}
.quoteprice .quote p.total span.annualprice {font:1.6em Arial; font-weight:bold;}
.quoteprice .quote p.total span.monthlyprice {font:1.6em Arial; font-weight:bold;}
.nojs-calculate {margin:0 0 20px 0; padding:0;}

/* header message - displays promcodes */
.headermessage {font-family: arial, verdana, helvetica, sans-serif; font-size: 1.3em; font-weight: bold; float: right; position: relative; width: 15em; text-align: right; margin:0.5em 0 1em 0;}
.headermessage span, p.price span {color: #f00;}
#manumessage {width:30em; float:right;position:relative;margin-bottom:1em;text-align:right;padding-top:8px;
height:50px;}

/* tabs - appear at the top of all pages */
ul#ukbdTab {font-size: 0.95em; line-height: 1em; margin: 0; list-style:none; position:relative; font-family: verdana, sans-serif; font-weight: bold; z-index: 2;}
ul#ukbdTab li {display:block; float:left; padding: 0.6em 1.06em 0.9em 1.06em; width: 14.95em; margin-right: 0.6em;}
* html ul#ukbdTab li {width: 17.25em;} /*ie6*/
ul#ukbdTab li span {font-size: 1em; font-weight: normal; display:block; clear: both; margin-top: 0.25em;}
ul#ukbdTab li#last {margin-right:  0.6em; float: right;}
* html ul#ukbdTab li#last {margin-right:  0.1em; float: right;} /*ie6*/
ul#ukbdTab li.on {position: relative; background: #eee; border: 1px #eee solid; border-bottom: 1px #eee solid; color: #222; z-index: 3;}
ul#ukbdTab li.off {background: #fcfcfc; border: 1px #fcfcfc solid; border-bottom: none; color: #aaa;}
ul#ukbdTab li a {display:block; color: #666; margin 0; padding: 0;}
ul#ukbdTab li a:hover {color: #000;}

/* page structure - the dimensions of the pages */
#ukbdBox {position: relative; clear: both; width: 44.45em; background: #eee; border: 1px #eee solid; padding: 1em; top: -1px; z-index: 1;}
* html #ukbdBox {width: 46.7em} /*ie6*/

/* new style for clean app form oct 2009 */
#ukbdBox2 {position: relative; clear: both; width: 47em; background:none; border: 1px #fff solid; top: -1px; z-index: 1;}
* html #ukbdBox2 {width: 46.7em} /*ie6*/

.ukbdBoxh {height: auto} /* sets a height to make ie7 and ff identical */
.roadappform {float: left; width: 33.2em; text-align: left;}
* html .roadappform {width: 33.2em} /*ie6*/
.roadappsummary {float: right; width: 10em; margin-left: 1em; margin-top: -30px; height: 23.75em;}

/* summary bar - the summary is used on most pages */
.roadappsummaryquote {float: right; position: relative; width: 10em; margin-left: 1em;}
.roadappsummary p {float: left; position: relative; margin: 0 0 0.25em 0; clear: both; width: 100%;}
div#gobutton input {float: right; position: relative; margin: 0; padding: 0;} /* noscript recalculate needs positioning correctly, please try and sort */
.roadappsummary img {float: left; position: relative;}
#gobutton .emailmyquote {margin-top:10px; margin-left:20px;}
#gobutton .emailmyquote .icon {float:left; margin-right:5px; padding:0;}
#gobutton .emailmyquote .link {font-size:0.7em; float:left; width:auto;}
#gobutton .nojsrecalc {margin:5px 40px 5px 5px; padding:0;}

/* options loops - this is where you style the breakdown options page */
/* options loops - principle of this is that the ajax and noscript both have (almost) identical html now, so use the same css */
.roadappcell {padding: 0.5em; border: 1px solid #ccc; border-bottom: 0; background: #fff url(../images/breakdown/application/yellow_slider_bg.gif) repeat-y top right; height: 3.75em;}
* html .roadappcell {height: 4.97em;} /*ie6*/
.roadappcell img {position: relative; float: left; margin-right: 0.25em;}
.roadappcell p {position: relative; float: left; width: 33em; clear: none;}
* html .roadappcell p {width: 32em;} /*ie6*/
.roadappcell input {float: right; position: relative; margin: 20px 24px 0 0;}
.included-text {font-size: 0.68em; width: 60px; float: right;}
#roadsidecell, #breakdownRepairCovercell {border-bottom: 1px solid #ccc;} /* adds a border to the last loop */

/* people loops - this is where you style the button for the choose who's covered page (you may need to add some new ones for long promcode offers) */
/* people loops - you may need to add some new ones for long promcode offers */
/* people loops - principle of this is that the ajax and noscript both have (almost) identical html now, so use the same css */
.roadappcellpeople {padding: 0.5em; border: 1px solid #ccc; border-bottom: 0; background: #fff; height: 4.35em;}
* html .roadappcellpeople {height: 5.55em;} /*ie6*/
.roadappcellpeople img {position: relative; float: left; margin-right: 0.25em;}
.roadappcellpeople p {position: relative; float: left; width: 28em; clear: none;}
.roadappcellpeople p.vehicleageq {position: relative; float: left; width: 19em; margin-top: -0.5em;}
.roadappcellpeople .vehicleagea {position: relative; float: left; margin-top: -0.5em;}
.roadappcellpeople .vehicleagea  label {position: relative; float: left; display: block; width: 4em; height: 1.5em;}
.roadappcellpeople .vehicleagea  input {margin: 2px 3px 0 5px;}
.roadappcellpeople input.vehicleagecalc {margin: 5px 0 0 0;}
a.singlebutton, a.jointbutton, a.familybutton, a.vehiclebutton, div.people-button-nojs {text-decoration: none; float: right; position: relative; background: url(/images/breakdown/application/people_button_bg.gif) top center no-repeat; width: 9.81em; height: 4.19em; text-align: center; padding-top: 0.6em;}
.selectedbutton {text-decoration: none; float: right; position: relative; width: 9.81em; height: 4.19em; text-align: center; padding-top: 0.6em;}
* html a.singlebutton, * html a.jointbutton, * html a.familybutton, * html a.vehiclebutton, * html div.people-button-nojs, * html .selectedbutton {margin-bottom: -0.6em;} /*ie6*/
.unavailablebutton {text-decoration: none; float: right; position: relative; width: 9.81em; height: 4.19em; text-align: left; padding-top: 0.4em; background: url(/images/breakdown/application/not-selected.gif) top center no-repeat;}
.unavailablebutton span {font-size: 0.65em; font-family: verdana, arial; margin: 0 15px; display: block;}
a.singlebutton, a.jointbutton, a.familybutton, a.vehiclebutton {cursor: pointer;}
.roadappcellpeople .price {font: 1.1em Arial; font-weight: bold; color: #444; text-decoration: none; padding-bottom:0.5em;}
.roadappcellpeople a.people-button-nojs {text-decoration: none;}
.roadappcellpeople .price strong {font: 0.6em arial; font-weight: normal; color: #d32907;}
.roadappcellpeople .changelink {display: block; margin-top: 0.5em; font-family: arial, verdana, helvetica, sans-serif; font-style: italic; font-size: 0.8em; font-weight: bold; color: #222;}
.roadappcellpeople .selectedlink {font-family: arial, verdana, helvetica, sans-serif; font-style: italic; font-size: 0.8em; font-weight: bold; color: #267a3c;}
.roadappcellpeople img.selectedlink {float: none; vertical-align: middle; margin-left: 0.5em;}
.greyline {font-size: 1px; border-top: 1px solid #ccc; height: 1px;} /* adds a border to the last loop */

/* NEW STYLES ADDED FOR ROJO START */
/* These changes relate to the choose whose covered MR9037 piece of work */
.roadappformrojo {float: left; width: 44.4em; text-align: left;}
* html .roadappformrojo {width: 44.4em} /*ie6*/
.roadappcellpeople .rojoprices {float:left; height:70px; width:160px;}
.roadappcellpeople .rojo-fix {width: 23em; float:left;}
.roadappcellpeople .rojo-fix form#your-vehicle-age {width:}
.roadappcellpeople .rojoprices .rojo-price {font: 1.5em Arial; font-weight: bold; color: #444; padding-bottom:0; margin-left:20px; display:block; clear:right;}
.roadappcellpeople .rojoprices .rojo-mprice {font: 0.8em Arial; font-weight: bold; color: #666; padding-bottom:0.5em; margin-left:20px; clear:right; display:block;}
.roadappcellpeople .rojoprices .rojo-discount {font: 0.8em Arial; font-weight: bold; color: #c00; padding-bottom:0.5em; margin-left:20px; display:block;}
.vehicleerror {font-size:0.8em; color:#f00;}
/* rojo tabs - appear at the top of all pages */
.mincontainer ul#ukbdTabRojo {font-size: 0.95em; line-height: 1em; margin: 0; list-style:none; position:relative; font-family: verdana, sans-serif; font-weight: bold; z-index: 2;}
.mincontainer ul#ukbdTabRojo li {display:block; float:left; padding: 0.6em 1.06em 0.9em 1.06em; width: 20.9em; margin-right: 0.6em;}
* html .mincontainer ul#ukbdTabRojo li {width: 23.25em;} /*ie6*/
.mincontainer ul#ukbdTabRojo li span {font-size: 1em; font-weight: normal; display:block; clear: both; margin-top: 0.25em;}
.mincontainer ul#ukbdTabRojo li#last {margin-right:  0.6em; float: right;}
* html .mincontainer ul#ukbdTabRojo li#last {margin-right:  0.1em; float: right;} /*ie6*/
.mincontainer ul#ukbdTabRojo li.on {position: relative; background: #eee; border: 1px #ccc solid; border-bottom: 1px #eee solid; color: #222; z-index: 3;}
.mincontainer ul#ukbdTabRojo li.off {background: #fcfcfc; border: 1px #f5f5f5 solid; border-bottom: none; color: #aaa;}
.mincontainer ul#ukbdTabRojo li a {display:block; color: #666; margin 0; padding: 0;}
.mincontainer ul#ukbdTabRojo li a:hover {color: #000;}

.roadappcell-rojo {padding: 0.5em; border: 1px solid #ccc; border-bottom: 0; background: #fff url(../images/breakdown/application/yellow_slider_bg.gif) repeat-y top right; height: 2.5em;}
* html .roadappcell-rojo {height: 3.57em;} /*ie6*/
.roadappcell-rojo img {position: relative; float: left; margin-right: 0.25em;}
.roadappcell-rojo p {position: relative; float: left; width: 50em; clear: none;}
* html .roadappcell-rojo p {width: 32em;} /*ie6*/
.roadappcell-rojo input {float: right; position: relative; margin: 12px 24px 0 0;}
/* NEW STYLES ADDED FOR ROJO END */


/*quote page */
.roadappformquote {float: left; position: relative; background: #fff; width: 44.45em; text-align: left; border: 1px solid #ccc;}
.roadappformpayment {margin-bottom: 1em; float: left; position: relative; background: #fff; width: 43.5em; padding: 0.5em; text-align: left; border: 1px solid #ccc;}
* html .mincontainer .roadappformpayment {margin-bottom: 1em; float: left; position: relative; background: #fff; width: 44em; padding: 0.5em; text-align: left; border: 1px solid #ccc;} /*ie6*/
.quotesummary {position: relative; float: left; width: 28em; margin: 0.5em 1em 0.5em 0.5em;}
.quotesummary img {position: relative; float: left; margin-right: 0.25em;}
.quotesummary p {position: relative; float: left; width: 100%;}
.quoteprice {float: left; position: relative; text-align: center; width: 12.5em; padding: 0 0 0 1em; margin: 0.5em 0 0.5em 0; border-left: 1px solid #eee;}

.quoteprice h2, .roadappformquote h2 {margin: 0 0 0.25em 0 !important; font-size: 1em !important; text-align: left;}
.quoteprice p {text-align: left;}
.quote p.total {text-align: center !important;}
.quote p span.totalprice {text-align: center !important; font: 1.6em arial; font-weight:bold;}

/* quote loops */
.roadappcellquote {padding: 0.5em; border: 1px solid #ccc; border-bottom: 0; background: #fff url(../images/breakdown/application/yellow_slider_bg.gif) repeat-y top right; height: 2.5em;} /* height isn't being applied in ie6, please try and sort */
.roadappcellquote img {position: relative; float: left; margin-right: 0.25em;}
.roadappcellquote p {position: relative; float: left; width: 47em; clear: none;}
.roadappcellquote input {float: right; position: relative; margin: 10px 24px 0 0;}
.breakdownRepairCover {border-bottom: 1px solid #ccc;}

span#roadsideSelSpan, span#relaySelSpan, span#homeStartSelSpan, span#stayMobileSelSpan, span#coverTypeSelSpan {float: left; }
span#roadsideSelSpan label, span#relaySelSpan label, span#homeStartSelSpan label, span#stayMobileSelSpan label, span#coverTypeSelSpan label {width:auto;}
span#roadsideSelSpanQuote, span#relaySelSpanQuote, span#homeStartSelSpanQuote, span#stayMobileSelSpanQuote {float: left; width:320px; border:1px solid #fff; margin:0; padding:0;}
.quotesummary span#roadsideSelSpan, .quotesummary span#relaySelSpan, .quotesummary span#homeStartSelSpan, .quotesummary span#stayMobileSelSpan, .quotesummary span#coverTypeSelSpan,.quotesummary span#stayMobileSelSpan {float:left; width:36.25em;}

#roadsideSelImgLrg, #relaySelImgLrg, #homeStartSelImgLrg, #stayMobileSelImgLrg {float:left;}

p #relay-upgrade, p #homestart-upgrade, p #staymobile-upgrade {width: auto; margin:8px 0 0 0; padding:0; display:block; float:left;}
p #relay-upgrade label, p #homestart-upgrade label , p #staymobile-upgrade label {width: 30em; float:left;}

/* typography - miscellaneous text styles that are used on various pages */
#ukbdBox h1 {margin: -0.25em 0 0.25em 0;}
#ukbdBox h2 {margin: 0.25em 0 0.25em 0;}
.roadappsummary h2 {margin: 0 0 0.25em 0; font-size: 1em;} 
.roadappsummary h3 {margin: 0.4em 0 0.25em 0;}
.options-additions {font: 1.4em arial; font-weight: bold; margin: 0.25em 0}
span.pricevalue {font-size: 1.96em; font-weight: bold; font-family: arial, Helvetica, sans-serif; color: #111; letter-spacing: -.04em; margin-top: -3px;}
span.pricevaluesmall {font-size: 1.7em; font-weight: bold; font-family: arial, Helvetica, sans-serif; color: #000 !important; letter-spacing: -.04em;}
span.discountvalue, span.strike {font-weight: bold;}
span.discount {padding-left: 5.1em; font-weight: bold;}
.discounthighlight {color: #f00; font-weight:bold;}

/*For road application summary RH panel. Annual-monthly split test*/
div.quote {float: left; position: relative; width: 100%; text-align: center; padding: 5px 0px 5px 0px; margin-bottom: 10px; height: 4em;}
* html div.quote {float: left; position: relative; width: 100%; text-align: center; padding: 5px 0px 5px 0px; margin-bottom: 7px; height: 4em;}
div.quoteAM {float: left; position: relative; width: 100%; text-align: center; padding: 0px 0px 4px 0px; margin-bottom: 0px; height: 4em;}
* html div.quoteAM {float: left; position: relative; width: 100%; text-align: center; padding: 0px 0px 4px 0px; margin-bottom: 10px; height: 4em;}
.roadappsummary .quoteAM span.annualprice {font:1.6em Arial; font-weight:bold;}
.roadappsummary .quoteAM span.monthlyprice {font:1.6em Arial; font-weight:bold;}
.roadappsummary h3.who {clear:both; padding-top:15px; .padding-top:5px;}
.roadappsummary p.whoSpacer {.font-size:0.5em;}

/* these are related to the form that interupts the journey to capture users personal details */
.quotesummary label {width:48%; display:block; float:left;}
.quotesummary input.persdet {float:left; margin-bottom:10px; width:200px;}
.quotesummary select.persdet {float:left; margin-bottom:10px; width:60px;}
.quotesummary p {padding:0 0 10px 0; margin:0;}
.quotesummary p img {float:left;}
#gobutton .view-quote-buy {margin-top:85px; margin-bottom:10px;}

/* these are the last of keith's styles, i've not found out what they do */
.roadappformpayment fieldset {font-size: 11px;}
.roadappformpayment fieldset .rm {display: none;}
p.desc label {float: left; position: relative; width: 29.5em;}
p.price {float: left; position: relative; margin: -1.5em 0em 1em 2.25em;}


/*mancon landing page, taken from aa-breakdown-styles*/
/*CR8289 bd landing page redesign*/
#leftcolumnBreakdown {float:left; display:inline; width:388px; margin-right:10px}
#rightcolumnBreakdown {width:197px; display:inline; float:left}
#leftcolumnBreakdown .text-content {width:388px}
#leftcolumnBreakdown .breakdownticked {margin-top:10px; width:388px}
* html #leftcolumnBreakdown .breakdownticked {width:384px} /*ie6*/
* html #leftcolumnBreakdown .productdescription {width:358px} /*ie6*/
.productdescriptionunlist {margin-left:40px;}
.breakdownAd {padding:9px; background: url(/images/breakdown/breakdown-cover-ad.jpg) no-repeat; width:388px}
.bdbgMandS {background: url(/images/breakdown/bc_ad_bg_MS.jpg) no-repeat}
.bdbgBoots {background: url(/images/breakdown/boots-ten-vouchers.jpg) no-repeat}
.bdbgGoTravel {background: url(/images/breakdown/breakdown-cover-lady.jpg) no-repeat; color:#000 !important}
.breakdownEBCAd {padding:9px; background: url(/images/breakdown/european-breakdown-cover-ad.jpg) no-repeat; 
width:197px}
.breakdownEBCAd h2 {margin-bottom:25px}
.breakdownAd, .breakdownAd h2, .breakdownAd h2 a {font-family: arial; color:#fff; text-decoration:none}
.breakdownEBCAd, .breakdownEBCAd h2, .breakdownEBCAd h2 a {font-family: arial; color:#fff; text-decoration:none}
.bdbgBoots h2 {font-size: 1.3em; margin: 0 0 0.6em 0;}
.breakdownAdLine1 {font-size:1.5em;}
.breakdownAdPrice {font-size:1.2em; font-weight:bold}
.breakdownAdLine2 {font-size:0.9em; font-weight:bold; margin-bottom:40px}
#rightcolumnBreakdown .FeatureBox {clear:both; width:197px; margin-top:10px; float: none}
#rightcolumnBreakdown .SummaryBox, 
#rightcolumnBreakdown .SummaryBoxTitle {width:179px}
#rightcolumnBreakdown .SummaryBoxTitle a {text-decoration:none;}
* html #rightcolumnBreakdown .SummaryBox, * html #rightcolumnBreakdown .SummaryBoxTitle {width:197px} /*ie6*/
#rightcolumnBreakdown .FeatureBoxP {padding-left:10px}
#rightcolumnBreakdown .SummaryBoxTitle {margin-top:10px}
#rightcolumnBreakdown h4.FeatureBoxTitle {font-size:0.9em;}
.memberBenefitLogos {width:91px; background: url(/images/breakdown/member-benefit-logos.gif) 100% 0 no-repeat #FFF5CC}
.memberBenefitLogos p {padding-right:65px}
.FeatureBoxBlue {width:197px; border:1px solid #7fb2e5; float:left}
.FeatureBoxBlue .FeatureBoxTitle {background:#cce0f5}

.FeatureBox, .FeatureBoxContent {float: none}
.SummaryBoxTitle {margin-top: 20px; clear: both}
.ebcCaravan {width:91px; background: url(/images/breakdown/caravan-ebc.jpg) 100% 0 no-repeat #FFF5CC}
.ebcCaravan p.top {padding-right:93px; padding-top: 7px}
.ebcCaravan p.number {padding-right: 0; font: bold 1.1em arial,helvetica,sans-serif; margin-bottom: 0}



/* these are manufacturer conversion styles */
.manconpromo {display: block; padding-top: 10px; padding-bottom: 10px; clear: both;}
.L2layout12OrangeBorder .manconp {margin: 10px;}
.L2layout12OrangeBorder .quotebutton {padding-bottom:20px; margin:10px 0 0 0;}
.errorimage {margin-left:10px;}
.errorimage ul li {padding-bottom:0; margin-bottom:0;}
.errorimage p {margin:0;}


#manumessage span {font-family:arial,helvetica, sanserif; font-style: italic; letter-spacing: -.04em;font-size: 1.3em; font-weight: bold;color:#666;line-height:1.1;}
#manumessage img {float:right;margin-left:0.3em;}
#manumessage .manutext {display:block;font-weight:bold;color:#f00;}


/*
font-family: arial, verdana, helvetica, sans-serif; font-style: italic; letter-spacing: -.04em; font-size: 1.3em; font-weight: bold; float: right; position: relative; width: 15em; text-align: right; margin-bottom: 1em;}
.headermessage span, p.price span {color: #f00;}
*/

#summer-offers-wide {width:408px; height:275px; clear:both; margin:15px 0 20px 8px; background: url(/images/breakdowncover/breakdown-summeroffers10-410.jpg) no-repeat; display:block;}
#summer-offers-wide h2 {color:#eff7d9; font-size:20px; margin:0; padding:10px 0 25px 10px; font-family:arial; text-indent:-9999px;}
#summer-offers-wide .splitl {width:334px; padding:0 0 15px 10px; margin:0; background:none; float:left;}
#summer-offers-wide .splitl a {color:#000; text-decoration:none;}
#summer-offers-wide .splitl a img, #summer-offers .splitl2 a img {border:0;}
#summer-offers-wide .splitl p {padding:0 0 2px 0; margin:0;}
#summer-offers-wide .splitl p strong, #summer-offers .splitl2 p strong {font-size:14px; font-family:arial;}
#summer-offers-wide .splitr {width:60px; background:none; float:left; padding:0; margin:0; height:70px;}
#summer-offers-wide .splitr span {color:#000; font-size:24px; float:right; padding:24px 0 0 0; margin:0; font-weight:900; font-family:arial; }
#summer-offers-wide .splitr span a {display:block; background:none; text-align:right; text-decoration:none; height:33px; color:#000; padding:0; margin:0;}
#summer-offers-wide .splitr2 {width:60px; background:none; float:left; padding:0; margin:0; height:70px;}
#summer-offers-wide .splitr2 span {color:#000; font-size:24px; float:right; padding:24px 0 0 0; margin:0; font-weight:900; font-family:arial; }
#summer-offers-wide .splitr2 span a {display:block; background:none; text-align:right; text-decoration:none; height:33px; color:#000;}

#affiliatesPromo {width: 408px; height: 309px; clear: both; margin: 15px 0 0 8px; background: url(/images/breakdowncover/affiliateoffers-girl-bg.jpg) no-repeat}
#affiliatesPromo h2 {width: 408px; height: 48px; text-indent:-9999px; background: url(/images/breakdowncover/affiliateoffers-girl-h2.gif) no-repeat; padding: 0; margin: 0}
#affiliatesPromo p {width: 408px; height: 25px; text-indent:-9999px; background: url(/images/breakdowncover/affiliateoffers-girl-para.gif) no-repeat}
#affiliatesPromo .offersButtonsDiv {position: relative; margin: 9px 0 0 168px}
#affiliatesPromo .offersPromoButton {position: relative; margin: 0 0 5px 0}



.uk-breakdown-content-paid {float: left; position: relative; width:416px; background: url(../images/breakdown/application/map-bg.gif) top right no-repeat #fff;}
.uk-breakdown-content-paid ul li, .uk-breakdown-content2 ul li {line-height:1.5em;}
.uk-breakdown-content-paid h2.subhead {padding: 0.25em 0 0 0.25em; margin-bottom: 0.5em; font-size: 1.2em;}
.uk-breakdown-content-paid h2.services-h2, .uk-breakdown-content2 h2.services-h2 {margin-left:10px; margin-bottom:10px;}
html>body .uk-breakdown-content-paid {width: 26.5em;}
.uk-breakdown-content-paid h2 {font-size: 1em; padding: 0.25em 0 0 0.25em; margin-bottom: 0.5em;}
#psmembersblock {padding-top:0.6em; padding-bottom:0; margin-bottom:0.6em; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
ul#psmemberbenefits {list-style-type:none; padding:0;margin:0;}
ul#psmemberbenefits li {border-top:1px solid #e5e5e5; padding:0.6em 0 0.6em 0;}
ul#psmemberbenefits li.psmbfirst {border-top:none;padding-top:0;}
ul#psmemberbenefits li img {float:right; margin-left:10px; }
#psulcontainer {margin-left:200px;}
#pscard {float:left;}

/* New road payment form styles */
#roadpaymentform .error {color:#000;}
#roadpaymentform {width:750px; background:#fff; margin:0 0 0 0; line-height:1em;}
#roadpaymentform form p {background:none; width:450px; margin-left:10px;}
#roadpaymentform form .fieldset-bg {background: url(/images/breakdown/form-bg3.gif) no-repeat; margin:0 0 15px 0; padding:0; /*border-bottom:1px solid #666;*/}
#roadpaymentform form .fieldset-bg-payment {background: url(/images/breakdown/form-bg3.gif) no-repeat; margin:0 0 10px 0; padding:0; /*border:1px solid #000;*/}
#roadpaymentform form fieldset {margin:0 0 15px 0; padding:0 0 0 0; border:0; background:none;}
#roadpaymentform form fieldset .payment-heading {background:none; margin:0; padding:10px 0 15px 10px; font-size:1em; font-family:arial; display:block;}
#roadpaymentform form fieldset p {background:none; width:450px;}
* html #roadpaymentform form fieldset legend {font-size:1.1em; font-weight:900; background:none; color:#fc0; padding:5px 0 0 5px; margin:0 0 28px 0; font-family:arial; display:block; height:18px; width:750px;}
#roadpaymentform form fieldset legend {font-size:1.1em; font-weight:900; background:none; color:#fc0; padding:5px 0 0 5px; margin:0 0 28px 0; font-family:arial; display:block; position:relative; width:750px;}
#roadpaymentform form fieldset legend a {color:#000;}
* html #roadpaymentform form fieldset .fieldseterror {overflow:auto; clear:both; width:745px; margin:0; padding:0; background:none; height:0;}
#roadpaymentform form .generalerror label.error {background:#f15f22; margin:0 0 10px 0; padding:4px; width:743px; color:#fff; float:left;}
#clientSideErrorBox {background:#f15f22; margin:0 0 10px 0; padding:4px; width:743px; color:#fff; float:left; font-size:11px;display:none;}
#roadpaymentform form fieldset .fieldseterror label.error {background:#f15f22; margin:0 0 10px 0; padding:4px; width:723px; color:#fff; float:left;}
#roadpaymentform form .legend-rule {margin:0 0 20px 0; padding:0; height:1px; background:#000; font-size:0.1em;}
#roadpaymentform form div.notselected {height:auto; background:none; margin-bottom:0.5em; width:742px; clear:both; min-height:1.5em;}
#roadpaymentform form div.notselectedtop {height:auto; background:none; margin:1em 0 0.5em 0; width:742px; clear:both; min-height:1.5em;}
#roadpaymentform form div.notselected strong, #roadpaymentform form div.notselectedtop strong {font-family:arial; margin-left:10px;}
#roadpaymentform form div.selected {height:auto; background:none; margin-bottom:0.5em; width:742px; clear:both; min-height:1.5em;}
#roadpaymentform form div.selected label {color:#000;}
#roadpaymentform form div.notselectedlarge {height:6.5em; background:none; margin-bottom:0.5em; width:742px; clear:both;}
#roadpaymentform form div.selectedlarge {height:4.6em; background:none; margin-bottom:0.5em; width:722px;}
#roadpaymentform form div.notselected p, #roadpaymentform form div.selected p, #roadpaymentform form div.notselectedlarge p, #roadpaymentform form div.selectedlarge p {padding-top:1em; background:none; width:430px; margin:0; float:left; display:inline;} 
#roadpaymentform form div div {/*padding:6px 0 0 6px;*/ padding:0 0 0 6px; height:auto;}
#roadpaymentform form label {font-weight:normal; width:180px; display:block; float:left; background:none; padding:4px 0 0 0; margin:0; text-align:left; cursor:pointer;}
#roadpaymentform form label.forradio {font-weight:normal; width:180px; display:block; float:left; background:none; padding:0; margin:0; text-align:left; cursor:pointer;}
#roadpaymentform form input {font-size:0.7em; margin:0; padding:2px; width:240px; float:left; color:#000;}
#roadpaymentform form .smallsubmit {font-size:0.7em; margin:0 10px 15px 0; padding:0; width:auto; float:left; text-align:left; background:none; color:#fff; border:0; font-weight:900; cursor:pointer;}
#roadpaymentform form input.smallsubmit2 {font-size:0.7em; margin:0 10px 15px 10px; padding:0; width:auto; float:left; text-align:left; background:none; color:#fff; border:0; font-weight:900; cursor:pointer;}
#roadpaymentform form input.smallsubmit3 {font-size:0.7em; margin:0; padding:0; width:auto; float:left; text-align:left; background:none; color:#fff; border:0; font-weight:900; cursor:pointer; width:45px;}
#roadpaymentform form input.phonenumbercode {font-size:0.7em; width:80px; margin:0 1em 0 0; padding:2px; float:left;}
#roadpaymentform form input.phonenumber {font-size:0.7em; width:151px; margin:0 1em 0 0; padding:2px; float:left;}
#roadpaymentform form select {font-size:0.7em; float:left; margin-right:1em;}
#roadpaymentform form label.notinview {background:#fcc; display:none;}
#roadpaymentform form .buttoncontainer {background:none; margin:0 0 0 0; padding:10px 0 10px 0; display:block; clear:both; overflow:auto;}
* html #roadpaymentform form .buttoncontainer {margin:0 0 15px 0; padding:10px 0 0 0;}
#roadpaymentform form .buttoncontainer2 {width:50px; float:left; margin-top:5px;}
* html #roadpaymentform form .buttoncontainer2 {width:50px; float:left;}
#roadpaymentform form .blanklabeldiv {width:192px; display:block; float:left; background:none; margin:0; padding:0;}
#roadpaymentform form .blanklabeldiv2 {width:206px; display:block; float:left; background:none; margin:0; padding:0;}
#roadpaymentform form input.radiob {width:14px; height:14px; float:left; margin:4px 0 0 0; padding:0;}
* html #roadpaymentform form input.radiob {width:14px; height:14px; float:left; margin:4px 0 0 0; padding:0;}
#roadpaymentform form .radiolabel {width:60px; float:left; font-size:0.7em; margin:0; padding:2px 0 0 5px;}
* html #roadpaymentform form input.sortcode1, * html #roadpaymentform form input.sortcode2 {font-size:0.7em; margin:0 0.5em 0 0; padding-bottom:0; width:60px; height:20px;}
* html #roadpaymentform form input.sortcode3 {font-size:0.7em; margin:0; padding-bottom:0; width:60px; height:20px;}
#roadpaymentform form input.sortcode1, #roadpaymentform form input.sortcode2 {font-size:0.7em; margin:0 0.5em 0 0; padding:2px; width:40px; float:left;}
#roadpaymentform form input.sortcode3 {font-size:0.7em; margin:0 0 0 0; padding:2px; width:40px; float:left;}
#roadpaymentform form .card-logos {margin:10px 0 15px 10px; padding:0 0 0 0; display:block;}
#roadpaymentform form img.cardlogosimg {margin-right:15px;}
.roadpaymentformp, #roadpaymentform form .roadpaymentformp {background:none; margin:10px 10px 0 0; line-height:1.5em; width:730px;}
#roadpaymentform form .roadpaymentformp2 {background:none; margin:5px 10px 15px 10px; line-height:1.5em; width:445px;}
#roadpaymentform form .roadpaymentformp3 {background:none; margin:0 10px 10px 0; line-height:1.5em; width:445px;}
#roadpaymentform form label.forcheckbox {width:380px; background:none; margin:0; padding:0; float:left;}
#roadpaymentform form label.forcheckbox span {display:block; float:left; margin:1px 0 0 6px; text-align:left;}
#roadpaymentform form .cbox {width:14px; height:14px; float:left; margin:2px 0 0 0; padding:0;}
* html #roadpaymentform form input.cbox {width:14px; height:14px; float:left; margin:0; padding:0;}
#roadpaymentform form label.error {background:transparent url(/images/breakdown/error-bg.gif) no-repeat; width:263px; margin:0 10px 2px 10px; font-size:11px; color:#f00; padding:2px 0 3px 15px; float:right;}
#roadpaymentform form .terms-confirm {background:#fdd; height:100px; width:450px;}
#roadpaymentform form .terms-confirm input {float:left;}
#roadpaymentform form .terms-confirm label {width:96%; float:left; line-height:1.5em;}
.summary-wrap {width:724px; background:#eee; display:block; height:auto; margin:0 0 20px 0; padding:10px;}
* html #roadpaymentform form .summary-wrap {width:747px; background:#eee; display:block; height:auto; margin:0 0 20px 0; padding:10px;}
.summary-wrap-inner {width:719px; background:#fff; display:block; height:auto; margin:0 0 0 0; overflow:auto;}
* html #roadpaymentform form .summary-wrap-inner {width:727px; background:#fff; display:block; height:auto; margin:16px 0 0 0; overflow:auto;}
#roadpaymentform .purchase-summary {width:680px; float:left; background:none; margin:0; padding:10px; display:block;}
#roadpaymentform .purchase-summary h2 {margin:0; background:none; display:inline; padding:0; width:660px; height:19px;}
#roadpaymentform .purchase-summary p {background:none; margin:8px 0 0 0; padding:0; width:660px;}
#roadpaymentform .purchase-summary p strong.big {font-family:verdana;}
#confidence {background:none; float:left; width:140px; font-size:0.7em; margin:10px 0 0 15px; text-align:right;}
#roadpaymentform form #paymentMethodDiv {background:none; margin:0; padding:0; width:750px;}
#roadpaymentform form #cardDetailsDiv {background:none; margin:0; padding:0; width:750px;}
#roadpaymentform form #bankDetailsDiv {background:none; margin:0; padding:0; width:750px;}
#roadpaymentform form #bankDetailsDiv input.findbank {width:153px;}
#roadpaymentform form .buttoncontainer input.findaddress {width:50px;}
#roadpaymentform form .buttoncontainer input.methodofpayment {width:225px;}
#roadpaymentform form .address-display {background:none; margin:5px 0 0 10px; line-height:1.5em; width:375px; text-transform:capitalize; float:left;}
#ukbdBox2 #confirmcbox {background:#eee; margin:10px 0 10px 0; padding:10px; overflow:auto;}
#ukbdBox2 #confirmcbox strong {clear:both; display:block; margin-bottom:10px; font-size:11px;}
* html #ukbdBox2 #confirmcbox {background:#eee; margin:10px 0 10px 0; padding:10px; height:180px;}
#ukbdBox2 #confirmcbox input {margin:0; background:#000; padding:0; width:14px; height:14px; float:left;}
#ukbdBox2 #confirmcbox label {background:none; width:706px; line-height:1.6em; padding:0; margin:0; float:right;}
#roadpaymentform form #confirmcbox .confirmseterror {overflow:auto; clear:both; width:745px; margin:0; padding:0; background:#f15f22;}
#ukbdBox2 #confirmcbox label.error {background:#f15f22; margin:0 0 5px 0; padding:4px; width:697px; color:#fff; float:right; clear:both;}
/*.grant {font-size:1em; margin:0 10px 15px 0; padding:5px 8px 5px 8px; width:300px; float:right; text-align:left; background:#3399ff; color:#fff; border:0; font-weight:900; cursor:pointer;}*/
.annualPaymentChosen {background:none; clear:both;}
.continuousPaymentChosen {background:#ff0; clear:both;}
.secure img {float:left; margin-right:5px;}
.secure strong {margin-top:4px; display:block; float:left;}
#roadpaymentform form .fieldset-bg fieldset .javascriptEnabled {margin:15px 0 0 0; padding:0; width:743px; background:none;}
#roadpaymentform form .fieldset-bg fieldset .javascriptEnabled .notselectedtop {background:none; width:600px; margin-left:5px; padding:0;}
#roadpaymentform form .fieldset-bg fieldset .javascriptEnabled .notselected {background:none; width:600px; margin-left:5px; padding:0;}
#roadpaymentform form .fieldset-bg fieldset .javascriptDisabled {height:auto; margin:0; padding:0; width:620px; background:none;}
#roadpaymentform form .fieldset-bg fieldset .javascriptDisabled .notselected div, .javascriptDisabled .notselectedtop div {width:640px; background:#000;}
#roadpaymentform form .fieldset-bg fieldset #paymentMethodDiv {width:747px;}
#roadpaymentform form .fieldset-bg fieldset #bankDetailsDiv {width:747px;}
#roadpaymentform form .fieldset-bg fieldset #cardDetailsDiv {width:747px;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm label.make-aa-aware {width:100%; padding-bottom:6px;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm label.make-aa-aware .cbox {float:left;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm input#issueNo {width:50px;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .error-container {overflow:auto; margin:0; padding:0;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .error-container label.error {background:#fff url(/images/common/error-icon.gif) no-repeat; width:100%; width:747px; margin:10px 0 0 0; padding:0; border:1px solid #f15f22;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .error-container label.error span.orange-error-text {display:block; padding:6px 8px 8px 38px; color:#f00; font-size:1.4em; font-family:arial; font-weight:bold; line-height:1.5em;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .fieldset-bg fieldset label.in-fs-error {background:#fff url(/images/common/error-icon.gif) no-repeat; margin:0 0 10px 10px; padding:0; border:1px solid #f00; width:726px; display:block;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .fieldset-bg fieldset label.in-fs-error span.orange-error-text2 {display:block; padding:6px 8px 8px 38px; color:#f00; font-size:1.4em; font-family:arial; font-weight:bold; line-height:1.5em;}
* html .mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .fieldset-bg fieldset label.in-fs-error {background:#fff url(/images/common/error-icon.gif) no-repeat; margin:0 0 0 5px; padding:0; border:1px solid #f00; width:730px; display:block;}
* html .mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .fieldset-bg fieldset label.in-fs-error span.orange-error-text2 {display:block; padding:6px 8px 8px 38px; margin:0; color:#f15f22; font-size:1.4em; font-family:arial; font-weight:bold; line-height:1.5em;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .fieldset-bg fieldset legend {margin-bottom:18px;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm .error-container2 {overflow:auto; margin:0; padding:0;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm label.in-fs-error {background:#fff url(/images/common/error-icon.gif) no-repeat; margin:10px 0 10px 0; padding:0; border:1px solid #f00; width:746px; display:block;}
*html .mincontainer #ukbdBox2 #roadpaymentform form#paymentForm label.in-fs-error {background:#fff url(/images/common/error-icon.gif) no-repeat; margin:10px 0 0 0; padding:0; border:1px solid #f00; width:746px; display:block;}
.mincontainer #ukbdBox2 #roadpaymentform form#paymentForm label.in-fs-error span.orange-error-text2 {display:block; padding:6px 8px 8px 38px; color:#f00; font-size:1.4em; font-family:arial; font-weight:bold; line-height:1.5em;}
.top {margin-top:10px;}
* html .top {padding-top:10px;}
* html .card-logos .cardlogosimg {margin:10px 0 10px 0;}
#paymentMethod-new, #paymentMethod-new2 {font-size:0.7em; margin:0; padding:2px; width:250px; float:left; color:#000;}
#cardrenewal {margin:0; padding:0; background:none;}
#cardrenewal p {margin:0; padding:0; background:none;}
#dd-heading {display:none;}
#cPaymentMethod .notselected {margin:0; padding:0;}
#cPaymentMethod .payment-heading {margin:0; padding:0;}

/* CR11579 Biker Hub info page */
#mainContent .uspsBikeContainer { display:block; }
#mainContent .uspsBikeContainer p { margin:15px 0 }
#mainContent ul.uspsBike { clear: left; padding: 0 0 0.4em 1em; width: 20em; }
#mainContent ul.uspsBike li { padding-bottom: 7px}
#mainContent .bikePatrol { float: right; margin-top: -30px; position: relative; margin-right:30px; }

.brokenDownBike { background: none repeat scroll 0 0 #F2F2F2; line-height: 1em; margin-top: 1.4em; padding: 1em 1em 0.2em; }
.brokenDownBike h2 { float: left; margin-right: 0.5em; }
.brokenDownBike p { font-size: 0.9em; margin-top: 2px; }

#offersPromoBike { background: url("/images/motorbike/bike-offer-bg.jpg") no-repeat; clear: both; height: 384px; margin: 27px 0 0; padding: 0; width: 597px; }
*:first-child+html #offersPromoBike {margin: 25px 0 0 0}
* html #offersPromoBike {margin: 25px 0 0 0}
#offersPromoBike h2 { background: url("/images/motorbike/bike-offer-h2.jpg") no-repeat scroll 0 0 transparent; height: 70px; text-indent: -9999px; width: 597px; }
#offersPromoBike .offersButtonsDivBike { margin: 16px 0 0 337px; position: relative; }
#offersPromoBike .offersButtonsDivBike .offersPromoButton { margin: 0 0 8px; position: relative; }

.membersPanelBike {padding: 1em 1em 0.2em 1em; background: #fffbf3; margin: 1.4em 0 1em 0}
.membersPanelBike h2 {padding-bottom: 0.5em}
.membersPanelBike a {color: #3333ff}
.membersPanelBike a:hover {color: #ff0000}
.membersPanelBike .membersImg {float: right; margin-left: 1em}
.membersPanelBike .membersFeature {border-top: 1px #e5e1da solid; padding:0.7em 0; width: 400px; float:left }
.membersPanelBike .membersFeature img {float: left; margin-right: 0.7em; display:block; }
.membersPanelBike .membersFeature p { margin:8px 0 3px 0 ; }
.membersPanelBike .membersFeature a { font-size:0.70em }