/* BA these styles are used on the EBC homepage 27/03/07*/ .div75{float:left; width:73%; height:9em; border:1px #000 solid; margin-right:3px; padding-left:2px; padding-right:2px; padding-bottom: 1px; /* for all browsers, mainly Opera, Firefox, etc. */ .padding-bottom: 2px; /* can be readable by both IE6 & IE7, now other still think it?s 5 while IE6 & IE7 think it?s 7 */ _padding-bottom: 3px; /* Only IE6 reads this and changes the value */} .div25{float:left; width:24%; height:145px; border:1px #000 solid; padding-left:2px; padding-right:2px; padding-bottom: 0px; /* for all browsers, mainly Opera, Firefox, etc. */ .padding-bottom: 1px; /* can be readable by both IE6 & IE7, now other still think it?s 5 while IE6 & IE7 think it?s 7 */ _padding-bottom: 0px; /* Only IE6 reads this and changes the value */} .div33{float:left; height:6em; width:12em; border:1px #000 solid; margin-right:3px;/*hack as above*/ .margin-right:3px;_margin-right:7px; padding:1px;} .div33End{float:left; height:6em; width:12em; border:1px #000 solid; padding:1px;} #yellowHeader{float:left; background:#ffcc00; width:73%; border:1px #000 solid; border-bottom:0px; margin-right:3px; padding-left:2px; padding-right:2px;} #yellowHeader25{float:left; background:#ffcc00; width: 24% !important; width: 24%; width/**/:/**/25.3%; border:1px #000 solid; border-bottom:0px; padding-left:2px; padding-right:2px;} .greyBreakHeader{margin-top:1em; font-weight:bold; margin-right:3px;/*hack as above*/ .margin-right:3px; _margin-right:7px; width:12em; border:1px #000 solid; border-bottom:0px; float: left; background: #999; color: #fff; padding:1px;} .greyBreakHeader h4{font-weight:bold;} .greyBreakHeaderEnd h4{font-weight:bold;} .greyBreakHeaderEnd{margin-right:0px;} sup {font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em;} /*MR8854 ebc landing page styles*/ .ebcLPbreakdowncontainer {float: left; margin: 0 6px 10px 0; width: 450px;} .ebcLPbreakdowncontainer p {padding: 5px 5px 0 5px;} html>body .ebcLPbreakdowncontainer {margin: 0 7px 10px 0; width: 450px;} .ebcLPlargeEBCYellowBox {float:left; width:450px; border: solid #ccc 1px; height: 175px; } .ebcLPmemDivTop { float: left; height: 175px; border: solid #ccc 1px;} .ebcLPmemDivTop h2 { background: #999; color: #fff; font-size: 15px; padding: 5px 0 9px 5px;} .ebcLPbtnEbcMap{ margin-left:3px; margin-top:1px; .margin-top:0px; _margin-top:0px; } .ebcLPmemDivTopClub { float: left; width:216px; .width:216px; _width:218px; height: 103px; /* for all browsers, mainly Opera, Firefox, etc. */ .height: 103px; /* can be readable by both IE6 & IE7, now other still think it?s 5 while IE6 & IE7 think it?s 7 */ _height: 106px; /* Only IE6 reads this and changes the value */ margin: 0 10px 0 0; border: solid #ccc 1px; } .ebcLPmemDivTopClub h2,.ebcLPmemDivTopEuro h2 {height: 26px; background: #999; color: #fff; font-size: 15px; padding: 5px 0 0 5px;} .ebcLPmemDivTopClub h2 a,.ebcLPmemDivTopEuro h2 a {text-decoration:none; color: #fff; display: block;} .ebcLPmemDivTopClub p {padding: 5px 5px 0 5px;} .ebcLPmemDivTopEuro { float: left; width:138px; height:103px; border: solid #ccc 1px;} .ebcLPmemDivTopEuro p {padding: 5px 2px 0 5px;} .ebcLPmemDivTopClub a img { margin-right:5px; float:right;} h2.ebcLPh2EurobreakdownCover {background-color:#FFCC00; height:32px; padding: 0px 0 0 5px; font-size:1em; line-height: 32px; margin-bottom: 2px;} .ebcLPtravelLink {float:right; margin-right:5px; } .ebcLPmemDivTopEuro .memberDiscountsLink {float:right; margin-right:5px;} .ebcLPstartSaving {_margin-bottom: -3px;} /* The descending letter g gives a deeper button which pushes the border down in IE6 */ .ebcLPpadding2 {padding-right:2px;} p.ebcLPbutton {float: left; position: relative; margin: -5px 0 -30px 0; height: 12px;} html>body p.ebcLPbutton a {float: left; position: relative; width: auto;} ul.ebcLPmemsmallBlackDot {line-height: 1.2; margin: 0 0 0 20px; padding: 0 !important;} .ebcLPmemDivfoot {font-size:8px;} /* CR11883 - New EBC Quote page*/ .ebctable {border:none;} .ebctable td {font-size: 11px; padding:5px;} .benefit {background:#fff7e5; text-align:left;} .benefitsplit {background:url(/images/ebc/spacer.gif) no-repeat; width:auto; padding-top:20px; margin:-5px;} .product {background:#ccc; font-weight: bold; text-align:center;} .highlight {background:#fc0; font-weight: bold; text-align:center;} .lowlight {background:#f6f6f6; text-align:center;} .icon {background:url(/images/ebc/save.gif) no-repeat; background-position:center; font-size:12px; color:#fff; height:60px; font-weight: bold;} .price {font-weight: bold; font-size: 20px;} .policy p {padding-left:20px; text-align:center;} .plc {background:#ccc; width:65%; height:85px; width:465px; padding:10px;} .plcleft {float:left; width:400px;} .plcright {float:right; background:#f6f6f6; height:58px; width:40px; padding:8px; text-align:center; padding-top:20px;} .percent {font-size:14px; font-weight: bold;} #outer {position: relative;float: right; width: 244px;height: 950px;} #infoBox {position: absolute;width: 190px;top: 2px;margin: 0;padding: 20px;background:#ccc;} #infoBox h2 {background:#fff; height:50px; padding:10px; text-align:center;} /*progress bar*/ ul#pb-bar-ebc {position: relative; float: right; margin: 1em 0 0 0; padding: 0; height: 36px; list-style-type: none; width: 421px} ul#pb-bar-ebc li {float: left} ul#pb-bar-ebc li.step1 {width: 74px; background: url(/images/breakdown/journey/progress/trip.gif) no-repeat 0 0} ul#pb-bar-ebc li.step2 {width: 90px; background: url(/images/breakdown/journey/progress/quote.gif) no-repeat 0 0} ul#pb-bar-ebc li.step3 {width: 94px; background: url(/images/breakdown/journey/progress/details.gif) no-repeat 0 0} ul#pb-bar-ebc li.step4 {width: 73px; background: url(/images/breakdown/journey/progress/pay.gif) no-repeat 0 0} ul#pb-bar-ebc li.step5 {width: 76px; background: url(/images/breakdown/journey/progress/confirm.gif) no-repeat 0 0} ul#pb-bar-ebc li.step1 a {width: 78px} ul#pb-bar-ebc li.step2 a {width: 78px} ul#pb-bar-ebc li.step3 a {width: 94px} ul#pb-bar-ebc li.step4 a {width: 73px} ul#pb-bar-ebc li.step5 a {width: 76px} ul#pb-bar-ebc li span {margin: 0; padding: 0; display: block; height: 36px; overflow: hidden; text-indent: -5000em} ul#pb-bar-ebc li a {margin: 0; padding: 0; float: left; display: block; height: 36px} ul#pb-bar-ebc li.link {background-position: 0 -60px} ul#pb-bar-ebc li.off {background-position: 0 -120px} /*end progress bar*/ /* End CR11883 */ /*end ebc styles*/ /* for /breakdownrepaircover/whats_covered.html */ div.toptenbreakdowns {float: left; width: 49.4%;} .buybreakdownplusrepair {float: left;} .buybreakdownrepaircover {font-size:16px;} .carbreakdownrepairs {background:#ffcc00; height:20px; font-size:16px; color: #111; width:99.4%; padding: 5px 0 5px 5px;} /* END for /breakdownrepaircover/whats_covered.html */ /* fix for width of yellow part of /breakdownrepaircover/index.html */ div#savingsCalculator {padding: 7px 7px;} /*generic breakdown table style*/ table.breakdownTable {border-collapse: collapse; margin-bottom: 15px;} table.breakdownTable td, table.breakdownTable th {border: 1px solid #000; padding: 5px;} table.breakdownTable th {background-color: #ffcc00; border-bottom: none; font-size: .8em; text-align: center;} table.breakdownTable#keyfacts ul li {font-size: 11px;} /* breakdown sub homepage styles lifted from page - KM MR7415 */ .breakdowncontainersubhome {float: left; margin: 0 6px 10px 0; width: 451px;} html>body .breakdowncontainersubhome {margin: 0 7px 10px 0} .L2subhome {height: 300px;} html>body .L2subhome {height: 168px;} .divtopRight {float: left; width: 137px; height: 178px} .divtopRight h2 {height: 38px; background: #999; 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 #999; border-left: 1px solid #999; border-right: 1px solid #999;} .divBottomLeft {float: left; width:289px; height: 101px; margin: 0 10px 0 0; border: solid #ccc 1px;} html>body .divBottomLeft {height: 104px;} *:first-child+html .divBottomLeft {height: 104px;} .divBottomLeft h2 {height: 26px; background: #999; color: #fff; font-size: 15px; padding: 5px 0 0 5px;} .divBottomLeft p {float: left; position: relative; padding: 5px 5px 0px 5px;} html>body .divBottomLeft p {padding: 5px 5px 0 5px;} *:first-child+html .divBottomLeft p {padding: 5px 5px 0 5px;} .divBottomCenter {float: left; width:289px; height:101px; margin:0;} html>body .divBottomCenter {height: 106px;} .divBottomCenter h2 {height: 26px; background: #999; color: #fff; font-size: 15px; padding: 5px 0 0 5px;} .divBottomCenter h2 a {text-decoration:none; color: #fff; display: block;} .divBottomCenter span.link {float: left; position: relative; margin: 10px 0px 5px 5px; font-size: 10px;} .divBottomCenter span.link img {vertical-align: middle;} .divBottomCenter span.bottomlink {padding-top: 7px; text-align: right; float: left; position: relative; width: 210px; margin: 10px 4px 0px 4px; font-size: 10px; border-top: 1px solid #999;} .divBottomCenter img {border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;} .divBottomRight {float: left; width:137px; height:96px;} .divBottomRight h2 {height: 26px; background: #999; color: #fff; font-size: 15px; padding: 5px 0 0 5px;} .divBottomRight h2 a {text-decoration:none; color: #fff; display: block;} .divBottomRight img {border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;} li#benefits {list-style-type: none;} li#benefits img {float: right; margin: -33px 10px 0 0;} html>body li#benefits img {margin-top: -25px;} *:first-child+html li#benefits img {margin-top: -33px;} /* new styles for MR8906 SEO quick fix */ .breakdownticked {float: left; margin: 0 6px 10px 0; width: 594px; background:#fff5cc; padding-top:10px;} .breakdownticked p {padding:0 10px} .breakdownticked h2 {font-size:1.1em; margin:0 0 6px 10px} .breakdownticked ul {list-style-type:none; padding:0 5px} .breakdownticked ul li.ticked {background: transparent url(/images/common/listTick.gif) no-repeat scroll 4px 4px; margin:0 0 0 -28px; display:block} .breakdownticked ul li.ticked span {display:block; margin:0 0 7px 28px;} .text-content {width: 456px; float:left;} .text-content h2 {font-size:18px; font-weight:900; margin-bottom:6px;} .text-content h3 {font-size:14px; font-weight:900; margin-bottom:6px;} /* fieldset styles lifted from member get member page, MR 7600 KM */ label.twocolumn {display: block; float: left; clear: left; width: 25em; padding: 5px 5px 5px 5px; text-align: left;} input.twocolumn, select.twocolumn {display: block; float: left; padding: 0;} /* MR7475 Road why register pages, MR7475 KM */ form#loginForm {float: left; position: relative; margin-top: -10px;} form#loginForm input {float: left; position: relative; width: 120px; margin: -3px 0px 3px 0px;} html>body form#loginForm input {margin: 0px 0px 5px 0px;} *:first-child+html form#loginForm input {margin: 0px 0px 2px 0px;} input.login {float: left; position: relative; margin: 5px 0px 0px 0px; width: 70px !important;} html>body input.login {margin-top: 7px;} *:first-child+html input.login {margin-top: 0px;} h3#login {float: left; position: relative; width: 100%; margin-bottom: -5px;} html>body h3#login {margin-bottom: 0px;} *:first-child+html h3#login {margin-bottom: -5px;} div.loginleft {float: left; position: relative; width: 58%;} div.loginright {float: right; position: relative; width: 38%; margin-top: 30px;} p#password {font-size: 10px; margin: -2px 0px 0px 0px;} html>body p#password {margin: -4px 0px 0px 0px;} /* START WR978 Relay Plus Unbundling Styles */ ul.additions li {font-weight: bold; padding: 0 !important;} /* road colourful table styles lifted from page and renamed so seperate from original bus. breakdown styles */ table.roadoptions {width: 100%; background: #bbb;} table.roadoptions caption {display: none;} table.roadoptions thead tr {background: #666; text-align: center;} table.roadoptions thead tr td {text-align: left; width: 100px; padding-left: 10px;} table.roadoptions td {height: 34px;} table.roadoptions#acquisition td {height: 34px; text-align: left;} table.roadoptions tr th {font-size: 80%; height: 34px;} table.roadoptions tr th.acquisition {color: #fff; font-size: 80%; font-weight: bold; height: 24px; text-align: left; text-indent: 5px;} table.roadoptions td {text-align: center;} .roadPrice {font-size: 80%; font-weight: bold; color: #333;} .roadLightGray {background: #EEE;} .tdRoad1 {background: #FFF;} .tdRoad2 {background: #FFF5CC;} .tdRoad3 {background: #FFE88C;} .tdRoad4 {background: #FFE066;} .tdRoad5 {background: #FFD633;} /* gift summary page in-line styles lifted from page */ .breakdownWhatIsCovered, .breakdownGetQuote, .breakdownFeatures {margin-bottom: .7em;} .halfBlock {padding: 0 0 0 0;} div.halfBlock left {padding: 0 0 0 0; float: left;} div.halfBlock right {padding: 0 0 0 0; float: right;} div.breakdownGetCover div.halfBlock p {padding: 0;} h3.h3breakdownWhatIsCovered {background:#cccccc; height:25px; padding: 5px 0 0 0; width:99%;} h3.h3breakdownGetQuote {background:#cccccc; height:25px; width:99%; padding: 5px 0 0 0;} div.breakdownWhatIsCovered {background-color: #ffffff; padding:0 5px 0 0;} div.breakdownGetCover p {margin:.2em 0 0 .2em;} div.breakdownDescriptions {padding-top: 10px; width: 48%; float: left;} div.breakdownDescriptionsSelect {padding-top: 10px; width: 99%; float: left;} .breakdownDescriptions p {padding:0 0 0 0;} .breakdownDescriptionsfull p {padding:0 0 0 .8em;} div.breakdownDescriptionsfull {float: left; width: 99.4%;} fieldset.breakdownDescriptionsfull {padding:0 0 0 0; border: 0;} fieldset.breakdownDescriptionsfull p {padding:0 0 0 0; border: 0;} div.single{background-color: #fef5cc; padding: 5px 5px 2px 5px; float: right; width: 70%;} div.joint{background-color: #ffff99; padding: 5px 5px 5px 5px; float: left; width: 90%;} div.family{background-color: #ffff99; padding: 5px 5px 5px 5px; float: left; width: 90%;} div.space{background-color: #ffffff; padding: 2.5px 5px 2.5px 5px; float: left; width: 90%; height:10px;} h2.h2onlineprice {background:#ffcc00; height:30px; width:100%; padding: 5px 0 0 0; font-weight: strong; font-size: 16px;} div.onlineprice {background-color: #ffffff; width:100%;} /* acquisition styles lifted from option_table */ .L4layout14WithBorderLeft h2 {margin: 5px 0px 0px 17px;} .breakdownDescriptions p img {margin-bottom: 30px;} /* acquisition styles lifted from select_cover_type */ h2.h2breakdownWhatIsCovered {float: left; position: relative; background:#ffcc00; height: auto; width:99%; padding: 5px 0 5px 0; font-weight: strong; font-size: 16px;} h2.h2breakdownGetQuote {float: left; position: relative; background:#ffcc00; height: auto; width:100%; font-weight: strong; font-size: 16px; padding: 5px 0 5px 0;} div.cover{background-color: #fef5cc; padding: 5px 1px 2px 5px; float: left; width: 298px; border: 1px solid #fc0;} html>body div.cover {width: 290px;} a.awrap {float: left; position: relative; width: auto; height: auto; text-decoration: none;} span.h3cover {font-size: 16px; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold;} div.space{background-color: #ffffff; float: left; width: 90%; height:3px;} h3.h3breakdownFeatures {background:#cccccc; height:25px; padding: 5px 0 5px 0; font-weight: strong; font-size: 16px; color: #ffffff;} /* acquisition styles lifted from confirm_add_additions */ div.halfBlockconfirm {padding:0; width: 99%;} div.halfBlockconfirm p {padding: 4px 4px 0 10px;} h3.h3onlineprice {height:30px; width:100%; padding: 5px 0 0 10px; font-weight: strong; font-size: 16px;} fieldset.breakdownDescriptionsfull {padding:0 0 0 0; border: 0;} fieldset.breakdownDescriptionsfull p {padding:0 0 0 0; border: 0;} p#or {font-size: 18px; padding:0; margin: 10px 0px 0px 0px; float: left; position: relative; width: 100%;} html>body p#or {margin: 10px 0px 10px 0px;} *:first-child+html p#or {margin: 10px 0px 0px 0px;} /* END WR978 */ /* WHICH LOGO ON BREAKDWON BENFITS PAGE - MR7700 KM */ div.whichlogo img {float: right; position: relative;} div.whichlogo ul {float: left; position: relative; width: 60%;} /* MR7787 - Christmas gift Membership Styles - KM */ .gift {float: left; width: 191px; text-align: center; margin: 0px 2.5px 0px 2.5px; border: 1px solid #fc0; padding: 5px 0 0 0;} .giftindex {width: 184px;} .gift img {vertical-align: top; margin-top: 5px;} .giftprice {float: left; position: relative;} .giftprice p input {float: right; position: relative; vertical-align: top;} div#slideone, div#slidetwo, div#slidethree {margin: 0; background-color: #fff5cc; padding: 5px; text-align: left; font-size: 11px;} fieldset.gift {float: right; position: relative; text-align: left; border: 0; width: auto;} fieldset.gift input, fieldset.gift selec, fieldset.gift label {vertical-align: middle;} a#buylink {text-decoration: none; font-family: Frutiger, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 1.4em; line-height: 1.6em; height: 1.6em; margin: 5px 5px 0px 0px; vertical-align: middle;} a#buylink img {vertical-align: middle;} /* Credit card logos - MR8017 */ .cardlogos {float:left; width:300px; height:50px; padding-top:5px; padding-bottom:5px;} .cardlogos p {float:left; padding:15px 0px 0px 0px;} .cardlogos img {padding-top:10px; padding-right:5px;} /*renew breakdown cover page*/ div.renewBreakdownCoverLeft {float: left; width: 58%;} div.renewBreakdownCoverRight {float: left; padding-top: 30px; width: 38%;} /*patrol feedback*/ #fdbackMGMPromo { border:1px solid #ffcc00; width:593px; background-color:#fff5cc;} #fdbackMGMPromo #fdbackButton { float:right; margin-right:6px; margin-top:6px; width:161px;} #fdbackMGMPromo p { margin-right:30%; padding:6px 6px 6px 6px;} /*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 {background: url(/images/breakdown/european-breakdown-cover-ad.jpg) no-repeat; width:388px} .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} .breakdownLoyaltyAd, .breakdownEssentialsAd {margin: 0.7em 0; width: 197px;} .breakdownLoyaltyAd a img, .breakdownEssentialsAd a img {width:197px;} .breakdownLoyaltyAd h2 a, .breakdownEssentialsAd h2 a {display: block; font: bold 16px arial,helvetica,sans-serif; color:#ffcc00; background: #000; text-decoration: none; padding: 3px 7px} .breakdownLoyaltyAd p a {display: block; font: bold 11px verdana,helvetica,sans-serif; color:#000; background: #ffcc00 url(/images/breakdowncover/chevron-double.gif) no-repeat right; text-decoration: none; padding: 5px 37px 5px 7px} .bdbgBoots h2 {font-size: 1.3em; margin: 0 0 0.6em 0;} .breakdownAdLine1 {font-size:1.5em; margin:0; width:360px;} .breakdownAdPrice {font-size:1.2em; font-weight:bold} .breakdownAdLine2 {font-size:0.9em; font-weight:bold; margin-bottom:40px} .breakdownAdButton {width:350px; padding:0; margin:10px 20px 10px 0} #rightcolumnBreakdown .FeatureBox {clear:both; width:195px; margin-top:10px; float: none} #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:179px; background: url(/images/breakdown/member-benefit-logos.gif) 100% 0 no-repeat #FFF5CC} .memberBenefitLogosMC {width:179px; background: url(/images/breakdown/member-b-logos-mancon.gif) 100% 0 no-repeat #FFF5CC} .memberBenefitLogos p {padding-right:65px} .memberBenefitLogosMC p {padding-right:68px} .FeatureBoxBlue {width:197px; border:1px solid #7fb2e5; float:left} .FeatureBoxBlue .FeatureBoxTitle {background:#cce0f5} #rightcolumnBreakdown .cards {background-color:#FFF5CC;} #rightcolumnBreakdown .cardrate {font-size:150%; font-weight:bold;} .FeatureBox, .FeatureBoxContent {float: none} .SummaryBoxTitle {margin-top: 20px; clear: both} .ebcCaravan {width:179px; 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} /*CR9337 - Road - EBC landing page*/ .breakdownAdEBC {background:url(/images/breakdown/european-breakdown-ad.jpg) no-repeat 0 0; width:388px} .breakdownEBCEventsAd {background:url(/images/breakdown/european-events.jpg) no-repeat 100% 100%; width:197px; color:#FFFFFF} .breakdownEBCEventsAd p {margin:0; padding:10px 9px 25px 9px; margin-right:100px} .breakdownEBCEventsAd h2 {background-color: #000; padding:5px 8px} .breakdownEBCEventsAd h2 a {text-decoration:none; color: #fff} #rightcolumnBreakdown .FeatureBoxEBC {border:none; margin-top:0px;} .FeatureBoxEBC h3 {width:181px; padding:8px; background-color: #000} .FeatureBoxEBC h3 a {text-decoration:none; color:#fff} .FeatureBoxEBCMap {border:1px solid #808080; margin-bottom:10px} * html .FeatureBoxEBC h3 {width:197px} * html .FeatureBoxEBCMap h3 {width:195px} .keyfactsButton {display:block; width:197px; margin-top:10px; padding:5px 0 5px 70px; font-size:0.7em; text-decoration:none; background:url(/images/breakdown/european-breakdown-keyfacts.gif) no-repeat 0 0} .FeatureBoxMemberBens {margin-top:10px} .mbLogosEBC {background:url(/images/breakdown/member-benefit-logos-ebc.gif) no-repeat 100% 0 #FFF5CC} .tickedContainer {clear: both; margin:0 0 20px 0; padding:15px 20px;} .tickedContainerLeft {width: 48%; float: left} .tickedContainerRight {width: 48%; float: right} .tickedContainer ul {list-style-type: none; padding:0!important; margin-top: 15px} .tickedContainer ul li {padding: 5px 0 10px 20px!important; background: url(/images/common/listTick.gif) no-repeat; background-position: 0 5px} /*ASC*/ #asc-patrol-wrapper {background:url(/images/after-sales-care/patrol-panel-bg.jpg) 100% 100% no-repeat #000; color:#ffeda4;float:left; width:100%;margin-bottom:1em;} #asc-patrol-wrapper p {line-height:1.5; width:36em;} #asc-patrolinfo { float:left; padding:1em; } #asc-patrolinfo h1, #asc-patrolinfo h2,#asc-patrolinfo h3 {color:#fc0;} #asc-patrolinfo h1, #asc-patrolinfo h2 {margin-bottom:0.8em;} #asc-patrolinfo h3 {font-size:0.9em;margin-bottom:0.3em; width:22.3em;} #asc-patrolinfo a {color:#fc0; font-size:0.9em;} #asc-patrolinfo a:visited {color:#999;} #asc-patrolinfo a:hover {color:#ffeda4;} #asc-patrolinfo .patrollink {margin-top:-0.3em; margin-bottom:0.75em;font-size:0.9em;} #asc-block1,#asc-block2 {clear:both; margin-top:1em;} #asc-block1 {margin-bottom:1em;} #asc-updated, #asc-refer,#asc-join,#asc-car-insurance {float:left;background-color:#bfbfbf;padding:1em;} #asc-updated h2, #asc-refer h2, #asc-join h2, #asc-car-insurance h2,#asc-save h2 {font-size:1em; color:#000;} #asc-updated, #asc-refer {height:8em;} #asc-updated, #asc-join {padding:1em;width:21.3em;/*float:left;*/} #asc-updated { background:url(/images/after-sales-care/membershipcard-greybg.jpg) no-repeat 95% 20% #bfbfbf;} #asc-updated ul {margin:0 0 1em 0; padding:0 1em;} #asc-updated ul li {margin:0;padding:1px 0;line-height:1.2;} #asc-refer, #asc-car-insurance { width:11em; padding:1em;margin-left:1em;float:right;} * html #asc-refer,* html #asc-updated {height:10em;} * html #asc-refer, * html #asc-car-insurance {width:14.3em;} #asc-join {margin-bottom:1em;} #asc-join a {display:block; } #asc-save {clear:left;margin-bottom:1em; background-color:#bfbfbf; padding:1em; } * html #asc-join,* html #asc-car-insurance {height:8em;} * html #asc-save {margin-top:0.8em;} #asc-advice {width:16em;float:left;} #asc-callback {clear:left;margin-bottom:1em; border-top: 1px solid #BFBFBF; margin-bottom: 1em; padding-top: 1em;} #asc-topics{width:16em;float:left;margin-left:1em;} #card-image {display:block;float:right;width:95px; margin-left:0.5em;margin-bottom:0.5em;} #van-image {float:right;margin-left:2em;} #asc-footerlinks {clear:both;margin:1em 0em;} #asc-footerlinks h2 {margin-bottom:0.5em;} #asc-footerlinks ul {list-style-type:none;margin:0;padding:0;} #asc-footerlinks ul li {padding:1px 0;} /* Spring offers */ .usps {width:596px; background:#fff; height:180px; margin-bottom:10px;} .usps-l {width:365px; float:left; margin:0 10px 0 0; padding:0; background:#fff;} .usps-l p {/*text-align:center; margin:0; padding:0; line-height:1.5em; font-family:arial;*/background:#fff; margin:5px 0 15px 10px;} .usps-r {width:220px; float:left; margin:0; padding:0; background:#fff;} .aa-van-image {margin-left:20px;} .price-pic-a {width:215px; background:#fff; display:block; height:160px; text-decoration:none; float:right; font-size:2em; color:#000; font-family:arial; font-weight:900; margin:0 0 0 0; padding:0 0 0 0;} .price-pic-a img {border:0;} .price-pic-a span {margin:0; padding:0; display:block; background:#fff; text-align:center; line-height:1em;} .usps-button-outer {padding:12px 0 0 10px; margin:0; display:block;} .usps-button-outer span {color:#f00; font-size:18px; font-family:arial; display:block; margin-bottom:10px;} .usps-button-outer a img {border: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;} .ebc-promo {width:595px; height:50px; margin:10px 0 0 0; padding:0; background:#000;} .ebc-promo-with-offers {width:595px; height:40px; margin:15px 0 20px 0; padding:0; background: url(/images/breakdowncover/ebc-bg.jpg);} .ebc-promo-without-offers {width:595px; height:40px; margin:50px 0 20px 0; padding:0; background: url(/images/breakdowncover/ebc-bg.jpg);} .full-width-a {background:none; display:block;} a.european-breakdown {width:595px; height:40px; display:block; text-decoration:none;} a.european-breakdown .heading {color:#fff; font-size:20px; margin:0; padding:8px 0 0 45px; font-family:arial; font-weight:900; display:block; width:320px; float:left;} a.european-breakdown .cta {color:#fff; font-size:20px; margin:0; padding:8px 36px 0 0; font-family:arial; display:block; float:right; width:194px; text-align:right;} /* Merlin competition */ .merlin-competition {width:595px; background:#000; height:auto; border-bottom:#fff 10px solid;} .merlin-competition .text {width:300px; float:left;} .merlin-competition .text h2 {color:#ffffcc; margin:10px 0 0 10px;} .merlin-competition .text p {padding:10px 0 0 10px; color:#ffffcc; line-height:16px;} .merlin-competition img {margin:0 0 10px 10px; padding:0;} .merlin-competition img.pass {float:right; margin:10px 10px 0 0;} /*Man Con*/ .manconpromo {display: block; padding-top: 10px; padding-bottom: 10px; clear: both;} .manconp {margin: 10px;} #mancon-promo-text1 {font-size:0.6em;font-weight:normal;letter-spacing:0;} .manconformcontainer {width:595px; border:1px solid #fc0;} .manconformcontainer .quotebutton {padding-bottom:20px; margin:10px 0 0 0;} .manconformcontainer .errorimage {margin-left:10px;} .manconformcontainer .errorimage ul li {padding-bottom:0; margin-bottom:0;} .manconformcontainer .errorimage p {margin:0;} #manconpromoouter {background:url(/images/breakdown/manufacturers/man-con-blank-promo-l.gif) no-repeat;} #manconpromoouter p {float:left;margin-top:30px;font-size:1.3em;font-weight:bold;padding-left:10px; width:210px;letter-spacing:-0.04em;font-family: Arial,Helvetica,sanserif;margin-bottom:0.5em;} html > body #manconpromoouter p {width:220px;} #manconlogocontainer {float:left;clear:left; width:210px; height:102px; } html > body #manconlogocontainer {width:220px;} #manconlogo { float:right; } #manconpromoinner {padding-left:210px;} #leftcolumnBreakdown .text-content {width:388px;} /*End Man Con*/ .fullWidth {background: #fff7e5; margin-bottom: .7em; clear: both; padding: 1.3em} .fullWidth img {float: left; margin-right: 1.3em} .fullWidth p {margin-bottom: 0; margin-left: 177px} .dsf-signature span {font-size:1.2em} .dsf-MyArea {background-color:#000; color:#fff; padding:9px 9px 5px 9px; margin-bottom:20px} .dsf-MyArea img {margin-bottom:9px} .dsf-MyArea p, .dsf-MyArea a {color:#FC0} .dsf-CTA, .dsf-CTAb {display:block; height:45px; margin-bottom:6px; text-decoration:none; background: url(/images/yellowTriangle.gif) no-repeat 100% 0 #FC0} .dsf-CTAb {background: url(/images/blackTriangle.gif) no-repeat 100% 0 #000} .dsf-CTA img, .dsf-CTAb img {float:left} .dsf-CTA span, .dsf-CTAb span {display:inline; position:relative; top:11px; font-size:1.1em; font-family:Arial; color:#000; font-weight:bold; padding-left:6px;} .dsf-CTAb span {color:#fc0} .loyalCol {float: left; width: 292px; padding: 0; margin: 0;} * html .loyalCol {width: 292px; padding: 0;} .loyalCol.leftSide {margin: 0;} .loyalCol.rightSide {margin: 0 0 0 10px;} .loyalItem {clear: both; border-top: 1px #fff solid; border-bottom: 1px #ffe172 solid; margin: 0 0 0 0; padding:0 0 10px 0; background:#fff7e5;} .loyalItem.last {border-bottom: none} .loyalItem h2 {font-size: 1em; padding: 10px 0 10px 10px;} .loyalItem h2 a {color:#000;text-decoration:none;} .loyalItem h2 a:hover {text-decoration:underline;} .loyalItem img {float: left; width: 95px; height: 62px; margin: 0 0 0 10px; padding: 0;} .loyalItem p {margin: -2px 0 0 10px; float: left; width: 156px;} * html .loyal p {float: right; width: 124px;} #formWrap {width: 535px; background: #fff7e5; padding: 10px 30px 30px 30px; margin: -11px 0 20px 0} * html #formWrap {width: 595px} #formWrap fieldset {border: none; margin: 0; padding: 20px 0 10px 0} #formWrap .submitrow {text-align: right} fieldset.loyaltyValidation label.twocolumn {width: 200px; margin: -4px 0 10px -5px} * html fieldset.loyaltyValidation label.twocolumn {margin-left: 0; overflow: visible} fieldset.loyaltyValidation input.twocolumn {width: 200px} fieldset.loyaltyValidation p {margin-bottom: 20px} fieldset.loyaltyValidation .formRow {background: #fff7e5; padding: 0} *:first-child+html fieldset.loyaltyValidation .formRow {background: #fff7e5; padding: 5px 0} * html fieldset.loyaltyValidation .formRow {padding: 5px 0} .boxOut {padding: 10px 15px 5px 15px; margin: .7em 0; background: #f2f2f2} /*EBC journey*/ .ebcOffer {position: relative; float: right; padding: 0 20px 0 0; font: normal 18px arial,helvetica,sans-serif; margin-top: -78px} .ebcOffer span {font: bold 28px arial,helvetica,sans-serif} .ebcOffer sup {margin-left: 3px; vertical-align: top; top: 3px; font-size: 12px} #ebcContent a {color: #3333ff} #ebcContent {width: 750px} #ebcContent.confirmation {margin-top: 1em} #ebcContent fieldset, #ebcContent .mockFieldset {position: relative; width: 495px; border: 0; background: url(/images/ebc/fieldset_bg.gif) repeat-y; padding: 15px 0 15px 10px; margin: 0 0 10px 0; clear: both} #ebcContent .ebcForm h2 {font: bold 14px arial,helvetica,sans-serif; margin: 0 0 10px 0; padding: 0} #ebcContent .formRow {position: relative; width: 486px; clear: both; padding: 5px 0 5px 10px; height: 17px; margin: 0 0 1px 0; font-size: 100%; vertical-align: middle} * html #ebcContent .formRow {width: 495px; height: 18px} * html #ebcContent #partsRow.formRow {width: 495px; height: 29px} * html #ebcContent #departRow.formRow {width: 495px; height: 29px} #ebcContent .errorHandlingOn {background: #ff6600; color: #000; width: 478px; height: 27px; margin: 0 0 1px 0;} *:first-child+html #ebcContent .errorHandlingOn {width: 477px} * html #ebcContent .errorHandlingOn {background: transparent url(/images/ebc/error-bg.gif) no-repeat} *:first-child+html #ebcContent .formRow {padding: 5px 0 6px 10px; height: 18px;} /*new change*/ #ebcContent .errorHandlingPaymentOn {background: #ff6600; color: #000; width: 478px; height: 76px; margin: 0 0 10px 0} * html #ebcContent .errorHandlingPaymentOn {background: transparent url(/images/ebc/error-bg.gif) repeat-y} #ebcContent .errorHandlingOn .helpLink.underline {color: #000} #ebcContent .errorHandlingPaymentOn .helpLink.underline {color: #000} #ebcContent .errorHandlingOn .agreedLabel a {color: #000} #ebcContent .formRow label, #ebcContent .formRow p {width: 255px; float: left} #ebcContent .formRow label.labelSmlTxt span {position: relative; font-size: .9em; color: #4d4d4d; top: 0.5em} #ebcContent .formRow label.labelSmlTxt {margin-bottom: .8em} #ebcContent .formRow.doubleHeight {margin-bottom: 1.5em} * html #ebcContent .formRow.doubleHeight {margin-bottom: .5em} #ebcContent .formRow.radio p {margin-top: 1px} #ebcContent .formRow.active {background: #d9d9d9} #ebcContent .errorHandlingOn .formRow.active {background: #d9d9d9; border: 3px #ff6600 solid; color: #000; height: 15px; padding: 2px 0 4px 7px} * html #ebcContent .errorHandlingOn .formRow.active {border-right: none; padding: 2px 0 1px 7px; margin-bottom: 2px} * html #ebcContent .errorHandlingOn #departRow.formRow.active, * html #ebcContent .errorHandlingOn #partsRow.formRow.active {margin-bottom: 1px} #ebcContent .errorHandlingOn .formRow.active .helpLink {text-decoration: none; color: #000; cursor:auto} #ebcContent .formRow input, #ebcContent .formRow select, #ebcContent .formRow select.medium, #ebcContent .formRow select.long {font-size: 0.7em; margin-bottom: 1px} *:first-child+html #ebcContent .formRow select {height: 18px} /*new change*/ #ebcContent #paymentRow.formRow {position: relative; width: 486px; clear: both; padding: 5px 0 5px 10px; height: 66px; margin: 0 0 1px 0; font-size: 100%; vertical-align: middle} #ebcContent #paymentRow.formRow.active {background: #d9d9d9} /*new change*/ #ebcContent .errorHandlingPaymentOn #paymentRow.formRow.active {background: #d9d9d9; border: 3px #ff6600 solid; color: #000; height: 64px; padding: 2px 0 4px 7px} * html #ebcContent .errorHandlingPaymentOn #paymentRow.formRow.active {border-right: none; padding: 2px 0 11px 7px; margin-bottom: 0} #ebcContent .formRow.radio label {position: relative; width: 36px; float: left; margin-top: 2px} #ebcContent .formRow.radio.tripRadio label {width: 100px; float: left} #ebcContent .formRow.radio input {position: relative; float: left; margin-right: 2px; margin-top: 3px} #ebcContent .formRow input, #ebcContent .formRow select {float: left} #ebcContent .formRow input.short {width: 113px} #ebcContent .formRow input.sort {width: 30px} #ebcContent .formRow input.postcode {width: 81px} #ebcContent .formRow input.medium {width: 137px} * html #ebcContent .formRow input.medium {width: 140px} #ebcContent .formRow select.medium {width: 141px} #ebcContent .formRow input.long {width: 188px} #ebcContent .formRow select.long {width: 188px} #ebcContent .formRow select.tripDrop {width: 184px} #ebcContent .formRow input.findAddress {margin: -1px 0 0 10px} #ebcContent #multiLineFix {position: relative; width: 192px; height: 137px} #ebcContent .formRow select.day {width: 51px; padding: 0} #ebcContent .formRow select.month {width: 88px; padding: 0} #ebcContent .formRow select.year {width: 56px; padding: 0} #ebcContent .formRow select.dropDay {width: 40px; padding: 0} #ebcContent .formRow select.dropMonth {width: 88px; padding: 0} #ebcContent .formRow select.dropMonth2 {width: 96px; padding: 0} #ebcContent .formRow select.dropMonth3 {position: relative; width: 94px; padding: 0} #ebcContent .formRow select.dropYear {width: 56px; padding: 0} #ebcContent input.agreed {position: relative; margin: 2px 6px 0 0; float: left;} #ebcContent label.agreedLabel {position: relative; display: block; float: left; width: 420px; margin-bottom: 15px} #ebcContent .helpLink.underline {text-decoration: underline; color: #3333ff; cursor:help} #ebcContent .ebcHelpIcon img {cursor:help} #ebcContent .formRow.active .helpLink {text-decoration: none; color: #000; cursor:auto} #ebcContent .ebcHelpIcon {position: relative; width: 17px; float: left; margin: 0 5px 0 -25px; cursor:pointer} #ebcContent .ebcHelpIconInfo {position: relative; float: left; margin-right: 2px} #ebcContent .ebcHelpIconText {position: relative; float: left; width: 190px} #ebcContent .ui-datepicker-trigger, #ebcContent .ebcCal {vertical-align: middle; margin-left: 4px} #ebcContent fieldset p.text {width: 450px; padding-left: 10px} #ebcContent .ebcForm {position: relative; float: left; width: 495px; margin-top: 10px} #ebcContent #helpStart {position: relative; margin-top: 36px; float: right} #ebcContent .boxTool {position: relative; float: right; width: 235px; background: #f6f6f6; border: 5px #d9d9d9 solid; margin-top: 0} * html #ebcContent .boxTool {width: 245px} #ebcContent .boxTool h2 {background: #000; color: #ffcc00; margin-top: 0; padding: 5px 0 5px 7px; font: bold 16px arial,helvetica,sans-serif} #ebcContent .boxToolContent {padding: 10px 7px 0 7px} #ebcContent .boxToolContent h2 {background: none; color: #000; margin: 0 0 .5em 0; padding: 0} #ebcContent #errorBox .boxTool {border: 5px #ff6600 solid; margin-top: 0} #ebcContent #errorBox .boxTool h2 {color: #ffcc00} #ebcContent #errorBox {position: relative; float: right; clear: right; width: 245px} #ebcContent #errorBox.emailPage {margin-top: 36px} #ebcContent #chosenBox .boxTool {margin-top: 10px} #ebcContent #chosenBox .boxTool h2 {color: #000; background: #fc0} #ebcContent #chosenBox {position: relative; float: right; width: 245px; clear: right} #ebcContent .boxTool ol {padding-left: 1.2em; margin-bottom: 1em} #ebcContent .boxTool ol li {margin-bottom: .6em} #ebcContent .boxTool ul {padding-left: 1.0em; margin-bottom: 1em} #ebcContent .boxTool ul li {margin-bottom: .6em} #ebcContent #help {float: right; width: 245px; margin-top: 0} #ebcContent #help.getQuote #helpTrip, #ebcContent #help.getQuote #helpDepart, #ebcContent #help.getQuote #helpParts, #ebcContent #help.getQuote #helpTow, #ebcContent #help.buyCover #helpSort, #ebcContent #help.buyCover #helpAccNumber, #ebcContent #help.buyCover #helpAccName {margin-top: 36px} #ebcContent #help.getQuote #helpReg.margin {margin-top: 218px} #ebcContent #help.getQuote #helpPass.margin {margin-top: 251px} #ebcContent #help.getQuote #helpPromo.margin {margin-top: 305px} #ebcContent #help.getQuote #helpDestination.margin {margin-top: 56px} #ebcContent #help.buyCover #helpHouse.margin {margin-top: 222px} #ebcContent #help.buyCover #helpPost.margin {margin-top: 279px} #ebcContent #help.buyCover #helpPayment.margin {margin-top: /*695px*/ 566px} #ebcContent .ebcButton {position: relative; width: 100%; text-align: center; margin-top: 20px} #ebcContent .ebcButton.fullspread {width: 750px} #ebcContent .padlock {vertical-align: middle; margin-right: 4px} #ebcContent fieldset.ebcQuote {position: relative; width: 495px; border: 0; background: #fff7e5; padding: 0; margin: 0} #ebcContent fieldset.ebcQuote label, #ebcContent p.labelCopy {width: 485px; display: block; border: 0; background: #fff7e5; font: normal 19px arial,sans-serif; padding: 10px 0 10px 10px; margin: 0; line-height: 26px} #ebcContent fieldset.ebcQuote label:hover {background: /*#ffe192*/ #ffcc00} #ebcContent fieldset.ebcQuote label span, #ebcContent p.labelCopy span {font: bold 18px arial,sans-serif; color: #cc0000} #ebcContent fieldset.ebcQuote label span#quotePrice, #ebcContent fieldset.ebcQuote p.labelCopy span#quotePrice {font-size:28px;color:#000; } * html #ebcContent fieldset.ebcQuote label,* html #ebcContent p.labelCopy {width: 500px} #ebcContent fieldset.ebcQuote label span.secondary, #ebcContent p.labelCopy span.secondary {position: relative; font: normal 11px verdana,arial,sans-serif; color: #000; margin: 0 0 0 22px; line-height: 18px} *:first-child+html #ebcContent fieldset.ebcQuote label span.secondary, *:first-child+html #ebcContent p.labelCopy span.secondary {margin: 0 0 0 29px;} * html #ebcContent p.labelCopy span.secondary.last {width: 320px; float: left} * html #ebcContent fieldset.ebcQuote label span.secondary.last {width: 320px; float: left} *:first-child+html #ebcContent p.labelCopy span.secondary.last {width: 320px; float: left; margin: 0 0 0 29px;} *:first-child+html #ebcContent fieldset.ebcQuote label span.secondary.last {width: 320px; float: left; margin: 0 0 0 29px;} #ebcContent p#quotePriceContainer { background-color:#FFE192; font-size:28px;font-weight:bold;} #ebcContent p.labelCopy span.secondary {margin: 0} #ebcContent fieldset.ebcQuote label span.link, #ebcContent p span.link {font: normal 11px verdana,arial,sans-serif; float: right; margin-right: 10px} #ebcContent fieldset.ebcQuote input {margin-right: 0.5em} * html #ebcContent fieldset.ebcQuote input {margin-right: 0.1em} #ebcContent fieldset.ebcQuote hr {display: block; border: 0; background-color: #e7dbc6; color: #e7dbc6; height: 1px; margin: 0 10px; width: 475px} #ebcContent fieldset.ebcQuote label.parts {background: /*#fff1d0*/ #fff7e5 url(/images/ebc/icon-parts.gif) no-repeat right top; font: bold 15px arial,sans-serif; border-top: 1em #fff solid; line-height: 48px} * html #ebcContent fieldset.ebcQuote label.parts {height: 80px} #ebcContent fieldset.ebcQuote label.parts:hover {background: #ffcc00 url(/images/ebc/icon-parts.gif) no-repeat right top} #ebcContent .boxTool.benefits {margin-top: 10px} #ebcContent fieldset.ebcQuote label.singleLabel {border-bottom: 1px #e7dbc6 solid} #ebcContent fieldset.ebcQuote label.singleLabel.active {background: #ffe192} #ebcContent fieldset.ebcQuote label.annualLabel.active {background: #ffe192} #ebcContent fieldset.ebcQuote label.parts.partson {background: #ffe192 url(/images/ebc/icon-parts.gif) no-repeat right top} #ebcContent fieldset.ebcQuote label.singleLabel.nonactive {background: #fff7e5} #ebcContent fieldset.ebcQuote label.annualLabel.nonactive {background: #fff7e5} #ebcContent #ebcQuoteInclusions {clear:both;padding-top:1em;margin-bottom:1em;} #ebcContent #ebcQuoteInclusions h2, #ebcContent #ebcQuoteInclusions h3 {font-size:0.69em; font-weight:bold; font-family:verdana, arial, sanserif; } #ebcContent #ebcQuoteInclusions h3 {margin-top:1em;} #ebcContent #ebcQuoteInclusions ul {margin-left:1em; } .partsSmall {margin-right: 5px; vertical-align: middle} a.emailEbc {padding-left: 20px; background: url(/images/ebc/icon-email.gif) no-repeat 0 2px} input.emailEbc1 {margin-top: 65px} input.emailEbc2 {margin-top: 145px} input.emailEbc3 {margin-top: 165px} input.emailEbc4 {margin-top: 250px} h2.ebcSml, h3.ebcSml {font: bold 11px verdana,arial,sans-serif} #ebcContent .ebcForm h2.top {float: left; width: 165px} #ebcContent .mandatory {clear: none; float: right; width: 310px; text-align: right; margin-top: 2px} #ebcContent p.clicks {float: right} #ebcContent .click1, #ebcContent .click2, #ebcContent .click3, #ebcContent .click4 {cursor: pointer} #ebcContent .privacyBox {background: #f6f6f6; padding: 15px 10px 5px 20px; width: 465px; float: left; margin-bottom: 1em} * html #ebcContent .privacyBox {width: 495px; padding-bottom: 20px; margin-bottom: 0} *:first-child+html #ebcContent .privacyBox {padding-bottom: 20px; margin-bottom: 0} #ebcContent .privacyBox .errorHandlingOn {background: #ff6600; color: #000; width: 455px; padding: 5px} *:first-child+html #ebcContent .privacyBox .errorHandlingOn {width: 455px; padding: 5px} * html #ebcContent .privacyBox .errorHandlingOn .agreedLabel {margin-bottom: 0} #ebcContent .boxout {background: #f6f6f6; padding: 15px 15px 5px} #ebcContent .crossSell {background: url(/images/ebc/travel-ins-ad.jpg) no-repeat; width: 479px; height: 92px; padding: 5px 15px 15px 15px; margin-bottom: 10px} #ebcContent .crossSell.hover {cursor: pointer} #ebcContent .crossSell h2 {color: #fff; margin-bottom: 5px} #ebcContent .ebcConfRight {float: right; width: 220px} #ebcContent .ebcConfLeft {float: left; width: 509px} #ebcContent .policyDetails {width: 220px; margin-top: 10px} #ebcContent .policyDetails h2 {font-size: 16px; background: #000; color: #fc0; padding: 5px 14px} #ebcContent .policyDetails .content {background: #fff7e5; padding: 5px 14px} .helpLink.nohover.underline {cursor: text!important} * html #ebcContent .formRow.radio label {margin-top: 2px} * html #ebcContent .formRow.radio input {margin-top: -1px} *:first-child+html #ebcContent .formRow.radio input {margin-top: -1px} p.thanks {font-weight: bold} #ebcContent .formRow.radio.paymentRadio {width: 235px} #ebcContent .formRow.radio.paymentRadio label {width: 215px; margin-top: 3px} #ebcContent .formRow p.linkPaymentPara {width: 235px} #ebcContent .formRow p.radioVert {margin-left: 235px; margin-bottom: 10px; } #ebcContent .formRow p.radioVert.firstRadio {margin-top: -30px; padding: 4px 0 6px 0; margin-bottom: 1px} * html #ebcContent .formRow p.radioVert {margin-left: 115px; margin-bottom: 10px} * html #ebcContent .formRow p.radioVert.firstRadio {margin-bottom: 4px} .ccLogosP {text-align: left; margin-left: 10px; margin-top: 10px; clear: both} .ccLogos {margin-left: 15px} *:first-child+html .ccLogosP {margin-top: 10px} .buttonSml {margin: 5px 0 15px 266px} #ebcHelpIcon, .linkHouse {position: relative} #ebcContent .ebcForm.shop {position: relative; float: none; width: 365px; margin: 50px auto 0 auto} * html #ebcContent .ebcForm.shop {margin: 50px 192px 0 192px} #ebcContent .ebcForm.shop fieldset {position: relative; width: 365px; border: 0; background: #fff7e5 url(); padding: 15px 0 15px 10px; margin: 0 0 10px 0; clear: both} #ebcContent .ebcForm.shop .formRow label {width: 125px; float: left} #ebcContent .ebcForm.shop .formRow {position: relative; width: 356px; clear: both; padding: 5px 0 5px 10px; height: 17px; margin: 0 0 1px 0; font-size: 100%; vertical-align: middle} #ebcContent .ebcForm.shop .errorHandlingOn {background: #ff6600; color: #000; width: 348px; height: 27px; margin: 0 0 1px 0;} *:first-child+html #ebcContent .ebcForm.shop .errorHandlingOn {width: 347px} * html #ebcContent .ebcForm.shop .errorHandlingOn {background: transparent url(/images/ebc/error-bg.gif) no-repeat} #ebcContent .ebcGreyed {color: #666} .ebcButtons-x2 {margin: 30px 0 10px 0} .ebcBack {position: relative; vertical-align: middle; top: 0} .ebcForward {position: relative; vertical-align: middle; top: 0; margin-left: 83px} .ebcForward.details {margin-left: 64px} .ebcForward.securepayment {margin-left: 20px} #partsText {margin: 10px 0 0 10px} .priceEBC {font: bold 16px arial,helvetica,sans-serif; margin: 5px 0 8px 0} /*end EBC journey*/ /*New landing page*/ #landingPage p.first {margin: 1em 0 0.8em 0; width: 30.7em /*340px*/; float: left} #mainContent #landingPage ul {padding: 0 0 0.4em 1em; width: 24.7em /*340px*/; clear: left} #mainContent #landingPage ul li {padding: 0; margin-bottom: 0.7em} .optionsLink {margin-bottom: 1.8em; width: 21.25em /*340px*/} .buttonGet {position: relative; z-index: 1001; width: 30.7em /*340px*/} a.vis {color: #3333ff; padding-right: 14px; background: url(/images/breakdown/landingpage/chev-blue-sml.gif) no-repeat right 4px; text-decoration: underline} a.vis:hover {color: #ff0000; background-position: right -13px; text-decoration: none} .offerText {position: relative; font: bold 18px arial,helvetica,sans-serif; color: #ff0000; z-index: 1000; width: 20em; /*340px*/} .offerTextBigger {position: relative; font: bold 26px arial,helvetica,sans-serif; color: #ff0000; z-index: 1000; width: 13em; margin:10px 0 10px 0; padding:0;/*340px*/} .offerText span {font: bold 26px arial,helvetica,sans-serif} .imageMain {position: relative; margin-top: 0.3em; width: 235px; float: right} /*ie6 + 7 adjustments*/ * html #landingPage p.first {margin: 0.7em 0 0.4em 0} * html #mainContent #landingPage ul {width: 21.25em; padding-bottom: 0.6em} * html #mainContent #landingPage ul li {margin-bottom: 0.3em} * html .optionsLink {width: 30.7em /*340px*/} * html .offerText {width: 18.8em; /*340px*/} * html .imageMain {margin-top: 0} *:first-child+html #landingPage p.first {margin: 0.7em 0 0.4em 0} *:first-child+html #mainContent #landingPage ul {width: 21.25em; padding-bottom: 0.6em} *:first-child+html #mainContent #landingPage ul li {margin-bottom: 0.3em} *:first-child+html .optionsLink {width: 30.7em /*340px*/} *:first-child+html .offerText {width: 18.8em; /*340px*/} *:first-child+html .imageMain {margin-top: 0} /*end ie6 + 7 adjustments*/ /*old style promo updated with van*/ /*keep for possible split testing???*/ #offersPanel {position: relative; /*clear: both;*/ margin-top: 1.63em/*26px*/; background: #fff7e5 url(/images/breakdown/landingpage/offers/offers-bg-van.jpg) no-repeat right; width: 35.25em/*596px*/; padding: 1em 1em 0.5em 1em} *:first-child+html #offersPanel {padding: 1em 1em 1.25em 1em} #offersPanel a.offersLink .icon {vertical-align: middle; margin-right: 11px} #offersPanel a.offersLink .chev {vertical-align: middle; margin-right: 0} #offersPanel p {margin-top: 20px} #offersPanel h2 {font: normal 16px arial,helvetica,sans-serif; color: 000; margin-bottom: 15px; clear: both} #offersPanel a.offersLink {display: block; width: 32.24em/*548px*/; margin-left: 10px; text-decoration: none; color: #000; font: bold 17px arial,helvetica,sans-serif; line-height: 30px; background: url(/images/breakdown/landingpage/offers/chev.gif) no-repeat right 5px; cursor:pointer} #offersPanel a.offersLink:hover {background-color: #000; color: #ffcc00} #offersPanel span.priceLeft {position: relative; float: left} #offersPanel span.price {position: relative; float: right; font: normal 30px arial,helvetica,sans-serif; margin: 0 40px 0 0; padding: 0; height: 30px} #offersPanel span.plusAlign {display: block; text-align: center; width: 15px; margin: 3px 0 3px 19px; font: bold 17px arial,helvetica,sans-serif} #offersPanel .linkRight {clear: both; margin-left: 9px; width: 49.82em/*548px*/} /*old style promo updated with van version 2*/ /*keep for possible split testing???*/ #offersPanel.offer2 {background: #fff7e5 url(/images/breakdown/landingpage/offers/offers-bg-van-blue.jpg) no-repeat} #offersPanel.offer2 a.offersLink .icon {margin-right: 4px} #offersPanel.offer2 a.offersLink .icon.last {margin-right: 11px} #offersPanel.offer2 h2 {font: bold 28px arial,helvetica,sans-serif; color: #fff} #offersPanel.offer2 a.offersLink {display: block; width: 33.24em/*548px*/; margin: 0 0 25px 0} #offersPanel .linkRight {margin-left: 0; width: 51.82em/*548px*/} /*Weather image promo*/ #offersPromo {width: 597px; height: 384px; clear: both; margin: 27px 0 0 0; background: url(/images/breakdown/landingpage/offers/july-summer-offers-bg.jpg) no-repeat; padding:0;} *:first-child+html #offersPromo {margin: 25px 0 0 0} * html #offersPromo {margin: 25px 0 0 0} #offersPromo h2 {width: 597px; height: 70px; text-indent:-9999px; background: url(/images/breakdown/landingpage/offers/july-summer-offers-h2.jpg ) no-repeat} #offersPromo p {width: 597px; height: 35px; text-indent:-9999px; } #offersPromo .offersButtonsDiv {position: relative; margin: 16px 0 0 337px} #offersPromo .offersPromoButton {position: relative; margin: 0 0 8px 0} .brokenDown {background: #f2f2f2; padding: 1em 1em 0.2em 1em; margin-top: 1.4em; line-height: 1em} .brokenDown h2 {float: left; margin-right: .5em;} .brokenDown p {margin-top: 2px; font-size: 0.9em} .number1 {padding: 1em 1em 0.2em 1em} .number1 h2 {padding-bottom: 0.5em} .number1 .quote {font-size: 0.75em; line-height:1.5em;} .number1 .quote span {margin-left: 5px} .ebcPanel {background: #f0f7fc url(/images/breakdown/landingpage/euro-bg.jpg) no-repeat right top; padding: 1em 1em 0.2em 1em; margin-top: 1.4em; line-height: 1em} .ebcPanel h2 {padding-bottom: 0.5em} .ebcPanel p {margin-bottom: 0.5em} #mainContent .ebcPanel ul {padding: 0 0 0.4em 1em} .ebcPanel a {float: right; font-size: 0.7em; margin-top: -2.8em; background: url(/images/breakdown/landingpage/chev-blue.gif) no-repeat right 4px; padding: 5px 28px 5px 0; line-height: 10px} * html .ebcPanel a {margin-top: -1.9em} *:first-child+html .ebcPanel a {margin-top: -1.9em} .ebcPanel a:hover {color: #ff0000; background-position: right -21px} .membersPanel {padding: 1em 1em 0.2em 1em; background: #fffbf3; margin: 1.4em 0 1em 0} .membersPanel h2 {padding-bottom: 0.5em} .membersPanel a {color: #3333ff} .membersPanel a:hover {color: #ff0000} .membersImg {float: right; margin-left: 1em} .membersFeature {border-top: 1px #e5e1da solid; padding-top: 0.7em; width: 400px} .membersFeature img {float: left; margin-right: 0.7em} .affLogo {margin-bottom: 1em} .affLeft {position: absolute; margin-left: -153px; top: 130px} /*end New landing page*/ /*Breakdown Options and Choose Who's Covered pages*/ #bd-wrap {padding: 0.95em 15px} #bd-logo {float: left; margin: 0 50px 27px 0} #headerRight {float: right; margin-top: 7px} p.phone {font: bold 0.9em arial,sans-serif; color: #666; float: right; margin: 0; padding: 0} #bd-wrap h1 {color: #666;font: normal 26px arial,helvetica; letter-spacing: 0; margin-bottom: 0.5em} /*progress bar*/ ul#pb-bar {position: relative; float: right; margin: 1em 0 0 0; padding: 0; height: 36px; list-style-type: none; width: 421px} ul#pb-bar li {float: left} ul#pb-bar li.step1 {width: 78px; background: url(/images/breakdown/journey/progress/options.gif) no-repeat 0 0} ul#pb-bar li.step2 {width: 100px; background: url(/images/breakdown/journey/progress/choose.gif) no-repeat 0 0} ul#pb-bar li.step3 {width: 94px; background: url(/images/breakdown/journey/progress/details.gif) no-repeat 0 0} ul#pb-bar li.step4 {width: 73px; background: url(/images/breakdown/journey/progress/pay.gif) no-repeat 0 0} ul#pb-bar li.step5 {width: 76px; background: url(/images/breakdown/journey/progress/confirm.gif) no-repeat 0 0} ul#pb-bar li.step1 a {width: 78px} ul#pb-bar li.step2 a {width: 78px} ul#pb-bar li.step3 a {width: 94px} ul#pb-bar li.step4 a {width: 73px} ul#pb-bar li.step5 a {width: 76px} ul#pb-bar li span {margin: 0; padding: 0; display: block; height: 36px; overflow: hidden; text-indent: -5000em} ul#pb-bar li a {margin: 0; padding: 0; float: left; display: block; height: 36px} ul#pb-bar li.link {background-position: 0 -60px} ul#pb-bar li.off {background-position: 0 -120px} /*end progress bar*/ #bd-content {position: relative; clear: both} * html #bd-content {clear: none; margin-top: 27px} #bd-left {width: 33.4em /*535px*/; float: left; padding:0; margin:0;} #bd-right {width: 11em /*176px*/; float: right; margin-top:0; height:auto;} .bd-fieldset {margin: 0; padding: 0; border: none} .bd-option {position: relative; background: #fff7e5 url(/images/breakdown/journey/label-bg.gif) no-repeat right 0; padding: 0.9em; margin-bottom: 0.2em; cursor: default} .bd-option-on {position: relative; background: #ffcc00 url(/images/breakdown/journey/label-bg.gif) no-repeat right bottom; padding: 0.9em; margin-bottom: 0.2em; cursor: default} .bd-option:hover {background: #ffe172 url(/images/breakdown/journey/label-bg.gif) no-repeat right -300px; cursor: pointer} .bd-option input {cursor: pointer} .bd-selected, .bd-selected:hover {background: #ffcc00 url(/images/breakdown/journey/label-bg.gif) no-repeat right -600px} .label-header {margin: -3px 0 0 0; font: bold 2em arial,helvetica,sans-serif} .bd-option img, .bd-option-on img {float: left; width: 77px; height: 69px; margin-right: 0.9em} .bd-option-on img.bd-included {width:48px; height:9px; margin:4px 8px 0 0; padding:0; position:absolute; top:5px; left:477px;} .label-description {float: left; width: 22em; margin: 0 0 0 0.05em; line-height: 1.35em} .label-description.full {width: 33em/*375px*/} .label-description.field {margin-top: 0.5em} .show-link, .hide-link {position: absolute; width: 13.6em /*150px*/; text-align: right; right: 7.3em/*80px*/} .hide-link {display: none} .show-link {display: none} .show-link a, .hide-link a {position: relative; padding: 1em 2em 1em 1em/*11px 22px 11px 11px*/; color: #3333ff; cursor: pointer} .show-link a {background: url(/images/breakdown/journey/arrow-down.gif) no-repeat right} .hide-link a {background: url(/images/breakdown/journey/arrow-up.gif) no-repeat right} .bd-check {position: absolute; right: 28px} * html .bd-check {right: 24px; top: 34px} *:first-child+html .bd-check {right: 24px; top: 34px} .moreStyle {clear: left; float: left; padding-left: 88px; width: 22em; line-height: 1.35em} * html .moreStyle {padding-left: 92px; width: 30em /*330px*/} .bd-summary {background:#f2f2f2; padding: 0.7em 0 0.7em 0.7em; position:absolute; right:0; bottom:125px; width:10.3em;} .bd-summary-flash {background:#f2f2f2; padding: 0.7em 0 0.7em 0.7em; position:absolute; right:0; bottom:195px; width:10.3em;} * html .bd-summary {background:#f2f2f2; padding: 0.7em 0 0.7em 0.7em; position:absolute; right:0; top:0; width:11em;} * html .bd-summary-flash {background:#f2f2f2; padding: 0.7em 0 0.7em 0.7em; position:absolute; right:0; top:0; width:11em;} .bd-summary h2, .bd-summary-flash h2 {font: bold 16px arial,helvetica,sans-serif; letter-spacing: 0; color: #000; margin-bottom: 5px} .bd-summary p, .bd-summary-flash p {color: #000} .bd-summary p.products, .bd-summary-flash p.products {line-height: 1.5em} .bd-summary p.products span, .bd-summary-flash p.products span {clear:both; display:block;} .bd-summary p span, .bd-summary-flash p span {font: 11px verdana,helvetica,sans-serif;} .bd-summary .summaryRow {display: block; width: 13.7em /*151px*/; font-weight: normal} .bd-summary p.price, .bd-summary-flash p.price {font: bold 11px verdana,helvetica,sans-serif; margin:0; padding:0;} .bd-summary .per-year, .bd-summary-flash .per-year {margin:0 0 0.5em 0; padding:0; font-size:12px; clear:both; display:block;} .bd-summary p.price span, .bd-summary-flash p.price span {font: bold 3em arial,helvetica,sans-serif;} .monthly .strike {font-weight:bold;} /*.bd-summary {background: #000; padding: 0.7em 0 0.2em 0.7em;} .bd-summary h2 {font: normal 16px arial,helvetica,sans-serif; letter-spacing: 0; color: #fff; margin-bottom: 5px} .bd-summary p.products {line-height: 1.5em} .bd-summary p span {font: bold 11px verdana,helvetica,sans-serif; color: #ffcc00} .bd-summary .summaryRow {display: block; width: 13.7em ; padding-left: 13px; background: url(/images/breakdown/journey/tick.gif) no-repeat} .bd-summary p.price {font: bold 11px verdana,helvetica,sans-serif; color: #ffcc00} .bd-summary p.price span {font: normal 28px arial,helvetica,sans-serif; color: #ffcc00} .bd-summary p.monthly {color: #ffcc00}*/ /*.bd-summary span {font: normal 28px arial,helvetica,sans-serif; color: #ffcc00}*/ #buttonArea {position: absolute; right: 0; bottom: 2px} * html #buttonArea {bottom: 3px; left: 34em /*544px*/; width: 176px} #buttonArea p.saving {font: bold 16px arial,helvetica,sans-serif; color: #ff0000; margin: 1em 0 0.5em 0.95em} #buttonArea .winter-offer-flash {height:120px; margin:0 0 10px 10px; padding:0; width:155px; text-align:center;} #buttonArea .rightColBox {width: 10.3em; padding: 0.7em 0 0.7em 0.7em; background: #f2f2f2} * html #buttonArea .rightColBox {width: 11em} #buttonArea .rightColBox p {margin-bottom: 0.7em} #buttonArea .formRow {margin-bottom: 0.2em} #buttonArea .formRow label {position: relative; top: -2px} .bdField {width: 6.8em/*75px*/} .bdSelect {width: 9.8em/*75px*/} .subLabel {width: 11.8em/*130px*/} * html .subLabel {width: 10.5em/*130px*/} .buttonBack {margin: 0.7em 0 0 0} .peopleSelect {position: absolute; margin: -37px 0 0 97px; z-index: 100; font-weight: bold} * html .peopleSelect {margin-left: 102px} .peopleSelect span {font: bold 0.7em verdana,sans-serif} #othersLabel {padding-bottom: 2.7em/*30px*/} label.errorPeople {margin-left: 5px; padding: 1px 0 2px 18px; color: #cc0000; background: url(/images/breakdown/journey/exc.gif) no-repeat; line-height: 16px} /*overlay styles*/ #overlay, #overlay1, #overlay2 {text-align: left; background: #fff; border: 10px #e6e6e6 solid; width: 295px} #overlay fieldset, #overlay1 fieldset, #overlay2 fieldset {border: none; background: #fff7e5; padding: 1em; margin-top: 1em} .accQuote {padding: 1.3em 2.2em /*20px 35px*/} .accQuote h1 {font: bold 19px arial,helvetica,sans-serif; float: left; padding: 0.25em 0 0.75em 0} .accQuote .logo {float: right} .accQuote a.close {color: #3333ff; float: right; font: bold 0.7em arial,helvetica,sans-serif; padding: 3px 24px 3px 0; background: url(/images/breakdown/journey/x2.gif) no-repeat right; text-decoration: none; margin: -1em -1.85em 0 0} * html .accQuote a.close {margin: -0.5em -1.4em 0 0} .accQuote a.close:hover {color: #ff0000; text-decoration: underline} .accQuote p {clear: both} .accQuote a {color: #3333ff} .accQuote p.button {text-align: center; margin: 1.5em 0 0 0;} .accQuote label {width: 8.2em/*90px*/; display: block; float: left} .accQuote .textField {width: 9.1em/*100px*/} .accQuote .formRow {margin-bottom: 0.3em} .trans {height: 8px; width: 355px; background: url(/images/breakdown/journey/trans.gif) repeat-x; margin: 0 2%; padding: 0} form fieldset label.vehReg, form fieldset label.vehReg1, form fieldset label.vehReg2, form fieldset label.mileage, form fieldset label.mileage1 {width:200px; margin-bottom:4px;} /* Overlay styles for winter homestart deselection message - these should be temporary as it's not core to the journey */ #overlay3 {text-align:left; background:#fff url(/images/breakdown/journey/hs-overlay-bg.jpg) bottom no-repeat; border:10px #e6e6e6 solid; width:465px; height:405px} #overlay3 h1 {margin:20px 0 0 20px; font-size:40px;} #overlay3 p.hs-over-strapline {font-family:arial; font-size:18px; margin:15px 20px 0 20px;} #overlay3 p.hs-over-strapline strong {color:#f00;} #overlay3 p {margin:10px 20px 0 20px;} .button-right {width:195px; float:right; clear:none; display:block; margin:220px 0 0 0; padding:0;} .button-left {width:195px; float:left; clear:none; display:block; margin:220px 0 0 20px; padding:0;} * html .button-right {width:195px; float:right; clear:none; display:block; margin:215px 0 20px 0; padding:0;} * html .button-left {width:195px; float:left; clear:none; display:block; margin:215px 0 20px 10px; padding:0;} /*end overlay styles*/ /*end Breakdown Options and Choose Who's Covered pages*/ /*start Grant's form styles */ #bd-wrap form.aaform h1 {color: #666;font: normal 26px arial,helvetica; letter-spacing: 0; margin-bottom: 0.5em} form.aaform {background:#fff;} form.aaform img.security-message {margin:0 0 20px 25px;} form.aaform .required-text {margin:5px 0 15px 0; width:480px; float:left; clear:none; padding:0; background:none;} form.aaform .dpa-text {margin:0 0 15px 0; width:520px; float:left; clear:none; padding:0; background:none; font-size:0.8em; line-height:1.4em;} form.aaform .cl {width:100%; display:block; font-size:10px; clear:both;} html>body form.aaform div {margin:0 0 0 0; padding:0;} form.aaform div {margin:0 0 0 0; padding:0; float:left;} form.aaform p {font-size:0.8em;} /*form.aaform p span {display:block;}*/ form.aaform #form-terms p.informp {font-size:0.8em; width:750px; margin:0 0 0 5px; padding:1em 0 0 0;} form.aaform .fieldset-bg {background:#fff7e5; width:535px; float:left; margin:0 0 15px 0; padding:0; clear:none;} html>body form.aaform .fieldset-bg {background:#fff7e5; width:535px; float:left; margin:0 0 15px 0; padding:0 0 5px 0; clear:none;} form.aaform .fieldset-bg-nectar {background:#fff7e5 url(/images/breakdown/fieldset-bg-nectar.gif) no-repeat; width:535px; float:left; margin:0 0 15px 0; padding:0; clear:none; /*border:1px solid #000;*/} form.aaform .fieldset-bg fieldset, form.aaform .fieldset-bg-nectar fieldset {margin:0 0 30px 0; padding:0; border:0; width:535px; float:left;} form.aaform .fieldset-bg fieldset .line, form.aaform .fieldset-bg-nectar fieldset .line {width:97%; border-top:1px solid #ccc; font-size:0.1em; margin:0 0 0 5px; padding:0; background:none;} html>body form.aaform .fieldset-bg fieldset legend {font-size:1em; font-family:arial; *margin:6px 0 4px 2px; *padding:0 0 0 0; color:#333; float:left; font-weight:bold;} form.aaform .fieldset-bg fieldset .labelcontainer, form.aaform .fieldset-bg-nectar fieldset .labelcontainer {width:500px; margin:0; padding:0;} form.aaform .fieldset-bg fieldset label, form.aaform .fieldset-bg-nectar fieldset label {display:block; width:200px; margin:10px 0 3px 15px; padding:0; background:none; font-size:12px;} form.aaform .fieldset-bg fieldset input, form.aaform .fieldset-bg-nectar fieldset input {width:200px; float:left; font-size:12px; margin:0 0 0 15px; padding:3px;} form.aaform .fieldset-bg fieldset input.clearfieldblurred {color:#999;} form.aaform .fieldset-bg fieldset input.clearFieldActive {color:#000;} form.aaform .fieldset-bg fieldset input.shorter-field {width:150px;} form.aaform .fieldset-bg fieldset p strong {margin:10px 0 0 5px; display:block;} form.aaform .fieldset-bg label.extra-space {margin:0; padding:20px 0 3px 15px;} form.aaform .fieldset-bg input.general {width:200px; font-size:1em;} form.aaform .fieldset-bg input.smaller {width:120px; font-size:1em;} form.aaform .fieldset-bg input.telephone {width:120px; font-size:1em;} form.aaform .fieldset-bg input.dob {width:120px; font-size:1em;} form.aaform .fieldset-bg select {font-size:12px; margin:0 0 0 15px; padding:3px;} form.aaform .fieldset-bg .rd-checkbox {float:left; margin:0 10px 40px 0;} form.aaform .fieldset-bg #disability-declaration:hover {cursor:pointer;} form.aaform .fieldset-bg .smallprint {font-size:0.8em;} form.aaform .fieldset-bg #policyHolderTitle, form.aaform .fieldset-bg #jointTitle, form.aaform .fieldset-bg #family1Title, form.aaform .fieldset-bg #family2Title, form.aaform .fieldset-bg #family3Title {width:90px;} form.aaform .fieldset-bg #policyHolderDob, form.aaform .fieldset-bg #policyHolder2Dob, form.aaform .fieldset-bg #policyHolder3Dob, form.aaform .fieldset-bg #policyHolder4Dob {width:105px;} form.aaform .fieldset-bg #postcode {width:74px;} form.aaform .fieldset-bg fieldset .button_infieldset {margin:10px 0 20px 10px; width:auto;} form.aaform .fieldset-bg span.error {background:#00f; font-size:10px;} form.aaform #form-terms .sn {font-size:0.8em; margin:0; padding:0; width:480px; display:block; float:left;} form.aaform #specialNeedAwareness {margin:0 5px 0 15px; padding:0; background:#ccc;} form.aaform .confirmTermsContainer {background:#eee; margin-top:0; width:730px;} form.aaform .confirmTermsContainer label {font-size:0.8em;} form.aaform #addressEntry {margin:0; padding:0; width:535px;} form.aaform #findAddress, form.aaform #submitAddressButtonNs {width:165px; height:29px; background: url(/images/buttons/button-find-my-address.gif) no-repeat; margin:15px 0 20px 15px; padding:0; border:0; font-size:0px; clear:both;} form.aaform #amendAddress {width:177px; height:27px; margin:15px 0 20px 15px; padding:0; background: url(/images/buttons/new-address-search.gif); border:0; font-size:0px;} form.aaform #address_status {margin:0 0 0 10px; padding:0; width:500px; min-height:1px;} form.aaform .errorimage, #bd-content .errorimage {border:2px solid #c00; margin-bottom:15px; width:524px; background: url(/images/breakdown/application/bdown-error-icon.gif) no-repeat; padding: 0} form.aaform .errorimage h2, #bd-content .errorimage h2 {padding:12px 0 0 50px; margin:0} form.aaform .errorimage ul, #bd-content .errorimage ul {margin:20px 30px 25px 35px;} form.aaform .errorimage ul li, #bd-content .errorimage ul li {line-height:1.4em; font-size:0.8em; font-weight:normal;} .temp-overlay-message {display: none} .temp-overlay-message .errorimage {border:2px solid #c00; margin-bottom:15px; width: 291px; background: url(/images/breakdown/application/bdown-error-icon.gif) no-repeat; padding: 0} .temp-overlay-message .errorimage h2 {padding:14px 0 0 50px; margin:0; font-size: 1em} .temp-overlay-message .errorimage ul {margin:10px 30px 25px 35px;} .temp-overlay-message .errorimage ul li {line-height:1.3em; font-size:0.7em; font-weight:normal;} .temp-overlay-message .infomessage {border:2px solid #3333ff; margin-bottom:15px; width: 291px; background: url(/images/breakdown/application/bdown-info-icon.gif) no-repeat; padding: 0} .temp-overlay-message .infomessage h2 {padding:14px 0 0 50px; margin:0; font-size: 1em; color:#3333ff; } .temp-overlay-message .infomessage ul {margin:10px 30px 25px 35px; color:#3333ff; } .temp-overlay-message .infomessage infoul li {line-height:1.3em; font-size:0.7em; font-weight:normal; color:#3333ff; } form.aaform #submitAppForm {width:303px;} form.aaform p.informp2 {font-size:0.8em; width:750px; margin:0; padding:1em 0 0 0.25em; background:#fff;}/* Remove this when payment is sorted */ form.aaform .fieldset-bg fieldset p.cc-text {margin:15px 0 0 15px; font-size:0.7em; line-height:1.5em; padding:0; width:500px;} form.aaform .fieldset-bg fieldset .payment-radios {width:500px; margin:0 0 5px 0; padding:0;} form.aaform .fieldset-bg fieldset .payment-radios .radio {width:18px; height:18px; margin:0 2px 0 15px; padding:0; float:left;} form.aaform .fieldset-bg fieldset .payment-radios .radiolabel {margin:0; padding:0; width:200px; float:left; line-height:1.5em; align:middle;} form.aaform .fieldset-bg fieldset .paymentMethodText {margin:10px 0 0 15px;} form.aaform .fieldset-bg fieldset .in-fs-error {width:506px; background:#fff url(/images/breakdown/application/bdown-error-icon.gif) no-repeat; border:2px solid #c00; height:50px; margin-top:10px;} form.aaform .fieldset-bg fieldset select#validFromMonth, form.aaform .fieldset-bg fieldset select#validFromYear, form.aaform .fieldset-bg fieldset select#expiryMonth, form.aaform .fieldset-bg fieldset select#expiryYear {width:64px; float:left;} .fieldset-bg fieldset #sort_code_id {width:64px} .fieldset-bg fieldset #accountNo {width:70px} .fieldset-bg fieldset #cardNo {width:146px} .fieldset-bg fieldset #issueNo {width:24px} .fieldset-bg fieldset #policyStart {width:100px; background: #fff url(/images/common/calendar2.gif) right no-repeat; border:1px solid #8ca6c0} .fieldset-bg fieldset #vehicleRegistration, .fieldset-bg fieldset #vehicleMileage {width:65px} form.aaform .fieldset-bg fieldset .in-fs-error p {margin:15px 0 0 45px; padding:0; font-weight:900; color:#c00} /*form.aaform .fieldset-bg fieldset .line {display:none;}*/ form.aaform .fieldset-bg fieldset .cardlogos {width:500px; float:left; margin:5px 0 10px 15px; padding:0; clear:none} form.aaform .fieldset-bg fieldset .cardlogos2 {width:500px; float:left; margin:5px 0 0 15px; padding:0; clear:none} form.aaform #bd-right {width: 11em /*176px*/; float: right; clear:none; margin:0; padding:0; height:400px; position:relative; top:0;} form.aaform .bd-summary {background: #f2f2f2; padding: 0.7em 0 0.2em 0.7em; margin:0; top:0;} form.aaform .bd-summary p {width:165px; padding:0; color: #000;} * html form.aaform .bd-summary p {width:150px; padding:0; color: #000;} form.aaform .bd-summary h2 {font: bold 16px arial,helvetica,sans-serif; letter-spacing: 0; color: #000; margin-bottom: 5px} form.aaform .bd-summary p.products {line-height: 1.5em} form.aaform .bd-summary p span {font: bold 11px verdana,helvetica,sans-serif; color: #000;} form.aaform .bd-summary .summaryRow {display: block; width: 13.7em; font-weight: normal} form.aaform .bd-summary p.price {font: bold 11px verdana,helvetica,sans-serif; color: #000; margin:0; padding:0;} form.aaform .bd-summary .per-year {margin:0 0 0.5em 0; padding:0; font-size:12px; clear:both; display:block;} form.aaform .bd-summary p.price span {font: bold 3em arial,helvetica,sans-serif; color: #000;} form.aaform .confirmTermsContainer {width:510px;} form.aaform #form-terms .chkConfirmTerms {margin:3px 5px 0 0; padding:0;} form.aaform #form-terms label {width:95%; float:left;} form.aaform #form-terms p {width:500px;} form.aaform #security-above-summary {margin:0 0 10px 25px;} .mincontainer #bd-right .ConfPageLeftCol {background:#999;} form.aaform .fieldset-bg fieldset label.error {color:#ed2424; float:left; margin:0 0 0 10px; padding:0; font-size:11px; background: url(/images/breakdown/application/breakdown-field-error.gif) no-repeat; height:26px; line-height:11px; width:260px; display:block;} form.aaform .fieldset-bg fieldset label.error span {background:none; display:block; margin-left:26px; padding:0;} form.aaform .fieldset-bg fieldset legend, form.aaform .fieldset-bg-nectar fieldset legend {font-size:1em; font-family:arial; margin:0; padding:10px 0 4px 10px; color:#333; font-weight:normal; float:left; font-weight:bold;} /*end Grant's form styles */ #bd_important_information {clear: both; margin-top: 1em; padding: 0 1em; font-size: 0.9em} #bd_important_information #manumessage {float: right; margin: 0 0 1em 1em} /*Phone number right hand icon*/ .PhoneNumberBox.iconRight {position: relative; clear: both; display: block; width: 8.9em /*142px*/; border-top: none; margin-bottom: 1em; background: #F8F8F8 url(/images/common/icons_accents/mobile-icon2.gif) 120px 28px no-repeat} .PhoneNumberBox.iconRight p {padding: .5em 0 .5em .6em; margin: 0} .PhoneNumberBox.iconRight .callBack {background: #f1f1f1; padding-bottom: 0.8em} .PhoneNumberBox.iconRight .callBack a {color: #3333ff} /*#ui-datepicker-div, .ui-datepicker-inline {font-family: verdana,Arial,Helvetica,sans-serif; font-size: 14px; padding: 0; margin: 0; background: #999; width: 245px;} * html #ui-datepicker-div, .ui-datepicker-inline {width: 247px;} #ui-datepicker-div .ui-datepicker-multi {width:490px !important;}*/ * html .ConfPageContainer {padding:0;} .ConfPageLeftCol {width:500px;} * html .ConfPageLeftCol {width:460px; margin:0; padding:0;} * html .ConfPageRightCol {width:200px; margin:0; padding:0;} * html .ConfPageRightCol h2.SummaryBoxTitle {margin-top:0;} .ConfPageLeftCol p, .ConfPageLeftCol ul {line-height:1.1em;} .prizeDrawConf {width: 527px; margin-bottom: 30px} .prizeDrawConf h2 {width: 501px; display: block; background: #ffcc00; color: #000; padding: 5px 0 5px 10px} .prizeDrawConfPanel {width: 501px; background: #000; color: #fff; padding: 14px 0 14px 10px} .prizeDrawConfPanel p {width: 280px; float: left; margin-right: 15px} * html .prizeDrawConf h2 {width: 501px} * html .prizeDrawConfPanel {width: 501px} * html .prizeDrawConfPanel p {width: 247px; margin-right: 10px} /*CR11581 - Text change on bookshop EBC banner */ #rightcolumnBreakdown .FeatureBoxEBCAAShop { margin-top:0; } #showTheForm {display:none} #showTheMessage ul {padding-left: 20px} /* 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:1.4em 0; padding: 1em 1em 0.2em; } .brokenDownBike h2 { float: left; margin-right: 0.5em; } .brokenDownBike p { font-size: 0.9em; margin-top: 2px; } .BikeQuote { margin-top:0.5em; display:block; } .bikeIntro { background: none repeat scroll 0 0 #FFFBF3; line-height: 1em; margin:1.4em 0; padding: 1em 1em 0.2em; } #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-top:1.4em; } .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 } .newsPanelBike {background: #f7f7f7 url(/images/motorbike/bike-story-bg.jpg) no-repeat right top; padding: 1em 1em 0.7em 1em; margin-top: 1.4em; line-height: 1em; float: left; width: 567px;} .newsPanelBike h2 { padding-bottom: 0.5em } .newsPanelBike p { margin-bottom: 0.5em; width:320px; } .newsPanelBike a { font-size: 0.7em; color:#3333FF; } .featuredStoryBike { padding: 1em; background: #fffbf3; margin: 1.4em 0 0 0; display:block; float:left; width:567px; } .featuredStoryBike img {float: left; margin-right: 0.7em; display:block; } .featuredStoryBike h2 { padding-bottom: 0.5em } .featuredStoryBike a { font-size: 0.7em; color:#3333FF; } /*CR12513 EBC phone number */ #rightcolumnBreakdown .EBCphoneRightColumn { margin:0; margin:0 0 1px 0\9; display:block; float:left; clear:both; text-align:center; width:187px; background: url(/images/common/icons_accents/icon-mobilephone.gif) no-repeat ;padding-bottom: 0px; padding-left: 10px; } #rightcolumnBreakdown .EBCphoneRightColumn span { font-weight:bold; font-size:1.6em; font-family:Arial; } /* CR11963 */ .accQuote div.brcvInput { display:block; float:left; clear:both; } .accQuote div.brcvInput input { float:left;} .accQuote a.brcvButton, .accQuote a.brcvButton1, .accQuote a.brcvButton2 { height:18px; overflow:hidden; display:block; text-decoration:none; margin:10px 0 0; font-size: 0.7em; padding:2px 0 0 25px; float:left; clear:both; } .accQuote a.closed { background: url(/images/breakdown/journey/add-remove-vehicle.gif) no-repeat; display:inline-block; } .accQuote a.open { background: url(/images/breakdown/journey/add-remove-vehicle.gif) no-repeat 0px -18px; display:inline-block; } #bd-content form.aaform .fieldset-bgBRCV { width:725px; } #bd-content form.aaform .fieldset-bgBRCV fieldset { width:725px; } #bd-content form.aaform .fieldset-bgBRCV fieldset .labelcontainer { width:710px; } #bd-content form.aaform .Buttonfieldset-bgBRCV { width:725px; } #bd-content form.aaform .BRCVcontinue { width:122px; float:right; } #bd-content form.aaform .fieldset-bgBRCV fieldset .BRCVmodelSelect select{ width:auto; } /* CR12453 HER into ROAD */ #bd-wrap form.aaform ul.FreeHERul { margin-left:15px; list-style-type:none; } #bd-wrap form.aaform ul.FreeHERul li { font-size:0.8em; float:left; clear:both; margin-bottom:10px; } #bd-wrap form.aaform ul.FreeHERul img { float:left; margin-right:10px; } #bd-content form.aaform .ButtonfieldsetFreeHER { float:left; display:block; width:535px; } #bd-content form.aaform .ButtonfieldsetFreeHER .HERNo { width:100px; height:20px; float:left; display:block; margin-top:24px; } #bd-content form.aaform .ButtonfieldsetFreeHER .HERYes { width:328px; height:44px; float:right; display:block; } #bd-wrap form.aaform h1.FreeHERh1 { color:#333333; font-size:1.5em; font-weight:bold; padding:5px 15px 0 15px;} #bd-wrap form.aaform p.FreeHerPara { margin-top:0; padding-top:0; margin-left:5px; } #bd-wrap form.aaform p.FreeHerPara strong { margin:0; display:inline; } #bd-content form.aaform .FreeHERh2 { color:#333333; font-size:1em; clear:both; margin-left:15px; } #bd-wrap form.aaform ul.FreeHERulForm { margin-left:25px; } #bd-wrap form.aaform ul.FreeHERulForm li { font-size:0.8em; float:left; clear:both; margin-bottom:5px; } #bd-content form.aaform .FreeHERnote { font-size:0.75em; width:475px; } #bd-content form.aaform .ButtonfieldsetFreeHER .ButtonfieldsetFreeHERGrey p { margin:0 0 10px 0; padding:0; } #bd-content form.aaform .ButtonfieldsetFreeHER { float:left; display:block; width:535px; } #bd-content form.aaform .ButtonfieldsetFreeHER .ButtonfieldsetFreeHERGrey { background:#f2f2f2; padding:15px; width:505px; } #bd-content form.aaform .ButtonfieldsetFreeHER .HERYesForm { width:128px; height:44px; float:left; display:block; clear:both; margin-top:10px; } #bd-content form.aaform .ButtonfieldsetFreeHER .HERNoForm { width:100px; height:20px; float:left; display:block; margin-top:12px; clear:both; } #bd-content form.aaform .ButtonfieldsetFreeHER .HERYesFormCheck { width:auto; } #bd-content form.aaform .ButtonfieldsetFreeHER .freeHERCheckLabel { width:auto; float:left; clear:none; padding:0 0 0 5px; } form.aaform #bd-right .ROADherSummaryContainer { display:block; background:#FFFF; width:176px; margin-top:10px; position:absolute; bottom:0; clear:both;} form.aaform #bd-right .ROADherSummaryContainer .ROADherSummaryPlus { width:10.3em; } form.aaform #bd-right .ROADherSummary { padding:0.7em 0 0.2em 0.7em; background:#F2F2F2; width:10.3em } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary p { width:150px; } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary h2 { color:#000000; font-size:16px; font-weight:bold; margin-bottom:5px; } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary .products { font-size:0.7em; line-height:1.5em; padding:0; width:150px; } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary .priceHER { font-size:11px; font-weight:bold; margin:0; padding:0; } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary .priceHER span { font:bold 3em arial,helvetica,sans-serif; } form.aaform #bd-right .ROADherSummaryContainer .ROADherSummary .per-year { clear: both; display: block; font-size: 12px; margin: 0 0 0.5em; padding: 0;} #bd-content form.aaform .ButtonfieldsetFreeHER .saving {font: bold 16px arial,helvetica,sans-serif; color: #ff0000; padding-top:0;} #bd-wrap form.aaform .freeHERFieldset { margin-bottom:0;} /* Address look-up */ #address-overlay, legend{ 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;} #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; } #thawteDiv{ clear:none; width:80px; height:36px; margin-left:10px; margin-bottom:0px; } #bd-content form.aaform #form-terms { clear: none; float: left; width: 75%; }