/* Stylesheet for RAC. Author: Aviva Web Ops Email: webops@aviva.co.uk !!CONFIRM!! Last Modified: 20-07-09 */ /*Table of Contents [01] Reset of Browser Styling [02] Basic Styles [03] Navigation Styles [04] Header Styles [05] Footer Styles [06] Content Styles [06a] Category Pages [06b] Landing page carosell Promo Styles [06c] Homepage Styles [06d] Product Styles [06e] Media Library [06g] Application Styles [06h] Press Centre [06j] Popup [06k] Community Styles [06m] Blog [06n] Search [07] Misc [08] SIFR [09] UI styling [10] General Styling [11] ClearFix [PRINT] Print styles */ /*[01] Reset of Browser Styling ------------------------------*/ *{ padding:0; margin:0; outline:none; } /*Might Cause Issues with Select Boxes*/ a:link,a:visited{text-decoration:none; color:#75675e;} a:hover{text-decoration:underline;} h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,img{margin:0;padding:0;} img,a img,:link img,:visited img,fieldset{border:none; border:0;} address { font-style:normal;} input {outline:none;} /* [02] Basic Styles ------------------------------*/ /*------ SETUP BRAND FONT @FONT-FACE ------*/ @font-face { font-family: 'CartoGothicStd'; src: url('/library/fonts/CartoGothicStd-Book-webfont.eot'); src: local('?'), url('/library/fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('/library/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('/library/fonts/CartoGothicStd-Book-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } html, body {height:100%;margin:0;padding:0;font-family:Helvetica, Arial, sans-serif;color:#75675e;font-size:91%;line-height:1.25em; letter-spacing:-0.01em;} body {background:url('/library/images/common/home-background.gif') #fff repeat-x;} h1,h2,h3,h4 {color:#75675E;line-height:1em;font-weight:normal;letter-spacing:-0.025em;} h1 {font-size:2.846em;} h2 {font-size:2.15em; margin-bottom:10px;} h3 {font-size:1.46em;color:#ff5e00; margin-bottom:10px;} h4 {font-size:1.25em; line-height:1em; font-weight:bold; margin-bottom:10px;} h5 {font-size:1.23em; color:#b1b1b1;font-weight:bold; margin-bottom:0.3em;letter-spacing:-0.025em;} h6 {font-size:1em; color:#ff5d00; font-weight:bold; margin-bottom:0.3em;} a:link {color:#ff5e00; text-decoration:underline;} /* unvisited link */ a:visited {color:#ff5e00; text-decoration:underline;} /* visited link */ a:hover { text-decoration:none;} /* mouse over link */ h2 a:link, h2 a:visited, h2 a:hover { color:#75675E; text-decoration:none; } a.linkMicrosite {background:url(/library/images/common/link-microsite.gif) 100% 20% no-repeat; padding-right:16px;margin-right:2px;} a.linkPdf, a.linkWord, a.linkPowerpoint, a.linkExcel {padding-right:16px;margin-right:2px;} a.linkPdf {background:url(/library/images/common/inline-pdf.gif) 100% 20% no-repeat;} a.linkWord {background:url(/library/images/common/inline-word.gif) 100% 20% no-repeat;} a.linkPowerpoint {background:url(/library/images/common/inline-ppt.gif) 100% 20% no-repeat;} a.linkExcel {background:url(/library/images/common/inline-xls.gif) 100% 20% no-repeat;} a.linkArrow {background:url(/library/images/common/right-arrow.gif) 100% 100% no-repeat; padding-right:16px; margin-right:2px;} a:link.linkArrow, a:visited.linkArrow {text-decoration:none;} h2.orange {color:#ff5d00;} h3.grey {color:#75675e;} h4.orange {color:#ff5d00;} h3.largeGrey {color:#75675e; font-size:2.15em;} .whiteBox {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background:#eeeeee;} h3 a:link, h3 a:visited, h3 a:hover {color:#FF5E00; text-decoration:none;} h3.grey a:link, h3.grey a:visited, h3.grey a:hover {color:#75675E; text-decoration:none;} h3.freeRecovery {font-size:1.7em;color:#ff5e00; margin-bottom:10px;} p {margin-bottom:1em;} .small {font-size:0.8em; letter-spacing: 0em;} .smallOrange {font-size:0.8em; color:#ff5d00; letter-spacing: 0em;} .large {font-size:1.5em;} p.dateCode {color: #aaa;font-size: 0.85em;line-height: 1.3em;padding-top: 12px;} hr {background-color:#eee; height:1px; border:0;} ol { padding-left:17px;} ol.lower-latin {list-style-type:lower-latin;} ol li {margin-bottom:10px; list-style-position: outside;} ul {font-size:1em; list-style-type:none;padding:0 0 1em 0;} ul li {background:url('/library/images/common/orange-bullet.gif') no-repeat 7px 7px; padding-left:20px; line-height:1.2em; padding-bottom:10px; margin-bottom:0;} ul li.pdf { background:url(/library/images/common/icn-pdf.gif) 0 4px no-repeat; padding-left: 20px; padding-top: 5px; } ul li.word { background:url(/library/images/common/icn-word.gif) 0 4px no-repeat; padding-left: 20px; padding-top: 5px; } ul li.powerpoint { background:url(/library/images/common/icn-ppt.gif) 0 4px no-repeat; padding-left: 20px; padding-top: 5px; } ul li.excel { background:url(/library/images/common/icn-xls.gif) 0 4px no-repeat; padding-left: 20px; padding-top: 5px; } ul li.rss { background:url(/library/images/common/icn-rss.gif) 0 3px no-repeat; padding-left: 20px; padding-top: 5px; } ul.plain li, div.breakdownMemberOptions ul li {background:none; padding-left:0px;} ul li.plain {background:none; padding-left:0px;} ul.plain2 li {background:none; padding:2px 0px;} ul li.plain2 {background: none; padding:0px;} ul.plain2 li a {color: #75675E; text-decoration: none;} ul.plain2 li a:visited {color: #75675E; text-decoration: none;} ul.plain2 li a:hover {color: #ff5e00; text-decoration: underline;} ul.greyBullet {} ul.greyBullet li {background:url('/library/images/common/grey-bullet.gif') no-repeat 0px 7px; padding-left:10px;} ul.twoColumnList {} ul.twoColumnList li { float:left; width:40%;} ul.threeColumnPlain {} ul.threeColumnPlain li { background:none; padding-left:0px; padding-right:10px; float:left; width:127px;} ul.tickList {} ul.tickList li {background:url('/library/images/common/bullet-tick.gif') no-repeat center right; padding:0 15px 0 0; margin-bottom:4px; font-weight:bold;} ul.tickList li.cross {background:url('/library/images/common/bullet-cross.gif') no-repeat center right; color:#a9a9a9;} ul.motoringNewsList li {background:none; padding-left:0px;} ul.motoringNewsList li a {background:url(/library/images/common/right-arrow.gif) 100% 100% no-repeat; padding-right:16px; margin-right:2px; color:#75675E !important;} ul.motoringNewsList li a {text-decoration: none;} ul.motoringNewsList li a:hover {text-decoration: underline;} dl.default dt { float:left; font-weight:bold;width:25%; margin-top:10px;} dl.default dd { float:left; width:70%; margin-left:5%; margin-top:10px;} dl.about dt, dl.carnet dt {font-weight:bold; margin-top:10px;} dl.about dd {margin-top:10px;} dl.carnet dd {margin-top:5px;} sup { color:#ff5d00; line-height:1em; letter-spacing:0.1em; vertical-align:top;} sup.dagger { color:#ff5d00; line-height:1em; letter-spacing:0.1em; vertical-align:top; font-size:0.5em} sup.daggerOrangeBack { color:#ffffff; line-height:1em; letter-spacing:0.1em; vertical-align:top; font-size:0.5em} .hide{display:none;} .visuallyHidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } body:hover .visuallyHidden a, body:hover .visuallyHidden input, body:hover .visuallyHidden button { display: none !important; } blockquote { padding: 10px; margin: 5px 0 5px 0; font-style:oblique; background-color:#f8f6f7; -moz-border-radius: 10px; border-radius: 10px; } @media screen{ table {border:0px;margin:10px 0; background:#fff;} table tr th{padding:3px 5px;background:#eae8e7; text-align:left; vertical-align:bottom;} table tr td {padding:3px 5px;background:#f8f7f7;} table tr.topRow td, table tr.topRow th { padding-top: 8px; } table tr.bottomRow td, table tr.bottomRow th { padding-bottom: 8px; } table tr td.first, table tr th.first { padding-left: 8px; } table tr td.last, table tr th.last { padding-right: 8px; } table tr td.blank, table tr th.blank {background:#fff;} table tr td.bottomRight {background:#f8f7f7 url('/library/images/common/table/table-right-bottom-light.gif') no-repeat bottom right;} table tr td.bottomLeft {background:#f8f7f7 url('/library/images/common/table/table-left-bottom-light.gif') no-repeat bottom left;} table tr td.topRight {background:#f8f7f7 url('/library/images/common/table/table-right-top-light.gif') no-repeat top right;} table tr td.topLeft {background:#f8f7f7 url('/library/images/common/table/table-left-top-light.gif') no-repeat top left;} table tr.dark td {background:#eae8e7;} table tr th.bottomRight, table tr.dark td.bottomRight, table tr.bottomFullRowDark td.bottomRight {background:#eae8e7 url('/library/images/common/table/table-right-bottom-dark.gif') no-repeat bottom right;} table tr th.bottomLeft, table tr.dark td.bottomLeft {background:#eae8e7 url('/library/images/common/table/table-left-bottom-dark.gif') no-repeat bottom left;} table tr th.topRight, table tr.dark td.topRight {background:#eae8e7 url('/library/images/common/table/table-right-top-dark.gif') no-repeat top right;} table tr th.topLeft, table tr.dark td.topLeft {background:#eae8e7 url('/library/images/common/table/table-left-top-dark.gif') no-repeat top left;} table tr.bottomFullRow td {padding:0px;} table tr.bottomFullRow td div.bottomLeft {background: transparent url('/library/images/common/table/table-left-bottom-light.gif') no-repeat bottom left; padding:3px 8px 8px 8px;} table tr.bottomFullRow th, table tr.bottomFullRowDark td {padding:0px;} table tr.bottomFullRow th div.bottomLeft, table tr.bottomFullRowDark td div.bottomLeft {background:transparent url('/library/images/common/table/table-left-bottom-dark.gif') no-repeat bottom left; padding:3px 8px 8px 8px;} /* extra dark table header */ table thead.extraDark tr td, table thead.extraDark tr th { background: #75675E; color: #ffffff; } table thead.extraDark tr td.topRight, table thead.extraDark tr th.topRight { background: #75675E url('/library/images/common/table/table-right-top-extra-dark.gif') no-repeat top right; } table thead.extraDark tr td.topLeft, table thead.extraDark tr th.topLeft { background: #75675E url('/library/images/common/table/table-left-top-extra-dark.gif') no-repeat top left; } /* Table Highlight */ .highlightTable td.highlight, .highlightTable tbody th.highlight{background:#eae8E7;} .highlightTable tr.alt td.highlight, .highlightTable tbody tr.alt th.highlight{background:#eae8E7;} .highlightTable th.highlightable { cursor:pointer; } .highlightTable th.highlightable p strong a {font-size:0.7em;} table#racRescue img.crossTopPad {padding-top:4px;} table#warranty th.center, td.center {text-align:center;} /* [03] Navigation Styles ------------------------------*/ /* Header Navigation Styling. */ #headerMenu {padding-left:16px; float:left; z-index:5000000; position:relative;} #headerNav {padding:0px;} #headerNav li.topLevel {height:55px; float:left; outline:none; list-style-type:none; padding-left: 0px; background:url('/library/images/common/menu-tiles.gif') #f7f7f7 no-repeat; position:relative;} #headerNav li {padding-bottom:0;} #headerNav li a {outline:none;} #headerNav li.breakdown{width:110px; background-position:0 0;} #headerNav li.insurance{width:103px; background-position:-110px 0;} #headerNav li.planner{width:106px; background-position:-213px 0;} #headerNav li.productsServices{width:144px; background-position:-319px 0;} #headerNav li.advice{width:133px; background-position:-464px 0;} #headerNav li.myRac{width:88px; background-position:-596px 0;} #headerNav li.search{width:140px; background-position:-684px 0;} #headerNav li.breakdown:hover,.breakdownSelected #headerNav li.breakdown{background-position:-0 -55px;} #headerNav li.insurance:hover,.insuranceSelected #headerNav li.insurance{background-position:-110px -55px;} #headerNav li.planner:hover,.plannerSelected #headerNav li.planner{background-position:-213px -55px;} #headerNav li.productsServices:hover,.productsServicesSelected #headerNav li.productsServices{background-position:-319px -55px;} #headerNav li.advice:hover,.adviceSelected #headerNav li.advice{background-position:-464px -55px;} #headerNav li.myRac:hover,.myRacSelected #headerNav li.myRac{background-position:-596px -55px;} #headerNav li.search:hover,.searchSelected #headerNav li.search{background-position:-684px 0;} #headerNav li a {display:block; height:55px;} #headerNav li div.subNavigation ul {padding:0px;} #headerNav li div.subNavigation li{ background:none; height:auto; float:left;} #headerNav li div.subNavigation a{ height:auto; display:inline;} #headerNav li div.subNavigation a.bigBut {display:block;} #headerNav li div.subNavigation li a{ display:block;} div.subNavigation{width:654px; background:#fff; position:absolute; padding:14px; border-bottom:solid 5px #f15d21; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; background:#fdfdfd; } /* all subnavs*/ div.subNavigation {color:#666666; font-family:Arial, Helvetica, sans-serif;} div.subNavigation ul li {background:none; float:none; height:auto; padding-bottom:5px; } div.subNavigation .subnavPromo { width:240px; float:left;} div.subNavigation .subnavPromo .subnavTitle {font-weight:bold;} div.subNavigation .subnavPromo .subnavDescription {width:230px; padding:8px 0px;} div.subNavigation .subnavLinks { float:left; width: 360px; padding-top:25px;} div.subNavigation .subnavLinks ul li {float:left; width:170px; padding:0;} div.subNavigation .subnavLinks a { padding-bottom:15px; background:url('/library/images/common/subnav-links-icon.gif') no-repeat 0px 2px; padding-left:7px; display:block; height:auto; color:#ff5d00; font-weight:bold;} #headerNav li div.subNavigation {top:-30000em;} #headerNav li:hover div.subNavigation, #headerNav li:hover div.searchDropDown{top:55px;} #headerNav li div.searchDropDown {top:-30000em;} #headerNav li.breakdown div.subNavigation{left: 0px;} #headerNav li.insurance div.subNavigation{left: -110px;} #headerNav li.planner div.subNavigation{left: -213px;} #headerNav li.productsServices div.subNavigation{left: -319px;} #headerNav li.advice div.subNavigation{left: -463px;} #headerNav li.myRac div.subNavigation{left: -596px;} #headerNav li.search div.searchDropDown{left:-130px; width:210px; height:244px; background:url('/library/images/common/search-background.gif') no-repeat; position:absolute; color:#555;} #headerNav li.search div.searchDropDown fieldset {padding:20px 0px 14px 18px; } .searchDropDown form label { width:auto; } #headerNav li div.searchDropDown a {height:auto; line-height:1.25em;} #searchTile fieldset{padding-top:8px;} #headerNav li.search label {width:128px;} #headerNav li.search .intergratedSearch {background:url('/library/images/forms/header-search-box.gif') transparent no-repeat 0 0; padding-right:3px; margin-left:2px; float:left; } #headerNav li.search form input.searchInput {background:none; width:100px; height:17px; padding:4px 5px; float:left; } #headerNav li.search div.intergratedSearchBut { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; margin-top:1px; padding:0; position:relative; text-align:left; display:block; } div.intergratedSearchBut input.formButText { background:none; border:0; color:#fff; cursor:pointer; font-size:0.83em; font-weight:bold; left:0; position:absolute; top:0; z-index:50; margin:0; padding:0.15em 0.2em 0.2em 0.2em; display:block; font-family:Helvetica, Arial, sans-serif; text-align:left; } /* other navigation */ .leftNavContainer {margin-left:3px; background: url('/library/images/common/sub-menu-bottom.gif') left bottom no-repeat; padding:10px 25px 30px 15px; line-height:1.5em; list-style-type:none;} .leftNavContainer li.homepage {padding-bottom:8px;} .leftNavContainer ul.leftNav {background: none; list-style-type:none; padding:0;} .leftNavContainer ul.leftNav a {background: none; color:#75675e; text-decoration:none;} .leftNavContainer ul.leftNav li {background: none; list-style-type:none; padding-left:15px; line-height:1.5em; padding-bottom:0;} html .leftNavContainer ul.leftNav li a:hover {background: none; color:#ff5d00; text-decoration:underline;} .leftNavContainer ul.leftNav li a:link, .leftNavContainer ul.leftNav li a:visited {color:#75675e;text-decoration:none;} .leftNavContainer ul.leftNav li a.orange:link, .leftNavContainer ul.leftNav li a.orange:visited {color:#ff5d00;} .leftNavContainer .editOrange {background:transparent url(/library/images/btn/edit.gif) no-repeat center left; padding-left:20px;} .leftNavContainer a.editOrange {text-decoration:none;color:#75675e;} /* [04] Header Styles ------------------------------*/ #headerArea {background:url('/library/images/common/header-background.gif') transparent no-repeat top left; width:966px;} #headerArea #logo, #headerArea #logoBreakdown, #headerArea #logoInsurance {background:url('/library/images/common/rac-logo.gif') no-repeat 19px 21px; width:100px; height:50px; float:left; padding:21px 0px 39px 19px;} #headerArea #logoBreakdown {background:url('/library/images/common/rac-breakdown-logo.gif') no-repeat 19px 21px;} #headerArea #logoInsurance {background:url('/library/images/common/rac-insurance-logo.gif') no-repeat 19px 21px;} #headerArea #logo a, #headerArea #logoBreakdown a, #headerArea #logoInsurance a{width:101px; height:51px; display:block;} /*Login Styles*/ #contactLogin {float:right; font-weight:bold; font-size:0.9em; padding:10px 20px 0px 0px;} #contactLogin #contactNumbersLeft p {margin-bottom:0.3em; color:#75675E; float:right;} #contactLogin #loginRight p {margin-bottom:0.1em; color:#949494;} #contactLogin p span.contactNumbers{color:#75675E;} #contactLogin #contactNumbersLeft {float:right; width:270px; padding-right:10px;} #contactLogin #loginRight {float:right; border-left:1px solid #949494; padding-left:10px; font-size:0.9em;} #contactLogin #loginRight{padding-top:4px;} .headerArea {background: transparent url('/library/images/common/home-background-top-bot-fade.gif') repeat-x bottom left;} #headerPromo {height:229px;} #headerPromoTitle{padding:28px 0 0 28px;} #headerPromoTitle h1{font-size:2.846em; color:#75675e; font-weight:normal;} #headerCategory #headerPromoTitle h1.insuranceTitle { width: 320px; } #headerPromoTitle h2{line-height:1em; margin-top:-4px; font-size:1.76em; width:2.25em; color:#ff5e00; padding-bottom: 0px; padding-left:28px; float:left;} #headerPromoTitle h2.insuranceTitle{padding-left:8px;padding-right:8px;} #headerPromoTitle h2#homePromoPrice {line-height:1em; margin-top:-4px; font-size:3.38em; width:2.6em; color:#ff5e00; padding-bottom: 0px; float:left; padding-top:2px; padding-left:0px; font-weight:bold;} #headerPromoTitle h2#homePromoPrice sup {font-size:0.6em; } #titleBreakdownOffersH1 {width: 450px; color: #FF5E00; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 3.1em; padding-top: 10px; font-weight: normal; letter-spacing: -0.025em; line-height: 1em; margin:0; outline: medium none; } #titleBreakdownOffersH2 {width: 420px; color: #75675E; float: none; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 2.17em; margin-top: 6px; padding-left: 37px; line-height: 1em; padding-bottom: 0; letter-spacing: 0; margin-bottom: 10px; font-weight: normal; outline: medium none;} #titleBreakdownOffersH2 sup {color:#75675E;} #homepage #headerPromoTitle{padding:10px 0 0 20px;} #homepage #headerPromoTitle h1 {color:#75675E; font-weight:normal; font-size:2.5em; padding-top:18px; padding-right: 22px;} #homepage #headerPromoTitle h1 span { font-size: 1.8em; font-weight: bold; line-height: 0.2em; } #homepage #headerPromoTitle h2 {color:#FF5E00; font-size:1.35em; font-weight: normal; width: 350px; padding-left: 20px; padding-top:10px; line-height: 1.2em;} #homepage .headerPromoCta { clear:left; padding-left: 20px; } #category #headerPromoTitle{padding:10px 0 0 20px; width:600px; float:left;} #category #headerPromoTitle h1 {color:#75675E; font-weight:normal; font-size:2.5em; padding-top:18px; padding-right: 22px;} #category #headerPromoTitle h1 span { font-size: 1.8em; font-weight: bold; line-height: 0.2em; } #category #headerPromoTitle h2 {color:#FF5E00; font-size:1.35em; font-weight: normal; width: 350px; padding-left: 20px; padding-top:10px; line-height: 1.2em;} #category .headerPromoCta { clear:left; padding-left: 20px; } #category .headerProofPointsNarrow{float:left; width:210px; padding:35px 10px 0px 0px;} #category .headerProofPointsNarrow ul li{padding-bottom:18px;} /* [05] Footer Styles ------------------------------*/ #footer {color:#fdfdfd; margin-top:-60px; } #footerTop {background:url('/library/images/common/footer-top-background.gif') no-repeat top center; width:966px; padding:0px 12px; height:18px; margin:auto; } #footerBackground {background:url('/library/images/common/footer-background.gif') #f15d21 repeat-x; height:42px; width:100%;} #footerContentContainer {margin:0 auto; width:990px; background:url('/library/images/common/footer-background.gif') #f15d21 repeat-x;} #footerContent {background:#ffffff url('/library/images/common/footer-fade.gif') repeat-x top left; width:966px; height:42px; margin:0px 12px; color:#76685f;} #footerContent ul{float:right; width:835px; padding:15px 15px 0 0; font-size:0.75em; letter-spacing:0em; font-family:helvetica;} #footerContent li{float:left; padding-left:4px; padding-right:3px; background:url('/library/images/common/footer-separator.gif') no-repeat left center; padding-bottom:0px;} #footerContent li.first{background:none; padding-left:0;} #footerContent a {color:#75675e;} #getInvolved {background:url('/library/images/common/up-arrow.gif') transparent 95% 95% no-repeat; float:left; width:79px; padding:14px 10px 0 10px; font-family:helvetica; font-weight:bold; font-size:0.85em; cursor: pointer; } #getInvolved.open {background:url('/library/images/common/down-arrow.gif') transparent 95% 95% no-repeat;} #socialMediaLinks {width:956px; margin:auto; background:url('/library/images/common/social-media-bg.gif') repeat-y; color:#000; padding-left:10px;} #socialMediaLinks ul li{float:left; padding: 0px 15px 0px 22px; } #socialMediaLinks ul li a{font-size:0.8em; font-family:helvetica; color:#75675e;} .socialIcons {background:url('/library/images/common/social-icons.gif') no-repeat;} #emailIcon {background-position:0px 0px;} #rssIcon {background-position: 0px -20px;} #videoIcon{background-position: 0px -40px;} #youtubeIcon{background-position: 0px -40px;} #podcastIcon{background-position: 0px -60px;} #facebookIcon{background-position: 0px -80px;} #forumsIcon{background-position: 0px -100px;} #blogIcon{background-position: 0px -100px;} #twitterIcon{background-position: 0px -120px;} #affiliatesIcon{background-position: 0px -100px;} /* [06] Content Styles ------------------------------*/ .mainContentAreaOuter {height: auto !important; height: 100%; min-height:100%; } .mainContentAreaInner {padding-bottom:60px;} .mainContentAreaFade {background:transparent url('/library/images/common/home-background-bot-fade.gif') repeat-x top left;} .mainContentArea {background:transparent url('/library/images/common/content-background.gif') no-repeat top center; margin-top:18px; width:960px;} .mainContentAreaFade .mainContentArea {margin-top:0px;} .contentArea {width:966px; margin-left:auto; margin-right:auto; padding:0px 12px;} .contentAreaCopy {width:990px; margin-left:auto; margin-right:auto;} .smallImagePageHeader {position:relative;} .smallImagePageHeader .productHeadlineImage {left:285px;top:-45px;} .smallImagePageHeader p {width:250px;} .smallImagePageHeader h2 {margin-left:26px;} /* columns 120px-abs*/ #leftHalf{float:left; padding-right:0; width:480px; margin-left:4px; padding-top:14px;} #rightHalf{float:right; padding-left:0; width:483px; margin-right:4px; padding-top:14px;} .oneColumn {width:120px; padding:0; } .twoColumn {width:240px; padding:0; } .threeColumn {width:350px; padding:0; } .fourCol {width:400px; padding:0;} .fourColumn {width:460px; padding:0 12px;} .sixCol {width:738px; float:right; position:relative;} .eightCol {width:721px; position:relative; float:left;} .eightColumn {width:721px;} .twelveCol {width:920px;} .twelveColumn {width:980px;} .leftNav {background: none; padding-right:0; padding-top:14px;} .rightNav {padding:0; width:264px;} .centerContentFourColumn {padding:14px 0 0 0; width:469px;} .centerContentFourColumn h2 {margin-top:3px;} .centerContentFourColumn h3 {clear:left;margin-bottom:5px;} .centerContentSixColumn { width:727px; padding-top:14px; } #questionBox h3 { font-size:1.6em; color:#75675E; padding-top:7px;} .videoThumbs img {width:110px;} .videoThumbs p {border-bottom: 1px solid #ccc; padding-bottom:6px;} .leftDoubleBottom {background: url('/library/images/common/bottom-left-double.gif') left bottom no-repeat;} .leftDoubleBottomShort {background: url('/library/images/common/bottom-left-double-short.gif') left bottom no-repeat;} .leftDoubleBottomNoBotPad {background: url('/library/images/common/bottom-left-double.gif') left bottom no-repeat;} .leftDoubleTop {background: url('/library/images/common/top-left-double.gif') left top no-repeat;} .leftDoubleTopShort {background: url('/library/images/common/top-left-double-short.gif') left top no-repeat;} .leftSingleBottom {background: url('/library/images/common/bottom-left-single.gif') left bottom no-repeat;} .leftSingleBottomShort {background: url('/library/images/common/bottom-left-single-short.gif') left bottom no-repeat;} .rightSingleBottom {background: url('/library/images/common/bottom-right-single.gif') right bottom no-repeat;} .rightSingleBottomShort {background: url('/library/images/common/bottom-right-single-short.gif') right bottom no-repeat;} .rightDoubleBottom {background: url('/library/images/common/bottom-right-double.gif') right bottom no-repeat;} .rightDoubleBottomShort {background: url('/library/images/common/bottom-right-double-short.gif') right bottom no-repeat;} .rightDoubleTop {background: url('/library/images/common/top-right-double.gif') right top no-repeat;} .rightDoubleTopShort {background: url('/library/images/common/top-right-double-short.gif') right top no-repeat;} .leftSingleBottom .corners, .leftDoubleBottom .corners, .leftDoubleTop .corners, .leftDoubleTopShort .corners, .noLeftCorners .corners, .leftDoubleBottomNoBotPad .corners { padding-left:22px; } .leftSingleBottom .corners, .leftSingleBottomShort .corners { padding-bottom:22px;} .leftDoubleBottom .corners, .leftDoubleBottomShort .corners { padding-bottom:12px;} .leftDoubleTop .corners, .leftDoubleTopShort .corners { padding-top:12px;} .rightSingleBottom .corners, .rightDoubleBottom .corners, .rightDoubleTop .corners, .rightDoubleBottomShort .corners, .rightSingleBottomShort .corners, .noRightCorners .corners, .noRightCorners .corners { padding-right:22px;} .rightSingleBottom .corners, .rightSingleBottomShort .corners { padding-bottom:22px;} .rightDoubleBottom .corners, .rightDoubleBottomShort .corners { padding-bottom:12px;} .rightDoubleTop .corners, .rightDoubleTopShort .corners { padding-top:12px;} .noLeftCornersForm .corners { padding-left:14px; } .greyBlockCorners {background: url('/library/images/common/right-nav-block.gif') no-repeat; width:221px; min-height:150px; padding-top:5px} #popupWindow .mainContentAreaInner {padding-bottom:10px;} #popupFourColumn {width:473px; margin: auto;} #popupContentArea {background:transparent url('/library/images/common/popup-content-background.gif') no-repeat top center; padding:14px; margin-top:20px; margin-left: auto; margin-right: auto; width:445px;} #popupLogo {display:block;} #popupLogoPrint {display:none;} /* forms */ form legend {display:none;} form input {float:left; font-size:0.9em; color:#75675e;} form input[type='text'], form input[type='password'] { border:0px; } form select {float:left; margin-right:6px;} form .error select { border: 1px solid #CC0000;} form label {font-weight:bold; font-size:0.9em; display:block; padding-left:4px; width:220px;outline:none;} form input.smallerInput, form .smallerInput input, .appFormSort input {background:url('/library/images/forms/bg-input-46.png') transparent no-repeat 0 0; width:29px; height:22px; padding:3px 8px 4px 8px; float:left; } form .error input.smallerInput, form .error .smallerInput input, form .error .appFormSort input {background:url('/library/images/forms/bg-input-46-error.png') transparent no-repeat 0 0;} form input.smallInput, form .smallInput input {background:url('/library/images/forms/bg-input-166.png') transparent no-repeat 0 0; width:150px; height:21px; padding:3px 8px 4px 8px; float:left; } form .error input.smallInput, form .error .smallInput input {background:url('/library/images/forms/bg-input-166-error.png') transparent no-repeat 0 0;} form input.mediumInput, form .mediumInput input {background:url('/library/images/forms/bg-input-221.png') transparent no-repeat 0 0; width:205px; height:21px; padding:3px 8px 4px 8px; } form .error input.mediumInput, form .error .mediumInput input {background:url('/library/images/forms/bg-input-221-error.png') transparent no-repeat 0 0; } form input.wideInput, form .wideInput input {background:url('/library/images/forms/bg-input-376.png') transparent no-repeat 0 0; width:360px; height:21px; padding:3px 8px 4px 8px; float:left; } form .error input.wideInput, form .error .wideInput input {background:url('/library/images/forms/bg-input-376-error.png') transparent no-repeat 0 0; } form input.questionInput {background:url('/library/images/forms/bg-input-134.png') transparent no-repeat 0 0; width:118px; height:21px; padding:3px 8px 4px 8px; float:left; margin-right:6px; } form .error input.questionInput {background:url('/library/images/forms/bg-input-134-error.png') transparent no-repeat 0 0; } form input.submitButton {padding-top:5px; padding-left:6px;} form input[type='checkbox'] {margin:3px 5px 0 0;} form input.findAddress {background:none; height:21px; width:105px;} form.inset { padding-left:20px;} form.standAloneForm fieldset { padding-left:8px;} form textarea {background:url('/library/images/forms/bg-textarea-128.png') transparent repeat 0 0; border:0; width:399px; height:112px; padding:8px; font-family:Helvetica,Arial,sans-serif; font-size:0.9em; color:#75675E; line-height:1.2em; } form .error textarea {background:url('/library/images/forms/bg-textarea-128-error.png') transparent repeat 0 0; } /* Car Review Search Form*/ form#carReview div{display:block;} form#carReview input, form#carReview label{float:left; display:block;} form#carReview label {width:70px;padding-top:8px;} form#carReview h3{clear:both;display:block;margin-top:30px;} form#carReview dl dt, form#carReview dl dd{float:left;display:block;width:35%;margin-bottom:5px;} form#carReview dl dd{width:62%;margin-left:3%;} /* form#carReview.fourCol .ltGryBox {width:440px;} form#carReview.fourCol .ltGryBox .ui-selectmenu-dropdown {display:block;clear:left;} form#carReview.fourCol .ltGryBox .row {display:block;float:left;margin-right:20px;} */ .error label, .error label .orange {color:#c00;} .errorlist {list-style:none; color:#c00; /*clear:both;*/ float:left; background:transparent url('/library/images/forms/icn-error.gif') no-repeat 5px 3px; padding: 3px 0px 0.5em 25px;} .errorlist li { list-style-type:none; background:none; padding:0; } p.error {color:#c00; background:transparent url('/library/images/forms/icn-error.gif') no-repeat 0px 0px; padding-left:25px;} /* admin Styles */ .adminNarrow {width:430px; float:left; padding-bottom:20px;} .adminItemName{width:200px; float:left; clear:left; font-weight:bold; font-size:0.7em;} .adminItemValue{width:200px; float:left; font-size:0.7em; } .adminItemNameForm{width:200px; float:left; clear:left; font-weight:bold; font-size:1em; padding:5px 0px;} .adminItemValueForm{width:200px; float:left; font-size:1em; padding:5px 0px;} .adminNotes {width:350px; padding-left:20px; float:left; font-size:1em; padding-top:30px; padding-bottom:20px;} /* careers */ .greyBoxTriple {background:url('/library/images/careers/grey-box-triple-mid.gif') repeat-y top left; margin-bottom:5px;} .greyBoxTriple .greyBoxTop { background:url('/library/images/careers/grey-box-triple-top.gif') no-repeat top left; padding-top: 12px; } .greyBoxTriple .greyBoxBot { background:url('/library/images/careers/grey-box-triple-bot.gif') no-repeat bottom left; padding-bottom: 12px; } .greyBoxDouble {background:url('/library/images/careers/grey-box-double-mid.gif') repeat-y top left; margin-bottom:5px;} .greyBoxDouble .greyBoxTop { background:url('/library/images/careers/grey-box-double-top.gif') no-repeat top left; padding-top: 12px; } .greyBoxDouble .greyBoxBot { background:url('/library/images/careers/grey-box-double-bot.gif') no-repeat bottom left; padding-bottom: 12px; } .greyBoxSingle {background:url('/library/images/careers/grey-box-single-mid.gif') repeat-y top left; margin-bottom:5px;} .greyBoxSingle .greyBoxTop { background:url('/library/images/careers/grey-box-single-top.gif') no-repeat top left; padding-top: 12px; } .greyBoxSingle .greyBoxBot { background:url('/library/images/careers/grey-box-single-bot.gif') no-repeat bottom left; padding-bottom: 12px; } .greyBoxContent {width:127px; padding:0px 8px; margin-right:3px; float:left;} .greyBoxContent h4 {font-size:1.23em;} a.careerLearnMore{background:url('/library/images/btn/info.gif') 0 2px no-repeat; margin: 12px 0 0 10px; padding: 0 0 0 16px; display: block;} /* application */ .appForm {background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat; width:445px; margin: 10px 0px;} .appForm .active {background: url('/library/images/breakdown/modularity/module-section-dark.gif') repeat;} .appForm .inactive {background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat;} .appForm .orange {color:#ff5d00; font-size:1.1em;} .appForm .normalOrange {color:#ff5d00;} .appForm .large {font-size:1.5em;} .appForm label {width:auto;} .appFormBottom{background: url('/library/images/breakdown/modularity/module-section-bottom.gif') no-repeat bottom left; padding-bottom:14px;} .appFormTop{background: url('/library/images/breakdown/modularity/module-section-top.gif') no-repeat top left; padding-top:14px;} .appFormTitle {clear:both;margin-bottom:2px;} .appFormTitle.zone{margin-bottom:2px; padding-left:14px;} .appFormField select {color:#75675e; font-size:0.9em;} .appFormField input {color:#75675e; position:relative; width:200px;} .appFormField input[type='text'], .appFormField input[type='password'] {border:0px;} .appFormField .additionalInputText {float:left; padding-top:4px;} .appFormField a {margin-left:0; cursor:pointer;} p.specialOffer{ /*display:block;*/ /*float:right;*/ /*margin-top:-18px;*/ /*width:90px;*/ font-weight: bold; margin: 10px 0 0; float: left; } .appFormRow, .appFormRowWide {padding:6px 15px 6px 15px;} .lastRow{border:0px;} .editOrange {background:transparent url(/library/images/btn/edit.gif) no-repeat center left; padding-left:20px;} a.editOrange {text-decoration:none;color:#75675e;} .freeExtra { background: url("/library/images/breakdown/modularity/extra-arrow.gif") repeat scroll 0 0 transparent; color: #FFFFFF; display: inline-block; float:left; font-size: 0.9em; margin-left: 20px; padding-left: 5px; text-align: center; width: 65px; } .appFormSave {float:right; margin: 12px 0 12px 0;} .titleInset {padding-left:14px;} .smallPrintPad {padding: 0 10px;} .appFormFieldVerticalRadios ul {padding:0;} .appFormFieldVerticalRadios li {list-style:none; clear:both; background:none; padding-left:0px; } .appFormFieldVerticalRadios form input {padding-right:10px; margin:3px 3px 0 0;} .appFormFieldHorizontalRadios ul {padding:0; padding-left:2px;} .appFormFieldHorizontalRadios li {list-style:none;float:left; padding-right:10px; padding-left:0px; background:none; } .appFormFieldHorizontalRadios form input {margin:3px 8px 0 0; display:block; width:auto;} .appFormFieldHorizontalCheckboxes ul {padding:0; padding-left:2px;} .appFormFieldHorizontalCheckboxes li {list-style:none;float:left; padding-right:10px; padding-left:0px; background:none; } .appFormFieldHorizontalCheckboxes form input {margin:3px 5px 0 0; display:block; width:auto;} .appFormRow, .appFormRowWide {padding:6px 15px 6px 15px; } .appFormSave {float:right; margin: 12px 0 12px 0;} .additionalInfoPromo {background: url('/library/images/common/important-info-top.gif') top center no-repeat; width:191px; padding:15px; margin-bottom:10px;} .additionalInfoPromo h4 {margin-bottom:20px; font-weight:bold;} .additionalInfoPromo ul {list-style:none;} .additionalInfoPromo a {color:#ff5d00; text-decoration:underline;} .appMember {width:140px;} .appMember img {float:right; padding-top:0.1em;} .appMember p {margin-bottom:0;} .appSelfServe {width:410px;} .appSelfServe img {float:right; padding-top:0.1em;} .appSelfServe p {margin-bottom:0;} .selfServeGreyBg {background-color:#F8F7F7;} .appStages {padding-left:0;} .appStages ol {padding-left:0;} .appStages li { float:left; padding:5px 0; margin-right:10px; font-weight:bold; list-style-type:none; letter-spacing:-0.025em; line-height:1em; background:none; display:block; position:relative;} /*.appStages li span{ position:absolute; top:5px; left:0; display:block;}*/ .appSummary {background: url('/library/images/common/sub-menu-bottom.gif') left bottom no-repeat; padding:10px 25px 30px 25px; line-height:1.2em; margin-left:3px;} .appSummaryHeader { padding-left:15px; } .appSummaryHeader .summaryHead {background: url('/library/images/breakdown/modularity/summary-header-narrow-background.gif') no-repeat #fff; height:30px; width:190px; padding:10px 0px 0px 20px;} .appSummary h4 {margin-bottom:10px; font-weight:bold;} .appSummary ul {margin-bottom:10px;} .appSummary .price {float:right; font-size:1.46em; color:#ff5e00; line-height:1em; font-weight:normal; letter-spacing:-0.025em;} .appSummary #monthlyPrice {padding-top:0.65em;} a.appFormCalender, a.appFormAddress {margin-left:10px;} .addMemberIcon{ background:url('/library/images/btn/orange-plus.gif') top right no-repeat; font-weight:bold;} .removeMemberIcon{ background:url('/library/images/btn/orange-minus.gif') top right no-repeat; font-weight:bold;} .addIcon { background:url('/library/images/btn/orange-plus.gif') center left no-repeat; font-weight:bold; padding-left: 20px; cursor:pointer; } .addFriend {background-color:#F8F7F7;} .checkDetails .header {padding:10px 15px 4px 15px; border-bottom:1px solid #ccc;} .checkDetails .header h3 {float:left; width:48%;} .checkDetails .header input, .checkDetails .header a {float:right; } .checkDetails .editDetailsForm {width:48%; padding-left:15px; float:left; padding-top:3px;} .checkDetails .editDetailsForm input.formButText {width:170px; overflow:visible;} .checkDetails .details {padding:6px 15px 6px 15px;} .checkDetails .details .rowLeft {float:left; width: 200px; } .checkDetails .details .rowRight {float:right; width:200px;} dl.checkDetailsList dd { width:48%; float:left; display:block; padding-left: 15px; margin-bottom:10px;} dl.checkDetailsList dt { float:left; clear:left; font-weight:bold; width:48%; text-align:right; display:block; margin-bottom:10px; color:#bab3ae; } /* custom checkbox and radio buttons */ .custom-checks label {position:relative;} .custom-checks input, .custom-radios input, .appFormField .custom-checks input, .appFormField .custom-radios input {visibility:hidden;position: absolute;left: 0;top:0;z-index:-1000;} .custom-checks label span.fakeInput,.custom-radios label span.fakeInput {float: left;clear: left;line-height: 1;background: url(/library/images/forms/radio.gif) no-repeat 0 0;margin-right: 4px;margin-top:-1px;cursor: pointer;width:17px;height:17px;display:block;} .custom-checks label span.fakeInput { background: url(/library/images/forms/checkbox.gif) no-repeat 0 0; width:20px;height:20px;margin-top:-3px;} /* checks */ .custom-checks label.hover span.fakeInput, .custom-checks label.focus span.fakeInput { background-position: 0 -25px; } .custom-checks label.checked span.fakeInput { background-position: 0 -50px; } .custom-checks label.hover.checked span.fakeInput { background-position: 0 -75px; } .custom-checks label.focus span.fakeInput { outline: none; } /* radios */ .custom-radios label span.fakeInput { background-position: 0 0; } .custom-radios label.hover span.fakeInput, .custom-radios label.focus span.fakeInput { background-position: 0 -25px; } .custom-radios label.checked span.fakeInput { background-position: 0 -50px; } .custom-radios label.hover.checked span.fakeInput { background-position: 0 -75px; } .custom-radios label.focus span.fakeInput { outline: none; } /* european breakdown */ #standardZone {float:left;width:130px;padding:0 2px 0 4px;} #standardZone label, #zone1 label, #zone2 label {width:auto;} #standardZone input, #zone1 input, #zone2 input {float:left; width:auto;} #standardZone ul {padding-left:22px;list-style:none;width:130px;} #zone1 {float:left;width:135px;padding-right:2px;} #zone1 ul {padding-left:22px;list-style:none;width:110px;} #zone2 {float:left;width:120px;} #zone2 ul {padding-left:22px;list-style:none;width:110px;} .euQuoteLeft {float:left; clear:left; font-size:0.9em; width:65%;} .euQuoteRight {float:right; text-align:right; clear:right; font-size:0.9em;width:35%;} .countryList {float:left;width:auto;} /* modularity */ #modularityTables {display:none;} #modularityTables table tr td {text-align:center;} #modularitySection .rightNav {padding-top:5.6em;} .modularitySection { background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat; width:445px; margin: 10px 0px;} .modularitySectionTop{background: url('/library/images/breakdown/modularity/module-section-top.gif') no-repeat top left; padding-top:14px;} .modularitySectionBottom{background: url('/library/images/breakdown/modularity/module-section-bottom.gif') no-repeat bottom left; padding-bottom:14px;} .modularitySectionInset { background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat; width:417px; margin: 10px 0px;} .modularitySectionTopInset{background: url('/library/images/breakdown/modularity/module-section-top-inset.gif') no-repeat top left; padding-top:14px;} .modularitySectionBottomInset{background: url('/library/images/breakdown/modularity/module-section-bottom-inset.gif') no-repeat bottom left; padding-bottom:14px;} .modularitySectionRow{ padding:6px 10px; border-bottom:1px solid #ccc;} .modularitySection .lastRow{border-bottom:none;} .modularitySection .active{background: url('/library/images/breakdown/modularity/module-section-dark.gif') repeat; } .modularitySection .inactive{background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat;} .modularitySectionRow input {float:left; margin-top:2px;} .modularitySectionRow label {float:left; font-weight:bold; padding-left:5px;} .modularitySectionRow label em {font-weight:normal; font-style:normal; color:#ff5d00;} .modularitySectionRow .optionInformation {padding-top:8px;} .modularitySectionRow .rowLeft{float:left; width:200px;} .modularitySectionRow .rowRight{float:right; width:200px;} .modularitySectionRow .rowLeft label, .modularitySectionRow .rowRight label {width:170px;} .modularitySectionRow .coverDesc { padding-left:24px; } .personalCoverOnly {background:url('/library/images/breakdown/modularity/modularity-personal-cover.gif') no-repeat 406px 0px; padding-bottom:10px;} .vehicleCoverOnly {background:url('/library/images/breakdown/modularity/modularity-vehicle-cover.gif') no-repeat 350px 0px; padding-bottom:10px;} .personalCoverOnly .rowLeft label {width:120px;} .personalCoverOnly .rowLeft { width:140px; } .personalCoverOnly .rowRight { padding-right:40px; width:240px; } .vehicleCoverOnly .rowLeft label {width:100px;} .vehicleCoverOnly .rowLeft { width:120px; } .vehicleCoverOnly .rowRight { padding-right:90px; } .modularityCoverTypeTabs {background:url('/library/images/breakdown/modularity/modularity-covertype-tabs.gif') no-repeat 0px 0px;} .vehicleCover {background:url('/library/images/breakdown/modularity/modularity-covertype-tabs.gif') no-repeat 0px -250px;} .modularityCoverTypeTabs .rowLeft{float:left; width:200px; padding:15px 10px; cursor:pointer; } .modularityCoverTypeTabs .rowRight{float:right; width:200px; padding:15px 10px; cursor:pointer; } .modularityCoverTypeTabs .rowLeft label, .modularityCoverTypeTabs .rowRight label {width:170px; padding-left:5px; float:left;} .learnMoreOrange {clear:left; padding:3px 0 0 20px; background:transparent url(/library/images/btn/info.gif) no-repeat 3px 5px;} .learnMoreOrangeIcon { background:transparent url(/library/images/btn/info.gif) no-repeat 3px 2px; font-size:15px; line-height:15px; } .learnMoreOrangeIcon img { width:15px; height:15px; } .modularitySection .disabled { color:#a9a9a9;} .modularitySectionRow #vehicleCoverOptions {display:none;} #summary {position:relative;} #summaryHead {background: url('/library/images/breakdown/modularity/summary-header-background.gif') no-repeat #fff; height:34px; width:200px; padding:10px 0px 0px 20px;} #summaryBody {padding:10px 10px 10px 20px;} #summary .summaryListTitle{font-weight:bold; margin-bottom:0.4em;} .coverTypeWithImage{padding-bottom:15px;} .coverTypeWithImage p{padding:5px 0 0 10px;} .coverTypeWithImage img{float:left; padding-left:20px;} #summary ul { padding-bottom:1em; } .summaryListLeft {float:left; font-weight:bold; width: 59%} .summaryListRight {float:right; width: 39%; text-align:right;} .summaryListRightOrange {float:right; font-weight:bold; width: 39%; text-align:right; color: #ff5e00} .summaryListRight span.grey {color:#75675E; float:right; font-weight:bold;} .summaryTotalPrice {color:#ff5d00; font-size:1.5em;} .totalPrice{color:#ff5d00;} .youPayLabel, .orderValueLabel{font-size:1.3em;} div.caveats { font-size:0.8em; letter-spacing: 0em; } dl.caveats { width:420px; padding:12px 12px 0px 12px;} dl.caveats dt {float:left; width:40px; clear:left; color:#ff5d00; text-align:center; padding-bottom:10px; font-weight:bold;} dl.caveats dd{float:left; font-size:0.8em; letter-spacing: 0em; width:360px; padding-bottom:10px;} dl.caveats.narrow {width:380px;} dl.caveats.narrow dd {width:280px;} /* top ten Lists */ ol.topten { color:#f15d21; font-weight:bold; margin:30px 0 0 28px;} ol.topten li span { display:block; font-weight:normal; color:#666666; margin-top:5px;} .topten ul li { color:#666666; padding-bottom:5px;} /* driving abroad */ .tabedContainerOrangeBorder .tabContentContainer { background: #f7f7f7; border: 3px solid #f26a20; padding: 12px; margin-bottom: 12px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; } .tabedContainerOrangeBorder .tabList { font-size: 1.3em; font-weight: bold; line-height: 1.2em; margin: 0; padding: 0; z-index: 1; } .tabedContainerOrangeBorder .tabList li { background: #75675e url(/library/images/common/tab-gradient-grey.gif) repeat-x top left; color: #ffffff; float: left; padding: 0; margin: 0 4px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topRight: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -o-box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2); } .tabedContainerOrangeBorder .tabList li.selected { background: #F26A20 url(/library/images/common/tab-gradient.gif) repeat-x top left; } .tabedContainerOrangeBorder .tabList a, .tabedContainerOrangeBorder .tabList a:link, .tabedContainerOrangeBorder .tabList a:hover, .tabedContainerOrangeBorder .tabList a:visited, .tabedContainerOrangeBorder .tabList a:active { color: #ffffff; float: left; padding: 5px 15px; text-decoration: none; } .tabedContainerOrangeBorder .tabList a:hover { color: #fbd2bc; } .tabedContainerOrangeBorder .tabList li.selected a, .tabedContainerOrangeBorder .tabList li.selected a:link, .tabedContainerOrangeBorder .tabList li.selected a:active, .tabedContainerOrangeBorder .tabList li.selected a:visited, .tabedContainerOrangeBorder .tabList li.selected a:hover { color: #ffffff; } #summary .jshowoff ul { background: #ffffff; padding: 12px; margin-bottom: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -o-box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } #summary .jshowoff li { background: none; padding: 0; } .jshowoff-controls { float: right; margin-bottom: 0; } .jshowoff-controls a { margin-left: 5px; } /* Buttons */ .bigBut, .bigButBack, .disabledBigBut { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; padding:0; position:relative; text-align:left; display:block; cursor:pointer; color:#fff; text-decoration:none; } .bigBut span.text, .bigButBack span.text, .disabledBigBut span.text { background:none; border-bottom:0; font-size:0.95em; line-height:1em; font-weight:bold; left:0; margin:0; padding:0.6em 2em 0.7em 0.75em; position:absolute; top:0; display:block; cursor:pointer;} form .bigBut input.text {background:none; border:0; color:#FFFFFF;font-size:0.95em; line-height:1em; font-weight:bold; left:5px; margin:0; position:absolute; top:4px; display:block; cursor:pointer;} .disabledBigBut, .disabledBigBut span.text {cursor:default;color:#eee;} .bigButBack span.text { padding:0.6em 1.1em 0.8em 1.8em; right:0; text-align:right;} .bigBut img, .bigButBack img, .disabledBigBut img { height:2.35em; } .bigBut span.small, .bigButBack span.small { position:static; font-size: 0.9em; font-weight:normal; left:auto; top:auto; display:inline; padding:0;} .smallBut, .smallButBack, .smallButPrint { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; padding:0; position:relative; text-align:left; display:block; cursor:pointer; color:#fff; text-decoration:none; } .smallBut span.text, .smallButBack span.text, .smallButPrint span.text { background:none; border-bottom:0; font-size:0.83em; line-height:1em; font-weight:bold; left:0; margin:0; padding:0.5em 2em 0.6em 0.75em; position:absolute; top:0; display:block; cursor:pointer; } .smallButBack span.text { padding:0.5em 0.9em 0.6em 1.8em; right:0; text-align:right;} .smallButPrint span.text { padding:0.5em 0.9em 0.6em 1.8em; right:0; text-align:right;} .smallBut img, .smallButBack img { height:1.9em;} a.bigBut:link, a.smallBut:link, a.smallButBack:link, a.bigButBack:link, a.bigBut:hover, a.smallBut:hover, a.smallButBack:hover, a.bigBut:focus, a.smallBut:focus, a.smallButBack:focus, a.bigBut:visited, a.smallBut:visited, a.smallBack:visited, a.smallButBack:visited, a.bigButBack:hover, a.bigButBack:focus, a.bigButBack:visited, a.smallButPrint:visited, a.smallBackPrint:visited, a.smallButBackPrint:visited { border-bottom:none; color:#fff; text-decoration:none; } .renewals a.bigButBack {margin-top:15px;} .renewals a.bigButBack span {padding:8px 0 0 30px; text-align:left;} .renewals a {display:inline-block;} a.greyBut:link, a.greyBut, a.greyBut:hover, a.greyBut:focus, a.greyBut:visited {color:#ff5e00; text-decoration:none; } div.formBut input, div.formButBack input, div.formButSmall input, div.formButBackSmall input {border:0px;} div.formBut, div.formButBack { margin:0; position:relative; text-align:left; padding:0px; cursor:pointer; } div.formBut img, div.formButBack img { height:2.35em; z-index:45; } div.formBut input.formButText, div.formButBack input.formButText { background:none; border:0; color:#fff; cursor:pointer; font-size:1em; line-height:1em; font-weight:bold; left:0; position:absolute; top:0; z-index:50; margin:0; padding:0.3em 1.6em 0.55em 0.5em; display:block; font-family:Helvetica, Arial, sans-serif; text-align:left; } div.formButBack input.formButText { padding:0.3em 0.5em 0.55em 1.6em; text-align:left; } div.formButSmall, div.formButBackSmall { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; padding:0; position:relative; text-align:left; display:block; } div.formButSmall input.formButText, div.formButBackSmall input.formButText { background:none; border:0; color:#fff; cursor:pointer; font-size:0.83em; font-weight:bold; left:0; position:absolute; top:0; z-index:50; margin:0; padding:0.25em 1.6em 0.4em 0.45em; display:block; font-family:Helvetica, Arial, sans-serif; text-align:left; } div.formButBackSmall input.formButText { padding:0.25em 0.45em 0.4em 1.6em; } div.formButSmall img, div.formButBackSmall img {height:1.9em;} /* move buttons down a bit to centre align them with inputs */ div.formButSmall { margin-top: 2px; } div.greyBut input.formButText {color:#ff5e00; text-decoration:none; } div.formButEdit { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; padding:0; text-align:left; display:block; background:url('/library/images/btn/edit.gif') no-repeat center left; padding-left:14px;} div.formButEdit input.formButText { background:none; border:0; color:#75675E; cursor:pointer; font-size:0.83em; font-weight:bold; margin:0; display:block; font-family:Helvetica, Arial, sans-serif; float:none; padding:0; text-align:left; width:auto; text-decoration:underline; } div.formButEdit img {height:12px;} /* search pagination */ .pagination {width:40%;margin:0 auto;text-align:center;} /* Online renewals */ .renewalDetails .changed {color:red;} #searchResultTable tr.processed {opacity:0.5;} /* poll styles */ .pollResults dt { font-weight:bold; } .pollResults dd { display:block; border-left: 1px solid #75675E; border-left: 1px solid #75675E; border-right: 1px solid #75675E; margin-right: 2.5em; position:relative; padding-top: 0.1em; margin-bottom: 0.3em; } .pollResults dd strong { display:block; background: transparent url(/library/images/common/poll-bar.png) repeat-x top right; height: 1.9em; } .pollResults dd span { position:absolute; right:-2.5em; top: 0.35em; display:block; } /* [06a] Category Pages ------------------------------*/ #headerCategory {height:230px; position:relative;} #headerCategoryBreakdown {height:230px; position:relative;} #categoryPromoBack{position:absolute; left:217px; top:92px; width:27px; height:24px; background: transparent url('/library/images/insurance/category-back-orange.png') no-repeat; z-index:1; display:none; cursor:pointer; } #categoryPromoForward{position:absolute; left:632px; top:92px; width:27px; height:24px; background: transparent url('/library/images/insurance/category-forward-orange.png') no-repeat; z-index:1; display:none; cursor:pointer; } .jsEnabled #categoryPromoBack {display:block;} .jsEnabled #categoryPromoForward{display:block;} #headerCategory img.headerImage, #headerCategoryBreakdown img.headerImage {position:absolute; bottom:0px;} /* [06b] Landing page carosell Promo Styles ------------------------------*/ .categoryPromoContent{position:absolute; left:382px; top:40px; width:240px; padding:0px; } /* Route Planner Promo*/ #routePlannerPromo {float:right; width:254px; height:177px; margin:20px 0px 15px 0px;} #routePlannerPromo h4 {font-size:1.4em; font-weight:normal;padding: 0px 0px 0px 15px;} #routePlannerPromo form fieldset {padding-left:15px;} #routePlannerPromo label {padding-top:9px; font-weight:normal; color:#75675e;} .routePlannerMain {background:url('/library/images/common/route-planner-main.gif') no-repeat -6px 0; float:left;height:139px; width:240px;} .routePlannerTop {background:url('/library/images/common/route-planner-top.png') no-repeat; height:24px; width:254px;} .routePlannerBot {background:url('/library/images/common/route-planner-bot.png') no-repeat; height:20px; width:254px;} .routePlannerLeft {background:url('/library/images/common/route-planner-left.png') repeat-y; float:left; height:139px; width:6px;} .routePlannerRight {background:url('/library/images/common/route-planner-right.png') repeat-y; float:left; height:139px; width:8px;} /* Car insurance/Cross Sell Promo */ .carInsurancePromo, .crossSellPromo {width:192px; height:127px; padding:10px 15px 15px 15px} .carInsurancePromo h4, .crossSellPromo h4 {font-size: 1.68em;font-weight:normal; padding-bottom:5px;} .carInsurancePromo h5, .crossSellPromo h5 {color:#ff5d00;font-size:1.12em; padding-left:10px;} .carInsurancePromo a, .crossSellPromo a {color: #75675e;} .carInsurancePromo {float:left; background: url('/library/images/homepage/car-insurance-promo.gif') no-repeat; } .crossSellPromo {float:left; margin-left:16px; background: url('/library/images/homepage/cross-sell-promo.gif') no-repeat;} /* [06c] Homepage Styles ------------------------------*/ /* Hero CTA */ .headerOverlap{ width:100%; height:100%;} #peterOverlap{background: transparent url('/library/images/homepage/pete-overlap.gif') no-repeat left bottom;} #louiseOverlap{background: transparent url('/library/images/homepage/louise-overlap.gif') no-repeat left bottom;} #mattOverlap{background: transparent url('/library/images/homepage/matt-overlap.gif') no-repeat left bottom;} #anaOverlap{background: transparent url('/library/images/homepage/ana-overlap.gif') no-repeat 20px bottom;} #kellyOverlap{background: transparent url('/library/images/homepage/kelly-overlap.gif') no-repeat 8px bottom;} #vanOverlap{background: transparent url('/library/images/homepage/van-overlap.gif') no-repeat 8px bottom;} /* CTA backgrounds */ .peterCTA{background: transparent url('/library/images/homepage/peter-cta.gif') no-repeat left top; height:212px;} .louiseCTA{background: transparent url('/library/images/homepage/louise-cta.gif') no-repeat left top; height:212px;} .mattCTA{background: transparent url('/library/images/homepage/matt-cta.gif') no-repeat left top; height:228px;} .anaCTA{background: transparent url('/library/images/homepage/ana-cta.gif') no-repeat 20px top ; height:228px;} .kellyCTA{background: transparent url('/library/images/homepage/kelly-cta.gif') no-repeat 20px top ; height:228px;} .vanCTA{background: transparent url('/library/images/homepage/van-cta.gif') no-repeat left top ; height:212px;} .carHomeCTA{background: transparent url('/library/images/homepage/car-home-cta.gif') no-repeat left top ; height:212px;} .businessHero{background: transparent url('/library/images/homepage/car-home-cta.gif') no-repeat left top ; height:212px;} /* New Home Header Changes */ /*#headerPromo.homeCTA {height:185px;padding-top:27px;margin-top:-2px;}*/ /*.homeCTA {background: transparent url('/library/images/homepage/bg-hero-home.jpg') no-repeat left top ; height:228px;}*/ /*.homeCTA #headerPromoTitle {*/ /* background: transparent url('/library/images/homepage/bg-hero-home-panel.png') no-repeat left top ;*/ /* overflow:hidden;*/ /* color:#FFFFFF;*/ /* padding:27px 0 18px 22px;*/ /* margin-left:30px;*/ /* }*/ /*.homeCTA #routePlannerPromo {margin:0 3px 0 0;}*/ /*.homeCTA #headerPromoTitle h1 {*/ /* color:#FFFFFF;*/ /* font-size:2.846em;*/ /* font-weight:normal;*/ /* }*/ /*.homeCTA h3 {*/ /* color:#FFF;*/ /*}*/ /*.homeCTA #headerPromoTitle .buttons {*/ /* display:block;*/ /* overflow:hidden;*/ /* clear:both;*/ /*}*/ /*.homeCTA #headerPromoTitle .buttons a{*/ /* display:block;*/ /* float:left;*/ /*}*/ #headerCategoryBreakdown #headerPromoTitle{padding-left:320px; float:left;} #headerCategoryBreakdown #headerPromoTitle h1{width:350px;} #headerCategoryBreakdown .headerProofPoints{float:left; width:275px; padding-top:25px;} #headerCategoryBreakdown .headerProofPoints ul li{padding-bottom:25px;} #headerCategory #headerPromoTitle{padding-left:300px; float:left;} #headerCategory #headerPromoTitle h1{width:350px;} #headerCategory .headerProofPoints{float:left; width:275px; padding-top:35px;} #headerCategory .headerProofPoints ul li{padding-bottom:25px;} #headerCategory .headerProofPointsNarrow{float:left; width:210px; padding:35px 10px 0px 0px;} #headerCategory .headerProofPointsNarrow ul li{padding-bottom:18px;} #insuranceHeaderStamp {float:right;padding:35px 10px 0px 0px;} #homepageTicker li{background-color:#fff;} .homepageCaveat { clear:both; padding: 0 29px;} /* products - homepage */ .otherProductsMenu { background:url('/library/images/common/other-products-menu-center.gif'); width:460px;} .otherProductsMenuTop { background:url('/library/images/common/other-products-menu-top.gif') repeat-x top left;} .otherProductsMenuBot { background:url('/library/images/common/other-products-menu-bot.gif') repeat-x bottom left; width:460px; position:relative; } .otherProductsMenu ul { padding:0px; } .otherProductsMenu li { background: none; float:left; width:95px; padding:10px 10px 0px 10px; font-size: 1em; color:#75675e; line-height: 1em; } .otherProductsMenu p { font-size: 0.95em; } .otherProductsMenu p a, .otherProductsMenu h4 a, .otherProductsMenu p a:hover, .otherProductsMenu h4 a:hover, .otherProductsMenu p a:visited, .otherProductsMenu h4 a:visited {color:#75675e; text-decoration:none;} .otherProductsMenu p a, .otherProductsMenu p a:hover, .otherProductsMenu p a:visited { text-decoration:underline;} .otherProductsMenu li div.subProducts{width:269px; height:112px; position:absolute;} .otherProductsMenu li div.subProducts ul li {background:none; float:none; height:auto;} .otherProductsMenu li div.subProducts {display:none;} .otherProductsMenu li:hover div.subProducts{display:block;} .subProductsPromo {background:url('/library/images/common/sub-products-bg-center.gif') no-repeat; float:left; display:block; width:239px; height:107px; padding:0 10px; padding-top:5px;} .subProductsPromo h5 {margin-bottom:5px; } .otherProductsMenu li div.subProducts{ position:absolute; top:95px;} .otherProductsMenu li div.subProductsTopLeft{background:url('/library/images/common/sub-products-bg-top-left.png') no-repeat; height:23px; width:269px;} .otherProductsMenu li div.subProductsTopMiddle{background:url('/library/images/common/sub-products-bg-top-middle.png') no-repeat; height:23px; width:269px;} .otherProductsMenu li div.subProductsTopRight{background:url('/library/images/common/sub-products-bg-top-right.png') no-repeat; height:23px; width:269px;} .otherProductsMenu li div.subProductsBottom{background:url('/library/images/common/sub-products-bg-bottom.png') no-repeat; height:15px; width:269px;} .otherProductsMenu li div.subProductsLeft{background:url('/library/images/common/sub-products-bg-left.png') no-repeat; height:112px; width:6px; float:left;} .otherProductsMenu li div.subProductsRight{background:url('/library/images/common/sub-products-bg-right.png') no-repeat; height:112px; width:4px; float:left;} .otherProductsMenu li.productsOne div.subProducts{left: -18px;} .otherProductsMenu li.productsTwo div.subProducts{left: 35px; } .otherProductsMenu li.productsThree div.subProducts{left: 150px; } .otherProductsMenu li.productsFour div.subProducts{left: 208px;} .learnMore {background: url('/library/images/btn/info.gif') no-repeat 0px bottom; padding:0px 0px 0px 20px; font-weight:bold; display:block;} /* Hompage Accordian */ dl#homepageAccordian dt { font-size: 1.35em; color:#949494; margin-bottom:0em; } dl#homepageAccordian dt span.instructions{ font-size: 0.85em; color:#ff5d00; padding-top:4px; padding-left:28px; margin-bottom:1em; font-weight:bold; display:block; margin-bottom:0.5em; } dl#homepageAccordian dt.hrFader {background: url('/library/images/common/hr-fader.gif') 30px 0px no-repeat; padding-top:18px; height:auto; width:auto; margin:0px;} dl#homepageAccordian dd { padding-left:28px; } .jsEnabled dl#homepageAccordian dt { cursor:pointer; } .jsEnabled dl#homepageAccordian dt span.instructions{ background:url('/library/images/common/down-arrow.gif') no-repeat left 0.45em;} .jsEnabled dl#homepageAccordian dt.open span.instructions { background:url('/library/images/common/up-arrow.gif') no-repeat left 0.45em;} /* Get more promo */ .getMorePromo {background-color:#f26022; width:460px;} .getMorePromo p {color:#fff;} .getMorePromoTop { background:url('/library/images/homepage/bg-get-more-top.gif') repeat-x top left; width:460px; } .getMorePromoBot { background:url('/library/images/homepage/bg-get-more-bot.gif') repeat-x bottom left; width:460px; position:relative; padding} .getMorePromoContent {padding:10px;} html>body .getMorePromoBot {min-height: 169px;height: auto;} /* Contact us accordian */ ul#contactUsAccordian li{background:#fff;} ul#contactUsAccordian li span.title{color:#ff5d00; padding-top:4px; padding-left:28px; margin-bottom:1em; font-weight:bold; display:block;margin-bottom:0.5em; background:#fff } ul#contactUsAccordian li span.content{padding-bottom:1em; background:#fff } .jsEnabled ul#contactUsAccordian li span.title { cursor:pointer; } .jsEnabled ul#contactUsAccordian li span.title{ background:url('/library/images/common/down-arrow.gif') no-repeat left 0.45em;} .jsEnabled ul#contactUsAccordian li span.title.open { background:url('/library/images/common/up-arrow.gif') no-repeat left 0.45em;} /* [06d] Product Styles ------------------------------*/ /* insurance products */ .productHeadlineInfo ul, .productHeadlineInfo p{margin:5px 0;} .productHeadlineImage {position:absolute; left:250px; top:-20px; z-index:1;} .productContentIntro, .productHeadlineInfo {width:180px;} .productContentIntroLegal {clear:left;float:left;width:168px;} h1.productContentIntro, h1.productHeadlineInfo{ width:240px; margin-bottom:10px; font-size:2.15em;} h2.productContentIntro, h2.productHeadlineInfo{ margin-bottom:10px; font-size:1.46em; color:#ff5e00;} h3.productContentIntro, h3.productHeadlineInfo {width:212px; margin-bottom:10px;} .productTopInfo {padding-top:10px;} .productTopInfo h4 {margin-bottom:15px;} .productTopInstructions {width:264px; float:left;} .productContent {width:300px;float:right; margin-right:20px;} .productContent.fullWidth {float:left; width:100%;} .productContentSmall {width: 240px; float: right; margin-right:20px;} .newsHeading {width:240px;} .productLeft p {margin-bottom:0.25em;} .productLeftButtons {float:left;} .productLeftImage {background:url('/library/images/common/silver-car.gif') no-repeat bottom right; width:188px; height:80px; float:right;} .productContent ol, .productContentSmall ol { list-style-position: inside;} .productContent ol ul , .productContentSmall ol ul { margin-top: 10px; } .productHeadlineInfo dl#productsAccordian {clear:right;margin-left:176px;padding-top:15px;width:200px;} dl#productsAccordian dt {font-size: 1em; color:#949494; margin-bottom:0em; font-weight:bold;} dl#productsAccordian dt span.instructionsProducts {font-size: 1em; color:#ff5d00; margin-bottom:1em; display:block;margin-bottom:0.5em; font-weight:normal;} dl#productsAccordian dt.hrFader {background: url('/library/images/common/hr-fader.gif') 30px 0px no-repeat; padding-top:18px; height:auto; width:auto; margin:0px;} .jsEnabled dl#productsAccordian dt {cursor:pointer; padding-left: 20px; background:url('/library/images/common/down-arrow.gif') no-repeat left 0.2em;} .jsEnabled dl#productsAccordian dt.open { padding-left: 20px; background:url('/library/images/common/up-arrow.gif') no-repeat left 0.2em;} dl#productsAccordian dd { background-color:#fff; padding-left:20px;} /*international driving permit.*/ .IDP {overflow:hidden;} .IDP ul {float:left;width:170px;} /* [06e] Media Library ------------------------------*/ .photoLibrary {width: 220px;} #mediaLibrary form label {width:auto;} #mediaLibraryDetails p {margin-bottom:0;} .factsheets h5 {color:#ff5d00;} .factsheets h6 {color:#75675e;} /*#mediaLibrary form label {font-weight:bold; font-size:0.9em; display:block; padding-left:4px; width:auto;}*/ /*#mediaLibrary form input {border:0px; float:left; font-size:0.8em; margin-right:7px}*/ /* named promos */ .mediaLibraryPromoImages{background:url(/library/images/media-library/promo-image.gif) no-repeat;} .mediaLibraryPromoVideos{background:url(/library/images/media-library/promo-video.gif) no-repeat;} .mediaLibraryPromoReports{background:url(/library/images/media-library/promo-reports.gif) no-repeat;} .mediaLibraryPromoLogos{background:url(/library/images/media-library/promo-logo.gif) no-repeat;} .mediaLibraryPromoFactsheets{background:url(/library/images/media-library/promo-factsheet.gif) no-repeat;} /* podcasts added here */ .podcastsPromo{} .podcastIcon{float:left;} .podcastsCopy{ float:left; width:300px; padding-left:20px;} /* [06g] Application Styles ------------------------------*/ .dobLeft{position:relative; float:left;} .dobLeft input { position:absolute; top:5px; left:5px; width:1px; font-size:1px; line-height:1px; height:1px; background: transparent; } /* [06h] Press Centre ------------------------------*/ dl.press dt {float:left; display:block; clear:left; margin:0 10px 0 0; font-weight:bold; width:40%;} dl.press dd {float:left; display:block; width:50%;} dl.contactUs dt,dl.contactUs dd {width:30%; float:left; display:block; padding:0 0 20px 0;} dl.contactUs dd {width:65%;} dl.contactUs dt {font-weight:bold; clear:both;} dl.addresses dt {font-weight:bold; padding-top:15px; clear:both;} dl.addresses dd {padding-top:5px; margin:0px; float:left} dl.claims dt {font-weight:bold; padding-top:30px; clear:both;} dl.claims dd {padding-top:5px;} /* named promos */ .pressCentrePromoProducts{background:url(/library/images/press-centre/promo-products.gif) no-repeat;} .pressCentrePromoNews{background:url(/library/images/press-centre/promo-news.gif) no-repeat;} .pressCentrePromoMedia{background:url(/library/images/press-centre/promo-media.gif) no-repeat;} .pressCentrePromoReport{background:url(/library/images/press-centre/promo-report.gif) no-repeat;} /* [06j] Popup -----------------------------------*/ .popupBox {position:absolute; top:100px; left:0px;z-index:6000000;} .popupBox .close {position:absolute; top:-2px; right:-2px; cursor:pointer; width:26px; height:25px; line-height:1px;} .popupBox .close img {width:26px; height:25px;} .popupBox table {background:none; margin:0px; width:100%;} .popupBox table td {padding:0; background:none;} .popupBox .leftCol, .popupBox .leftCol img {width:21px;} .popupBox .rightCol, .popupBox .rightCol img {width:23px;} .popupBox .topRow, .popupBox .topRow img {height:20px;} .popupBox .bottomRow, .popupBox .bottomRow img {height:21px;} .popupBox .topRow .mid img, .popupBox .bottomRow .mid img {width:100%;} .popupBox .topRow td, .popupBox .bottomRow td{padding:0px;} .popupBox .topRow .leftCol {background:url('/library/images/popup/top-left.png') no-repeat top left;} .popupBox .topRow .mid {background:url('/library/images/popup/top-mid.png') repeat-x top left;} .popupBox .topRow .rightCol {background:url('/library/images/popup/top-right.png') no-repeat top left;} .popupBox .midRow .leftCol {background:url('/library/images/popup/mid-left.png') repeat-y top left;} .popupBox .midRow .mid {background: #f8f7f7 url('/library/images/popup/mid.gif') repeat top left;} .popupBox .midRow .rightCol {background:url('/library/images/popup/mid-right.png') repeat-y top left;} .popupBox .bottomRow .leftCol {background:url('/library/images/popup/bottom-left.png') no-repeat top left;} .popupBox .bottomRow .mid {background:url('/library/images/popup/bottom-mid.png') repeat-x top left;} .popupBox .bottomRow .rightCol {background:url('/library/images/popup/bottom-right.png') no-repeat top left;} .popupBoxOverlay { display:none; background:#222222; height:100%; width:100%; position:fixed; left:0; top:0; z-index:5500000; } /* [06j] Popup -----------------------------------*/ .newsTicker {display:none;} .newsTicker li {background:none; padding-left:0px; min-height:1.25em;} .newsTicker a, .newsTicker a:link, .newsTicker a:visited {color:#75675E; text-decoration:none;} .newsTicker a:hover {color:#75675E; text-decoration:underline;} /* [06k] Commmunity Styles -----------------------------------*/ .communityIntroText {width:244px; float:left;} .communityIntroImage {clear:right;float:left;margin-right:5px;} .fullWidthTwoColumns .leftCol, .fullWidthTwoColumns .rightCol{width:337px; float:left;} .fullWidthTwoColumns .leftCol{margin-right:20px;} .largeImage .productContent { width:240px; } ul.rightColumnList {padding:0; list-style-type:none;margin-bottom:15px;} ul.rightColumnList li{padding:0; background:none; font-weight:bold; margin-top:5px;} ul.rightColumnList li a{text-decoration:none;} ul.rightColumnList li a:hover{text-decoration:underline;} .greyGradientBox { background: #c8c8c0 url('/library/images/common/box-gradient.gif') repeat-x top left; } .greyGradientBox .innerTop { padding-top:15px; } .greyGradientBox .innerBottom { padding: 0 15px 15px 15px; } .fourCol .greyGradientBox, .sixCol .fourCol .greyGradientBox { width:445px; } .fourCol .greyGradientBox .innerTop, .sixCol .fourCol .greyGradientBox .innerTop { background: transparent url('/library/images/common/four-col-gradient-top.gif') no-repeat top left; } .fourCol .greyGradientBox .innerBottom, .sixCol .fourCol .greyGradientBox .innerBottom { background: transparent url('/library/images/common/four-col-gradient-bottom.gif') no-repeat bottom left; } .fullContentLeft .greyGradientBox, .sixCol .greyGradientBox { width:694px; } .fullContentLeft .greyGradientBox .innerTop, .sixCol .greyGradientBox .innerTop { background: transparent url('/library/images/common/six-col-gradient-top.gif') no-repeat top left; } .fullContentLeft .greyGradientBox .innerBottom, .sixCol .greyGradientBox .innerBottom { background: transparent url('/library/images/common/six-col-gradient-bottom.gif') no-repeat bottom left; } .twoColumn .greyGradientBox { width:240px; } .twoColumn .greyGradientBox .innerTop { background: transparent url('/library/images/common/two-col-gradient-top.gif') no-repeat top left; } .twoColumn .greyGradientBox .innerBottom { background: transparent url('/library/images/common/two-col-gradient-bottom.gif') no-repeat bottom left; } .sixCol .fullWidthTwoColumns .greyGradientBox { width:337px; } .sixCol .fullWidthTwoColumns .greyGradientBox .innerTop { background: transparent url('/library/images/common/three-col-gradient-top.gif') no-repeat top left; } .sixCol .fullWidthTwoColumns .greyGradientBox .innerBottom { background: transparent url('/library/images/common/three-col-gradient-bottom.gif') no-repeat bottom left; } .sixCol .fullWidthTwoColumns .greyGradientBox .productContent { width:170px; float:left; margin:0px; } .productContentWinter {float: right;width: 300px;padding-top:5px;} .twoColumn .greyGradientBox label { width:200px; } .sixCol .ltGryBox {width:694px;} .ltGryBox {background:#f8f7f7;} .sixCol .ltGryBox .innerTop {background:transparent url('/library/images/common/sixCol-ltGry-box-top.gif') no-repeat top left; padding-top:14px;} .sixCol .ltGryBox .innerBottom {background:transparent url('/library/images/common/sixCol-ltGry-box-bottom.gif') no-repeat bottom left; padding:0 14px 14px 14px;} .fourCol .ltGryBox {width:445px;} .fourCol .ltGryBox .innerTop {background:transparent url('/library/images/breakdown/modularity/module-section-top.gif') no-repeat top left; padding-top:14px;} .fourCol .ltGryBox .innerBottom {background:transparent url('/library/images/breakdown/modularity/module-section-bottom.gif') no-repeat bottom left; padding:0 14px 14px 14px;} .dnaBlock h3{margin-bottom:25px;} /* [06m] Blog -----------------------------------*/ .rssFeed {float:right; font-size:0.8em; background:url('/library/images/common/icn-rss.gif') 0 0 no-repeat; padding-left:20px; margin-top:10px;} .rssFeed a{text-decoration:none;color:#949494;} .rssSummary ul li {background:url(/library/images/common/icn-rss.gif) 0 1px no-repeat; padding-left: 20px; padding-bottom:5px;} .rssSummary a{text-decoration:none;} .postSharing {color:#ccc;} .postSharing p {margin-bottom:0;} .PostTools {padding-top:5px;} .plainPostTools .postSharing {border:0; margin:0; padding:0; } .postSharing ul{float:right;} .blogSearch {margin-bottom:10px;} .blogSearch .search, .blogSearch .in { float:left; } .blogSearch .search label, .blogSearch .in label{ width:auto; } .blogComments .comment {padding-left:56px; background:url('/library/images/community/bg_comments.gif') 5px 0 no-repeat; margin-top:15px; padding-bottom:15px;} .blogComments .comment p{margin-bottom:4px;} .blogComments div.comment div.commentControls {border-bottom:1px solid #ccc; display:block; padding-bottom:15px;} .blogComments div.comment div.commentControls span.text{padding:0.5em 0.75em 0.6em 1em;} .blogComments div.comment.last {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:0;} .blogComments div.comment.last div.commentControls {border-bottom:none;} .blogComments div.comment div.commentControls a,#postComment form a,#postComment form .formBut{float:left;} #postComment textarea{margin:10px 0; } .socialMedia {padding:0;list-style-type:none;} .socialMedia li{background:none; display:block; float:left; width:16px; height:16px; padding:0; margin-left:5px;} .socialMedia li.delicious{background:url('/library/images/community/icon_delicious.jpg') 0 0 no-repeat;} .socialMedia li.digg{background:url('/library/images/community/icon_digg.jpg') 0 0 no-repeat;} .socialMedia li.reddit{background: url('/library/images/community/icon_alien.jpg') 0 0 no-repeat;} .socialMedia li.twitter{background: url('/library/images/community/t_mini-a.png') 0 0 no-repeat;} .socialMedia li.facebook{background:url('/library/images/community/icon_fb.jpg') 0 0 no-repeat;} .socialMedia li a{display:block; text-decoration:none; height:16px; width:16px;} .blogSearchAdv form .search {float:left;width:200px;} .blogSearchAdv form .in {float:left;width:100px;} .blogSearchAdv form .date {display:block;} .blogSearchAdv form .date select{margin-left:10px;} .tagCloud ul {padding-bottom:0;} .tagCloud li {display:block;float:left;background:none; padding-left:0;margin-right:6px;color:#FDA97A; } .tagCloud li.level1 {color:#FF7323; } .tagCloud li.level2 {color:#FE5D02; font-weight:bolder;} .tagCloud li.level3 {color:#FDA97A; font-weight:bolder; font-size:1.1em;} .blogSearchResults p {width: 75%; float:left; margin-bottom:0; } .blogSearchResults ul {float:right; margin-bottom:0; padding-bottom:0; } .blogSearchResults ul li {float:left; background:none; padding:0; margin-right:8px;} .blogArchive {font-weight:bold;padding-left:15px;} .blogArchive dt{margin-top:15px;} .blogPost sup {color:#75675E;} /* Reccomend a friend form styling */ form.recommendAFriend{display:block;margin:0 0 15px 0;clear:both;} form.recommendAFriend h3{display:block;margin:5px 0;clear:both;} form.recommendAFriend div{overflow:hidden;} form.recommendAFriend a.friend-recommend-another{color:#fff;background-color:#ff5d00;display:block;width:105px;padding:5px;text-decoration:none;margin:15px 0;border:1px solid #ccc;} /*[] Motoring reports ---------------------------*/ .motoringreports .resultBox {float:left; height:300px; margin-right:12px; width:200px;} .motoringreports .resultBox p.halfline {margin:0; padding:0 0 7px;} .journey img{float:right;padding:5px 0 10px 10px;} .reportbtnb{float: left; width: 221px;} .reportbtnb a{text-decoration: none;} .reportbtnb a span{text-decoration: underline;} .reportbtnb a:hover span{text-decoration: none;} .reportbtnb img{position: relative; bottom: -.3em; padding: 0px 10px 0px 0px;} .reportbtnf{float: right; width: 220px; text-align: right;} .reportbtnf a{text-decoration: none;} .reportbtnf a span{text-decoration: underline;} .reportbtnf a:hover span{text-decoration: none;} .reportbtnf img{position: relative; bottom: -.3em; padding: 0px 0px 0px 10px;} /* [06n] Search -----------------------------------*/ .centerContentFullWidth { padding:14px 26px } .searchResults { border:none; margin:0; } .searchResults .paging { background:#f8f7f7 none repeat scroll 0 0; margin-bottom:12px; padding:6px 10px; } .searchResults .paging p { margin-bottom:0; } .searchResults .paging ul { margin:0; float:none; margin:0; padding:0; } .searchResults .paging ul li { background:transparent none repeat scroll 0 0; clear:none; float:left; margin:0; padding:0 4px; } .searchResults .paging ul li.linkArrowRight { background:transparent url(/library/images/common/link-arrow-right.gif) no-repeat scroll 100% 50%; float:left; padding:0 12px 3px 4px; } .searchResults .paging ul li.linkArrowLeft { background:transparent url(/library/images/common/link-arrow-left.gif) no-repeat scroll 100% 50%; float:left; padding:0 4px 3px 12px; } ol.searchResults { clear:both; list-style-type:none; margin:0; padding:0; } .searchResults li { clear:both; list-style-type:none; margin:19px 0; padding:0; } .searchResults li h4 { margin:1em 0 0.25em; } .searchResults p, .searchBox p { margin:0; line-height:1.25em; } #content .searchResults .secondLevel { margin-left:3em; } /*[07] Misc --------------------------------------*/ p.phoneNumber{background: url('/library/images/common/callout-icon-phone.gif') 0 0 no-repeat;height:31px;padding-left:40px;font-size:1.3em;} p.phoneNumber span{display:block;color:#FF5E00;font-size:0.9em; font-weight:bold;} /*[TABS] -----------------------------------------*/ .ui-tabs .ui-tabs-hide {display:none;} .sixCol .ui-tabs .ltGryBox .innerTop {background:transparent url('/library/images/common/sixCol-ltGry-box-top-right.gif') no-repeat top right; } #tabBlock form div.row,#tabBlock form p { float:left; margin-right:10px; } #tabBlock form p {width:100px;} #tabBlock form label {width:auto;} .jsEnabled .tabs form h4 {display:none;} .tabs .tabNav {display:none;} .jsEnabled .tabs .tabNav {display:block;} .tabs .tabNav {padding:0;list-style-type:none;overflow:hidden;} .tabs .tabNav li{float:left;margin-right:5px;padding:0px;} .tabs .tabNav li a{font-weight:bold;text-decoration:none;color:#75675E;} .tabs .tabNav li a:hover{text-decoration:none;} .tabs .ui-tabs-nav li {background:#eae8e7 url('/library/images/common/dkGry-tab-top-left.gif') no-repeat top left;} .tabs .ui-tabs-nav li a {background:transparent url('/library/images/common/dkGry-tab-top-right.gif') no-repeat top right; padding:7px 10px; color: #8f837b; display:block;} .tabs .ui-tabs-nav li.ui-tabs-selected {background:#f8f7f7 url('/library/images/common/ltGry-tab-top-left.gif') no-repeat top left;} .tabs .ui-tabs-nav li.ui-tabs-selected a {background:transparent url('/library/images/common/ltGry-tab-top-right.gif') no-repeat top right; color:#75675E;} .sitemaplist {padding-top:10px; width:230px;} .sitemap ul {padding-bottom:10px; padding-top:10px;} .sitemap ul li {font-size: 1em;font-weight:bold; background:none;} .sitemap ul li ul {margin:3px 0;} .sitemap ul li ul li {font-size: 1em;font-weight:normal;padding-bottom:0; background:transparent url(/library/images/common/orange-bullet.gif) no-repeat scroll 7px 7px} .sitemap ul li ul li a, .sitemap ul li ul li a:visited {color:#555; text-decoration: none;} .sitemap ul li ul li a:hover{color:#f15d21;} .sitemap ul li ul li ul li {font-size: 0.9em;} .sitemap ul li ul li ul li ul li {} /*[08] SIFR --------------------------------------*/ #legalExpenses .appFormTitle label.learnMore {background:none;float:left;padding:0;width:118px;} #legalExpenses .appFormTitle a.learnMore {background-position:0 3px;float:left;padding:0 0 0 18px;} /* FONT FACE STYLES*/ #header-text{ line-height: 1.0em; font-size: 0.95em; color: #ffffff; position: absolute; top: 44px; left: 180px; width: 400px; } .headerArea .homeCTA h1, .mainContentArea h1, .headerArea h1, #headerPromoTitle h2, h2 { /* add in brand font face font here */ } .headerArea .homeCTA h1 { color:#fff; font-weight: normal; } .mainContentArea h1, .headerArea h1 { color:#75675e; font-weight: normal; } #headerPromoTitle h2 { color:#ff5e00; } h2 { letter-spacing:0; } h2 a { color:#75675E; text-decoration: none; } h2 a:hover { color:#75675E; text-decoration: none; } /*---- Header styling ---*/ /*[09] UI styling --------------------------------------*/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999em; top:-99999em; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; float:left; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* RAC specific select menu styles */ .ui-selectmenu, .ui-selectmenu:link, .ui-selectmenu:hover, .ui-selectmenu:active, .ui-selectmenu:visited, .ui-selectmenu-menu a, .ui-selectmenu-menu a:link, .ui-selectmenu-menu a:hover, .ui-selectmenu-menu a:active, .ui-selectmenu-menu a:visited { color:#75675E; text-decoration:none; } .ui-selectmenu-menu { background:#fff; border:1px solid #bbb; color:#75675E; font-size:0.9em; overflow-x:hidden; z-index: 6000000; padding-right: 8px; } .ui-selectmenu-menu li { background: none; margin-right: -8px; padding: 0; border: 0; } .ui-selectmenu-menu li a { padding: 4px 5px; } .ui-selectmenu-menu li a:hover, .ui-selectmenu-menu .ui-state-hover a { background:#f8f7f7; } .ui-selectmenu-menu li.ui-selectmenu-item-selected a { font-weight:bold; background:#f8f7f7; } .ui-selectmenu-dropdown { background: url('/library/images/forms/select-left.png') top left no-repeat; padding:0px 4px 0px 7px; } .error .ui-selectmenu-dropdown { background: url('/library/images/forms/select-left-error.png') top left no-repeat; } .ui-selectmenu-status { line-height: 1.4em; background:transparent url(/library/images/forms/select-mid.png) repeat-x scroll left top; height:21px; padding:6px 4px 1px 3px; margin-right: 14px; overflow:hidden; } .error .ui-selectmenu-status { background:transparent url(/library/images/forms/select-mid-error.png) repeat-x scroll left top;} .ui-selectmenu-dropdown .ui-icon { top: 0; right: 0; margin:0; } /* states and images */ .ui-selectmenu-dropdown .ui-icon { width: 18px; height: 28px; background: url(/library/images/forms/select-states.png) no-repeat 0 0; } .ui-selectmenu-dropdown.ui-state-hover .ui-icon, .ui-selectmenu-dropdown .ui-state-focus .ui-icon, .ui-selectmenu-dropdown .ui-state-highlight .ui-icon { background:url(/library/images/forms/select-states.png) no-repeat 0 -28px; } .ui-selectmenu-dropdown.ui-state-active .ui-icon {background:url(/library/images/forms/select-states.png) no-repeat 0 -56px; } .error .ui-selectmenu-dropdown .ui-icon { background: url(/library/images/forms/select-states.png) no-repeat -18px 0; } .error .ui-selectmenu-dropdown.ui-state-hover .ui-icon, .error .ui-selectmenu-dropdown .ui-state-focus .ui-icon, .ui-selectmenu-dropdown .ui-state-highlight .ui-icon { background:url(/library/images/forms/select-states.png) no-repeat -18px -28px; } .error .ui-selectmenu-dropdown.ui-state-active .ui-icon {background:url(/library/images/forms/select-states.png) no-repeat -18px -56px; } /* Datepicker ----------------------------------*/ .ui-datepicker-trigger{float:left;} .ui-datepicker{margin-top:20px; margin-left:20px; position:absolute; left: -9999em; top: -9999em; } .ui-datepicker { width: 17em; padding: 6px; background:#EAE8E7; border:5px solid #FF5E00;} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 2.25em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; } .ui-datepicker .ui-datepicker-prev { left:1px; cursor:pointer;} .ui-datepicker .ui-datepicker-next { right:1px; cursor:pointer; text-align:right;} .ui-datepicker .ui-datepicker-prev-hover { left:1px; text-decoration:underline; } .ui-datepicker .ui-datepicker-next-hover { right:1px; text-decoration:underline; } .ui-datepicker .ui-datepicker-prev span { text-indent:0; } .ui-datepicker .ui-datepicker-next span { text-indent:0; } .ui-datepicker .ui-datepicker-title { margin: 0 2.25em; line-height: 1.8em; text-align: left; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker .ui-selectmenu-dropdown {margin-right:0px} .ui-datepicker .ui-selectmenu {margin-left:0px} .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month { width: auto;} .ui-datepicker select.ui-datepicker-year { width: auto;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; margin:0; margin-top:6px;} .ui-datepicker tr td { padding: 0px; } .ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td a:visited, .ui-datepicker td a:hover { display: block; padding: 3px 5px; text-align:right; color:#75675E; } /*.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }*/ .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus { background:#EAE8E7; display:block; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active { background: #ffffff;font-weight:bold; } .ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited {font-weight:bold;} .ui-datepicker .ui-selectmenu-dropdown .ui-state-active, .ui-datepicker .ui-widget-content .ui-selectmenu-dropdown .ui-state-active {background:none; font-weight:normal;} /*[PROMOS]---------------------------------------------------*/ /*[MVT HOMEPAGE]---------------------------------------------*/ div.mvtHide{display:none;} /* header images */ .louiseCTAPromo{background: transparent url('/library/images/homepage/louise-cta-promo.gif') no-repeat left top; height:212px;} #louiseOverlapPromo{background: transparent url('/library/images/homepage/louise-overlap-promo.gif') no-repeat left bottom;} .productCarHomeCTA{background: transparent url('/library/images/insurance/product-car-home-cta.gif') no-repeat left top ; height:212px;} /* sifr price */ #headerPromoTitle h2#homePromoPrice {line-height:1em; margin-top:-8px; font-size:3.38em; width:2em; color:#ff5e00; padding-bottom: 0px; float:left; padding-top:2px; padding-left:0px; font-weight:bold;} .leftHeaderPromoButtons{height:40px; width:300px; float:left; padding-top:5px;} #headerTicker{float:left;} #heroPromo {float:right; width:254px; height:177px; margin:20px 3px 15px 0px;} #heroPromo h4 {font-size:1.8em; font-weight:normal;padding: 0px 0px 0px 15px;} #heroPromo h4.rotatingMessage {font-size:1.5em; font-weight:normal;padding: 0px;} #heroPromo form fieldset {padding-left:15px;} #heroPromo label {padding-top:9px; font-weight:normal; color:#75675e;} #heroPromo .heroPromoMain {background:url('/library/images/common/hero-promo-main.png') repeat-x; float:left;height:133px; width:227px;} #heroPromo .heroPromoTop {background:url('/library/images/common/hero-promo-top.png') no-repeat; height:24px; width:254px;} #heroPromo .heroPromoBot {background:url('/library/images/common/hero-promo-bot.png') no-repeat; height:20px; width:254px;} #heroPromo .heroPromoLeft {background:url('/library/images/common/hero-promo-left.png') repeat-y; float:left; height:133px; width:19px;} #heroPromo .heroPromoRight {background:url('/library/images/common/hero-promo-right.png') repeat-y; float:right; height:133px; width:8px;} .routePlannerHomePromo {background:url('/library/images/common/routeplannerbg-home-promo.jpg') no-repeat top right; float:left;height:139px; width:480px;} .routePlannerHomePromo form label {width:180px;} .faderTopAlign{ margin-top:-3px;} #homepageTicker li, homepageTickerNew li {background-color:#fff;} ul#homepageTickerNew h2, ul#homepageTickerNew h3 {background-color:#fff;} /* variant 2 tall promo areas */ body.tall {background:url('/library/images/common/home-background-tall.gif') #fff repeat-x;} #headerPromoTall{height:338px;} .louiseCTATall{background: transparent url('/library/images/homepage/louise-cta-tall.gif') no-repeat left top; height:212px;} #louiseOverlapTall{background: transparent url('/library/images/homepage/louise-overlap-tall.gif') no-repeat left bottom;} .mainContentAreaTall .mainContentArea {margin-top:0px;} .smallTopPadding{padding-top:20px !important;} #homePromoTall {float:right; width:370px; margin:20px 3px 15px 0px;} #heroPromoTall {width:333px; height:135px; margin:0px;} #heroPromoTall h4 {font-size:1.8em; font-weight:normal;padding: 0px 0px 0px 15px;} #heroPromoTall .heroPromoMain {background:url('/library/images/common/hero-promo-main-tall.png') repeat-x; float:left;height:93px; width:321px;} #heroPromoTall .heroPromoTop {background:url('/library/images/common/hero-promo-top-tall.png') no-repeat; height:21px; width:333px;} #heroPromoTall .heroPromoBot {background:url('/library/images/common/hero-promo-bot-tall.png') no-repeat; height:23px; width:333px;} #heroPromoTall .heroPromoLeft {background:url('/library/images/common/hero-promo-left-tall.png') repeat-y; float:left; height:93px; width:5px;} #heroPromoTall .heroPromoRight {background:url('/library/images/common/hero-promo-right-tall.png') repeat-y; float:left; height:93px; width:7px;} /* orange bits */ body.orangeBodyTall {background:url('/library/images/common/home-background-tall-orange.gif') #fff repeat-x;} body.orangeBody {background:url('/library/images/common/home-background-orange.gif') #fff repeat-x;} #headerAreaOrange {background:url('/library/images/common/header-background-orange.gif') transparent no-repeat top left; width:966px;} #headerAreaOrange #logo, #headerAreaOrange #logoBreakdown, #headerAreaOrange #logoInsurance {background:url('/library/images/common/rac-logo-orange.gif') no-repeat 19px 21px; width:100px; height:50px; float:left; padding:21px 0px 39px 19px;} #headerAreaOrange #logoBreakdown {background:url('/library/images/common/rac-breakdown-logo-orange.gif') no-repeat 19px 21px;} #headerAreaOrange #logoInsurance {background:url('/library/images/common/rac-insurance-logo-orange.gif') no-repeat 19px 21px;} #headerAreaOrange #logo a, #headerAreaOrange #logoBreakdown a, #headerAreaOrange #logoInsurance a{width:101px; height:51px; display:block;} /*Login Styles*/ #headerAreaOrange #contactLogin #contactNumbersLeft p {margin-bottom:0.3em; color:#fff; float:right;} #headerAreaOrange #contactLogin #loginRight p {margin-bottom:0.1em; color:#fff;} #headerAreaOrange #contactLogin p span.contactNumbers{color:#fff;} #headerAreaOrange #contactLogin #loginRight {float:right; border-left:1px solid #fff; padding-left:10px; font-size:0.9em;} #headerNavOrange {padding:0px;} #headerNavOrange li.topLevel {height:55px; float:left; outline:none; list-style-type:none; padding-left: 0px; background:url('/library/images/common/menu-tiles-orange.gif') #f7f7f7 no-repeat; position:relative;} #headerNavOrange li {padding-bottom:0;} #headerNavOrange li a {outline:none;} #headerNavOrange li.breakdown{width:110px; background-position:0 0;} #headerNavOrange li.insurance{width:103px; background-position:-110px 0;} #headerNavOrange li.planner{width:106px; background-position:-213px 0;} #headerNavOrange li.productsServices{width:144px; background-position:-319px 0;} #headerNavOrange li.advice{width:133px; background-position:-464px 0;} #headerNavOrange li.myRac{width:88px; background-position:-596px 0;} #headerNavOrange li.search{width:140px; background-position:-684px 0;} #headerNavOrange li.breakdown:hover,.breakdownSelected #headerNavOrange li.breakdown{background-position:-0 -55px;} #headerNavOrange li.insurance:hover,.insuranceSelected #headerNavOrange li.insurance{background-position:-110px -55px;} #headerNavOrange li.planner:hover,.plannerSelected #headerNavOrange li.planner{background-position:-213px -55px;} #headerNavOrange li.productsServices:hover,.productsServicesSelected #headerNavOrange li.productsServices{background-position:-319px -55px;} #headerNavOrange li.advice:hover,.adviceSelected #headerNavOrange li.advice{background-position:-464px -55px;} #headerNavOrange li.myRac:hover,.myRacSelected #headerNavOrange li.myRac{background-position:-596px -55px;} #headerNavOrange li.search:hover,.searchSelected #headerNavOrange li.search{background-position:-684px 0;} #headerNavOrange li a {display:block; height:55px;} #headerNavOrange li div.subNavigation ul {padding:0px;} #headerNavOrange li div.subNavigation li{ background:none; height:auto; float:left;} #headerNavOrange li div.subNavigation a{ height:auto; display:inline;} #headerNavOrange li div.subNavigation a.bigBut {display:block;} #headerNavOrange li div.subNavigation li a{ display:block;} #headerNavOrange li div.subNavigation {top:-30000em;} #headerNavOrange li:hover div.subNavigation, #headerNavOrange li:hover div.searchDropDown{top:55px;} #headerNavOrange li div.searchDropDown {top:-30000em;} #headerNavOrange li.breakdown div.subNavigation{left: 0px;} #headerNavOrange li.insurance div.subNavigation{left: -110px;} #headerNavOrange li.planner div.subNavigation{left: -213px;} #headerNavOrange li.productsServices div.subNavigation{left: -319px;} #headerNavOrange li.advice div.subNavigation{left: -463px;} #headerNavOrange li.myRac div.subNavigation{left: -596px;} #headerNavOrange li.search div.searchDropDown{left:-130px; width:210px; height:244px; background:url('/library/images/common/search-background.gif') no-repeat; position:absolute; color:#555;} #headerNavOrange li.search div.searchDropDown fieldset {padding:20px 0px 14px 18px; } .searchDropDown form label { width:auto; } #headerNavOrange li div.searchDropDown a {height:auto; line-height:1.25em;} #searchTile fieldset{padding-top:8px;} #headerNavOrange li.search label {width:128px; color:#fff;} #headerNavOrange li.search .intergratedSearch {background:url('/library/images/forms/header-search-box.gif') transparent no-repeat 0 0; padding-right:3px; margin-left:2px; float:left; } #headerNavOrange li.search form input.searchInput {background:none; width:100px; height:17px; padding:4px 5px; float:left; } #headerNavOrange li.search div.intergratedSearchBut { background:none; border-bottom:0; font-size:1em; line-height:1em; margin:0; margin-top:1px; padding:0; position:relative; text-align:left; display:block; } div.intergratedSearchBut input.formButText { background:none; border:0; color:#fff; cursor:pointer; font-size:0.83em; font-weight:bold; left:0; position:absolute; top:0; z-index:50; margin:0; padding:0.15em 0.2em 0.2em 0.2em; display:block; font-family:Helvetica, Arial, sans-serif; text-align:left; } .otherProductsMenuOrange { background:url('/library/images/common/other-products-menu-center-orange.gif'); width:460px;} .otherProductsMenuOrange .otherProductsMenuTop { background:url('/library/images/common/other-products-menu-top-orange.gif') repeat-x top left;} .otherProductsMenuOrange .otherProductsMenuBot { background:url('/library/images/common/other-products-menu-bot-orange.gif') repeat-x bottom left; width:460px; position:relative; } .otherProductsMenuOrange ul { padding:0px; } .otherProductsMenuOrange li { background: none; float:left; width:95px; padding:10px 10px 0px 10px; font-size: 1em; color:#fff; line-height: 1em; } .otherProductsMenuOrange p { font-size: 0.95em; } .otherProductsMenuOrange p a, .otherProductsMenuOrange h4 a, .otherProductsMenuOrange p a:hover, .otherProductsMenuOrange h4 a:hover, .otherProductsMenuOrange p a:visited, .otherProductsMenuOrange h4 a:visited {color:#fff; text-decoration:none;} .otherProductsMenuOrange p a, .otherProductsMenuOrange p a:hover, .otherProductsMenuOrange p a:visited { text-decoration:underline;} .otherProductsMenuOrange li div.subProducts{width:269px; height:112px; position:absolute;} .otherProductsMenuOrange li div.subProducts ul li {background:none; float:none; height:auto;} .otherProductsMenuOrange li div.subProducts {display:none;} .otherProductsMenuOrange li:hover div.subProducts{display:block;} .otherProductsMenuOrange .learnMore{background:transparent url(/library/images/btn/info-orange.gif) no-repeat scroll 0 bottom;display:block;font-weight:bold;padding:0 0 0 20px;} /* mvt footer */ #footerOrange {color:#fdfdfd; margin-top:-60px; } #footerOrange #footerTop {background:url('/library/images/common/footer-top-background-orange.gif') no-repeat top center; width:966px; padding:0px 12px; height:18px; margin:auto; } #footerOrange #footerBackground {background:url('/library/images/common/footer-background-orange.gif') #f15d21 repeat-x; height:42px; width:100%;} #footerOrange #footerContentContainer {margin:0 auto; width:990px; background:url('/library/images/common/footer-background-orange.gif') #f15d21 repeat-x;} #footerOrange #footerContent {background:#ffffff url('/library/images/common/footer-fade-orange.gif') repeat-x top left; width:966px; height:42px; margin:0px 12px; color:#fff;} #footerOrange #footerContent ul{float:right; width:835px; padding:15px 15px 0 0; font-size:0.75em; letter-spacing:0em; font-family:helvetica;} #footerOrange #footerContent li{float:left; padding-left:4px; padding-right:3px; background:url('/library/images/common/footer-separator.gif') no-repeat left center; padding-bottom:0px;} #footerOrange #footerContent li.first{background:none; padding-left:0;} #footerOrange #footerContent a {color:#fff;} #footerOrange #getInvolved {background:url('/library/images/common/up-arrow-orange.gif') transparent 95% 95% no-repeat; float:left; width:79px; padding:14px 10px 0 10px; font-family:helvetica; font-weight:bold; font-size:0.85em; cursor: pointer; } #footerOrange #getInvolved.open {background:url('/library/images/common/down-arrow-orange.gif') transparent 95% 95% no-repeat;} #footerOrange #socialMediaLinks {width:956px; margin:auto; background:url('/library/images/common/social-media-bg-orange.gif') #ff9933 repeat-y; color:#fff; padding-left:10px;} #footerOrange #socialMediaLinks ul li{float:left; padding: 0px 15px 0px 22px; } #footerOrange #socialMediaLinks ul li a{font-size:0.8em; font-family:helvetica; color:#fff;} #footerOrange .socialIcons {background:url('/library/images/common/social-icons-orange.gif') no-repeat;} /* grey blocks */ .greyBackground {background: url('/library/images/common/grey-pod-bg.gif') top left ;} .rightGreyTop{background: url('/library/images/common/top-right-grey.gif') right top no-repeat;} .rightGreyBot{background: url('/library/images/common/bottom-right-grey.gif') right bottom no-repeat;} .leftDoubleBottomGrey {background: url('/library/images/common/bottom-left-double-grey.gif') left bottom no-repeat;} .leftDoubleTopGrey {background: url('/library/images/common/top-left-double-grey.gif') left top no-repeat;} .leftSingleBottomGrey {background: url('/library/images/common/bottom-left-single-grey.gif') left bottom no-repeat;} .rightSingleBottomGrey {background: url('/library/images/common/bottom-right-single-grey.gif') right bottom no-repeat;} .rightDoubleBottomGrey {background: url('/library/images/common/bottom-right-double-grey.gif') right bottom no-repeat;} .rightDoubleTopGrey {background: url('/library/images/common/top-right-double-grey.gif') right top no-repeat;} .leftSingleBottomGrey .corners, .leftDoubleBottomGrey .corners, .leftDoubleTopGrey .corners, .noLeftCornersGrey .corners, .leftDoubleBottomNoBotPadGrey .corners { padding-left:22px; } .leftSingleBottomGrey .corners { padding-bottom:22px;} .leftDoubleBottomGrey .corners { padding-bottom:12px;} .leftDoubleTopGrey .corners { padding-top:12px;} .rightSingleBottomGrey .corners, .rightDoubleBottomGrey .corners, .rightDoubleTopGrey .corners, .rightDoubleBottomShortGrey .corners, .rightSingleBottomShortGrey .corners, .noRightCornersGrey .corners, .noRightCornersGrey .corners { padding-right:22px;} .rightSingleBottomGrey .corners, .rightSingleBottomShortGrey .corners { padding-bottom:22px;} .rightDoubleBottomGrey .corners, .rightDoubleBottomShortGrey .corners { padding-bottom:12px;} .rightDoubleTopGrey .corners, .rightDoubleTopShortGrey .corners { padding-top:12px;} .noLeftCornersFormGrey .corners { padding-left:14px; } .productLeftImageGrey {background:url('/library/images/common/silver-car-grey.gif') no-repeat bottom right; width:188px; height:80px; float:right;} /*[END MVT]----------------------------------------------------*/ /* this needs to be removed when promo styles are complete */ .promoBox { width: 218px; height: 154px; margin: 0 0 15px 0;} #rightPromos .promoBox p { margin: 0 0 0 0; padding: 0 10px 0 18px; color: #ff5d00; font-weight: bold;} #rightPromos .promoBox h3 { margin: 0; padding: 10px 10px 5px 10px; color: #75675e; font-size: 1.5em;} .promoBox.wheel { background: #fff url('/library/images/promos/crossSellWheelBlank.jpg');} /* end promo section that needs removing */ .rightPromo {background:url(/library/images/promos/promo-foot.gif) #f8f6f7 no-repeat bottom; margin-bottom:10px; width:220px;} .rightPromo .promoHead{ padding:0;} .rightPromo .promoHead p {padding:0; margin:0;} .rightPromo .promoHead h3 {margin-bottom:0px; font-size:1.40em; color:#75675E; padding:0px; display:block;} .rightPromo .promoHead h3.plain { padding:82px 12px 10px 12px; } .rightPromo .promoHead a:link, .rightPromo .promoHead a:hover, .rightPromo .promoHead a:visited { display:block; color: #75675e; text-decoration:none; padding:82px 12px 10px 12px; } .rightPromo .promoBody{ padding:12px;} /* right column */ .largePromo {background:url(/library/images/promos/promo-foot-wide.gif) #f8f6f7 no-repeat bottom; margin-bottom:10px; width:445px;} .largePromo .promoHead{ padding:0;} .largePromo .promoHead h3 {margin-bottom:0px; font-size:1.60em; color:#75675E; padding:0px; display:block;} .largePromo .promoHead h3.plain { padding:130px 12px 10px 12px; } .largePromo .promoHead a:link, .largePromo .promoHead a:hover, .largePromo .promoHead a:visited { display:block; color: #75675e; text-decoration:none; padding:130px 12px 10px 12px; } .largePromo .promoBody{ padding:12px;} /* right column */ /* AtHome Promo*/ .rightPromo.atHome .promoBody { background: url(/library/images/promos/at-home-bottom.jpg) no-repeat; color:#FFF; height:80px; } .rightPromo.atHome .promoBody sup{ color:#FFF; } /* atHome in page Content Block*/ #atHomeBlock { display:block; width:396px; height:217px; background:url('/library/images/home/bg-athome-content-block.jpg') no-repeat; margin-bottom:5px; padding:24px 0 0 24px; } #atHomeBlock h3 {margin-bottom:24px;} #atHomeBlock p { width:260px; font-size:1em; margin-bottom:8px; } #atHomeBlock.inset { margin-left:25px; } /* bigFreeze in page Content Block*/ #bigFreezeVideo { display:block; width:220px; height:112px; background:url('/library/images/home/big-freeze-video.jpg') no-repeat; } #safeWinterVideo { display:block; width:220px; height:112px; background:url('/library/images/home/safe-winter-driving.jpg') no-repeat; } #bigFreezeBlock { display:block; width:427px; height:273px; background:url('/library/images/home/bg-bigFreeze-content-block.jpg') no-repeat; margin-bottom:10px; padding:12px 10px 0 10px; } .winterDrivingPod { margin-bottom: 12px; padding:10px; border: 4px solid #ed771f; -ms-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; position:relative; } #winterDrivingBreakdownPromo { width:280px; height:50px; padding:10px; background:#ed771f; color:#fff; position:relative; -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #bigFreezeBlock h3 {margin-bottom:24px;} img.winterDrivingStat {float:left;padding:18px 10px 0 0;} img.winterDrivingIcon {float:right;padding:18px 0 0 10px;} img.winterDrivingCloudIcon {position:absolute;top:-22px;right:-5px;} .winterDrivingPod p {width:217px;float:left;margin-bottom:0;} #winterDrivingNews {min-height:8em;} #winterDrivingBreakdownPromo p {font-size:1.1em;line-height:1.5em;font-weight:bold;} #winterDrivingBreakdownPromo p span {font-size:1.9em;font-weight:normal;} #winterDrivingBreakdownPromo a {position:absolute;top:50%;left:65%;} #winterVideosRight h3 {margin-bottom:3px;padding-left:5px;} .meetOurDrivingBox {width:190px;padding: 10px;} .rightPromo .promoBody form{ width:196px;} .rightPromo .promoBody form label{ width:auto;} .rightPromo .promoBody form .row{ margin-bottom:5px; } .rightPromo .promoBody form .row ul { padding-bottom:0; } .rightPromo .promoBody form .row ul li { background:none; padding-left:0; } /* landing page center content promos */ .centerPromoFleets{background: url(/library/images/promos/fleets.jpg) no-repeat;} .centerPromoMileageCalculator{background:url(/library/images/promos/mileage-calculator.gif) no-repeat;} .centerPromoMapFinder{background:url(/library/images/promos/map-finder.gif) no-repeat;} .centerPromoPremiumTrafficUpdates{background:url(/library/images/promos/premium-traffic-updates.gif) no-repeat;} .centerPromoTrafficUpdates{background:url(/library/images/promos/traffic-updates.gif) no-repeat;} .centerPromoHotelFinder{background:url(/library/images/promos/promo-45-hotel-planner.gif) no-repeat;} .centerPromoHotelFinderWide{background:url(/library/images/promos/hotel-promo.jpg) no-repeat;} .centerPromoInspectedVehicleDealers{background: url(/library/images/promos/inspected-vehicle-dealer.jpg) no-repeat;} .centerPromoCarDataChecks{background:url(/library/images/promos/car-data-checks.gif) no-repeat;} .centerPromoMultiCarChecks{background:url(/library/images/promos/multi-car-checks.gif) no-repeat;} .centerPromoRacShop{background:url(/library/images/promos/rac-shop.gif) no-repeat;} .centerPromoVehicleInspections{background:url(/library/images/promos/vehicle-inspections.gif) no-repeat;} .centerPromoRacTyres{background:url(/library/images/promos/rac-tyres.gif) no-repeat;} .centerPromoApprovedGarages{background:url(/library/images/promos/approved-gargages.gif) no-repeat;} .centerPromoCarHire{background:url(/library/images/promos/car-hire.jpg) no-repeat;} .centerPromoRACMemberOffers{background: url(/library/images/promos/promo-9-rac-member-offers.gif) no-repeat;} .centerPromoRACRenewal{background: url(/library/images/promos/promo-49-rac-renewal.gif) no-repeat;} .centerPromoRACForum{background: url(/library/images/promos/promo-20-rac-forum.gif) no-repeat;} .centerPromoFriend{background: url(/library/images/promos/promo-17-legal-protection.gif) no-repeat;} .centerPromoMotoringNews{background: url(/library/images/promos/promo-28-motoring-news.gif) no-repeat;} .centerPromoRacWorld{background: url(/library/images/promos/rac-world.gif) no-repeat;} .centerPromoRacWorldMagazine{background: url(/library/images/promos/rac-world-mag.gif) no-repeat;} .centerPromoDrivingAbroad{background: url(/library/images/car-knowledge/driving-abroad-report-2008.gif) no-repeat;} .centerPromoCamping{background: url(/library/images/promos/promo-41-camping-in-europe.gif) no-repeat;} .centerPromoCarnetDePassage{background: url(/library/images/promos/promo-20-rac-forum.gif) no-repeat;} .centerPromoInternationalDriving{background: url(/library/images/promos/promo-42-driving-abroad.gif) no-repeat;} .centerPromoFairFuelUK{background: url(/library/images/promos/promo-51-fairfueluk.gif) no-repeat;} .centerPromoRouteplannerWidget{background: url(/library/images/car-knowledge/routeplanner-widget.gif) no-repeat;} .centerPromoTrafficAppWidget{background: url(/library/images/car-knowledge/traffic-app-widget.jpg) no-repeat;} .centerPromoRACShop{background: url(/library/images/promos/rac-shop-winter.jpg) no-repeat;} .centerPromoGarageFinder{background: url(/library/images/promos/approved-gargages.gif) no-repeat;} .centerPromoMotorCodes{background: url(/library/images/promos/promo-garage-finder.gif) no-repeat;} .centerPromoGarageScheme{background: url(/library/images/promos/promo-garage-finder-scheme.gif) no-repeat;} .centerPromoBigFreeze{background: url(/library/images/promos/promo-big-freeze.gif) no-repeat;} .centerPromoSelfServe{background: url(/library/images/promos/promo-20-rac-forum.gif) no-repeat;} .centerPromoTrafficApps{background: url(/library/images/promos/rac-traffic-iphone.jpg) no-repeat;} .centerPromoRACCarHomeInsurance {background: url(/library/images/promos/promo-10-percent-car-home-insurance.gif) no-repeat;} .centerPromoRACBatteries{background: url(/library/images/promos/rac-batteries-centre-promo.jpg) no-repeat;} .centerPromoHighwaysAgency{background: url(/library/images/promos/promo-highways-agency.gif) no-repeat;} .centerPromoBrokenDown{background: url(/library/images/promos/promo-broken-down.jpg) no-repeat;} .centerPromoBusinessSmallFleetCars{background: url(/library/images/promos/promo-37-business-breakdown-cover.gif) no-repeat;} .centerPromoBusinessFleetCars{background: url(/library/images/promos/car-hire.jpg) no-repeat;} .centerPromoBusinessFleetTrucks{background: url(/library/images/promos/truck-fleet.gif) no-repeat;} .centerPromoBusinessMinibus{background: url(/library/images/promos/promo-25-live-traffic.gif) no-repeat;} .centerPromoBusinessTaxi{background: url(/library/images/promos/taxi-breakdown.gif) no-repeat;} .centerPromoBusinessDealers{background: url(/library/images/promos/promo-21-rac-editorials.gif) no-repeat;} .centerPromoBusinessInspections{background: url(/library/images/promos/promo-7-did-you-know-add.gif) no-repeat;} .centerPromoBusinessInspectionsFleets{background: url(/library/images/promos/vehicle-inspections-fleet.jpg) no-repeat;} /* motoring reports center promos */ .centerPromoMotoringReport2010{background:url(/library/images/car-knowledge/motoring-report-2010.gif) no-repeat;} .centerPromoCostOfMotoring2009{background:url(/library/images/car-knowledge/cost-of-mototing-report-2009.gif) no-repeat;} .centerPromoCostOfMotoring2011{background:url(/library/images/car-knowledge/cost-of-mototing-report-2011.gif) no-repeat;} .centerPromoMotoringReport2009{background:url(/library/images/car-knowledge/motoring-report-2009.gif) no-repeat;} .centerPromoCostOfMotoringReport{background:url(/library/images/car-knowledge/cost-of-mototing-report-2008.gif) no-repeat;} .centerPromoBreakdownBritainReport2008{background:url(/library/images/car-knowledge/breakdown-britain-report-2008.gif) no-repeat;} .centerPromoDrivingAbroadReport2008{background:url(/library/images/car-knowledge/driving-abroad-report-2008.gif) no-repeat;} .centerPromoMotoringReport2008One{background:url(/library/images/car-knowledge/motoring-report-2008-one.gif) no-repeat;} .centerPromoMotoringReport2008Two{background:url(/library/images/car-knowledge/motoring-report-2008-two.gif) no-repeat;} .centerPromoMotoringReport2008Three{background:url(/library/images/car-knowledge/motoring-report-2008-three.gif) no-repeat;} .centerPromoMotoringReportSummary2007{background:url(/library/images/car-knowledge/motoring-report-summary-2007.gif) no-repeat;} .centerPromoMotoringReport2007{background:url(/library/images/car-knowledge/motoring-report-2007.gif) no-repeat;} .centerPromoMotoringReport2006{background:url(/library/images/car-knowledge/motoring-report-2006.gif) no-repeat;} .centerPromoBreakdownBritainReport2006{background:url(/library/images/car-knowledge/breakdown-britain-report-2006.gif) no-repeat;} /* Press contacts promo styles */ .contactPromo .promoHead{ padding:55px 115px 5px 12px;} .contactPromo .promoHead h3 {margin-bottom:10px; font-size:1.6em; color:#75675E; padding-top:7px;} .contactPromoVickiBurn{background:url(/library/images/press-contacts/vicki-burn.gif) no-repeat;} .contactPromoLucyHaughey{background:url(/library/images/press-contacts/lucy-haughey.gif) no-repeat;} .contactPromoAdrianTink{background:url(/library/images/press-contacts/adrian-tink.gif) no-repeat;} .contactPromoLouiseZucchi{background:url(/library/images/press-contacts/louise-zucchi.gif) no-repeat;} .contactPromoErikNelson{background:url(/library/images/press-contacts/erik-nelson.gif) no-repeat;} .contactPromoJennyChapman{background:url(/library/images/press-contacts/jenny-chapman.gif) no-repeat;} .contactPromoJohnFranklin{background:url(/library/images/press-contacts/john-franklin.gif) no-repeat;} .contactPromoLizKennett{background:url(/library/images/press-contacts/liz-kennett.gif) no-repeat;} .contactPromoKatyHurren{background:url(/library/images/press-contacts/katy-hurren.gif) no-repeat;} /* News advice landing page promo styles */ .contactPromo .newsadviceHead{ background:url(/library/images/promos/promo-head.gif) no-repeat top left;} .newsGreyBoxContent{width:196px; padding:0 12px;} .newsGreyBoxTriple {background:url('/library/images/news-advice/grey-box-triple-mid.gif') repeat-y top left; margin-bottom:5px;} .newsGreyBoxTriple .newsGreyBoxTop { background:url('/library/images/news-advice/grey-box-triple-top.gif') no-repeat top left; padding-top: 12px; } .newsGreyBoxTriple .newsGreyBoxBot { background:url('/library/images/news-advice/grey-box-triple-bot.gif') no-repeat bottom left; padding-bottom: 12px; } .largePromoRacHotels {background:url(/library/images/promos/hotel-promo.jpg) no-repeat top left;} /* Right nav promo styles */ .rightPromo30CashBackForMembers{background: url(/library/images/promos/promo-1-30-cash-back-for-members.gif) no-repeat;} .rightPromoAtHomeCover{background: url(/library/images/promos/promo-2-at-home-cover.gif) no-repeat;} .rightPromoRidingInEurope{background: url(/library/images/promos/promo-3-riding-in-europe.gif) no-repeat;} .rightPromoDidYouKnowAnnual{background: url(/library/images/promos/promo-4-did-you-know-annual.gif) no-repeat;} .rightPromo10PercentDiscount{background: url(/library/images/promos/promo-5-10-percent-discount.gif) no-repeat;} .rightPromoCanYouTravel{background: url(/library/images/promos/promo-6-can-you-travel.gif) no-repeat;} .rightPromoDidYouKnowAdd{background: url(/library/images/promos/promo-7-did-you-know-add.gif) no-repeat;} .rightPromoRACBreakdownCover{background: url(/library/images/promos/promo-8-rac-breakdown-cover.gif) no-repeat;} .rightPromoRACBreakdownCoverWinter{background: url(/library/images/promos/breakdown-winter.jpg) no-repeat;} .rightPromoRACMemberOffers{background: url(/library/images/promos/promo-9-rac-member-offers.gif) no-repeat;} .rightPromoBikeCare{background: url(/library/images/promos/promo-10-bike-care.gif) no-repeat;} .rightPromoLegalExpenses{background: url(/library/images/promos/promo-11-legal-expenses.gif) no-repeat;} .rightPromoMovies{background: url(/library/images/promos/promo-drive-in.jpg) no-repeat;} .rightPromoEuropeanSafetyKit{background: url(/library/images/promos/promo-12-european-safety-kit.gif) no-repeat;} .rightPromoRACTravelInsurance{background: url(/library/images/promos/promo-13-rac-travel-insurance.gif) no-repeat;} .rightPromoFrequentTraveller{background: url(/library/images/promos/promo-14-frequent-traveller.gif) no-repeat;} .rightPromoRACTyres{background: url(/library/images/promos/promo-16-rac-tyres.gif) no-repeat;} .rightPromoLegalProtection{background: url(/library/images/promos/promo-17-legal-protection.gif) no-repeat;} .rightPromoBikerSatNav{background: url(/library/images/promos/promo-18-biker-sat-nav.gif) no-repeat;} .rightPromoEuropeanDrivingAdvisor{background: url(/library/images/promos/promo-19-european-driving-advisor.gif) no-repeat;} .rightPromoRACForum{background: url(/library/images/promos/promo-20-rac-forum.gif) no-repeat;} .rightPromoRACEditorials{background: url(/library/images/promos/promo-21-rac-editorials.gif) no-repeat;} .rightPromoCarInsurance{background: url(/library/images/promos/promo-22-car-insurance.gif) no-repeat;} .rightPromoSubscribe{background: url(/library/images/promos/promo-23-subscribe.gif) no-repeat;} .rightPromoRACBlog{background: url(/library/images/promos/promo-24-rac-blog.gif) no-repeat;} .rightPromoLiveTraffic{background: url(/library/images/promos/promo-25-live-traffic.gif) no-repeat;} .rightPromoReportMotoring{background: url(/library/images/promos/promo-report-motoring2.jpg) no-repeat;} .rightPromoRACShop{background: url(/library/images/promos/promo-26-rac-shop.gif) no-repeat;} .rightPromoCarDataCheck{background: url(/library/images/promos/promo-27-car-data-check.gif) no-repeat;} .rightPromoVehicleInspections{background: url(/library/images/promos/promo-27-vehicle-inspections.gif) no-repeat;} .rightPromoMotoringNews{background: url(/library/images/promos/promo-28-motoring-news.gif) no-repeat;} .rightPromoDrivingInEurope{background: url(/library/images/promos/promo-29-driving-in-europe.gif) no-repeat;} .rightPromoNeedSomewhereToStay{background: url(/library/images/promos/promo-30-need-somewhere-to-stay.gif) no-repeat;} .rightPromoVisitingLondon{background: url(/library/images/promos/promo-31-visiting-london.gif) no-repeat;} .rightPromoRACCarHire{background: url(/library/images/promos/promo-32-rac-car-hire.gif) no-repeat;} .rightPromoTravelInsurance{background: url(/library/images/promos/promo-32-travel-insurance.gif) no-repeat;} .rightPromoRACRoutePlanner{background: url(/library/images/promos/promo-33-rac-route-planner.gif) no-repeat;} .rightPromoDrivingOnBusiness{background: url(/library/images/promos/promo-34-driving-on-business.gif) no-repeat;} .rightPromoMotoringAdvice{background: url(/library/images/promos/promo-34-driving-on-business.gif) no-repeat;} .rightPromoTravelInsurance{background: url(/library/images/promos/promo-35-travel-insurance.gif) no-repeat;} .rightPromoLookingToBuyOrSell{background: url(/library/images/promos/promo-36-looking-to-buy-or-sell.gif) no-repeat;} .rightPromoBusinessBreakdownCover{background: url(/library/images/promos/promo-37-business-breakdown-cover.gif) no-repeat;} .rightPromoVehicleInspections{background: url(/library/images/promos/promo-38-vehicle-inspections-2.gif) no-repeat;} .rightPromoCaravanInsurance{background: url(/library/images/promos/promo-39-caravan-insurance.gif) no-repeat;} .rightPromoBuyingACar{background: url(/library/images/promos/promo-40-buying-a-car.gif) no-repeat;} .rightPromoCampingInEurope{background: url(/library/images/promos/promo-41-camping-in-europe.gif) no-repeat;} .rightPromoDrivingAbroad{background: url(/library/images/promos/promo-42-driving-abroad.gif) no-repeat;} .rightPromoPlanningATripAbroadBeach{background: url(/library/images/promos/promo-43-planning-a-trip-abroad.gif) no-repeat;} .rightPromoPlanningATripAbroadSnow{background: url(/library/images/promos/promo-44-planning-a-trip-abroad.gif) no-repeat;} .rightPromoHotelPlanner{background: url(/library/images/promos/promo-45-hotel-planner.gif) no-repeat;} .rightPromoHotelPlannerBreakfast{background: url(/library/images/promos/promo-46-hotel-planner.gif) no-repeat;} .rightPromoEuropeanBreakdown{background: url(/library/images/promos/promo-47-driving-abroad.gif) no-repeat;} .rightPromoEmployeeVideos{background: url(/library/images/promos/promo-48-employee-videos.gif) no-repeat;} .rightPromoMileageCalculator{background: url(/library/images/promos/mileage-calculator.gif) no-repeat;} .rightPromoFreeFitting{background: url(/library/images/promos/promo-50-free-fitting.gif) no-repeat;} .rightPromoT3Awards{background: url(/library/images/promos/promo-t3.gif) no-repeat;} .rightPromoBreakdownWarranty{background: url(/library/images/promos/promo-breakdown-warranty.jpg) no-repeat;} .rightPromoAtHomeCover{background: url(/library/images/promos/at-home.jpg) no-repeat;} .rightPromoHomeInsurance{background: url(/library/images/promos/promo-home-insurance.jpg) no-repeat;} .rightPromoHomeEmergency{background: url(/library/images/promos/promo-52-home-emergency.jpg) no-repeat;} .rightPromoRACBatteries{background: url(/library/images/promos/promo-52-batteries.gif) no-repeat;} .rightPromoBattery{background: url(/library/images/promos/promo-battery.jpg) no-repeat;} /* car data checks */ .dataBox { background: url('/library/images/breakdown/modularity/module-section-light.gif') repeat; width:445px; margin: 10px 0px;} .dataBoxTop {background: url('/library/images/breakdown/modularity/module-section-top.gif') no-repeat top left; padding-top:14px;} .dataBoxBot {background: url('/library/images/breakdown/modularity/module-section-bottom.gif') no-repeat bottom left; padding-bottom:14px;} .dataBoxContent {padding: 0 0 0 28px;} .dataBoxContentLeft {float:left;width:109px;overflow:hidden;} .dataBoxContentRight {float:right;width:283px;padding-right:20px;} .dataBoxContentRight p {padding: 0px 0 0 5px;} .dataGap {margin-top:18px;} #buyOneCheck {background: url('/library/images/common/buy-1-check.gif') no-repeat bottom center;padding-bottom:50px;} #buyThreeCheck {background: url('/library/images/common/buy-3-checks.gif') no-repeat bottom center;padding-bottom:50px;} #redeemCheck {background: url('/library/images/common/redeem.gif') no-repeat bottom center;padding-bottom:50px;} /* ad agency boards */ .leaderboard { width:728px; height: 90px;} .mpu { width:300px; height:250px;} .mpu_177 {width:177px; height:177px;} .mpu_177_right {width:177px; height:177px; padding-left:50px;} .skyscraper {width:160px; height:600px;} .right_skyscraper {width:160px; height:600px; padding-left:60px;} } /*[10] Misc --------------------------------------*/ .clearLeft{clear:left;} .clearRight{clear:right;} .clearBoth{clear:both;} .white {color:#fff !important;} .orange {color:#ff5d00 !important;} .grey {color:#75675e !important;} .greyNormal {color:#75675e !important; font-weight: normal !important; } .lightGrey {color:#949494 !important;} .mediumLarge {font-size: 1.3em;} .hrFader {background: url('/library/images/common/hr-fader.gif') 12px 0px no-repeat; height:7px; width:398px; margin:0px 0px 10px 18px;} .hrFaderShort {background: url('/library/images/common/hr-fader-short.gif') 0px 0px no-repeat; padding-top: 14px; } .hrEEETop {border-top:1px solid #eee; padding-top:12px;} .hrEEEBot {border-bottom:1px solid #eee; padding-bottom:12px;} .hrCCCTop {border-top:1px solid #ccc; padding-top:12px;} .hrCCCBot {border-bottom:1px solid #ccc; padding-bottom:12px;} .topGap { margin-top:12px; } .rightGap { margin-right:12px; } .botGap { margin-bottom:12px; } .botGapLarge { margin-bottom:22px; } .leftGap { margin-left:12px; } .smallLeftGap { margin-left:7px; } .insetLeftGap { margin-left:29px; } .noTopGap { margin-top:0px; } .noRightGap { margin-right:0px; } .noBotGap { margin-bottom:0px; } .noLeftGap { margin-left:0px; } .topGap30 { margin-top:30px; } .topGap45 { margin-top:45px; } .bottomGap20 { margin-bottom:20px; } .topPad { padding-top:12px; } .topPadSmall { padding-top:6px; } .topPadLarge { padding-top:22px; } .topPadExtraLarge { padding-top:32px; } .rightPad { padding-right:12px; } .botPad { padding-bottom:12px; } .botPadLarge { padding-bottom:22px; } .botPadExtraLarge { padding-bottom:32px; } .leftPad { padding-left:12px; } .smallPrintPad {padding: 0 10px;} .noTopPad { padding-top:0px; } .noRightPad { padding-right:0px; } .noBotPad { padding-bottom:0px; } .noLeftPad { padding-left:0px; } .padUp40 {bottom: 21px; left: 56px; position: relative;} .racTraffic {background:url('/library/images/traffic-app/rac-traffic-thumb.jpg') no-repeat; margin-top:30px; display:block; min-height:100px;} .racTrafficPlus {background:url('/library/images/traffic-app/rac-trafficplus-thumb.jpg') no-repeat; display:block; min-height:100px;} .mobileAppLeft {float:left; margin-left:120px; height:166px;} .mobileAppLeftPlus {float:left; margin-left:120px; height:140px;} .mobileAppRight {float:right; height:130px; text-align:right;} .mobileRoundal {float:right; margin-right:-60px;} .dottedBorder {background:url('/library/images/traffic-app/dotted-border.gif'); display:block; height:3px; margin-bottom:20px; } .free69pRoundal {float:right; position:relative; bottom:48px; right:220px;} .hidden, .jsEnabled .jsHidden { position:absolute; top:-30000em; left:0;} .displayNone {display:none;} .left {float:left;} .right {float:right;} .inset {padding-left:28px;} .insetRight {padding-right:28px;} .formInset {padding-left:18px;} .titleInset {padding-left:14px;} .lastRow{border:0px;} img.imageLeft {padding:2px 10px 0 0;float:left;} img.imageRight {padding:2px 0 0 10px;float:right;} .buyNow {margin-top:10px; margin-bottom:10px; } .textRight {text-align: right;} .textCenter {text-align: center;} .leftLink {float:left; background: url('/library/images/insurance/category-back.png') no-repeat left center; padding-left: 30px; padding-right:3px; height:24px;} .rightLink {float:right; background: url('/library/images/insurance/category-forward.png') no-repeat right center; padding-right: 30px; padding-left:3px; height:24px;} .motoringReport {overflow:hidden;margin-bottom:10px;} .motoringReport .leftLink, .motoringReport .rightLink{width:140px;min-height:24px;height:auto;font-weight:bold;} .motoringReport .leftLink{background-position:top left;} .motoringReport .rightLink{background-position:top right; text-align:right;} .ukDrivers p{overflow:hidden; clear:both; margin-bottom:10px;} .ukDrivers img{float:right; clear:left; margin-left:20px;} .editOrange {background:transparent url(/library/images/btn/edit.gif) no-repeat center left; padding-left:20px;} a.editOrange {text-decoration:none;color:#75675e;} a.pointer {cursor:pointer;} div.promoVidNoFlash {width:200px;} .freeUpgradeTitle {font-size:1.46em;font-weight:normal;line-height:1em;color:#ff5d00;} #drivingAbroadHeader {background: url(/library/images/driving-abroad/travel-abroad.jpg) no-repeat; width:445px; height:184px; margin-bottom:10px;} .podHeight201 p.bodyText {min-height:116px;} /**** Car reviews ***/ /**** Results list ****/ .reviewList .review {border-top:2px solid #eee;padding:10px 5px; width:437px;} .reviewList .reviewDetails {float:left; width:340px; } .reviewList .reviewDetails h4 {margin-bottom:5px;} .reviewList .reviewDetails p {margin-bottom:3px;} .scoringList dt{float:left;width:150px;text-transform:capitalize;margin-bottom:5px;font-weight:bold;} .scoringList dd{float:left;width:50px;margin-bottom:5px; color:#f15d21;} #facts {font-weight:bold;} .pagination .current {display:block;} .carReviewStdImage {width:220px; height:147px;} .carReviewMiniImage {width:80px; height:53px;} div.inputDisabledEffect input {background-color:#f8f7f7;color:#888999;cursor:default;} /*[11] Clearfix --------------------------------------*/ .clearFix:after, .contentArea:after, .appFormRow:after, .appFormRowWide:after, .routeplannerWideRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearFix, .contentArea, .appFormRow, .appFormRowWide, .routeplannerWideRow {display:inline-block;} /* Hides from IE-mac \*/ .clearFix, .contentArea, .appFormRow, .appFormRowWide, .routeplannerWideRow {display:block;} /* End hide from IE-mac */ @media print{ /*[PRINT] Print styling --------------------------------------*/ .hidden, #headerArea, #footer, .leftNav, .rightNav, .headerArea, #popupLogo, legend {display:none;} .smallBut, .bigBut, .smallButBack, .bigButBack, .formButSmall, .formBut, .formButBack, .formButSmallBack, .formButEdit {display:none;} .ui-selectmenu-menu, ui-selectmenu-container {display:none;} #popupLogoPrint {display:block;} select {display:block;} dl dt {font-weight:bold;} } /* * April Offer * ------------------------------------------------------------------------------ */ body#breakdown_homepage { background-image:url('/library/images/common/home-background-orange.png'); } #breakdown_homepage #headerArea{ background-image:url('/library/images/common/header-background.png'); } #headerPromo.homeCTA { height: 270px; } #breakdown_homepage .headerArea, #breakdown_homepage .mainContentAreaFade, #breakdown_homepage .homeCTA{ background: none; } #breakdown_homepage .mainContentAreaOuter { min-width: 990px; } #breakdown_homepage .mainContentAreaOuter { background:url('/library/images/homepage/hero-winter-large-1.jpg') center -10px no-repeat; } #breakdown_homepage .mainContentAreaInner { background:url('/library/images/common/home-background-orange.png') repeat-x; } #breakdown_homepage .mainContentArea { background-image: url('/library/images/common/content-background.png'); } #breakdown_homepage h1 { font-family: Helvetica,Arial,sans-serif; font-size: 2.1em; /* 41 / 13.25 */ width: 350px; color: #75675E; letter-spacing: 0em; line-height: 1.2em; } h1#breakdownCoverUKHomepage { font-family: Helvetica,Arial,sans-serif; font-size: 2.1em; /* 41 / 13.25 */ width: 350px; color: #75675E; letter-spacing: 0em; line-height: 1.2em; } h2#breakdownCoverHomepage, h2#breakdownCoverUKHomepage {font-size: 1.46em; color: #FF5E00; font-weight: normal; letter-spacing: -0.025em; line-height: 1em;} #breakdown_homepage #headerPromoTitle { padding-left: 20px; padding-top: 14px; float: left; width: 500px; } #breakdown_homepage #headerPromoTitle h2 { font-family: Calibri,Arial,Helvetica,sans-serif; color: #75675E; width: 313px; padding-left: 37px; float: none; font-size: 2.17em; /* 28 / 13.25 */ margin-top: 3px; } #breakdown_homepage #headerPromoTitle h2 sup { color: #75675E; } #breakdown_homepage #headerPromoTitle sup { font-size: .5em !important; } #breakdown_homepage #headerPromoCta { position: relative; width: 266px; height: 31px; margin: 15px 0 0 37px; } #breakdown_homepage #headerPromoCta a { position: absolute; text-indent: 0px; overflow: hidden; } #breakdown_homepage #headerPromoCta a{ left:125px; } #breakdown_homepage #headerPromoCta a.greyBut{ left:0px; } #breakdown_homepage #promoMore { width: 135px; height: 24px; top: 2px; left: 2px; } #breakdown_homepage #promoQuote{ left: 143px; top: 2px; width: 120px; height: 24px; } #breakdown_homepage #headerCategoryBreakdown { height: 270px; } #breakdown_homepage #headerCategoryBreakdown .headerProofPoints { float: right; padding-right: 10px; width: 240px; padding-top: 18px; margin-top: 15px; background:url('/library/images/april-offer/transbox-top.png') no-repeat; } #breakdown_homepage .headerProofPoints ul { padding: 7px 5px 0; background:url('/library/images/april-offer/transbox-btm.png') left bottom no-repeat; } /*#breakdown_homepage #headerPromoTitleTop { width:293px; height: 71px; top: -22px; left: 530px; position: absolute; background:url('/library/images/april-offer/homepage-background-top.jpg') 0 0 no-repeat; }*/ p.aprilPromoCaveat {padding-left:37px;color:#FFFFFF;} #breakdown_homepage.categoryPage .mainContentAreaOuter { background:url('/library/images/homepage/hero-winter-large.jpg') center -45px no-repeat; } #breakdown_homepage.categoryPage #headerCategoryBreakdown { height: 18em; } #breakdown_homepage.categoryPage #headerCategoryBreakdown #headerPromoTitle h1 { width: 450px; } #breakdown_homepage.categoryPage #headerPromoTitle h2 { width: 420px; } #breakdown_homepage.categoryPage #headerPromoCta { margin-top: 24px; } /* Every Journey POD */ .rightPromoEveryJourney { background: url('/library/images/promos/breakdown_cross-sell.jpg') no-repeat; } /* Every Journey Offer */ #breakdown_offer .inset{ padding: 90px 180px 20px 19px; } #breakdown_offer { margin-bottom: 20px; background: url("/library/images/april-offer/bg_promo_repeat_grey.gif") repeat-y; } #breakdown_offer .inner { background: url("/library/images/april-offer/bg_promo_top_grey.gif") no-repeat; } #breakdown_offer .inner_2 { background: url("/library/images/april-offer/bg_promo_bottom_grey.gif") bottom left no-repeat; } #breakdown_offer .breakdown_offer_title { position: absolute; top: -999999px; left: -999999px; clip: 1px 1px 1px 1px; } #breakdown_offer sup { color: #75675E; } /* Every Journey Offer - Narrow Version */ #breakdown_offer.narrow .inset { padding-right: 160px; } #breakdown_offer.narrow { background-image: url("/library/images/april-offer/bg_promo_repeat_grey_narrow.gif"); } #breakdown_offer.narrow .inner { background-image: url("/library/images/april-offer/bg_promo_top_grey_narrow.gif"); } #breakdown_offer.narrow .inner_2 { background-image: url("/library/images/april-offer/bg_promo_bottom_grey_narrow.gif"); } /* Social media sharing buttons on video pages */ .socialMediaBtn {padding-top:2px;} #embedButton {padding-top:0;} .winterPromos { padding: 10px; margin: 5px 0 5px 0; background-color:#f8f6f7; -moz-border-radius: 10px; border-radius: 10px; } .winterPromosPod {width:185px;} /* MVT */ body.mvt .contentArea {background:url(/library/images/common/home-background-orange.png) 0 0 repeat-x transparent;padding:0;position:relative;width:100%;z-index:2;} body.mvt .mainContentAreaFade {background:white;position:relative;z-index:3;} body.mvt .mainContentAreaInner {} body.mvt .headerArea {background:url(/library/images/homepage/hero-winter-large.jpg) center bottom no-repeat;margin-top:-8em;position: relative;z-index: 1;} body.mvtInsurance .headerArea, body.mvtBusiness .headerArea {background:none;margin-top:-8em;position: relative;z-index: 1;} body#category.mvt .headerArea {} body.mvt #headerArea {background:url(/library/images/common/mvt-header-background.png) center bottom no-repeat;margin:0 auto;} body.mvt #headerPromo {height:25.5em; padding-bottom: 4em; } body.mvtInsurance #headerPromo {height:25em; padding-bottom: 4em;} body.mvtBusiness #headerPromo {height:25em; padding-bottom:0;} body.mvt #contactLogin #contactNumbersLeft {width:auto;} body.mvt #contactLogin #contactNumbersLeft p {clear:both;} body.mvt #headerPromo #headerPromoTitle {float:none;font-family:Calibri,Arial,Helvetica,sans-serif;margin:0 auto;padding:8em 0 0 50px;width:960px;} body.mvtInsurance #headerPromo #headerPromoTitle, body.mvtBusiness #headerPromo #headerPromoTitle {float:none;font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:8em 0 0 50px;width:960px; font-size:1.2em;} body.mvt #headerPromo #headerPromoTitle h1 {color:#FF5E00;/*color:#8a7e71;*/font-size:310%;margin:0 0 0.75em;width:475px;} body.mvt #headerPromo #headerPromoTitle h1 span {clear:both;color:#75675E;display:block;font-size:70%;font-weight: 500;line-height:1em;margin:0;padding:0.4em 0 0;width:auto;} body.mvt #headerPromo #headerPromoTitle h1 span sup {color:#75675E;} body.mvt #headerPromo #headerPromoTitle h1 sup {font-size:40%;} body.mvtInsurance #headerPromo #headerPromoTitle h1, body.mvtBusiness #headerPromo #headerPromoTitle h1 {color: #75675E; font-size: 2.3em; font-weight: normal; margin:0px; padding-right: 22px; padding-top: 8px; width:450px;} body.mvtInsurance #headerPromo .carHomeCTA {background: url("/library/images/homepage/car-home-best-overall.png") no-repeat scroll 220px 100px transparent;} body.mvtBusiness #headerPromo .businessHero {background: url("/library/images/business-header.png") no-repeat scroll 220px 100px transparent;} body.mvtInsurance #headerPromo #headerPromoTitle h2, body.mvtBusiness #headerPromo #headerPromoTitle h2 {color: #FF5E00; font-size: 1.7em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.7em; padding-left: 20px; padding-top: 5px; width: auto;} body.mvtInsurance #headerPromo #headerPromoTitle p, body.mvtBusiness #headerPromo #headerPromoTitle p {margin-bottom:0.2em;} body.mvtInsurance #headerPromo #headerPromoTitle p a, body.mvtBusiness #headerPromo #headerPromoTitle p a {color:#75675E; font-size:0.9em;} body.mvt #leftHalf {margin:0;padding:0;width:490px;} body.mvt #rightHalf {margin:0;padding:0;} body.mvt .mainContentArea {background:none;padding-left:20px;} body.mvt div.leftNav {background:url(/library/images/common/sub-menu-top.png) center top no-repeat;margin-top:-4em;padding-top:12px;} body.mvt .leftNavContainer {margin-left:0;padding: 0px 25px 14px 21px;} body.mvt .leftNavContainer ul.leftNav li {font-family:Arial, sans-serif;padding:2px 0 2px 0; margin:0;border:none;} body.mvt .leftNavContainer ul.leftNav li ul li {padding:2px 0 2px 0; margin:0;border-top: dotted 1px #dcd8d4;} body.mvt .leftNavContainer ul.leftNav li ul li a {display:block;padding:2px 0 2px 24px;} body.mvt .leftNavContainer ul.leftNav li ul li ul {border-top: dotted 1px #dcd8d4;} body.mvt .leftNavContainer ul.leftNav li ul li ul li {padding:2px 0 2px 0;margin:0;border-top:none;} body.mvt .leftNavContainer ul.leftNav li ul li ul li a {display:inline;padding:2px 0 2px 44px;} body.mvt #mainCopy .noBorder {border-bottom:none;} body.mvt .mainContent {margin-top: -4em;} body.mvt .mainContentBusiness {margin:0;padding} body.mvt .section {background:url(/library/images/common/shadow-bot-six.png) center bottom no-repeat;clear:both;margin-bottom:12px;padding-bottom:20px;} body.mvt #mainContentTitle {background:url(/library/images/common/content-grey-top-nine.png) center top no-repeat;height:4em;} body.mvt .mainContentTitleBusiness {width:710px;margin-left:14px;height:4em;background-color:#e4e3d9;clear:left;} body.mvt .sectionTitle {background:url(/library/images/common/content-grey-top-six.png) center top no-repeat;height:4em;margin:0;padding:0;} body.mvt #homepageTicker .sectionTitle {background-color: #fff;} body.mvt #mainContentTitle h2, body.mvt .section h2, body.mvt #routePlannerPromo h2, body.mvt .promo h2 {color:#75675e;font-family:Calibri,Arial,Helvetica,sans-serif;font-size:170%;letter-spacing:-0.025em;padding:14px 0 0 31px;margin:0;} body.mvt .mainContentTitleBusiness h2 {color:#75675e;font-family:Calibri,Arial,Helvetica,sans-serif;font-size:170%;letter-spacing:-0.025em;padding:14px 0 0 18px;margin:0;} body.mvt .section h2 {padding:14px 0 1.2em 26px;} body.mvt .insurancePods {background:url(/library/images/insurance/shadow-bottom.jpg) no-repeat scroll -7px bottom transparent;float:left;padding:15px 24px 60px 35px;} body.mvt .insurancePods {float:left;padding:15px 24px 60px 35px;} body.mvt .section .ctaOverall {float:right;padding: 0 12px 0 10px;margin-top:-20px;} body.mvt .insurancePods h4 a {color:#75675e;} body.mvt .insurancePods p {padding:0 20px 0 0;} body.mvt .insurancePods li {border-bottom:dotted 1px #dcd8d4;min-height:14em;float:left;padding:18px 0 0 100px;width:234px;} body.mvt .businessPods, body.mvt .businessPodsNoBorder {float:left;width:710px;margin-left:14px;padding:10px 0 0 0;} body.mvt .businessPods {border-bottom:dotted 1px #dcd8d4;} body.mvt .businessPodsNoBorder {border-bottom:none;} body.mvt .businessPods h4 a, body.mvt .businessPodsNoBorder h4 a {color:#75675e;} body.mvt .businessPods p, body.mvt .businessPodsNoBorder p {padding:0 20px 0 0;} body.mvt .businessPods li, body.mvt .businessPodsNoBorder li {float:left;padding:0 10px 40px 110px;width:234px;list-style:none;min-height:9em;position:relative;} body.mvt .businessPods li a.alignedLink, body.mvt .businessPodsNoBorder li a.alignedLink {bottom: 10px; left: 108px; margin: 0; position: absolute;} .smallBusinessPod {background:url('/library/images/tiles/business/small-business.jpg') no-repeat scroll left top transparent; } .fleetBusinessPod {background:url('/library/images/tiles/business/fleet-business.jpg') no-repeat scroll left top transparent; } .hgvBusinessPod {background:url('/library/images/tiles/business/hgv-business.jpg') no-repeat scroll left top transparent; } .minibusBusinessPod {background:url('/library/images/tiles/business/minibus-business.jpg') no-repeat scroll left top transparent; } .taxiBusinessPod {background:url('/library/images/tiles/business/taxi-business.jpg') no-repeat scroll left top transparent; } .usedCarBusinessPod {background:url('/library/images/tiles/business/used-car-business.jpg') no-repeat scroll left top transparent; } .vehicleInspectionPod {background:url('/library/images/tiles/business/fleet-inspection-business.jpg') no-repeat scroll left top transparent; } .fleetInspectionPod {background:url('/library/images/tiles/business/used-car-business.jpg') no-repeat scroll left top transparent; } .riskManagementPod {background:url('/library/images/tiles/business/risk-management.jpg') no-repeat scroll left top transparent; } .motoringReportPod {background:url('/library/images/tiles/business/report-motoring.jpg') no-repeat scroll left top transparent; } .routePlannerPod {background:url('/library/images/tiles/business/route-planner.jpg') no-repeat scroll left top transparent; } body.mvt .carInsurancePod {background:url('/library/images/insurance/pod-steering-wheel.gif') no-repeat scroll left top transparent; } body.mvt .dayInsurancePod {background:url('/library/images/insurance/pod-steering-wheel.gif') no-repeat scroll left top transparent;} body.mvt .travelInsurancePod {background:url('/library/images/insurance/pod-suitcase.gif') no-repeat scroll left top transparent;} body.mvt li.motorhomeInsurancePod {background:url('/library/images/insurance/pod-motorhome.gif') no-repeat scroll left top transparent;border:0;} body.mvt .homeInsurancePod {background:url('/library/images/insurance/pod-house.gif') no-repeat scroll left top transparent; } body.mvt .motorbikeInsurancePod {background:url('/library/images/insurance/pod-motorbike.gif') no-repeat scroll left top transparent;} body.mvt .caravanInsurancePod {background:url('/library/images/insurance/pod-caravan.gif') no-repeat scroll left top transparent; } body.mvt li.legalPod {background:url('/library/images/insurance/pod-legal.gif') no-repeat scroll left top transparent;border:0;} body.mvt .carInsurancePod, body.mvt .dayInsurancePod, body.mvt .caravanInsurancePod, body.mvt li.legalPod {clear:both;border-right: dotted 1px #dcd8d4;} body.mvt li.motorhomeInsurancePod {border-bottom: dotted 1px #dcd8d4;} body.mvt .podQuoteBtn {margin:0.2em 0;width: 9em;} body.mvt .podQuoteBtn a {color: #FFFFFF; display: block; font-family: Arial,Helvetica,sans-serif;font-weight:600; position: relative; text-decoration:none;} body.mvt .podQuoteBtn a img, body.mvt .getQuoteBtn a img, body.mvt .retrieveQuoteBtn a img {height:2.35em;} body.mvt .podQuoteBtn span.text {left: 0; padding:0.5em 1.5em 0.7em 0.75em; position: absolute; top: 0;} body.mvt .getQuoteBtn span.text, body.mvt .retrieveQuoteBtn span.text {left: 0;font-size:110%;padding:0.4em 0.75em 0.7em 0.75em; position: absolute; top: 0;} body.mvt .headerPromoCta .getQuoteBtn span.text, body.mvt .headerPromoCta .retrieveQuoteBtn span.text {font-size:130%;} body.mvt .headerPromoCta .getQuoteBtn {width:8em;} body#category.mvt .headerPromoCta .getQuoteBtn {width:10em;} body.mvt .getQuoteBtn {font-size:1.2em;width:10em;} body.mvt .getQuoteBtn a {color: #FFFFFF; display: block;font-weight: bold;position: relative; text-decoration:none;} body.mvt .retrieveQuoteBtn {margin:0.3em 0;width:11em;} body.mvt .retrieveQuoteBtn a {color: #FF5E00; display: block;font-weight: bold; position: relative; text-decoration:none;} body.mvt .divider {border-bottom: dotted 1px #dcd8d4; width:708px;} body.mvt #leftHalf .inset {width:452px;} body.mvt .ticker {background:none;padding-bottom:0;padding-left:10px;} body.mvt .ticker h2 {padding:14px 0 1.2em 16px;} body.mvt #homepageTicker {padding-bottom:0;width:470px;} body.mvt #homepageTicker .inset {background:url(/library/images/promos/promo-foot-470.gif) right bottom no-repeat #faf9f7;min-height:7em;padding-right:20px;padding-bottom:10px;padding-left:18px;width:432px;} body.mvt #homepageTicker li {background:none;padding-bottom:0;} body.mvt .ctaBestBuy {float:right;padding: 0 0 0 10px;margin-top:-80px;} body.mvt h3.which {background:url(/library/images/promos/which-logo.gif) left center no-repeat;padding-left:30px;} body.mvt h3 sup {font-size:55%;} body#homepage .mainContentArea {padding-left:12px;} body.mvt #announcements {background:url(/library/images/homepage/announcements.gif) right top repeat-y transparent;clear:both;float:left;margin:0 0 10px 12px;overflow: hidden;width:959px;-moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} body.mvt #announcements h3 {background:url(/library/images/common/home-background-orange.png) 0 0 repeat-x #f15b22;color:#fff;float:left;margin:0;padding:20px;width:160px;} body.mvt #announcements p {float:left;margin:0;padding:20px;width:719px;} body.mvt .motoringNews {background:url(/library/images/common/shadow-bot-eight.png) center bottom no-repeat;clear:both;float:left;margin-bottom:12px;padding-bottom:20px;} body.mvt .motoringNews h2 {padding-bottom:0.2em;} body.mvt ul.motoringNewsList li {float:left;width:24.9%;} body.mvt ul.motoringNewsList li a {background:none;} body.mvt #homepageCaveat {float:left;padding:0 0 1.5em;width:960px;} body.mvt #homepageCaveat li {background:none;float:left;margin:0;padding:0 0 0 20px;width:140px;} body.mvt #homepageCaveat.one li {width:940px;} body.mvt #homepageCaveat.three li {width:300px;} body.mvt #homepageCaveat.five li {width:172px;} body.mvt #routePlannerPromo {background:url(/library/images/common/routeplanner-grey.png) right top no-repeat;float:left;height:auto;margin:0 0 1em;padding:0 0 0 3px;width:220px;} body.mvt .routePlannerMain {background:url(/library/images/promos/promo-foot.gif) left bottom no-repeat;float:left;height:auto;padding-bottom:20px;} body.mvt #routePlannerPromo label {color:#ff5e00;font-size:110%;font-weight:600;padding-bottom:5px;} body.mvt #routePlannerPromo h2 {padding-left:18px;} body.mvt .promo {background:url(/library/images/promos/promo-head.gif) right top no-repeat #e4e3d9;border-left:3px solid #fff;clear:left;padding:0;width:220px;} body.mvt .promo h2 {padding-left:18px;} body.mvt .promo .inset {background:url(/library/images/promos/promo-foot.gif) right bottom no-repeat #e4e3d9;padding:10px 10px 10px 19px;} body.mvt .promo h3 {margin-bottom:0.1em;} body.mvt .promo p {font-size:140%;line-height:1.1em;} body.mvt .otherProductsMenu {background:none;clear:none;float:right;padding-bottom:0;width:250px;} body.mvt .otherProductsMenu .sectionTitle {background:url(/library/images/common/content-grey-top-230.png) center top no-repeat;} body.mvt .otherProductsMenu h3 {padding-top:10px;padding-left:26px;} body.mvt .otherProductsMenu ul, body.mvt .otherProductsMenu .query {background:url(/library/images/common/shadow-bot-240.png) center bottom no-repeat;padding:0 20px 30px 26px;} body.mvt .otherProductsMenu li {background:none;color:#75675E;float:left;font-size:1em;padding:0 0 0 6px;width:185px;} body.mvt .otherProductsMenu li h4 {border-bottom: dotted 1px #dcd8d4;float:right;font-size:1.15em;font-weight:500;margin:0;padding:0;width:185px;} body.mvt .otherProductsMenu li a {display:block;float:left;padding:15px 0 15px 35px;width:150px;} body.mvt .otherProductsMenu li a:hover, body.mvt .otherProductsMenu li a:focus {text-decoration:underline;} body.mvt .otherProductsMenu li.productsOne {background:url(/library/images/insurance/icons-insurance.gif) 0 8px no-repeat;} body.mvt .otherProductsMenu li.productsTwo {background:url(/library/images/insurance/icons-insurance.gif) 3px -189px no-repeat;} body.mvt .otherProductsMenu li.productsThree {background:url(/library/images/insurance/icons-insurance.gif) 0 -1192px no-repeat;} body.mvt .otherProductsMenu li.productsFour {background:url(/library/images/insurance/icons-insurance.gif) 0 -1255px no-repeat;} body.mvt .otherProductsMenu li.productsFive {background:url(/library/images/insurance/icons-insurance.gif) 0 -783px no-repeat;} body.mvt .otherProductsMenu li.productsSix {background:url(/library/images/insurance/icons-insurance.gif) 0 -979px no-repeat;} body.mvt .otherProductsMenu li.productsSeven {background:url(/library/images/insurance/icons-insurance.gif) 0 -387px no-repeat;} body.mvt .podHeight164 {height:80px; display:block;} body.mvt .otherProductsMenu li.productsSix H4{background:url(/library/images/badge-sale-now-on.gif) right 3px no-repeat;} body#product.mvt .mainContent {margin:0;} body#product.mvt .mainContentArea {background:url(/library/images/common/content-background.gif) no-repeat scroll 15px 0 transparent;padding-left:0;} body#product.mvt div.leftNav {margin-top:0;} body#product.mvt div.rightNav {background:url(/library/images/common/sub-menu-top.png) no-repeat scroll center top transparent;} body#product.mvt div.rightNav .leftDoubleTop, body#product.mvt div.rightNav .rightDoubleTopShort, body#product.mvt div.rightNav .rightSingleBottomShort, body#product.mvt div.rightNav .rightDoubleBottomShort {background:none;} body#product.mvt div.rightNav .corners {padding:12px 22px 22px;} a.link {background: url(/library/images/common/icon-orange-link.gif) right center no-repeat;font-size: 14px;padding: 0 20px 0 16px;} body#product.mvt div.rightNav #questionBox form {padding-bottom:0;margin-bottom:0;} ul.benefitList li {background: url(/library/images/common/benefit-list-tick.jpg) no-repeat scroll 0 0 transparent;line-height: 0.9;list-style-type: none;padding: 0 0 16px 25px;} body#product.mvt .retrieveQuoteBtn {width:12.3em;} body#product.mvt h1 {font-family:Calibri,Arial,Helvetica,sans-serif;padding-left:10px;} body#product.mvt #heroImage {background:url(/library/images/insurance/car-insurance-hero.jpg) right top no-repeat #e0dfd6;float:left;left:10px;margin:10px 0 1em;min-height:16em;padding-left:30px;position:relative;width:420px;-moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} body#product.mvt #heroImage h2 {color:#ff5e00;font-family:Calibri,Arial,Helvetica,sans-serif;padding:20px 15px 10px 0;width:170px;} body#product.mvt #heroImage h2 span.small {display:block;font-size:0.57em;line-height:1em;padding-top:0.4em;} body#product.mvt #heroImage img.lozenge {position:absolute;right:-10px;top:-40px;} /* Contact us refresh */ .contactBreakdownPod { background: url("/library/images/contact-us/pod-breakdown.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactMotorPod { background: url("/library/images/contact-us/pod-motor.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactOtherPod { background: url("/library/images/contact-us/pod-other.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactVehiclePod { background: url("/library/images/contact-us/pod-vehicle.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactDrivingPod { background: url("/library/images/contact-us/pod-driving.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactTravelPod { background: url("/library/images/contact-us/pod-travel.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactBusinessPod { background: url("/library/images/contact-us/pod-business.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactGeneralPod { background: url("/library/images/contact-us/pod-general.jpg") no-repeat; display:block; height:127px; width:340px; padding-bottom:10px; } .contactBreakdownPod h3, .contactMotorPod h3, .contactOtherPod h3, .contactVehiclePod h3, .contactDrivingPod h3, .contactTravelPod h3, .contactBusinessPod h3, .contactGeneralPod h3 { position:relative; left:136px; top:10px; width:200px; } .contactBreakdownPod p, .contactMotorPod p, .contactOtherPod p, .contactVehiclePod p, .contactDrivingPod p, .contactTravelPod p, .contactBusinessPod p, .contactGeneralPod p { position:relative; left:138px; top:6px; width:190px; } .contactPodBtn {position:relative; left:134px;} .contactPodBtnTwoRows {position:relative; left:134px; top:18px;} .whiteBox p {margin-bottom:0em;} .contactPodRow {padding:.5em 0 .5em 14px; margin:0 0 .5em 0;} .contactCategoryRow {width:36%; padding-right:16px; font-weight:bold; float:left;} .contactNumberRow {width:26%; padding-right:16px; font-weight:bold; font-size:1.1em; float:left;} .contactNumberRowText {width:26%; padding-right:16px; font-size:0.9em; float:left;} .contactHoursRow {width:28%; font-size:0.8em; float:left;} .contactBlankRow {width:26%; padding-right:16px; float:left;} .contactMergeRows1 {width:62%; padding-right:32px; font-weight:bold; float:left;} .contactMergeRows2 {width:100%; font-weight:bold; float:left;} .mergeRowLight {font-size:0.8em; font-weight:normal;} .telephone {font-weight:bold; font-size:1.2em;} #weatherAlert {background:url(/library/images/homepage/weather-alert-background.png) no-repeat right top #f15a22; border-left:3px solid #fff; clear:left; width:220px; border-radius:14px;-moz-border-radius:20px;-webkit-border-radius:20px;} #weatherAlert h2{font-size:140%; color:#ffffff; padding-left:26px; padding-top:128px; border-radius:14px; -moz-border-radius:20px; -webkit-border-radius:20px;} #weatherAlert p{font-size:100%; line-height:1.1em; color:#ffffff; margin-left:26px; padding-right:26px; padding-bottom:26px;}