#orangePanel {background: #fff5cc; border: 1px #fc0 solid; padding: 30px 20px 10px 20px;} *:first-child+html #orangePanel {overflow: auto} #orangePanel.padEqual {padding: 30px 20px} .detailsPage {padding: 10px 10px 0!important; margin-bottom: 20px!important} h2#orangePanelBar {background: #fc0; color: #333;font-size: 1em;padding: 2px 8px} #retrieveButton {width:270px; height:6em; position: relative; float: left} #retrieveButton img {margin: 2em 0 0 2em} ol, ul {clear: both;} #mainContent ul, #mainContent ol {padding: 0 0 10px 35px;} #mainContent ul li, #mainContent ol li {padding: 5px 0 5px 0;} ul.normal {padding: 0 0 0 24px; margin: 0;} div#optOutText {clear: both; float: left; border: 1px #ccc solid; width: 65%; padding: 1em; background: #fff; margin-top: 2.5em} div#optOutText.home {width: 30.5em; margin-top: 1em; position: relative} * html div#optOutText.home {width: 32.5em;} /*ie6*/ div.buttonAligned {float: right; width: 23%; margin-top: 4.6em} div.buttonAligned#home {margin-top: 3.2em} div.impInfo {margin: 1em 0} #navigation .sidebar {width: 160px; padding-bottom: 10px} /*WR990 home insurance nav fix*/ .caveatBigger {font-weight: bold; font-size: 110%} /*MR8170*/ table.carPolicyTable {clear:both; width: 100%; padding: 0; margin: 0; border-left: 1px #ccc solid; margin-bottom: 1em} table.carPolicyTable td {padding: 4px 4px 4px 8px !important; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid} table.carPolicyTable caption {font-size: 0.7em; font-weight: bold; text-align: left !important; padding-bottom: 1em} table.carPolicyTable th {padding: 8px 4px 8px 8px; color: #000; background: #fc0; border-right: 1px #fff solid; height: 2.5em; vertical-align: top; text-align: center} table.carPolicyTable th.tableLeft {border-left: 1px #fc0 solid; width: 25%} table.carPolicyTable th.tableRight {border-right: 1px #fc0 solid; width: 25%} table.carPolicyTable th.tableTwo, table.carPolicyTable th.tableThree {width: 25%} table.carPolicyTable td.policyLeftCol {background: #f8f8f8} table.carPolicyTable td.policyMiddle {text-align: center !important} table.carPolicyTable th.home {height: 1.25em} /* Car insurance homepage styles */ /* plus MR8736 Home homepage styles */ .car-ins-ticked-container, .home-ins-ticked-container {float:left; width:100%; background:#fff5cc; margin-bottom:8px;} .car-ins-promo-box, .home-ins-promo-box {width:389px; float:left;} #car-ins-button-box, #home-ins-button-box, #ins-button-box {width:206px; background:#eee; float:left;} #car-ins-button-box img, #home-ins-button-box img, #ins-button-box img {margin:12px 0 0 14px;} #car-ins-button-box img.last, #home-ins-button-box img.last {margin:12px 0 14px 14px;} .car-ins-ticked, .home-ins-ticked {float: left; width: 100%; clear: none; margin:0; padding:0; background:#fff5cc;} .home-ins-ticked {width: 49%;} .car-ins-ticked ul, .home-ins-ticked ul {list-style-type: none; margin-top:6px; padding:0} .car-ins-ticked ul li, .home-ins-ticked ul li {margin:0 0 0 -28px; ; display:block; padding:0; background: url(../images/common/listTick.gif) 2px 4px no-repeat} .car-ins-ticked ul li span, .home-ins-ticked ul li span {margin:0 0 0 28px; display:block; padding:0;} span.carinshome, span.carinshome {font-size:0.7em; margin:10px 0 10px 0; display:block;} .third {position:relative; width:33%; float:left; margin-bottom:20px;} .third a {display:block; padding-left:12px; background: url(../images/common/blue-chevron.gif) no-repeat; font-size:0.7em; text-decoration:none; margin-top:5px;} .third a:hover {text-decoration:underline;} .third h3 {background:#868686; color:#fff; width:96%; padding-left:3px; padding-top:3px; padding-bottom:3px; font-size:0.9em; } h2.confirmPage {letter-spacing: -1px; font-size: 1.05em; margin-bottom: 0.7em; color: #333} h3.home-ins-ticked-heading {font-size: 0.9em; margin:6px 0 0 34px; } .third p {position:relative; padding:2px 7px 0 5px;} /**/ #ins-button-box-text {float:left; width:24em; clear:both} #ins-button-box {float:right; height:4.3em; border-style:solid; border-width:1px; border-color:#cccccc} .ins-button-box-buttonsP {margin-bottom:-2px; margin-left:12px; margin-top:6px} /*MR9079 car insurance homepage SEO*/ .car-ins-guides-box, .car-ins-zone-box {float:left; width:286px;} .car-ins-zone-box {margin-left:12px} * html .car-ins-zone-box {width:297px}/*ie6*/ /*MR8680 30 percent throughout*/ .HIns30percent {position: relative;/*ff*/ width:100%; float: right; text-align:right; margin: -5em 0 0 0; padding: 0;} .HIns30percent strong {font-size:1.6em; font-style:italic; margin-right:1px;} .HIns30percent span {color:#cc3300;} .helpIconText {float: right; margin: 0; padding: 0;} /* MR8404 Quote retrieval error handling */ .retrieveQuote label.twocolumn {margin:10px 0 0 0; padding:0} .retrieveQuote input.retrievetwocolumn {background:#fff; margin:10px 0 0 0; padding:2px; width:192px; border:1px solid #69c;} .retrieveQuote select.selecttwocolumn.selectDay {background:#fff; margin:10px 0 0 0; padding:0; width:40px;} .retrieveQuote select.selecttwocolumn.selectMonth {background:#fff; margin:10px 0 0 0; padding:0; width:90px;} .retrieveQuote select.selecttwocolumn.selectYear {background:#fff; margin:10px 0 0 0; padding:0; width:56px;} .retrieveQuote label.twocolumnerror {margin:10px 0 0 0; padding:0;} .retrieveQuote input.retrievetwocolumnerror {margin:10px 0 0 0; padding:2px; background:#f93; width:192px; border:1px solid #69c;} .retrieveQuote select.selecttwocolumnerror.selectDay {margin:10px 0 0 0; padding:0; background:#f93; width:40px;} .retrieveQuote select.selecttwocolumnerror.selectMonth {margin:10px 0 0 0; padding:0; background:#f93; width:90px;} .retrieveQuote select.selecttwocolumnerror.selectYear {margin:10px 0 0 0; padding:0; background:#f93; width:56px;} /*MR8620 first time*/ .collectInsurersInfoHide {display:none;} .collectInsurersInfoShow {display:inline; float:left; width:100%; clear:both;} /*MR8616 cancel button*/ .HInsDetailsSubmit {padding:20px; width:100%; float:left; display:block;} .HInsDetailsButton {width:49%; float:left; display:inline; font-size:0.7em; text-align:center;} .HInsDetailsSubmit p , .HInsDetailsButton p {font-size:1em;} /*MR8690 new home quote layout*/ .dashedUnderlineGrey {border-bottom: 1px dashed #ccc} .dashedOverlineGrey {border-top:1px dashed #ccc; padding-top:4px} .dashedUnderlineYellow {display:block; border-bottom: 1px dashed #fc0; margin-bottom:9px; padding-bottom:4px} .dashedOverlineYellow {border-top:1px dashed #fc0; padding-top:4px} #homeQuoteOptions {width: 100%; margin:0; margin-left: -499px; padding:0; float: right} #homeQuoteOptionsLeft {float:left; width:488px; padding:0; margin:0} #homeQuoteOptionsRight {margin-left: 499px; background-color:#fff} .homeQuoteOption {width:100%; position:relative; padding-bottom:5px} .homeQuoteOption label {font-family:Arial} .homeQuoteOptionRadio {float:right; margin:10px 0px /*max*/ 0 0;} .homeQuoteBox {float:left; width:100%; border:0px solid #fff; background-color: #fff; float:left; padding:0; margin:0 0} .homeQuoteConfirmBoxBottom {clear:left; margin-top:5px; width:731px; padding:10px; border:1px solid #ccc} html>/**/body .homeQuoteConfirmBoxBottom {float:left;} /*ff*/ .homeQuoteConfirmBoxBottom input {margin:1px 0} .homeQuoteConfirmBoxBottom span.floatright {width:242px; text-align:center} .splitOptions {font-size:0.9em} .quoteRefBox {background-color:#ffe57f; padding:5px 0; text-align:center; font-size:0.9em; margin-bottom:5px} .quoteRefBox span {font-size:0.8em; font-weight:bold} /*CR9673 assumptions page design*/ .boxCoverDetails {width:740px} * html .boxCoverDetails {width:750px} /*ie6*/ .boxtitle {width:100%; background-color:#ccc; font-size:0.9em; padding:5px} .boxCoverDetailsContent {width:100%; float:left; clear:left; background-color:#eee; padding:5px} .adjustYourQuote2Column {float:left; width:100%} .adjustYourQuote2Column .boxCoverDetails {float:right; margin-top:10px; width: 251px} .adjustYourQuote2Column .boxtitle {width:241px; font-family:Verdana; font-size:0.7em; border:1px solid #ccc; padding:4px 5px} .adjustYourQuote2Column .coverdetails {width: 246px; border:1px solid #eee} .adjustYourQuote2Column .coverdetails input {margin-right:10px} .quoteSingleItems {width:100%} .quoteSingleItemsBox {padding:10px !important; background-color:#fff} #content fieldset.adjustYourQuote legend {font-size:0.9em} .quoteHeading {font-size:1.2em; font-weight:bold; color:#f96800} .quoteIncludes {font-size:xx-small;} .adjustYourQuote {width:476px; background-color:#eee !important; margin:0; padding:0 10px !important} .adjustYourQuote .button {text-align:left} .adjustYourQuote label.twocolumn {width:300px} /*overruling earlier fieldset styles*/ * html #content fieldset.adjustYourQuote, *:first-child+html #content fieldset.adjustYourQuote, html>body #content fieldset.adjustYourQuote, #content fieldset.adjustYourQuote, * html #content fieldset.adjustYourQuote, *:first-child+html #content fieldset.adjustYourQuote legend, html>body #content fieldset.adjustYourQuote legend, #content fieldset.adjustYourQuote legend {width: 479px; background-color:#fff; border:none} * html #content fieldset.adjustYourQuote /*IE6*/ {width: 489px; background: none; border:none; margin: 0} * html form div {width:auto;} * html .homeQuoteConfirmBoxBottom {width:749px} /*end overruling earlier fieldset styles*/ /* MR8518, MR8921 insurance landing page code */ .yellow-container {float:left; width:290px; border: none; padding:0; margin: 0 8px 0 0;} .yellow-inner {padding:0; margin:0; width:290px; height:6.5em; min-height:6.5em;} .car {background: url(/images/main-homepage/mainCar.gif) no-repeat} .home {background: url(/images/main-homepage/mainHome4.gif) no-repeat} .travel2 {background: url(/images/insurance/main-travel-insurance-sc.jpg) no-repeat} .pet {background: url(/images/insurance/main-pet-insurance.jpg) no-repeat} .van {background: url(/images/insurance/main-van-insurance.jpg) no-repeat} .life {background: url(/images/insurance/main-life-insurance.jpg) no-repeat} .emergency2 {background: url(/images/insurance/main-home-emergency-response05.jpg) no-repeat} h2.containerh2 {margin:0; padding:0; font-size:1.1em;} h2.containerh2 a {font-weight:bold; padding:6px 8px 2px 8px; color:#333; display:block; text-decoration:none} h2.containerh2 a:hover, h3.containerh3 a:hover {text-decoration:underline} .yellow-inner-inner {width:180px; float:left;} .yellow-inner p {margin:0; padding:0 0 8px 8px; font-size:0.7em; float:left; width:185px;} .yellow-inner a {text-decoration:none; color:#333; display:block; width:265px; padding-bottom:5px;} .yellow-inner a.carhome {text-decoration:none; color:#333; display:block; width:140px; padding-bottom:5px;} .yellow-inner a:hover {text-decoration:underline} .yellow-inner ul {margin:0; padding:0 0 5px 8px !important; font-size:0.9em; width:150px;} .yellow-inner li {margin:0 !important; padding:0 0 0 9px !important; list-style:none; line-height:1.3em; background: url(../images/insurance/insurance-home-arrow.gif) 0 4px no-repeat} .yellow-inner .ins-trans {float:right; display:inline;} .yellow-inner a.trans-a {margin:0; padding:0; float:left; width:100px;} .yellow-inner.emergency2 h2.containerh2 a {color:#000;} .yellow-inner.emergency2 p {padding:0 0 8px 117px;} .yellow-inner.emergency2 ul {padding:0 0 5px 117px !important; width:150px;} .yellow-inner.emergency2 li a {width:160px;} * html .yellow-inner.emergency2 p {width:285px;} * html .yellow-inner.emergency2 ul {width:285px;} * html .yellow-inner.emergency2 li a {width:160px;} .landingPageRow {float:left; margin: 0 0 8px 0; width:600px;} /*conteract margin within template*/ .insuranceSymbolContainer {float:left; margin:5px 0 11px 0} .insuranceLandingSymbols {margin-right:8px; height:3em; min-height:3em; width:290px; float:left} .insuranceLandingSymbols p {font-size:0.7em; line-height:1.2em; color:#000} .insuranceLandingSymbols a {text-decoration:none; color:#999} .insuranceLandingSymbols a:hover {text-decoration:underline} .insuranceLandingSymbols h2 {font-size:0.9em} .insuranceLandingSymbols h2 a {color:#333} .insuranceLandingSymbols img {float:left; margin-right:8px} #lifeinsLandingAdviceContainer { float:right; width:237px; margin-left:1em; margin-bottom:1em; padding:0; text-align:center;} #lifeinsLandingBubbleOuter { background:url(../images/insurance/life-ins-bubble-header.gif) 0 0 no-repeat; text-align:left; margin-bottom:16px;} #lifeinsLandingBubbleInner {background:url(../images/insurance/life-ins-bubble-footer.gif) 0 100% no-repeat; padding:12px 11px 36px 12px;} img#lifeinsLandingMFLogos { margin:auto;} img#lifeinsLandingAdvice { margin:auto;} #lifeinsLandingBubbleHeader {color:#c30; margin-bottom:3px; font-weight:bold; font-family: Arial,Helvetica;} /* end insurance landing page code */ /*MR9410 payment options on motor*/ .paymentmethoderror {background-color:#f93} html > body .checkBoxButton.carInsDiverror {width:230px} .paymentmethoderror label {color:#000} .checkBoxButton {width:230px} * html .checkBoxButton {width:236px} * html .checkBoxText {width:208px} .checkBoxText {width:220px} #AAselect {width:238px} html > body #AAselect {width:240px} .quotePageAPR {font-size:1.5em; font-family:Arial, Helvetica} /* MoCon split test styles */ .moconquoteandbuywrap {height:auto;} .mocon {width:100%; height:500px; background:#fff5cc;} .mocon p {margin:10px 0 0 10px;} .mocon .cl {font-size:0.1em; clear:both; width:100%;} .mocon .quote-box-wrap {margin:10px 0 0 10px; float:left;} .mocon .quote-box {width:236px; background:#fffbeb; margin:0; padding:0; height:165px;} .mocon .quote-box h2 {font-size:1.2em; font-weight:bold; color:#f90; margin:5px 0 0 5px;} .mocon .quote-box strong {margin-left:5px;} .mocon .quote-box p {margin:0 5px 10px 5px;} .mocon .paymentmethod {width:236px; background:#ffdc52; float:left; margin:2px 0 0 0; height:30px;} .mocon .paymentmethoderror {width:236px; background:#f93; float:left; margin:2px 0 0 0; height:30px;} .mocon .paymentmethod div {margin:4px 0 0 4px; padding:0; overflow:auto;} .mocon .paymentmethoderror div {margin:4px 0 0 4px; padding:0; overflow:auto;} .mocon .paymentmethod div label {margin:0; padding:4px 0 0 0; display:block; width:auto; float:left;} .mocon .paymentmethoderror div label {margin:0; padding:4px 0 0 0; display:block; width:auto; float:left;} .mocon .paymentmethod div input {margin:0; padding:0; float:left; display:inline; width:auto;} .mocon .paymentmethoderror div input {margin:0; padding:0; float:left; display:inline; width:auto;} .mocon .paymentmethod .payradio {margin:0; padding:0;} .mocon .paymentmethoderror .payradio {margin:0; padding:0;} html>body .mocon .paymentmethod div {margin:8px 0 0 8px; padding:0; overflow:auto;} html>body .mocon .paymentmethoderror div {margin:8px 0 0 8px; padding:0; overflow:auto;} html>body .mocon .paymentmethod div label {margin:0 0 0 4px; padding:0; display:block; width:auto; float:left;} html>body .mocon .paymentmethoderror div label {margin:0 0 0 4px; padding:0; display:block; width:auto; float:left;} html>body .mocon .paymentmethod div input {margin:0; padding:0; float:left; display:inline; width:auto;} html>body .mocon .paymentmethoderror div input {margin:0; padding:0; float:left; display:inline; width:auto;} .mocon .adjust-your-quote {width:482px; overflow:auto; margin:10px 0 0 10px; float:left; padding-bottom:20px;} .mocon .buybox {width:234px; background:#fff; float:left; margin:45px 0 0 10px; padding:0; border:1px solid #ccc;} .mocon .buybox p.button {text-align:right; padding:10px 0 10px 10px; margin:0; width:214px;} .mocon .buybox .mocon-buybox {overflow:hidden; margin:0; padding:0;} .mocon .buybox .mocon-buyboxerror {overflow:hidden; background:#f93; margin:0; padding:0;} .mocon .buybox .checkBoxText {width:190px;} #moconAAselect {width:100%; margin-top:5px; background:#fce480;} #moconAAselect h2 {background:#666; color:#fff; padding:3px;} #moconAAselect p {margin-left:10px;} /*CR9398 - INS Value Product*/ .valueQuoteTable, .valueProductMatrix {float:left; margin-bottom:30px} .valueQuoteTable td, .valueProductMatrix td {text-align:center; padding:5px;} .valueQuoteTable caption, .valueProductMatrix caption {display:none} .valueQuoteTable th, .valueProductMatrix th {background-color:#FC0; padding:1px 5px; font-size:0.9em; font-family:Arial} .valueProductMatrix th {background-color:#ccc} .valueQuoteTableRow {background-color:#eee} tr.valueQuoteTableMainColumn {background-color:#E5E5E5} .valueQuoteTableWhite {background-color:#fff} .valueQuoteTable td.alignLeft, .valueProductMatrix td.alignLeft {text-align:left} .valueQuoteTable label, .valueQuoteTable select {font-size:0.9em} .valueQuoteBuyNowP {font-size:0.9em} /*9482 - Motor quote layout*/ table#cartable.cartablegrey tr#cartabletop td {background:#ccc none repeat 0 0} table#cartable.cartablegrey td {border-bottom:1px solid #ccc} .CarInsQuoteBuyButton {float:right; margin-top:2px} .customiseP {display:inline; font-size:0.6em} .addonPrice {float:right; margin:-13px 3px 0 0} * html .adjustYourQuote h2 {margin-top:5px} /*ie6*/ .installmentOptions {float:left; margin:0; position:relative; width:249px} /*CR11008*/ .ppiWrap {border: 1px solid #fc0; width: 500px; margin:0 0 0 125px} * html .ppiWrap {width: 501px} .installmentOptionsleft {float:left; margin:0; position:relative; width:250px; background: url(/images/insurance/legend_bg_long.gif) #fff top left repeat-x; } .installmentOptionsright {float:left; margin:0; position:relative; width:249px; border-left:1px solid #fc0; background: url(/images/insurance/legend_bg_long.gif) #fff top left repeat-x} .paymentsButton2 {height:27px !important; width:102px !important} .paymentsButton3 {height:27px !important; width:102px !important} /*CR9488 - optimise agg landing*/ .doubleSplit2 {margin: 10px auto; padding:0 0 0 0} .doubleSplit2 h2 {font-size:0.7em; font-family:verdana; padding:7px} .doubleSplit2 h2.insHgrey {background:#ccc url(/images/common/gradients/titleFFFCCC.gif ) repeat-x scroll 0 0} .doubleSplit2 .right {width:49.9%} .doubleSplit2 .left {width:49.9%; background-color:#eee;} .doubleSplit2 .left label {width:40%} .doubleSplit2 .carInsDiv {padding:0 10px} .doubleSplit2 .car-ins-ticked ul li {margin:0 3px; padding-left:22px; line-height:2.3em} .doubleSplit2 .car-ins-ticked {background:#fff} .doubleSplit2 .carInsSubmitButt {margin:10px 0 0 40%; padding:2px} /*CR9380 TIA Renewals */ .halfcontainer {background:none; height:auto; width:49.5%; float:left;} .halfcontainer h3 {margin-bottom:10px;} .halfcontainer strong span.red {color:#c00;} .renewaddon {font-size:0.7em; float:left;} .renewaddonradio {font-size:0.7em; float:left;} .renewaddonradio label {font-size:1em;} .renewalserrormessages {display:block;} .renewalserrormessages ul li {margin:0 0 10px 20px;} .rm {display: none;} div.DirectDebitGuarantee {position: relative; float: left; clear: both; color: #000; padding: 1em; border: 1px #ccc solid} html>/**/body div.DirectDebitGuarantee {margin-bottom: 1em} /*ff*/ div.DirectDebitGuarantee h2 {float: left} div.DirectDebitGuarantee img {float: right; margin-top: -0.5em} div.DirectDebitGuarantee ul {padding-top: 0; margin-top: -0.5em} html>/**/body div.DirectDebitGuarantee ul {padding-top: 0.5em} /*ff*/ /*PMI*/ .buttonContainer {background: #fff7e5; padding: 0.7em; margin: 0.7em 0} .buttonContainer.top {margin-top: 1.5em} .buttonContainer.bottom {margin-bottom: 1.5em} .buttonContainer p {margin-bottom: 0!important} hr.visible {display: block; height: 1px; width: 100%; border-top: 1px #ccc solid; border-left: none; border-right: none; border-bottom: none} html>/**/body hr.visible {margin-bottom: 0.5em} /*ff*/ .smallPrint {font-size: 10px} .lineheightup {line-height: 1.5em} .buttonMiddle {padding: 0.8em 0.8em 0 0} .table-choice-two { border-collapse: collapse; margin: 1.25em 0 20px; border-bottom: 1px #e5e5e5 solid} .table-choice-two th { overflow: hidden; } .light-table-header th { background: #fff7e5; text-align: left; padding: 5px 0 5px 10px;} #main th.light-table-header-space { padding: 10px; width: 205px; } #main th.light-table-header-center { text-align: center; padding: 5px 0 5px 10px } .question-img { margin: -3px 0 -3px 5px; } #main .footer-no-space td { padding: 5px 0 0 10px; margin: 0; } .table-choice-two td { text-align: center; padding: 5px 0 5px 10px; } .table-choice-two td span { display: block; margin: 0 0 5px; } .table-choice-two td span.footnote-text { display: block; margin: 0} .table-choice-two tfoot td { background: none; } .table-choice-two .key { width: 215px; text-align: left; } .table-choice-two th.key { padding: 0 0 20px; } .table-choice-two th.key strong { display: block; font-size: 17px; line-height: 17px; margin: 15px 0 10px; } .full-width { width: 100%; } .table-choice-two .width135 { width: 135px; text-align: left; } .text-center { text-align: center !important; } .text-left td { text-align: left; } #tab-inclusionstwo ul { margin: 0 0 0 15px; } .body-content ul.text-ul { margin: -10px 0 20px 15px; } .body-content ul.anchors-ul { margin: 0 0 20px 15px; } .silver-row { background-color: #f8f8f8; } .silver-row-dots { background: #efefef} .sub-row td { text-align: left !important; background-color: #fff7e5; border-top: 1px solid #FFF; font-weight: bold; } .text-row td { text-align: left !important; color: #777777; } span.percent { font-weight: bold; font-size: 16px; padding-top: 2px; color: #00af3f; } td.question-hover span a { display: block; height: 18px; width: 18px; background: url('../images/shared/content/question.gif') repeat-x 0 100%; } .table-choice-two td.question-hover { padding: 5px 0 5px 0; } .table-choice-two td span.small { font-size: 11px; } #formWrap {width: 515px; background: #fff7e5; padding: 20px 40px; margin-top: -1em;} #formWrap fieldset {width: 515px; border: none; margin: 0; padding: 20px 0;} #formWrap label.twocolumn {width:260px;} #formWrap .submitrow {text-align: right; padding-right:90px;} * html #formWrap .submitrow {padding-right:4px;} /*end PMI*/ /*added essentials*/ #promoBox.essentialsHomeBox {border:0;width: 196px;} #promoBox.essentialsBox {width: 196px;} #promoBox.essentialsBox a, #promoBox.essentialsHomeBox a {display:inline;} .essPromoTel {display:block;font-weight:bold; font-size:1.1em; margin-bottom:3px; margin-top:3px;} #essentials-strip {width:592px; height:40px; background:url('/images/insurance/essentials/icon-strip-bg.gif') #000 top left repeat-x; padding:3px 0 3px 3px; margin-bottom:10px;} #essentials-icons {width:301px; float:right; margin-left:6px; height:40px; } a.essentials-icon {display:block; width:40px; height:40px; float:left; margin-right:3px; font-size:0.75em; position:relative;text-decoration:none; } a.essentials-icon span {color:#000; font-size:0.8em;position:absolute;text-align:left;white-space:nowrap; cursor:pointer;} span.ae-icontext {text-indent:-99999px; width:0; top:0;left:0;background-color:transparent;padding:0;margin-left:0} span.ae-icontexthover{text-indent:0;width:auto;top:43px;left:40px;background-color:#fc0;padding:3px;border:1px solid #333} #ae-homeec {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') 0 0 #fc0 no-repeat;} #ae-accidentrc {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -40px 0 #fc0 no-repeat;margin-right:0;} #ae-mot {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -80px 0 #fc0 no-repeat;} #ae-cardsanddocs {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -120px 0 #fc0 no-repeat;} #ae-keys {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -160px 0 #fc0 no-repeat;} #ae-identity {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -200px 0 #fc0 no-repeat;} #ae-travelins {background:url('/images/insurance/essentials/essentials-icon-sprite.gif') -240px 0 #fc0 no-repeat; } a#ae-homeec:hover, a#ae-homeec:focus {background-position: 0 -40px;} a#ae-accidentrc:hover, a#ae-accidentrc:focus {background-position: -40px -40px; } a#ae-mot:hover,a#ae-mot:focus {background-position: -80px -40px;} a#ae-cardsanddocs:hover, a#ae-cardsanddocs:focus {background-position: -120px -40px;} a#ae-keys:hover, a#ae-keys:focus {background-position: -160px -40px;} a#ae-identity:hover, a#ae-identity:focus {background-position: -200px -40px;} a#ae-travelins:hover, a#ae-travelins:focus {background-position: -240px -40px;} #essentials-strip p#icon-product-header {color:#fc0; font-weight:bold;} #essentials-strip img {float:left; border:0;} #essentials-strip p {font-family:verdana,arial; font-size:0.7em; color:#fff; margin:0;} #essentials-strip p a {color:#fff; border:0;} #essentials-strip p a:visited {color:#CCC;} #essentials-strip p a:hover {color:#CCC;} #essentials-strip p a:active {color:#fff;} #essentials-strip p {color:#fff;} ul#ae-ix-iconsl, ul#ae-ix-iconsr {width:47%; margin:0.3em 0 0.6em 0; padding:0; clear:none; list-style-type:none;} ul#ae-ix-iconsl { float:left;} ul#ae-ix-iconsr { float:right;} ul#ae-ix-iconsl li, ul#ae-ix-iconsr li {padding:0;} ul#ae-ix-iconsl p, ul#ae-ix-iconsl h3, ul#ae-ix-iconsr p, ul#ae-ix-iconsr h3 {padding-left:46px;} ul#ae-ix-iconsl h3, ul#ae-ix-iconsr h3 {font-size:1.2em;} ul#ae-ix-iconsl h3 a, ul#ae-ix-iconsr h3 a {} #ae-pricetable {border:1px solid #fc0; border-collapse:collapse; margin-top:0.6em;} #ae-pricetable th {padding:6px 3px 3px 3px;} #ae-pricetable td {padding:3px 3px 3px 6px; vertical-align:bottom;} #ae-pricetable th {background-color:#fc0;text-align:left;} #ae-pricetable td.ae-table-totals {background-color:#fff5cc; padding:6px 3px 6px 6px;} #ae-pricetable td.ae-table-summary {background-color:#fc0; padding:6px 3px 3px 6px;} #ae-pricetable td.ae-table-summary p {font-size:1em; margin-top:0.3em; margin-bottom:0.3em;} #ae-pricetable .super {color:#999;} #ae-footnotes { font-size:0.7em; color:#666;} #ae-footnotes .superl {color:#666;} ul#ae-contactnumbers {list-style-type:none;margin:0;padding:0;} ul#ae-contactnumbers li {margin:0.2em 0 0 0;} #ae-rightcol {width:210px; float:right; margin-left:8px; margin-bottom:60px; font-size:1em; } #ae-also-available {padding:3px;background-color:#fff5cc; } #ae-also-available p {margin-bottom:0;} * html #promoBox.essentialsBox {width:209px;} /*IE6*/ * html #ae-rightcol {width:218px;} * html #essentials-icons {width:304px;} /*end added essentials*/ /*her*/ #pageContent .her-landing-icons {list-style-type:none;margin:6px 0 0 0;padding:0;} #pageContent .her-landing-icons li {display:block;float:left; width:49%;padding:0px;margin:0;} .her-landing-icons h4 {font-family:verdana,helvetica,sanserif;font-size:1.1em;} .her-landing-icons img {float:left;width:47px;} .her-landing-icons p,h4 {margin-left:53px; margin-right:6px;} #her-option-table {clear:left; border:1px solid #fc0; border-collapse:collapse; width:100%;margin-top:1em;margin-bottom:1em;} #her-option-table td, #her-option-table th {border:1px solid #fc0; border-collapse:collapse; padding:6px; text-align:center;font-size:0.7em;} #her-option-table th {background-color:#ffe891; text-align:left;font-size:0.81em;} #her-option-table .her-th-first { text-align:left;font-weight:bold;} #her-option-table td {background-color:#fffae6;} #her-option-table .her-td-first {background-color:#fff; text-align:left;font-weight:bold; font-size:0.81em;} #her-option-table .her-sub-td-first {background-color:#ffe891; text-align:left;font-weight:bold; font-size:0.81em;} #her-option-table .her-sub-td1 {background-color:#fff2c0;font-weight:bold;} #her-option-table .her-sub-td {background-color:#fff2c0;} #pageContent #her-extra-boilercover, #pageContent #her-extra-boilerservice {background-color:#fffae6;padding:3px; margin-right:6px;} #pageContent #her-extra-boilercover ul, #pageContent #her-extra-boilerservice ul {margin:0 6px 3px 0;padding:0;clear:none;} #pageContent #her-extra-boilercover p,#pageContent #her-extra-boilerservice p {margin:0 6px 0.75em 0;padding:0;clear:none;} #pageContent .her-landing-icons .her-extralpinfo li {float:none;width:auto; padding:3px 3px 3px 18px; background:url("/images/insurance/tick.gif") no-repeat scroll 3px -2px transparent} .her-closeextrainfo {float:right; width:10px; height:10px; margin:3px;} .her-closeextrainfo img {width:10px;} p.videodesc { margin-bottom:0.5em; } .herprize { display:block; margin-bottom:10px; } /* herTabs */ @media projection, screen {#herTabs .ui-tabs-hide {display: none;}} /* */ @media print {#herTabs .ui-tabs-nav {display: none;}} /* */ #herTabs {margin: 0; padding: 0} #herTabs .ui-tabs-nav {list-style: none; margin: 0 0 0 0; padding: 0; height: 31px; position:relative;z-index:10;} #herTabs .ui-tabs-nav:after {display: block; padding: 0; margin: 0; clear: both; content: " ";} #herTabs .ui-tabs-nav li {float: left; margin: 0; padding: 0; font: bold 15px arial,verdana,helvetica;} #herTabs .ui-tabs-nav a, #herTabs .ui-tabs-nav a span {display: block; float: left; margin: 0; padding: 0 0.668em; background: url(/images/travel/hotels/tabs-bg-hotels.gif) repeat-x} #herTabs .ui-tabs-nav a {border-bottom: none; border-top: 1px #ffcc00 solid; border-left: 1px #ffcc00 solid; border-right: 1px #ffcc00 solid; margin: 0 0 0 3px; padding: 0; text-decoration: none; white-space: nowrap; outline: 0; } #herTabs .ui-tabs-nav a.first {margin-left: 0px;} #herTabs .ui-tabs-nav a:hover {text-decoration: underline} #herTabs .ui-tabs-selected a:hover {text-decoration: none} #herTabs .ui-tabs-nav a span {border:none; display:block;margin: 0; padding: 6px 30px; color: #666; } #herTabs .ui-tabs-nav .ui-tabs-selected a span {margin: 0; color: #000; background-position: 0 69%; border-bottom: 1px solid #FFFAE6; position:relative;top:1px;} #herTabs .ui-tabs-nav .ui-tabs-selected a:link, #herTabs .ui-tabs-nav .ui-tabs-selected a:visited, #herTabs .ui-tabs-nav .ui-tabs-disabled a:link, #herTabs .ui-tabs-nav .ui-tabs-disabled a:visited, {cursor: text} /* @ Opera */ #herTabs .ui-tabs-nav a:hover, #herTabs .ui-tabs-nav a:focus, #herTabs .ui-tabs-nav a:active, #herTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #herTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #herTabs .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;} /* @ Opera */ #fragment-1, #fragment-2, #fragment-3, #fragment-4 {border:1px solid #fc0;position:relative;z-index:9;} #fragment-2 {margin-top:1em;} #fragment-2.ui-tabs-panel {margin-top:0} * html .her-tab-detail{ height:1%;} * html #herTabs .ui-tabs-nav a {height:32px;} .her-tab-buynow {float:right;width:182px; margin-left:0.6em;display:block;} .her-tab-detail {background-color:#FFFAE6; padding:0.6em;} .her-tab-detail h3 {clear:none;margin-top:0.5em} #fragment-1 .her-tab-detail h3 {clear:left;margin-top:0.5em} ul#her-ticklist.ticked {padding:0 0 10px 35px; clear:none;} ul#her-ticklist.ticked li {padding:5px 0;} #her-top-panel {margin-right:250px;margin-top:0.6em} #her-advert-container {width:240px;float:left; margin-top:10px;} #her-advert-container p {margin-top:0.5em;} #her-headerbtns { clear:both; } #her-footer-telephone {padding-left:27px; background:url(/images/common/icons_accents/icon-mobilephone.gif) 3px 3px no-repeat;} #her-footer-buynowbtn {float:right;margin-left:6px; width:213px;display:block;margin-bottom:6px;} #pageContent #her-extra-boilercover, #pageContent #her-extra-boilerservice {background-color:#fff2bf;margin-right:6px;padding:3px;} #her-nln-contactno {background:url("/images/common/icons_accents/icon-mobilephone.gif") no-repeat 3px 3px; padding:3px 6px 3px 24px;} /* end herTabs */ #her-urgent-container {border:1px solid #fc0; margin-bottom:0.5em;padding:0;margin-top:0;} #her-urgent-container h2 {font-size:0.81em;margin:0;padding:3px 6px;background-color:#fc0;} #her-urgent-container ul.her-landing-icons {padding:6px; margin:0;} #her-urgent-cover-container {background-color:#efefef; padding:6px;} #her-urgent-cover-container #her-option-table {margin-top:0;margin-bottom:0.5em;} * html #her-urgent-container h2 {height:1%;} * html #her-urgent-cover-container {height:1%;} #her-summary-table { width:100%; padding:0; margin:0;} #her-summary-table td, #her-summary-table th {padding:0.5em; text-align:center; vertical-align:top; background-color:#FFF2C0;} #her-summary-table th {text-align:left;font-weight:bold; background-color:#fde693; padding:0 0.3em 0 0; vertical-align:middle;} #her-summary-table th img {float:left; margin-right:0.5em;} #her-summary-table .her-summary-table-head th {padding:0.5em; vertical-align:top;} #her-summary-table .her-summary-table-head td {background-color:#fde693;} #her-summary-table .her-summary-table-price th {padding:0.5em;} #her-summary-table .her-summary-table-price td {background-color:#fde693;} .her-panel-price {font-size:0.69em;margin-bottom:1.5em;} .her-panel-price strong {color:#000000;} .her-panel-price span {font-size:1.3em;} .her-summary-table-price strong {color:#cc0000;} #pageContent #her-boiler-icons-nat li {float:none; width:auto;} #her-boiler-icons-nat {clear:none;} #pageContent #her-extra-boilerservice-nat,#pageContent #her-extra-boilercover-nat {margin-right:0; margin-top:1em;} #pageContent #her-extra-boilerservice-nat ul, #pageContent #her-extra-boilercover-nat ul {list-style-type:none;margin:-6px 0 6px 0 ;padding:0;} #pageContent #her-extra-boilerservice-nat li,#pageContent #her-extra-boilercover-nat li {display:block;float:none; width:auto;padding:2px 3px 3px 18px; margin:0;background:url("/images/insurance/tick.gif") no-repeat scroll 3px -2px transparent} * html #pageContent #her-extra-boilerservice-nat li,* html #pageContent #her-extra-boilercover-nat li {background-position:3px 2px;} #legalTopics { background-color:#EEEEEE;float:left;width:100%;} #legalTopics h2 {background:url('/images/gradient.jpg') repeat-x 0 0 #989898; color:#fff; padding:3px;font-size:0.82em;} #legalTopics h2 a,#legalTopics h2 a:visited,#legalTopics h2 a:hover,#legalTopics h2 a:active {color:#fff;text-decoration:none;} #legalTopics p.legalTopicsDesc {padding:0.5em; margin-bottom:0.3em;} #legalTopics ul {list-style-type:none;margin:0 0 0.5em 0.5em ;padding:0; clear:none;} #legalTopics ul.first {width:45%;float:left;} #legalTopics ul.second {width:45%;float:left;} #legalTopics ul li {background:url("/images/common/arrows/grey_chevrons.gif") no-repeat 0 60%; padding:0.2em 0 0.2em 1.5em;} #legal-rightcol {float:right; width:198px;} .legal-box {background-color:#fff2bf;border:1px solid #fc0;margin-bottom:0.75em;padding-bottom:0.5em;} .legal-box p {padding:0.3em 0.3em 0 0.3em ; margin-bottom:0em;} .legal-box a { font-size:0.69em; padding-left:0.3em; } .legal-box a.legal-box-img {display:inline;padding-left:0;} #legal-leftcol {float:left; width:387px} /* * html #legal-leftcol {width:387px;}*/ #legal-leftcol ul {clear:none;} .legal-box .legal-box-header {background-color:#fc0;padding:0.3em; font-size:0.69em; font-weight:bold;} /* Travel Insurance Prize Draw */ .tibox { width:595px; display:block; float:left; margin-bottom:10px; background:#fff7e5; position:relative; } .tibox.top { margin-top:10px; } .tibox .tileft { float:left; width:192px; padding:10px; } .tibox .tileft img { background:#cccccc; width:192px; height:128px; display:block; float:left; } .tibox .tiright { padding:10px 10px 10px 0; width:373px; float:left; } .ti-red { color:#ff0000; } .ti-quote { margin:10px 0; } .tibox .tiright a { float:right; position:absolute; bottom:10px; right:10px; } *html .halfwidthie6 { width:300px; } #mainContent ul#tickedHalfWidthprize { width:40%; } /*HER Re-design */ .her-videolink.boiler {background:url(/images/insurance/home-emergency-response/video-bg-boiler.jpg) 0 0 no-repeat} .her-videolink {background:url(/images/insurance/home-emergency-response/video-bg.jpg) 0 0 no-repeat; width:300px; display:block; float:left; height:200px; text-indent:-100000px; } .her-videolink a { width:300px; display:block; float:left; height:200px; text-indent:-100000px; outline:0; } .her-promoarea.boiler {background:url(/images/insurance/home-emergency-response/promo-bg-boiler.jpg) 0 0 no-repeat} .her-promoarea { background:url(/images/insurance/home-emergency-response/promo-bg.jpg) 0 0 no-repeat; width:450px; display:block; float:left; height:200px; } .her-promoarea p { margin:50px 5px 5px; } .her-promoarea ul li { background:url(/images/common/listTick.gif) no-repeat scroll 2px 4px transparent; padding: 5px 30px; font-size:0.9em; font-family:Arial; font-weight:bold; } .her-promoarea ul { list-style-type:none; } .her-promoarea a { margin:-24px 0 3px 220px; display:block; outline:none; width:213px; } .her-phonenumbers .phone-right a { float:right; margin: 9px 0; width:372px; } .her-phonenumbers .phone-fullwidth a { float:left; margin: 9px 0; width:750px; } .her-phonenumbers .phone-left { float:left; text-align:center; display:block; width:365px; margin:15px 0 9px 0; } .her-phonenumbers .phone-left .phone { background:url(/images/common/icons_accents/icon-mobilephone.gif) no-repeat; font-size:1.4em; font-family:Arial; padding:2px 5px 2px 20px; color:#000000; font-weight:bold; } .her-phonenumbers .phone-left span { color:#666666; font-weight:bold; font-family:Arial;} .her-phonenumbers .phone-left p { color:#666666; margin-top:5px; } .her-options { clear:both; float:left; display:block; } .her-options .her-box, .her-options .bb-box, .her-options .abs-box, .her-options .chc-box { background:#ffe192; display:block; float:left; text-decoration:none; text-align:center; } .her-options .her-box { width:243px; margin-right:10px; background:url(/images/insurance/home-emergency-response/her-bg.gif) 0 10px no-repeat #ffe192;} .her-options .bb-box { width:244px; margin-right:10px; background:url(/images/insurance/home-emergency-response/bb-bg.gif) 0 10px no-repeat #ffe192;} .her-options .abs-box { width:243px; margin-right:0px; background:url(/images/insurance/home-emergency-response/abs-bg.gif) 0 10px no-repeat #ffe192;} .her-options .chc-box { width:243px; margin-right:0px; background:url(/images/insurance/home-emergency-response/chc-bg.gif) 0 10px no-repeat #ffe192;} .her-options .her-box .title, .her-options .bb-box .title, .her-options .abs-box .title, .her-options .chc-box .title { font-weight:bold; font-size:0.95em; font-family:Arial; border-bottom:#ffffff solid 1px; } .her-options .her-box .title h2, .her-options .bb-box .title h2, .her-options .abs-box .title h2, .her-options .chc-box .title h2 { font-weight:bold; font-size:1em; font-family:Arial; padding:4px 0; } .her-options .her-box .her-prices, .her-options .bb-box .her-prices, .her-options .abs-box .her-prices, .her-options .chc-box .her-prices { clear:both; display:block; text-align:left; color:#000000; display:block; float:left; text-decoration:none; padding:10px 0 5px 90px } .her-options .her-box .her-prices span.her-price-nonmember, .her-options .bb-box .her-prices span.her-price-nonmember, .her-options .abs-box .her-prices span.her-price-nonmember, .her-options .chc-box .her-prices span.her-price-nonmember { font-weight:bold; font-size:1.75em; font-family:Arial, Helvetica} .her-options .her-box .her-prices span.her-price-member, .her-options .bb-box .her-prices span.her-price-member, .her-options .abs-box .her-prices span.her-price-member, .her-options .chc-box .her-prices span.her-price-member { font-weight:bold; font-size:1.5em; font-family:Arial, Helvetica } .her-options .her-box .her-prices span, .her-options .bb-box .her-prices span, .her-options .abs-box .her-prices span, .her-options .chc-box .her-prices span { margin-top:5px; } .her-options .her-box .her-prices small, .her-options .bb-box .her-prices small, .her-options .abs-box .her-prices small, .her-options .chc-box .her-prices small { margin-top:5px; font-weight:normal; font-size:0.39em; color:#000000; width:auto; margin-left:2px;} .her-options .her-box .her-list, .her-options .bb-box .her-list, .her-options .abs-box .her-list, .her-options .chc-box .her-list { clear:both; height:115px; text-align:left; font-family:Arial, Helvetica} .her-options .bb-box .her-list ul, .her-options .abs-box .her-list ul , .her-options .chc-box .her-list ul{ padding-left:30px; font-weight:bold; font-size:1.2em ; padding-top:15px; font-family:Arial, Helvetica} .her-list p { font-weight:bold; font-size:0.75em ; margin-bottom:1px; } .her-options .her-box .her-list ul { padding-left:30px; font-weight:bold; font-size:1.1em ; } .her-options a.her-quote { display:block; margin:10px 0 10px 47px; clear:both; position:relative; outline:none;} #herbox, #bcbox , #bsbox { width:730px; display:block; height:auto; background:#ffe192; clear:both; padding:10px; overflow:auto; } *html #herbox, *html #bcbox , *html #bsbox { width:750px; } #herlink.open, #bclink.open, #bslink.open { padding-bottom:10px; } #herlink, #bclink, #bslink { background:#ffe192; height:33px; display:block; } #herlink, #bslink { width:243px; } #bclink { width:244px; } #herlink a, #bclink a, #bslink a { padding:8px 0; margin:0; font-weight:bold; text-decoration:none; cursor:pointer; color:#000000; font-size:0.8em; display:block; outline:none; } #herlink a img, #bclink a img, #bslink a img { margin:3px 0 0 0; } #faqaccordion { width:365px; margin-top:10px; margin-bottom:30px; clear:both; display:block; float:left; } *html #faqaccordion { width:360px;} #faqaccordion h2 { margin:20px 0 } #faqaccordion a.question, #faqaccordion p{ color:#000000; outline:none;margin-left:20px; outline:none; } #faqaccordion a.question { text-decoration:none; width:95%; padding:0px 0 15px 8px; display:block; font-size:0.7em; outline:none; } #faqaccordion a.question { padding-left:20px; background:url(/images/insurance/home-emergency-response/her-faq-icon.gif) no-repeat 0px 2px; cursor:pointer; outline:none; } #faqaccordion a.question.open { padding-left:20px; background:url(/images/insurance/home-emergency-response/her-faq-icon-minus.gif) no-repeat 0px 2px; cursor:pointer; outline:none; } #faqaccordion p { margin-bottom:10px; padding-left:20px;} #faqaccordion div.ui-accordion-content-active { height:auto; overflow:visible;} #faqaccordion .ui-accordion-content-active.ui-corner-bottom { padding-bottom:8px; overflow:visible; } #faqaccordion span a { margin-left:40px; font-size:0.7em } .testimonials { width:360px; margin:10px 0 30px 25px; display:block; float:left; } .testimonial1, .testimonial2 { margin-bottom:20px;} .testimonialTop { background:url(/images/insurance/home-emergency-response/speechmark-top3.gif) no-repeat #eeeeee; padding-top:25px } .testimonialTop p, .testimonialMiddle p, .testimonialEnd p { padding:0 15px 10px 30px; margin:0; } .testimonialMiddle { background:#eeeeee; } .testimonialEnd p strong { display: block; padding: 10px 0 28px; } .testimonialEnd { background:url(/images/insurance/home-emergency-response/speechmark-bottom3.gif) no-repeat right bottom #eeeeee; } .tvad-promo { width:55%; float:left; margin:10px 0 0 10px; } .packages { clear:both; display:block; float:left; margin-top:20px; } .packages h2 { margin-bottom:6px; display:block; float:left; clear:both; width:750px; } .packages .package { width:750px; display:block; float:left; border-bottom:1px solid #ffffff; } .packages .package p { margin:8px 0px 7px 130px; font-size:0.82em; line-height:1.5em; float:left; width:360px; } .packages .package span { text-align:right; display:block; font-size:0.75em; float:left; margin:5px 0px 5px 5px; } .packages .package span strong { font-size:1.4em; } .packages .package a { display:block; float:right; margin:14px 10px 14px 10px; outline:none; } .HERplusBB { background:url(/images/insurance/home-emergency-response/her-plus-bb.gif) no-repeat #ffe193; } .HERplusABS { background:url(/images/insurance/home-emergency-response/her-plus-abs.gif) no-repeat #ffe193; } .BBplusABS{ background:url(/images/insurance/home-emergency-response/bb-plus-abs.gif) no-repeat #ffe193; } .HERplusBBplusABS { background:url(/images/insurance/home-emergency-response/her-plus-bb-abs.gif) no-repeat #ffe193; } .HERplusBBplusCHC { background:url(/images/insurance/home-emergency-response/her-plus-bb-chc.gif) no-repeat #ffe193; } /* New HER journey */ .herphonenumber { float: right; font-family: arial,sans-serif; font-size: 1.6em; font-weight: 600; margin: -90px 15px 0 0; padding: 0; position: relative; text-align: right; width: 230px; } .herphonenumber h2 { font-size: 0.7em; font-weight: 900; padding-bottom: 0.25em; } form.aaform div.confirm p { clear:none; float:left; } #pageContent .aaform .fieldset-bg { background:#FFF7E5; padding:13px 0 10px 0; } #pageContent #her-left .fieldset-bgvi { background:#FFF7E5; padding:10px ; clear:both; margin-bottom:10px; } #pageContent form.aaform p.note { width:auto; padding:5px 0 0 0; } #pageContent .aaform input.inputright { float:right; } #her-content {position: relative; clear: both} * html #her-content {clear: none; margin-top: 27px} #her-left {width:535px; float: left; padding:0; margin:0 10px 0 0; padding-left:0;} *html #her-left .aaform fieldset {width:515px;} .her-fieldset {margin: 0; padding: 0; border: none; width:535px} .her-option, .her-option-on, .her-fieldset .her-option-on:hover { position: relative; padding:10px 0; margin-bottom: 10px; cursor: default; } .her-option h3 {margin: 10px 0} /*default states*/ .her-option.herbc { background: url(/images/insurance/home-emergency-response/her-option-bg.gif) no-repeat 0 0 #d2cdb8; } .her-option.hebbr { background: url(/images/insurance/home-emergency-response/bb-option-bg.gif) no-repeat 0 0 #d2cdb8; } .her-option.hebbs { background: url(/images/insurance/home-emergency-response/bc-option-bg.gif) no-repeat 0 0 #d2cdb8; } .her-option.herch { background: url(/images/insurance/home-emergency-response/chc-option-bg.gif) no-repeat 0 0 #d2cdb8; } .her-option.hebn { background-color: #eee; padding:10 0px} /*hover states*/ .her-option.herbc:hover {background: url(/images/insurance/home-emergency-response/her-option-bgh.gif) no-repeat 0 0 #ffe192; cursor: pointer} .her-option.hebbr:hover {background: url(/images/insurance/home-emergency-response/bb-option-bgh.gif) no-repeat 0 0 #ffe192; cursor: pointer} .her-option.hebbs:hover {background: url(/images/insurance/home-emergency-response/bc-option-bgh.gif) no-repeat 0 0 #ffe192; cursor: pointer} .her-option.herch:hover {background: url(/images/insurance/home-emergency-response/chc-option-bgh.gif) no-repeat 0 0 #ffe192; cursor: pointer} .her-option.hebn:hover { background-color: #ffe192; } /*higlighted states*/ .her-option-on.herbc, .her-fieldset .her-option-on.herbc:hover { background: url(/images/insurance/home-emergency-response/her-option-bghl.gif) no-repeat 0 0 #ffcc00; } .her-option-on.hebbr, .her-fieldset .her-option-on.hebbr:hover { background: url(/images/insurance/home-emergency-response/bb-option-bghl.gif) no-repeat 0 0 #ffcc00; } .her-option-on.hebbs, .her-fieldset .her-option-on.hebbs:hover { background: url(/images/insurance/home-emergency-response/bc-option-bghl.gif) no-repeat 0 0 #ffcc00; } .her-option-on.herch, .her-fieldset .her-option-on.herch:hover { background: url(/images/insurance/home-emergency-response/chc-option-bghl.gif) no-repeat 0 0 #ffcc00; } .her-option-on.hebn, .her-fieldset .her-option-on.hebn:hover { background: url(/images/insurance/home-emergency-response/no-option-bg.gif) repeat-x 0 0; } .her-option input {cursor: pointer} .her-selected, .her-selected:hover {background: #ffcc00 url(/images/breakdown/journey/label-bg.gif) no-repeat right 0;} .label-header {margin-left: 90px; font: bold 1.2em arial,helvetica,sans-serif;} .label-description {float: left; font-size:0.69em; margin:5px 0 10px 90px; width:370px } * html .label-description {float: left; font-size:0.69em; margin:5px 0 10px 42px; width:260px } #her-right { float:left; height:auto; margin-top:0; width:205px; } *html #her-right { float:left; height:auto; margin-top:0; width:205px; padding:0; float:left; } *html .her-summary { background:#fff7e5; padding:10px; width:205px; text-align:center; display:block; } #excess-control {clear:left} .note { clear:both; } .option-icon { height:69px; width:77px } .her-summary { float:left; background:#fff7e5; padding:10px; width:185px; text-align:center; position:relative; clear:none !important } .her-summary p { width:185px !important } form.aaform DIV.her-summary { background:#fff7e5; padding-left:0px; clear:none !important } /*ie*/ form.aaform DIV#her-right { /*width:535px;*/ padding-left:0px; clear:none !important } /*ie*/ form.aaform DIV.her-summary p { padding-top:0px } /*ie*/ .monthly-price span { font-weight:bold; font-size:2.5em; font-family:Arial, Helvetica, sans-serif; } #pcmPrice {font-weight:bold; font:1.8em Arial, Helvetica, sans-serif;} .her-option a, .her-option-on a { font-size:0.69em; color:#000000; clear:both; text-decoration:underline; } .her-option a.open, .her-option-on a.open, .her-expandinfo a.open, .her-option a.closed, .her-option-on a.closed, .her-expandinfo a.closed { font-size:0.69em; color:#000000; clear:none; position:relative; top:-20px; right:5px; background: url(/images/insurance/home-emergency-response/more-arrow-up.gif) no-repeat 100% 5px; padding-right:15px; outline:none; text-decoration:underline; white-space:nowrap; font-weight:bold; position:none; float:left; top:0px; right:0px; margin:10px 0 0 90px; clear:left} .her-option a.closed, .her-option-on a.closed, .her-expandinfo a.closed { background: url(/images/insurance/home-emergency-response/more-arrow-down.gif) no-repeat 100% 5px; } .her-expandinfo {background-color: #e8e6db!important; padding-bottom:20px; border-top:1px solid #fff; border-bottom:1px solid #fff} #moreinfoHER, #moreinfoBB, #moreinfoABS, #moreinfoCH {clear:both; margin-left:10px; width:515px; background-color:#fff; float:left; clear:left} #moreinfoHER ul, #moreinfoBB ul, #moreinfoABS ul, #moreinfoCH ul { padding-left:20px; /*margin-bottom:10px; line-height:1em;*/ list-style: none } #moreinfoHER li, #moreinfoBB li, #moreinfoABS li, #moreinfoCH li { margin-bottom:10px } .moreinfoIcons {margin-bottom:10px} .moreinfoIcons li {margin-bottom:0px !important} .her-option .her-check, .her-option-on .her-check { position:absolute; right:28px; top:42px } .her-option .her-check-no, .her-option-on .her-check-no {top:16px} * html .her-option .her-check-no, * html .her-option-on .her-check-no {top:0px!important; left:96px!important} .her-summary .memberinfo { font-size:0.75em; } .member-question { margin:10px 0; display:block; font-size:0.75em; float:left; } .her-member-check { margin:10px 0px 10px 10px; float:right } #her-right .buttoncontainer { width:205px; clear:both; display:block; float:left; padding:0; margin:0; } /* New HER */ div#adjustments div.method label span.paymentmethod { float:left; } div#adjustments div.method input {float:left; width:auto; margin:2px 6px 0 15px; outline:none;} div#adjustments div.method { float:left; height:150px; margin: 0 3px 13px 0; width:230px; display:block; clear:none; background:#fff7e5; text-align:center; padding:10px } div#adjustments div.method label {display: block; height: 140px; padding: 0.32em; font-size: 0.96em; font-weight: bold; font-family: arial, sans-serif} div#adjustments div.method label:hover, form#quoteForm #payment fieldset div.method label:focus, form#quoteForm #payment fieldset div.method label:active {color: #000; cursor: pointer;} div#adjustments div.method label span.priceInstalments, div#adjustments div.method label span.priceOnePayment {display: block; clear:both; padding:5px 0; width:100%; margin: 0; font-size: 2.5em; text-align: center;} div#adjustments div.method label span.priceOff {color: #9f9a85;} div#adjustments div.method label span.info {display: block; width: 21.5em; margin: 0; font-weight: normal; font-size: 0.7em; text-align: center; font-family: verdana;} div#adjustments div.method label span.infoDepositAmount, form#quoteForm #adjustments fieldset div.method label span.infoInstalments, form#quoteForm #adjustments fieldset div.method label span.infoMonthlyRepayment, form#quoteForm #adjustments fieldset div.method label span.infoTotalPrice {display: inline; margin-right: 0; width: auto; float: none;} * html div#adjustments div.method label span.info {width: 20em;} /* ie6 box model fix */ div#adjustments div.method label span.info {width:220px; display:block; text-align:center;} div#adjustments div.payoptblank {background: #fff7E5} div#adjustments div.payoptselected {background: #ffe192} div#adjustments div.payoptblank label span.priceOff {font-size:1.5em} form.aaform div.herYourCover { float:right; width:185px; display:block; clear:none; background:#eee; padding:10px; } form.aaform div.herYourCover p { padding-left:0; padding-top:5px; width:100% } form.aaform div.herYourCover a { font-size:0.69em; margin-bottom:5px; display:block; width:100% } form.aaform div.herYourCover a:hover { text-decoration:underline; color:#0033cc; } form.aaform div.herYourCover p strong { display:block; width:100% } #paymentoptions {float:left; display:inline; width:510px} /* HER Our Best Price */ .her-summary .memberinfo { font-size:0.75em; } .member-question { margin:10px 0; display:block; font-size:0.75em; float:left; } .her-member-check { margin:10px 0px 10px 10px; float:right } .hi-refund, .memberinfo { margin:0px auto 10px auto; display:block; font-size:0.75em; } .quote-ref { font-size:0.75em; } .bestPriceIntroHEC, .bestPriceIntroMember { float:left; display:block; margin-bottom:30px; margin-top:30px; } .bestPriceIntroLeftHEC, .bestPriceIntroLeftMember { float:left; width:200px; display;block; } .bestPriceIntro .bestPriceIntroLeftHEC img, .bestPriceIntro .bestPriceIntroLeftMember img { float:left; display:block; } .bestPriceIntrorightHEC , .bestPriceIntrorightMember { float:left; width:310px; display;block; } .bestPriceIntrorightHEC.bestPriceTitle, .bestPriceIntrorightMember.bestPriceTitle { margin-bottom:10px; } .bestPriceCalcHEC table td { padding-left:2px; } .bestPriceCalcHEC { clear:left; margin: 0 20px 20px; display:block; background:#eeeeee; } .bestPriceCalcHEC .yearlyPriceRow, .bestPriceCalcHEC .refundPriceRow { font-weight:bold; font-size:1.2em; font-family:arial; padding:0 } .bestPriceCalcHEC .totalPriceRow { font-weight:bold; font-size:1.45em; font-family:arial; border-top:1px solid #000000; } .bestPriceBoilerIneligible { clear:both; } .emergencydiv { background: url(/images/insurance/home-emergency-response/her-emergency-bg.gif) no-repeat #eeeeee top left; margin-top:38px; margin-bottom:10px; padding:10px 0 60px 0; } .emergencydiv a, .emergencydiv a:hover { padding:10px; display:block; text-decoration:none; color:#000000; } .label-header-emergency { font-weight:bold; font-family:arial; font-size:1.3em ; padding-left:85px; display:block;} /* Home Details */ .mincontainer form.aaform div.labelcontainerher { width:316px } .mincontainer form.aaform input.inputimageher { display:block; margin-top:5px; } /*---------------------- CR11838 HER - Additional boiler pages --------------------- */ /* Natural */ .boiler-banner { background: url(/images/insurance/home-emergency-response/boiler-breakdown-banner.jpg) no-repeat; display:block; width:595px; height:120px; margin-bottom:10px; } #mainContent .boiler-banner .her-prices { clear: both; color: #000000; display: block; float: left; padding:10px 0 10px 210px; text-align: left; text-decoration: none; } #mainContent .boiler-banner .her-prices span.her-price-nonmember { font-size: 1.4em; font-weight: bold; } #mainContent .boiler-banner .her-prices span.her-price-member { font-size: 1.15em; font-weight: bold; } #mainContent .boiler-banner .her-prices span { margin-top: 5px; } #mainContent .boiler-banner .her-prices span.her-price-nonmember small { color: #000000; font-size: 0.5em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #mainContent .boiler-banner .her-prices span.her-price-member small { color: #000000; font-size: 0.55em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } .boiler-banner a { float:right; margin:55px 15px 0 0 } .boiler-phonenumbers .phone-left { width:273px; float:left; display:block; margin:10px 10px 10px 0; text-align:center; border:solid 1px #cccccc; padding-left:18px; } .boiler-phonenumbers .phone-left .phone { background: url(/images/common/icons_accents/icon-mobilephone.gif) no-repeat; color: #000000; display: block; float: left; font-family: Arial; font-size: 1.1em; font-weight: bold; margin-top: 5px; padding: 4px 5px 2px 20px; text-align: left; } .boiler-phonenumbers .phone-left span.speak { color: #666666; display: block; float: left; font-family: Arial; font-weight: bold; margin-top: 12px;} .boiler-phonenumbers .phone-left p { clear: both; margin-bottom: 2px; } .boiler-phonenumbers .phone-right { width:293px; float:left; display:block; margin:10px 0; } .more { clear: none; color: #000000; font-size: 0.69em; outline:none; padding-right:15px; position:relative; text-decoration:underline; top:-0px; } .more.closed { background: url(/images/insurance/home-emergency-response/more-arrow-down.gif) no-repeat right 5px; } .more.open { background: url(/images/insurance/home-emergency-response/more-arrow-up.gif) no-repeat right 5px; } #moreinfoCH_annualBoiler, #moreinfoBB_annualBoiler {clear:left; margin-bottom:10px;} /*Promo boxes*/ #mainContent .boiler-promo, #mainContent .boiler-promo-service { clear:both; float:left; display:block; } #mainContent .boiler-promo .boiler-promoBox { float:left; display:block; width:291px; border:1px solid #cccccc; margin-right:10px; /*height:280px*/ } #mainContent .boiler-promo-service .boiler-promoBox { float:left; display:block; width:291px; border:1px solid #cccccc; margin-right:10px; height:320px } #mainContent .boiler-promo .boiler-promoBox.end, #mainContent .boiler-promo-service .boiler-promoBox.end { margin-right:0; } #mainContent .boiler-promo .boiler-promoBox h2 , #mainContent .boiler-promo-service .boiler-promoBox h2{ font-family:Arial; font-weight:normal; font-size:0.9em } #mainContent .boiler-promo .boiler-promoBox h2.BoilerServiceTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-annual-service.gif) no-repeat; padding:25px 0 18px 60px; } #mainContent .boiler-promo-service .boiler-promoBox h2.BoilerBreakdownTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-bolier-breakdown.gif) no-repeat; padding:25px 0 18px 60px; } #mainContent .boiler-promo .boiler-promoBox h2.BoilerPackageTitle, #mainContent .boiler-promo-service .boiler-promoBox h2.BoilerPackageTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-annual-breakdown-package.gif) no-repeat; padding:15px 0 12px 100px } #mainContent .boiler-promo .boiler-promoBox h2.chc { background: url(/images/insurance/home-emergency-response/boiler-promo-central-heating-package.gif) no-repeat; !important} #mainContent .boiler-promo .boiler-promoBox .her-prices, #mainContent .boiler-promo-service .boiler-promoBox .her-prices { clear: both; color: #000000; display: block; float: left; padding:5px 0 10px 70px; text-align: left; text-decoration: none; } #mainContent .boiler-promo .boiler-promoBox .her-prices span.her-price-nonmember, #mainContent .boiler-promo-service .boiler-promoBox .her-prices span.her-price-nonmember { font-size: 1.5em; font-weight: bold; } #mainContent .boiler-promo .boiler-promoBox .her-prices span.her-price-member, #mainContent .boiler-promo-service .boiler-promoBox .her-prices span.her-price-member { font-size: 1.2em; font-weight: bold; } #mainContent .boiler-promo .boiler-promoBox.her-prices span, #mainContent .boiler-promo-service .boiler-promoBox.her-prices span { margin-top: 5px; } #mainContent .boiler-promo .boiler-promoBox .her-prices span.her-price-nonmember small, #mainContent .boiler-promo-service .boiler-promoBox .her-prices span.her-price-nonmember small { color: #000000; font-size: 0.5em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #mainContent .boiler-promo .boiler-promoBox .her-prices span.her-price-member small, #mainContent .boiler-promo-service .boiler-promoBox .her-prices span.her-price-member small{ color: #000000; font-size: 0.55em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #mainContent .boiler-promo .boiler-promoBox p, #mainContent .boiler-promo-service .boiler-promoBox p { margin-left:10px; margin-right:10px; clear:both; } #mainContent .boiler-promo .boiler-promoBox a, #mainContent .boiler-promo-service .boiler-promoBox a { display:block; margin:15px 0 10px 77px; clear:both; position:relative; outline:none; } #mainContent .boiler-promo-service .boiler-promoBox a.bbbs-quote { display:block; margin:0px 0 10px 77px; clear:both; position:relative; outline:none; } #mainContent .faqaccordion-boiler, #MainContentNoLeftNav .faqaccordion-boiler { width:100%; } #mainContent .faqaccordion-boiler p, #MainContentNoLeftNav .faqaccordion-boiler p { background:none; } /*Paid */ .boiler-banner-wide { background: url(/images/insurance/home-emergency-response/boiler-breakdown-banner-wide.jpg) no-repeat; display:block; width:750px; height:120px; margin-bottom:10px; display:block; } .boiler-banner-wide h2 { display:block; width:auto; float:left; padding:30px 0 0 260px; font-size:1.5em } .boiler-banner-wide a { float:right; margin:55px 15px 0 0; display:block; } .boilerBreakdown-content-wide { float:left; width:445px; clear:both; margin-right:10px; } .boiler-phonenumbers-wide { width:293px; float:right; } .boiler-phonenumbers-wide .phone-left { width:273px; float:left; display:block; text-align:center; border:solid 1px #cccccc; padding-left:18px; margin-bottom:10px; } .boiler-phonenumbers-wide .phone-left .phone { background: url(/images/common/icons_accents/icon-mobilephone.gif) no-repeat; color: #000000; display: block; float: left; font-family: Arial; font-size: 1.1em; font-weight: bold; margin-top: 5px; padding: 4px 5px 2px 20px; text-align: left; } .boiler-phonenumbers-wide .phone-left span.speak { color: #666666; display: block; float: left; font-family: Arial; font-weight: bold; margin-top: 12px;} .boiler-phonenumbers-wide .phone-left p { clear: both; margin-bottom: 10px; } .boiler-prices { width:291px; text-align:center; border:solid 1px #cccccc; margin-bottom:10px; display:block; float:left; } .boiler-prices h3 { margin-top:10px; } #MainContentNoLeftNav .boiler-prices .her-prices { clear: both; color: #000000; display: block; float: left; padding:0px 0 10px 70px; text-align: left; text-decoration: none; } #MainContentNoLeftNav .boiler-prices .her-prices span.her-price-nonmember { font-size: 1.5em; font-weight: bold; } #MainContentNoLeftNav .boiler-prices .her-prices span.her-price-member { font-size: 1.2em; font-weight: bold; } #MainContentNoLeftNav .boiler-prices .her-prices span.her-price-nonmember small { color: #000000; font-size: 0.5em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #MainContentNoLeftNav .boiler-prices .her-prices span.her-price-member small { color: #000000; font-size: 0.55em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } /*Promo boxes*/ #MainContentNoLeftNav .boiler-promo-wide, #MainContentNoLeftNav .boiler-promo-serviceWide { clear:both; float:left; display:block; margin-top:10px; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox { float:left; display:block; width:366px; border:1px solid #cccccc; margin-right:14px; } #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox { float:left; display:block; width:291px; border:1px solid #cccccc; margin-right:10px; height:320px } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox.end, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox.end { margin-right:0; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox h2 , #MainContentNoLeftNav .boiler-promo-service .boiler-promoBox h2{ font-family:Arial; font-weight:normal; font-size:0.9em } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox h2.BoilerServiceTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-annual-service.gif) no-repeat #ffe191; padding:25px 0 18px 110px } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox h2.BoilerBreakdownTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-bolier-breakdown.gif) no-repeat #ffe191; padding:25px 0 18px 110px } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox h2.BoilerPackageTitle, #MainContentNoLeftNav .boiler-promo-service .boiler-promoBox h2.BoilerPackageTitle { background: url(/images/insurance/home-emergency-response/boiler-promo-annual-breakdown-package.gif) no-repeat #ffe191; padding:15px 0 12px 120px } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox .her-prices, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox .her-prices { clear: both; color: #000000; display: block; float: left; padding:5px 0 10px 100px; text-align: left; text-decoration: none; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox .her-prices span.her-price-nonmember, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox .her-prices span.her-price-nonmember { font-size: 1.5em; font-weight: bold; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox .her-prices span.her-price-member, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox .her-prices span.her-price-member { font-size: 1.2em; font-weight: bold; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox.her-prices span, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox.her-prices span { margin-top: 5px; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox .her-prices span.her-price-nonmember small, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox .her-prices span.her-price-nonmember small { color: #000000; font-size: 0.5em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox .her-prices span.her-price-member small, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox .her-prices span.her-price-member small{ color: #000000; font-size: 0.55em; font-weight: normal; margin-left: 2px; margin-top: 5px; width: auto; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox p, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox p { margin-left:10px; margin-right:10px; clear:both } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox ul { padding-left:30px; margin-bottom:10px; } #MainContentNoLeftNav .boiler-promo-wide .boiler-promoBox a, #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox a { display:block; margin:10px 0 10px 107px; clear:both; position:relative; outline:none; } #MainContentNoLeftNav .boiler-promo-serviceWide .boiler-promoBox a.bbbs-quote { display:block; margin:0px 0 10px 107px; clear:both; position:relative; outline:none; } .boilerBreakdown-content-wide ul { padding-left:30px; display:block; } #mainContent .faqaccordion-boiler, #MainContentNoLeftNav .faqaccordion-boiler, #MainContentNoLeftNav .faqaccordion-boiler-wide { width:100%; } #mainContent .faqaccordion-boiler p, #MainContentNoLeftNav .faqaccordion-boiler p, #MainContentNoLeftNav .faqaccordion-boiler-wide p { background:none; } /*---------------------------------------------------------------------------------- */ /*---------------------- CR11695 Travel Insurance (Drakefield) landing pages --------------------- */ #MainContentNoLeftNav .TravelInsh1 { width:auto; float:left; clear:both; } #MainContentNoLeftNav .TravelInsPhone { width:auto; float:right; font-size:1.5em; font-family:arial; font-weight:bold; background:url(/images/common/icons_accents/icon-mobilephone.gif) no-repeat; padding-left:20px; padding-bottom:2px } @media projection, screen {#TravelInsTabs .ui-tabs-hide {display: none;}} /* Use class for showing/hiding tab content, so that visibility can be controlled in different media... */ @media print {#TravelInsTabs .ui-tabs-nav {display: none;}} /* Hide useless elements in print layouts... */ #TravelInsTabs {margin: 10px 0 10px 0; padding: 0; z-index:3000; } #TravelInsTabs .ui-tabs-nav {list-style: none; margin: 0; padding: 0; } #TravelInsTabs .ui-tabs-nav:after {display: block; padding: 0; margin: 0; clear: both; content: " ";} #TravelInsTabs .ui-tabs-nav li {float: left; margin:0 3px -1px 0; padding: 0; font: bold 15px arial,verdana,helvetica; background:url(/images/insurance/tab-right-748.gif) no-repeat right -70px; z-index:1000;} #TravelInsTabs .ui-tabs-nav li.ui-tabs-selected { background:url(/images/insurance/tab-right-748.gif) no-repeat right top; margin-bottom:-1px; } #TravelInsTabs .ui-tabs-nav a {display: block; background:url(/images/insurance/tab-left-748.gif) no-repeat left -70px; text-decoration: none; font-weight:normal; color:#666666; padding:5px 15px; outline:none; } #TravelInsTabs li.ui-tabs-selected a { font-weight:bold; color:#000000; background:url(/images/insurance/tab-left-748.gif) no-repeat left top; } #TravelInsTabs .ui-tabs-nav a:hover {text-decoration: underline} #TravelInsTabs .ui-tabs-selected a:hover {text-decoration: none} #TravelInsTabs .ui-tabs-nav .ui-tabs-selected a:link, #TravelInsTabs .ui-tabs-nav .ui-tabs-selected a:visited, #TravelInsTabs .ui-tabs-nav .ui-tabs-disabled a:link, #TravelInsTabs .ui-tabs-nav .ui-tabs-disabled a:visited, #TravelInsTabs .ui-tabs-nav a:hover, #TravelInsTabs .ui-tabs-nav a:focus, #TravelInsTabs .ui-tabs-nav a:active, #TravelInsTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #travelTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #travelTabs .ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;} /* @ Opera */ #TravelInsTabs .tabmiddle { ; width:726px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; padding:0 10px; z-index:-1; background:url(/images/insurance/ti-stamps-16pc.gif) no-repeat #f1f2f1 550px 0; } #TravelInsTabs #annual-cover .tabmiddle { background:url(/images/insurance/ti-stamps-annual-3746-16pc.gif) no-repeat #f1f2f1 550px 0; } #TravelInsTabs #single-cover .tabmiddle { background:url(/images/insurance/ti-stamps-single-696-16pc.gif) no-repeat #f1f2f1 550px 0; } #TravelInsTabs .tab-container .tabend {background:url(/images/insurance/tab-end-748.gif) no-repeat; height:10px; width:748px;} #TravelInsTabs .tab-container .tabtop {background:url(/images/insurance/tab-top-748.gif) no-repeat; height:5px; width:748px; z-index:-1; } * html #TravelInsTabs .tab-container .tabtop { line-height:0px; padding:0; margin:0; overflow:hidden; } * html #TravelInsTabs .tabmiddle p{ margin-top:0; padding-top:0; } * html #TravelInsTabs .tabmiddle { width:748px; } #TravelInsTabs .tabmiddle p.last { margin-bottom:0; } .dsibanner { margin-bottom:10px; } #TravelInsTabs #fragment-3 .tuitionul { float:left; display:block; clear:both; width:60%; } #TravelInsTabs p.dsicar {text-align:right; display:block; float:right; } #TravelInsTabs #fragment-3 p.last { clear:both; } #TravelInsTabs #annual-cover, #TravelInsTabs #single-cover, #TravelInsTabs #winter-sports-cover, #TravelInsTabs #wedding-cover, #TravelInsTabs #golf-cover { border:none; position: static; } #TravelInsTabs .tab-container .tabmiddle { display:block; float:left } #TravelInsTabs .tab-container .tabend { display:block; float:left } #TravelInsTabs .tab-container .tabmiddle ul { margin: 20px 0 0 0; width: 32%; } #TravelInsTabs .tab-container .tabmiddle ul li { padding-bottom:4px; } #TravelInsTabs .tab-container .tabmiddle p { clear:both; } .ti-banner { background:url(/images/insurance/ti-banner-02.jpg) no-repeat; width:748px; height:145px; display:block; position:relative; clear:both; } .ti-banner a { display:block; position:absolute; top:100px; left:15px } #TravelInsTicker { margin-bottom:0.6em; background:url(/images/insurance/travel-ins-ticker-bg.gif) no-repeat; padding:6px 3px 6px 3px; width:742px; } * html #TravelInsTicker { width:748px; } #TravelInsTicker h3 { color: #444444; float: left; font-size: 2.3em; font-weight: bold; } #TravelInsTicker h3.dagger { margin-top:-4px; margin-top:-2px\9; } #TravelInsTicker h3 span { font-size: 0.9em; } #TravelInsTicker #tickerItems { clear:none; padding:0 0 0 0.3em; list-style-type:none; float:left; width:650px;} #TravelInsTicker #tickerItems div {display:none; width:auto; padding:0 3em 0 0; color:#000; font-size:0.69em; margin:0;} #TravelInsTicker #tickerItems div.firstTI {display:block; } #TravelInsTicker #tickerItems .button { float:right; margin-top:2px; } #TravelInsTicker a {color:#000;} #TravelInsTicker a:visited {color:#333;} #TravelInsTicker a:hover {color:#000;text-decoration:underline;} #TravelInsTicker a.tickerItemController { visibility:hidden; width:auto;} #TravelInsTicker a.tickerItemController.left { float:left; display:block; padding:5px; } #TravelInsTicker a.tickerItemController.pause { float:left; display:block; padding:6px; font-size:0.69em; } #TravelInsTicker a.tickerItemController.right { float:right; display:block; clear:none; padding:5px;} #TravelInsTicker h2 {font-size:0.69em; width:auto; float:left; margin:0; padding:0 0 0 0.6em; color:#000;} .TImemberBenefits { float:left; display:block; width:369px; margin:15px 10px 10px 0;} .TImemberBenefits ul, .TItraveCard ul { clear: none; display: block; float: left; width: 240px; margin-top:4px; } .TImemberBenefits ul li, .TItraveCard ul li { padding-bottom:8px; } .TImemberBenefits a, .TItraveCard a { display:block; float:right; } .TImemberBenefits .card, .TItraveCard .card { display: block; float: left; margin-right: 25px; width: 104px; } .TItraveCard{ float:left; display:block; width:369px; margin:15px 0 10px 0; } .tiCovers { clear:both; float:left; width:100%; } .tiCovers .dashedOverlineGrey { line-height:0.5em; } .tiCovers h2 { clear:both; margin-bottom:10px; } .tiCovers .worldwide, .tiCovers .european, .tiCovers .australia { width:242px; border:1px solid #e5e5e5; float:left; margin-right:9px; display:block; } .tiCovers .australia.end { margin-right:0 } .tiCovers .australia { background:url(/images/insurance/ti-covers-australia-bg.jpg) no-repeat #f3f3f3; } .tiCovers .worldwide { background:url(/images/insurance/ti-covers-world-bg.jpg) no-repeat #f3f3f3; } .tiCovers .european { background:url(/images/insurance/ti-covers-europe-bg.jpg) no-repeat #f3f3f3; } .tiCovers h3 a { font-size: 0.9em; margin:77px 0 0 10px; display:block; } .tiCovers a { display: block; font-size: 0.8em; margin:5px 0 10px 10px; color:#000; } .tibanner { float: left; height: 90px; margin-bottom: 5px; padding: 30px 0 0; width: 595px; } .tibanner a { color: #000000; text-decoration:none;} .tibanner .tibannerLink { background: url(/images/drivingschool/banner-button.gif) no-repeat right bottom #FFCC00; color: #000000; display: block; font-family: Arial; font-size: 0.8em; font-weight: bold; line-height: 1.2em; padding: 10px 30px 20px 10px; text-decoration: none; width: 40%; } .tibanner a span.tibannerlinkLarge { display: block; float: right; font-size: 1.5em; padding: 10px; width: auto; cursor:pointer; } * html .tibanner { height:120px; display:block; } #mainContent ul#tickedHalfWidthti { width: 40%; } .travel-news-teasers {width:500px; margin:0 10px 0 0; padding:0; float:left;} .fco-travel-widget {width:230px; margin:0 0 15px 10px;; padding:0; float:left; text-align:right; overflow:hidden;} /*Annual Cover*/ .tibanner.annualINS { background: url(/images/insurance/annual-travel-insurance-banner.jpg ) no-repeat; } /*Single Trip*/ .tibanner.SingleTripINS { background: url(/images/insurance/single-trip-travel-insurance-banner.jpg ) no-repeat; } /*Wedding Insurance*/ .tibanner.weddingINS { background: url(/images/insurance/wedding-travel-insurance-banner.jpg ) no-repeat; } /*Winter Sports*/ .tibanner.wintersportsINS { background: url(/images/insurance/winter-sports-travel-insurance-banner.jpg ) no-repeat; } /*Golf Travel Insurance*/ .tibanner.golfINS { background: url(/images/insurance/golf-travel-insurance-banner.jpg ) no-repeat; } /*------------------------------------------------------------------------------------------------ */ /* Emergency Travel Information Include File ----------------------------------------------------- */ .emergencyTravelNews h2 {color:#cc0000; font:bold 15px arial,verdana,helvetica;} /*------------------------------------------------------------------------------------------------ */ /* 50 Plus Life Insurance -------------------------------------------------------------------------*/ .fiftyPlusLeft {float:left; width:370px; margin-right:10px;} .fiftyPlusRight {width:207px; float:left;} * html .fiftyPlusRight {width:217px; float:left;} /*.fiftyPlusRight .FeatureBox {padding-bottom:10px; .padding-bottom:0px;}*/ .fiftyPlusRight .FeatureBox .FeatureBoxTitle {margin-left:0; margin-right:0;} .fiftyPlusRight .featureBoxBlue {width:217px; border-color:#7fb2e5; margin-top:10px;} * html .fiftyPlusRight .featureBoxBlue {width:217px;} .fiftyPlusRight .featureBoxBlue .FeatureBoxTitle {background-color:#cce0f5; margin-left:0; margin-right:0;} /* ----------------------------------------------------------------------------------------------- */ /* Life Insurance homepage ------------------------------------------------------------------------*/ .greytablesmall {height:auto;} /* ----------------------------------------------------------------------------------------------- */ /* ------------------------------------------CR12061 HER Price Comparison--------------------------*/ /*Table White*/ .herCompTableDiv { clear:both; margin-top:10px; display:block; float:left; } .herCompTableDiv h3 strong { width:595px; clear:both; float:left; } .herTableCompareWhite { margin-bottom:10px; margin-top:10px; display:block; float:left; } .herTableCompareWhite tr th { background-color:#FFF2C0; } .herTableCompareWhite tr th.monthly { border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } .herTableCompareWhite tr th.monthly p { font-size:1em; margin-bottom:0; } .herTableCompareWhite tr th.herCompareLogo { border:1px solid #CCCCCC; } .herTableCompareWhite tr th.herCompareLogo p { font-size:1em; margin-top:10px; } .herTableCompareWhite tr td.herCompareAA, .herTableCompareWhite tr td.herCompareBG { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } .herTableCompareWhite tr td.herCompareAA p, .herTableCompareWhite tr td.herCompareBG p { font-size:1em; margin-bottom:0; } /*Table Yellow */ .herTableCompare { margin-bottom:10px; } .herTableCompare tr th { background-color:#FFF2C0; } .herTableCompare tr th.monthly { border-bottom:1px solid #ffcc00; border-top:1px solid #ffcc00; border-right:1px solid #ffcc00; } .herTableCompare tr th.monthly p { font-size:1em; margin-bottom:0; } .herTableCompare tr th.herCompareLogo { border:1px solid #ffcc00; } .herTableCompare tr th.herCompareLogo p { font-size:1em; margin-top:10px; } .herTableCompare tr td.herCompareAA, .herTableCompare tr td.herCompareBG { border-bottom:1px solid #ffcc00; border-right:1px solid #ffcc00; } .herTableCompare tr td.herCompareAA p, .herTableCompare tr td.herCompareBG p { font-size:1em; margin-bottom:0; } /* ------------------------------------------------------------------------------------------------*/ /*CR12194 - INS Motor update natural landing page*/ .car-ins-landing-promo {float:left; width:596px; background: url("/images/insurance/car-insurance/car-insurance-taxdisc-banner.jpg") 0 0 no-repeat #e8e8ec} .car-ins-landing-promo h2 {display:inline; padding:10px 20px; margin-bottom:4px; font-size:1.4em; line-height:1.4em; float:left; width:280px} .car-ins-landing-promo h2 a {text-decoration:none; color:#FFF} #mainContent .car-ins-ticked {background:none} #mainContent .car-ins-ticked ul li {padding-bottom:14px} .carins-landing-containerbox {background:#e5e5e5; float:left; width:293px; min-height:200px} .carins-landing-containerbox h2 {margin:5px 0 10px 0} .accordion-answer {background-color:#eee; padding:5px 10px;} * html .accordion-answer {width:273px;} /*ie6*/ * html .carins-landing-containerbox {height:200px} /*move to main*/ .useful-links {display:inline; text-align:left; float:left;} .useful-links ul {padding:0 !important} .useful-links ul li {text-align:left; list-style:none; line-height:1.4em; padding:0 0 4px 10px !important; background:url(/images/common/black-chevron.gif) no-repeat scroll 0 0;} .useful-links ul li a {text-decoration:none; color:#000} .useful-links ul li a:hover {text-decoration:underline} .useful-links h2 {margin:0 0 3px 0} .useful-links h2 {margin-top:4px; font-size:0.9em} .useful-link {padding:0 0 0 10px; background:url(/images/common/black-chevron.gif) no-repeat scroll 0 0} /* ------------------------------------------CR12498 INS future dated HER--------------------------*/ .herstep2 input.date { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("/images/motor-insurance/date-picker.png") no-repeat scroll right top #FFFFFF; border-color: #828282 #A4A4A4 #DADADA; border-left: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; border-style: solid; border-width: 1px; } .herstep2 #ui-datepicker-div, .herstep2 .ui-datepicker-inline { font-family: Arial,Helvetica,sans-serif!important; font-size: 12px!important; margin: 0!important; width: 226px !important; } .herstep2 .ui-widget-content { background: none repeat scroll 0 0 #FFFFFF!important; border: 0.5em solid #888888 !important; } .herstep2 .ui-datepicker { padding: 0.5em !important; } .herstep2 .ui-datepicker-header { background: none repeat scroll 0 0 transparent!important; border: 0px!important; clear: none!important; text-align: center !important; width:232px!important; } .herstep2 .ui-datepicker-header select { background: none repeat scroll 0 0 transparent!important; color: #444444!important; font: 12px Arial,sans-serif!important; border: 0px important; font-weight: normal!important; } .herstep2 .ui-datepicker-month, .herstep2 .ui-datepicker-year { margin-right: 3px !important; padding: 3px !important; width: 100px !important; * html float:left!important; } .herstep2 table.ui-datepicker-calendar { border-collapse: collapse; margin: 0; padding: 0; } .herstep2 table.ui-datepicker-calendar th, .herstep2 table.ui-datepicker-calendar tr, .herstep2 table.ui-datepicker-calendar td { margin: 0; padding: 0; } .herstep2 #her-summary-table td, .herstep2 th { background-color: #FFFFFF!important; text-align: center!important; vertical-align: top!important; } .herstep2 th span { background: none repeat scroll 0 0 #0F4F84; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; float: left; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 1px; margin-left: 1px; text-align: center; text-decoration: none; width: 31px; } .herstep2 span.ui-state-default, .herstep2 a.ui-state-default { border-radius: 3px 3px 3px 3px; display: block; float: left; font-size: 11px; height: 20px; line-height: 20px; margin-bottom: 1px; margin-left: 1px; text-align: center; text-decoration: none; width: 31px; } .herstep2 span.ui-state-default { background: none repeat scroll 0 0 #EEEEEE; color: #AAAAAA; } .herstep2 .ui-datepicker-current-day { background: none repeat scroll 0 0 #FFF!important; } .herstep2 .ui-datepicker-today { background: none repeat scroll 0 0 #FFFFFF!important; color: #FFFFFF !important; } .herstep2 .ui-datepicker-days-cell-over, .herstep2 .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { border: 0 solid #777777!important; } .herstep2 a.ui-state-active { background: none repeat scroll 0 0 #0448F0!important; } .herstep2 a.ui-state-default:hover { background: none repeat scroll 0 0 #DDDDDD!important; } .herstep2 a.ui-priority-secondary { color: #888!important!important; } .herstep2 a:hover.ui-state-default { background: #ddd!important!important; } .herstep2 .ui-datepicker-prev, .herstep2 .ui-datepicker-next { display: none!important; } /* Smooth error transitions */ label span {display: block;} span.will-you, span.will-own, span.will-be, span.will, span.will-the-car, span.will-the-car-be-kept, span.husband-or-wife {display: inline;} /* End smooth error transitions */ /* IE6 fixes */ * html fieldset {width: 686px;} * html div.question-radios {width: 650px;} * html input.image {vertical-align: top;} * html select.under-overlay {visibility: hidden;} * html ul.playback li, * html ul.playback li.playback-hover {background: transparent url(/images/motor-insurance/tick.gif) 1.5em 0.7em no-repeat;} /* this IE6 fix prevents the browser from fetching background images every time they're displayed */ * html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* this IE6 fix is specifically for the datepicker, see http://old.nabble.com/Date-Picker-in-IE6-has-%22false%22-box-td18506634s27240.html */ .herstep2 .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 193px; /*must have to match width and borders*/ height: 200px; /*must have to match maximum height*/ } /*CR11920 - HEC to HER*/ .HERupgrade-quotes {float:left; width:500px} .HERupgrade-quotes p {margin-bottom:0} .HERupgrade-quotes .columncontainer {width:490px; margin-bottom:10px} .HERupgrade-quotes .columncontainer h2 {font-size:0.9em} .HERupgrade-quotes .leftcol {width:186px; padding:4px} .HERupgrade-quotes .midcol {width:106px; padding:4px; line-height:1.2em} .HERupgrade-quotes .rightcol {width:174px; padding:2px; margin-left:4px; color:#666} .HERupgrade-quotes .finalprice {font-size:2.2em; font-family:Arial, Helvetica; font-weight:bold} #HERupgrade-table {margin:10px 0 40px 0; clear:left} #HERupgrade-table td {text-align:center; padding:5px 0 0 0} #HERupgrade-table th {text-align:center; font-size:0.9em; font-family:Arial, Helvetica; line-height:1.3em; padding-top:5px} #HERupgrade-table .accordion {text-align:left} #HERupgrade-table .accordion-answer {background-color:#fff} .HERupgrade-table-price {font-family:Arial, Helvetica!important; font-size:1.2em; font-weight:bold; float:none!important; padding: 10px 0} .col-HEC, .col-HER, .col-BS {border-left:1px solid #fff} .HER-row-upgrade, .HER-row-HECmessage {background-color:#fff7e5; padding-top:5px} .HER-row-upgrade {border-bottom:2px solid #FC0} .col-included {background-color:#eee; color:#666} .col-selected {background-color:#ffe192; color:#000} .underlineGrey.col-selected {border-bottom:1px solid #FFF} .col-HEC-button, .col-HER-button, .col-BS-button {font:1.2em Arial, Helvetica; background-color:#e5e5e5; color:#000; display:block; padding:7px 10px; /*text-decoration:underline;*/ height:1.4em} .col-HEC-button {color:#666;} .col-selected .col-HEC-button, .col-selected .col-HER-button, .col-selected .col-BS-button {background-color:#FC0; text-decoration:none; color:#000; font-weight:bold!important} .HER-check-cover-level {width:100%;clear:both} .col-HER-button span, .col-BS-button span {margin-top:-10px} /* Insurance Payment Card Details page */ #cvc-div { clear: both; position: relative; } #cvc-info { background: #fff; border: 1px solid #ccc; position: absolute; top: -73px; right: -181px; width: 150px; font-size: 11px; padding: 10px; } #cvc-info .cvc-image { margin: 10px 0 0; } #cvc-info .arrow { position: absolute; top: 73px; left: -10px; } /*CR14129 HER whats covered tabs*/ .ui-tabs-nav { margin: 0; padding: 0; } form ul.tabs li { border-bottom: 1px solid #CCCCCC; float: left; list-style: none outside none; margin: 0; padding: 0; position: relative; white-space: nowrap; width: 49.9%; background: url(/images/insurance/home-emergency-response/her-choose-tab.gif) 0 100% repeat-x #fff; font-family:Arial; } form ul.tabs li a { float: left; padding: 0.5em 1em; text-decoration: none; width: 100%; color: #404040; font-size: 1.5em; } form ul.tabs li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background: none #fff; font-weight: bold; border-bottom: 0px; } form ul.tabs li.righttab {border-left: 1px solid #CCCCCC;} form ul.tabs li.ui-tabs-selected.lefttab {border-left:none} ul.tabs li.ui-tabs-selected a, ul.tabs li.ui-state-disabled a, ul.tabs li.ui-state-processing a { cursor: text; color: #000; } ul.tabs li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs-hide { display: none !important; } /* JQuery could not reference the id with dashes, changed to underscores */ .her-option.herbc:hover, .her-option.hebbr:hover, .her-option.hebbs:hover, .her-option.herch:hover { cursor: default; } .her-option.herbc:hover, .her-option.hebbr:hover, .her-option.hebbs:hover, .her-option.herch:hover { cursor: default; } #moreinfoHER-1, #moreinfoBB-1, #moreinfoABS-1, #moreinfoCH-1, #moreinfoHER-2, #moreinfoBB-2, #moreinfoABS-2, #moreinfoCH-2 {clear:left; padding:10px; width:495px} .moreinfoIncluded {top:-18px; position:relative} .moreinfoImages img {margin:0 5px 0 0} #moreinfoHER ul.tabs, #moreinfoBB ul.tabs, #moreinfoABS ul.tabs, #moreinfoCH ul.tabs {padding-left:0px}