/*MORE CONTENT*/ .moreheader.morejs { color: #0093cd; } /*SUBHEADERS*/ .flag{border-left:solid 3px #0093cd; padding:0.250em 0 0.350em 0.600em} /* LISTS */ ul.triangle li{background: transparent url('/resources/edc5b78043a2a9e1b48bbdeffb47ca87/ico-list-triangle-yb.gif') no-repeat left center!important; padding-left:17px} ul.triangle li.last{border-bottom:none!important;} ul.arrow li{background: transparent url('/resources/4748a8004f4b95b9a358fbbcdec65f57/yb-medium-button-arrow.gif') no-repeat left center; padding-left:19px} /* HIDE LEVEL 1 EXCEPT ACTIVE */ .personal .vertical .Level2 a, .business .vertical .Level2 a, .private .vertical .Level2 a {display:none} .vertical .active a {display:block} /* STYLING OF LEFT HAND NAVS */ .personal .vertical .Level3 a, .business .vertical .Level3 a, .private .vertical .Level3 a {padding-left:15px} .vertical .Level3 a, .personal .vertical .Level4 a, .business .vertical .Level4 a, .private .vertical .Level4 a {padding-left:15px} .vertical .Level4 a, .personal .vertical .Level5 a, .business .vertical .Level5 a, .private .vertical .Level5 a {padding-left:30px} .vertical .Level5 a, .personal .vertical .Level6 a, .business .vertical .Level6 a, .private .vertical .Level6 a {padding-left:45px} .vertical .Level6 a, .personal .vertical .Level7 a, .business .vertical .Level7 a, .private .vertical .Level7 a {padding-left:60px} .row .vertical li {background:#f0f0f0;border:none} .row .vertical li a {color:#333;border-bottom:1px solid #d6d6d6;border-top:1px solid #fff} .row .vertical {border-top:1px solid #d6d6d6} .row .vertical li a:hover {color:#333;background-color:#e5e5e5} .personal .vertical .Level3 a, .business .vertical .Level3 a, .private .vertical .Level3 a, .vertical .Level2 a {background:#f0f0f0;color:#333} .personal .vertical .Level3 a.active, .business .vertical .Level3 a.active, .private .vertical .Level3 a.active, .vertical .Level2 a.active {background:#f0f0f0;color:#333;font-weight:bold} .personal .vertical .Level4 a, .business .vertical .Level4 a, .private .vertical .Level4 a, .vertical .Level3 a {background:#f0f0f0;color:#333} .personal .vertical .Level4 a.active, .vertical .Level3 a.active {background:#0093cd;font-weight:bold;color:#fff} .business .vertical .Level4 a.active {background:#303030;font-weight:bold;color:#fff} .private .vertical .Level4 a.active {background:#4c4c4c;font-weight:bold;color:#fff} .personal .vertical .Level5 a, .business .vertical .Level5 a, .private .vertical .Level5 a, .vertical .Level4 a {background:#fff url(/resources/7fedb2804ed9a54a918eb9ca234c599f/nav-grey-bullet.png) no-repeat 15px center;color:#333} .personal .vertical .Level5 a.active, .business .vertical .Level5 a.active, .private .vertical .Level5 a.active, .vertical .Level4 a.active {font-weight:bold;background:#fff url(/resources/76d702804ed9a597919cb9ca234c599f/nav-blue-active-bullet.png) no-repeat 15px center;color:#333} .personal .vertical .Level6 a, .business .vertical .Level6 a, .private .vertical .Level6 a, .vertical .Level5 a {background:#fff url(/resources/7fedb2804ed9a54a918eb9ca234c599f/nav-grey-bullet.png) no-repeat 30px center;color:#333} .personal .vertical .Level6 a.active, .business .vertical .Level6 a.active, .private .vertical .Level6 a.active, .vertical .Level5 a.active {font-weight:bold;background:#fff url(/resources/0b0c9c804ed9a66091bdb9ca234c599f/nav-blue-active2-bullet.gif) no-repeat 30px center;color:#333} .personal .vertical .Level7 a, .business .vertical .Level7 a, .private .vertical .Level7 a, .vertical .Level6 a {background:#fff url(/resources/7fedb2804ed9a54a918eb9ca234c599f/nav-grey-bullet.png) no-repeat 45px center;color:#666} .personal .vertical .Level7 a.active, .business .vertical .Level7 a.active, .private .vertical .Level7 a.active, .vertical .Level6 a.active {font-weight:bold;background:#fff url(/resources/0b0c9c804ed9a66091bdb9ca234c599f/nav-blue-active2-bullet.gif) no-repeat 45px center;color:#666} /* FOR BLANK TOP NAV */ #no-top-nav { height: 20px; background: #0093cd; } .personal #no-top-nav, .private #no-top-nav, .business #no-top-nav, .generic-top-level-nav #no-top-nav {display:none} /* FOR BLANK TOP NAV */ .no-area-nav #area-nav, .no-ib-nav #ibnav, .no-nav #mobile-nav-menu, .no-breadcrumb .bcrumbs{display:none!important} @media only screen and (max-width: 767px){ .no-mobile-hamburger #menu-btn-phone, .no-mobile-login #login-btn-phone{display:none} .no-ib-nav #ibnav{display:block} } /*SEARCH*/ /*DEFAULT*/ #area-nav__search table.gsc-search-box { background: none; margin-bottom: 0; } #area-nav__search table.gsc-search-box td.gsc-input { } #area-nav__search .gsc-input-box { height: auto; } #area-nav__search .gsc-search-box-tools .gsc-search-box .gsc-input { padding:0; border-bottom: 0; } #area-nav__search .gsc-search-box .gsc-input>input:hover, #area-nav__search .gsc-input-box-hover, #area-nav__search .gsc-search-box .gsc-input>input:focus, #area-nav__search .gsc-input-box-focus{ box-shadow: none; } /*DEFAULT+EN*/ #area-nav__search form.gsc-search-box { display: inline-block; margin-bottom: 0; border-bottom: solid 1px #919191; padding-bottom: 3px; padding-top: 10px; position:relative; width: 160px; height: 18px; } /*THEME*/ #area-nav__search .gsib_a .gsc-input { -webkit-appearance: none; background-color: transparent!important; -moz-box-sizing: border-box; box-sizing: border-box; border: none; font-family: "NAG", sans-serif; font-size: 1.4rem; margin: 0; padding: 0 0 0 22px; width: 100%; } #area-nav__search .gsc-input-box-hover { -webkit-appearance: none; background-color: transparent!important; } #area-nav__search table.gsc-search-box { background: none; margin-bottom: 0; } input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { background:transparent!important; } .gsc-search-box td.gsc-input .gsc-input-box-hover { background-color: transparent!important; } #area-nav__search input.gsc-search-button { position: absolute; top: 0; left: 0; background-color: transparent; border: none; margin: 0; padding: 0 0 0 -2em; } /*CUSTOM*/ #searchbox, #searchbox > div { display: inline-block; } #area-nav__search .gsc-input-box > table { background: transparent!important; } #area-nav__search .gsib_a { box-sizing: border-box; padding: 0 0 0 22px; border-bottom: 0; } #area-nav__search .gsib_a .gsc-input::-webkit-input-placeholder{color:black; opacity:1} #area-nav__search .gsib_a .gsc-input::-moz-placeholder{color:black; opacity:1} #area-nav__search .gsib_a .gsc-input:-moz-placeholder{color:black; opacity:1} #area-nav__search .gsib_a .gsc-input:-ms-input-placeholder{color:black; opacity:1} #area-nav__search .gsib_a .gsc-input::placeholder{color:black; opacity:1} #area-nav__search td.gsc-search-button { position: absolute; top: 50%; margin-top: -0.4em; left: 0; padding: 0; width: 15px; line-height: 1; height: 15px; overflow:hidden; } #area-nav__search td.gsc-search-button:before { content: "\e900"; color: #0093cd; cursor: pointer; font-family: "icon"; font-size: 1.5rem; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; } #area-nav__search .gsib_b { display: none; } /*SECTION COLORS*/ .private #area-nav__search td.gsc-search-button:before, .business #area-nav__search td.gsc-search-button:before, .private #area-nav__search .gsib_a .gsc-input, .business #area-nav__search .gsib_a .gsc-input { color: #FFF; } .private #area-nav__search form.gsc-search-box, .business #area-nav__search form.gsc-search-box { border-bottom-color: #FFF; } .private #area-nav__search .gsib_a .gsc-input::-webkit-input-placeholder { color: #FFF; } .private #area-nav__search .gsib_a .gsc-input::-moz-placeholder { color: #FFF; } .business #area-nav__search .gsib_a .gsc-input::-moz-placeholder { color: #FFF; } .private #area-nav__search .gsib_a .gsc-input:-moz-placeholder { color: #FFF; } .business #area-nav__search .gsib_a .gsc-input:-moz-placeholder { color: #FFF; } .private #area-nav__search .gsib_a .gsc-input:-ms-input-placeholder { color: #FFF; } .business #area-nav__search .gsib_a .gsc-input:-ms-input-placeholder { color: #FFF; } .private #area-nav__search .gsib_a .gsc-input::placeholder { color: #FFF; } .business #area-nav__search .gsib_a .gsc-input::placeholder { color: #FFF; } /*END SEARCH*/ /*TOP LEFT NAV*/ #logo-bar {padding:0 10px 7px} #tlnav{font-family:'NAG',Arial,sans-serif} #tlnav .login-bg-r{border:1px solid #dfdede;border-bottom:none;background-color:#ececec;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; background-image: linear-gradient(bottom, rgb(248,248,248) 0%, rgb(234,233,233) 100%); background-image: -o-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(234,233,233) 100%); background-image: -moz-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(234,233,233) 100%); background-image: -webkit-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(234,233,233) 100%); background-image: -ms-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(234,233,233) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(248,248,248)),color-stop(1, rgb(234,233,233))); } #tlnav .login-bg-r a{color:#333} #tlnav .login-bg-p{border:1px solid #5a5a5a;border-bottom:none;background:#797979;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; background-image: linear-gradient(bottom, rgb(90,90,90) 0%, rgb(114,114,114) 100%); background-image: -o-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(114,114,114) 100%); background-image: -moz-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(114,114,114) 100%); background-image: -webkit-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(114,114,114) 100%); background-image: -ms-linear-gradient(bottom, rgb(90,90,90) 0%, rgb(114,114,114) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(90,90,90)),color-stop(1, rgb(114,114,114))); } #tlnav .login-bg-b{border:1px solid #000000;border-bottom:none;background:#161616;box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; background-image: linear-gradient(bottom, rgb(22,22,22) 0%, rgb(56,56,56) 100%); background-image: -o-linear-gradient(bottom, rgb(22,22,22) 0%, rgb(56,56,56) 100%); background-image: -moz-linear-gradient(bottom, rgb(22,22,22) 0%, rgb(56,56,56) 100%); background-image: -webkit-linear-gradient(bottom, rgb(22,22,22) 0%, rgb(56,56,56) 100%); background-image: -ms-linear-gradient(bottom, rgb(22,22,22) 0%, rgb(56,56,56) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(22,22,22)),color-stop(1, rgb(56,56,56))); } #tlnav .login-bg a:hover{color:#ddd} #tlnav .login-bg-r a:hover{color:#000} /* WCAH NAV */ .generic-top-level-nav .section-nav-bg{border-top:1px solid #ececec;border-bottom:1px solid #dfdede; background-color:#fff;} .generic-top-level-nav .section-nav-bg ul.nav-bar li {background:none} .generic-top-level-nav .section-nav-bg ul.nav-bar li a{color:#333} .generic-top-level-nav .section-nav-bg ul.nav-bar li a:link{color:#333} .generic-top-level-nav .section-nav-bg ul.nav-bar li a:visited{color:#333} .generic-top-level-nav .section-nav-bg ul.nav-bar li a:hover{color:#fff} .generic-top-level-nav .section-nav-bg ul.nav-bar li a:active{color:#fff} .generic-top-level-nav .section-nav-bg ul.nav-bar li:hover{color: #fff; background-color: #02729e} .generic-top-level-nav .section-nav-bg ul.nav-bar li.active {color: #fff; background-color:#0093cd;} .generic-top-level-nav .section-nav-bg ul.nav-bar li.active > a {color: #fff;} /*RHS HEADERS*/ .business div.headed-box h4, .business #mortgagepage1 legend {color:#fff; background-image:linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-o-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-moz-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-webkit-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-ms-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16, rgb(51,51,51)),color-stop(0.6, rgb(71,71,71))); text-shadow: 0 -1px #000; } .private div.headed-box h4, .private #mortgagepage1 legend {color:#fff; background-image:linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-o-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-moz-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-webkit-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-ms-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16, rgb(76,76,76)),color-stop(0.6, rgb(115,115,115))); text-shadow: 0 -1px #5a5a5a; } .lt-ie9 .business div.headed-box h4, .lt-ie9 .business #mortgagepage1 legend {background:#f8f8f8 url(/resources/c5732b804edf8bce95acbdca234c599f/b-rhs2.gif) repeat-x top left} .lt-ie9 .private div.headed-box h4, .lt-ie9 .private #mortgagepage1 legend {background:#f8f8f8 url(/resources/0c5e14004edf8b30958ebdca234c599f/pr-rhs2.gif) repeat-x top left} /*PLCALCSTYLES*/ table.plcalc-style {background:none; border:none} table.plcalc-style tbody tr td {border:none;vertical-align:top} table.plcalc-style tbody tr td input.input-text {margin-bottom:0} #loan-form label, #repay-form label {font-weight:700; margin-bottom:0} #amount-field{width:100%} .lt-ie8 #amount-field{width:200px} /*SITEWIDE FONT COLOURS*/ .private .nice.white.button:hover,.business .nice.white.button:hover,.private a, .business a, a, dl.tabs dd a, ul.tabs li a, .internet-but-bg #ibflyout a, .register-but-bg #regflyout a{color:#0093cd} .private .nice.black.button,.business .nice.black.button{color:#fff} h1{color:#555} .private h1,.private .h1 {color:#636563} .business h1,.business .h1 {color:#000} .private .subheader {color:#000} .mmore .label {background:#0093cd} .private table .label{background:#666} .private table .label a{color:#fff} .business #mobile-nav a,.private #mobile-nav a{color:#fff} .business .small,.business small{font-size:90%} #cboxClose{background-image:url(/resources/0dbdb18044048ab5aaefafeffb47ca87/close-yb.png);color:#0093cd} ul.breadcrumbs li.current {background:#0093cd} /*FOOTER*/ /*egain*/ body.selfservice .bottom-bar{background:#0867ae; color:#fff} body.selfservice .bottom-bar a{color:#fff} .bottom-bar{background:#e3e3e3;border-color:#dedede; line-height:1.4; padding-top:24px} .bottom-bar a{color:#0093CD} .bottom-bar dl{margin-bottom:18px} .bottom-bar dt{color:#2d2d2d; font-family:'NAG',Arial,Helvetica; font-size:1.231em; margin-bottom:0.769em} .bottom-bar dd{margin-bottom:0.769em} @media only screen and (max-width: 767px){ .bottom-bar a{font-size:1.1rem} .bottom-bar dt{font-size:1.5rem} } div hr.dashed-m{margin:-4px 0 12px 0} hr.solidbar{border-color:#0093cd;border-width: 4px 0 0;margin-top:0} .copyright{border-top:none} /*SOCIAL FOOTER */ .headed-list-social {margin-bottom:15px;} ul.headed-list-social li:first-child {color: #2d2d2d; font-family: 'NAG',Arial,Helvetica; font-size: 1.231em; margin-bottom: 0.769em;} #footer-social { margin-bottom:15px;} .footer-left-thumb {float:left; margin: 0 5px 5px 0;} .footer-contact span { color: #0093CD; font-size: 1.5rem; margin-right: 5px; vertical-align: middle; } .lt-ie9 .footer-contact { clear: both; padding-top:10px;} @media only screen and (max-width: 767px){ .footer-contact { margin-top: -10%; clear: both;} } #footer-social li:last-child {float:none;} /*COOKIES*/ #cookies {text-align:center;font-weight:normal;padding:6px 30px 7px;margin-bottom:0;display:none} #cookies .close {background:#000;border-radius:1000px;color:#FFF;font-size:18px;height:20px;line-height:20px;margin-top:-10px;opacity:1;padding:0;position:absolute;right:5px;text-align:center;top:50%;width:20px} #cookies .close{display:none} .js #cookies .close{display:block} /*BUTTONARROWS*/ .medium .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/93752f004f4eb78abbb4fbbcdec65f57/medium-button-arrow-white.gif) no-repeat center center} .large .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/a06a4f004f4eb86cbbd2fbbcdec65f57/large-button-white-arrow.png) no-repeat center center} .medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/4748a8004f4b95b9a358fbbcdec65f57/yb-medium-button-arrow.gif) no-repeat center center} .large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/4726c7804f4b960ea375fbbcdec65f57/yb-large-button-arrow.png) no-repeat center center} .private .medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/f5f2e0804f9bbe01bcd8bfc817e3d067/private-medium-button-arrow.gif) no-repeat center center} .private .large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/966be5004f9bbdafbccbbfc817e3d067/private-large-button-arrow.png) no-repeat center center} .business .medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/cbdee7004f9bbd4bbcb0bfc817e3d067/business-medium-button-arrow.gif) no-repeat center center} .business .large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/f7c781804f9bbce5bca2bfc817e3d067/business-large-button-arrow.png) no-repeat center center} ul.tick li{list-style-image:url(/resources/ebc44f804fb102b28b999fc817e3d067/YB-tick.png); margin-left:25px;} ul.smalltick li{list-style-image:url(/resources/3df39a80403dedcd8fdf9ff4782dc23d/yb-tick-v2.png); margin-left:20px;} .lt-ie8 ul.smalltick li{padding-left:8px} ul.iris-tick li{padding:5px;} ul.pdflist li{background:transparent url(/resources/beda5208-06ef-416e-95ac-67ef370accd3/yb-pdf.png) no-repeat top left;padding:15px 0 15px 45px;margin-bottom:0} ul.largetick li {list-style-image: none; background: url(/resources/744c0d5f-2cde-4ebf-8fbc-5330f20eb2f8/yb-tick.png) top left no-repeat; padding-left: 4em; margin-left: 0; min-height: 3em; padding-top: 0.5em} /*FOOTERSLIDER*/ #bmenu .apply-online.active{background-image:url(/resources/1404fb004f4bc913a746ffbcdec65f57/footer-icon-apply-active-yb.gif)} #bmenu .calculators.active{background-image:url(/resources/1c3956804f4bc964a765ffbcdec65f57/footer-icon-calculator-active-yb.gif)} #bmenu .interest-rates.active{background-image:url(/resources/f364a0004f4bc9fba781ffbcdec65f57/footer-icon-rates-active-yb.gif)} #bmenu .latest-news.active{background-image:url(/resources/56c9e0004f4bc9b2a773ffbcdec65f57/footer-icon-news-active-yb.gif)} /*RHS Icons*/ .iconpanelphone, div.headed-box .iconpanelphone{background-image:url(/resources/d30ccb004f47ffcb868fffbcdec65f57/yb-icon-contact.png);background-position:10px 8px} .iconpanelbranch, div.headed-box .iconpanelbranch{background-image:url(/resources/de83d6004f47ff7a8681ffbcdec65f57/yb-icon-branch.png);background-position:7px 8px} .iconpanelwrite-hub {background-image:url(/resources/7cf06d804282694c8b669b2178ba226c/yb-contact-page-address.gif);background-position:0 4px} .iconpanelweb-hub {background-image:url(/resources/511bba80428269418b5a9b2178ba226c/yb-contact-page-www.gif);background-position:0 4px} .iconpanelweb-hub strong, a.medium.nice.red.round.button {margin-left: 4px} .iconpanelphonebig, div.headed-box .iconpanelphonebig{background-image:url('/resources/d4ad88e0-7c48-4dd2-9427-4f044dac981f/yb-phone.png'); background-position:-2px -6px; padding-top:2px; padding-left:45px} .iconpanelphonebig .phone-number{font-size:20px; font-size:2rem} /*TABS*/ dl.tabs dd a.active, ul.tabs li a.active{ background-color:#1585be; background-image:linear-gradient(bottom, rgb(0,85,165) 0%, rgb(45,190,220) 100%); background-image:-o-linear-gradient(bottom, rgb(0,85,165) 0%, rgb(45,190,220) 100%); background-image:-moz-linear-gradient(bottom, rgb(0,85,165) 0%, rgb(45,190,220) 100%); background-image:-webkit-linear-gradient(bottom, rgb(0,85,165) 0%, rgb(45,190,220) 100%); background-image:-ms-linear-gradient(bottom, rgb(0,85,165) 0%, rgb(45,190,220) 100%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,85,165)),color-stop(0.99, rgb(45,190,220))); } /*mortgageadverts*/ .mortgageadvert,.mortgageadvert tbody tr:nth-child(2n){background:#e7efef;border-color:#fff} .lt-ie9 .mortgageadvert{background:#e7efef;border-color:#fff} .mortgageadvert thead tr th, .mortgageadvert tfoot tr th, .mortgageadvert tbody tr td, .mortgageadvert tr td, .mortgageadvert tfoot tr td{width:33%;border-color:#fff;text-align:center;padding:5px;font-size:11px} .mortgageadvert strong {font-weight:bold;font-size:2em;display:block;line-height:1.3} .barBox .row .risk-mg p{font-size:15px;line-height:1} /* DPL Landing pages */ .dpl-msm-pos {position: relative; z-index: 10; margin-top: -102px; margin-bottom: 40px;} .lt-ie8 .dpl-msm-pos {position: relative; z-index: 10; top: -18px; margin-bottom: 40px; border: 1px solid #000} /*MOBILE MORTGAGE CALC RESULTS*/ @media only screen and (max-width: 767px) { .mmore .label{border-color:#4792D8} #mortgagepage2 #mortgage-calc-id tr td:nth-of-type(1){background-image:url(/resources/dd838d004f9de96b89639fc817e3d067/YB-minus-trans.png)} #mortgagepage2 #mortgage-calc-id tr.inactive td:nth-of-type(1){background-image:url(/resources/c69d56004f9de8eb894c9fc817e3d067/YB-plus-trans.png)} } /*Gold headed box*/ div.headed-gold h4{ font-weight:normal; color:#fff; border-color:#c6a28c; background-color:#bd926b; background-image:linear-gradient(bottom, rgb(181,138,99) 0%, rgb(214,158,115) 100%); background-image:-o-linear-gradient(bottom, rgb(181,138,99) 0%, rgb(214,158,115) 100%); background-image:-moz-linear-gradient(bottom, rgb(181,138,99) 0%, rgb(214,158,115) 100%); background-image:-webkit-linear-gradient(bottom, rgb(181,138,99) 0%, rgb(214,158,115) 100%); background-image:-ms-linear-gradient(bottom, rgb(181,138,99) 0%, rgb(214,158,115) 100%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(181,138,99)),color-stop(0.99, rgb(214,158,115))); } div.headed-gold div{ background:#f8f3ef; } .lt-ie9 div.headed-gold h4{background-color:#bd926b;background-image:none} /* New Mortgage Section */ #mheropadding{padding:20px} #mherobox{background-color: rgba(0, 147, 205, 0.85);-webkit-border-radius: 10px;border-radius: 10px;padding:15px 15px 1px 15px} .lt-ie9 #mherobox{background: transparent url(/resources/6bbd054a-6f2e-4698-8d36-2d12df935f35/yb-tran-bg2.png) repeat top left} .lt-ie7 #mherobox{background:#0093cd;background-image:none} #mherobox h1, #mherobox h2, #mherobox h3, #mherobox h4, #mherobox h5, #mherobox h6, #mherobox p{color:#fff} #mherobox a{margin-bottom:15px;margin-right:10px} .lt-ie8 .iecalchead{display:block;position:relative;top:7px} @media only screen and (max-width: 767px) { #mheropadding{padding-right:20px} } .printicon,.mobi .ajaxMortgage .printicon{display:none;line-height:16px;padding-left:27px;background:#fff url(/resources/eee68b50-87ec-4330-b406-8f49860823ba/print.png) no-repeat left center} .ajaxMortgage .printicon{display:block} table#mortgage-calc-new tbody tr.ajaxMortgage{background:#fff url(/resources/d890b85b-e9a4-47c3-b813-133f1d8e5986/ajax-loader.gif) no-repeat center center;height:50px} table#mortgage-calc-new tbody tr.ajaxMortgage #product{background:#fff} #ContactFull .makeastart .inside{padding-right:10px;border-right:1px solid #d3b49f} #ContactFull .search .inside{background:#f8f3ef;padding:15px 15px 1px 15px;margin-bottom:15px; -webkit-box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2); -mox-box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2); box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2); } @media only screen and (max-width: 767px) { #mortgage-calc-new td.mName{color:#0093CD} #ContactFull .makeastart .inside{padding-right:0;border-right:none} table#mortgage-calc-new tbody tr.ajaxMortgage{height:auto} table#mortgage-calc-new tbody tr.ajaxMortgage td{min-height:50px} } #rhsMSynergy,#synergypage2 #rhsMCalc{display:none} #synergypage2 #rhsMSynergy{display:block} .newcust h4,.existcust h4{height:32px} #amountRequired{left:0;width:auto} table #rhsMCalcTalk{display:none !important} /*MORTGAGES TABLE CUSTOMISATIONS*/ .mmoreNew{padding:15px 10px 0 15px} table .header{ background: #f5f5f5 url(/resources/ea47728043d03904b92dbdeffb47ca87/header.png) no-repeat right bottom; cursor:pointer; padding: 5px 18px 5px 10px !important; text-align: left !important; vertical-align: top !important; line-height:1.2; font-size:10px; } table .not-sortable{background-image: none;} @media only screen and (min-width: 768px) and (max-width: 939px) { table .not-sortable, table .header{font-size:9px} .customertype h4{font-size:1.5rem} } table .headerSortDown{background-image:url(/resources/e5b0ba80-4535-4ce6-bdd2-cf6e8e703362/headerDownYB.png)} table .headerSortUp{background-image:url(/resources/b0aab20e-3216-4d5d-b662-0f906820e396/headerUpYB.png)} /*CASHBACK OFFER*/ .cashback .mName{background:#fff url(/resources/5ca2c9c3-05dd-4875-b374-2ce51dfb4a8a/cashbacksymbolyb.png) no-repeat bottom right;padding-right:20px} #synergypage2 .cashback .mName,.nocashback .cashback .mName{background-image:none} .cashback-key{background:#F5F5F5;margin-bottom:20px;padding:15px;text-align:center} .cashback-key p{font-family:'NAG',Arial;font-size:17px;font-weight:bold;margin-bottom:0} .cashback-key p img{vertical-align:top} @media only screen and (max-width: 767px) { #mortgage-calc-new .cashback td.mName::before{content:"Cashback";display:inline-block;height:18px;width:20px;text-indent:-9999px;background:transparent url(/resources/5ca2c9c3-05dd-4875-b374-2ce51dfb4a8a/cashbacksymbolyb.png) no-repeat left top;margin-right:5px} #synergypage2 #mortgage-calc-new .cashback td.mName::before{background-image:none} } /* Credit cards */ /*cc rep example*/ .cc-rep-example, .cc-rep-example thead tr th, .cc-rep-example tr td{border-color:#0867AE} .iconpanelarrow{background-image:url(/resources/62c189e5-49e5-4bf9-a4ab-e47ce2b6b7c5/yb-icon-arrow.png)} .iconpanellarge{padding-left:30px} .iconpanelsingle{display:block; padding-top:10px} /*Box with image as background */ .thmbBx{position:relative;display:block;overflow:hidden;padding-top:40%;background:#000;margin-bottom:20px} .thmbBx.fat{padding-top:56%} .thmbBx.fatter{padding-top:76%} .thmbBx span{position:absolute;left:0;bottom:15px;padding:15px 45px 15px 15px;background:#0093CD url(/resources/b64045b2-bc82-4052-ba0a-1e9c4c4c245b/thumbnail_arrow_white.png) no-repeat right center;background-color:rgba(0, 147, 205, 0.85);color:#fff;font-size:1.8em;font-size:18px;font-family:'NAG',Arial;max-width:93%;float:left;border-radius:0 2px 2px 0;-moz-box-sizing:border-box; box-sizing:border-box} .lt-ie9 .thmbBx span{max-width:66%} .lt-ie8 .thmbBx img{height:auto} .lt-ie8 .thmbBx span{background-color:#0093CD} .thmbBx:hover span{background-color:#02729e; cursor:pointer} .thmbBx img{position:absolute;top:0;left:0;width:100%;height:100%} @media only screen and (max-width: 767px){ .thmbBx.fatter, .thmbBx.fat{padding-top:40%} .thmbBx img{height:auto} .thmbBx.fatter img{top:-33%} .thmbBx.fat img{top:-20%} } /*END THUMBX*/ /* GOOGLE SITE SEARCH */ /* SEARCH BOX*/ .search-but-bg form{margin-bottom:0} .contact-but-bg{display:none!important} input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{border:0!important; background:none} input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{border-color:#fff;background-color:#fff;background-image:none; filter:none} .search-but-bg .gsc-input-box{height:auto} .searchBox .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0} .searchBox input.gsc-input{font-size:13px} .searchBox .gsc-input input.gsc-input{background:none!important} .searchBox .gsc-search-box .gsc-input > input:focus{border:0; -webkit-box-shadow:none; box-shadow:none} .search-but-bg .gsib_a{border:0} #gs_id50{border:0; border-radius:0; margin-bottom:0} .search-but-bg .gsib_b{border:0; padding-right:3px} .gsc-search-button{border:0} table.gsc-search-box thead tr th,table.gsc-search-box tfoot tr th,table.gsc-search-box tbody tr td,table.gsc-search-box tr td,table.gsc-search-box tfoot tr td.gsc-search-button{border-right:0; line-height:10px} #ibnav li.search-but-bg{width:30%;padding-right:0} .search-but-bg table tbody tr td{padding:6px} /*SEARCH FOCUS*/ .googleFocus, .googleFocus td, .googleFocus input.gsc-input, #body-search-box .gsc-input:hover, #body-search-box .gsc-input:hover td, #body-search-box .gsc-input:hover input.gsc-input{background:transparent !important} #___gcse_1 td,#___gcse_1 div,#___gcse_1 input{-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none} /*SEARCH BODY*/ #body-search-box .gsc-input-box{height:auto} #body-search-box table{border-radius:0; margin-bottom:0} #body-search-box.searchBox input.gsc-input{font-size:16px} #body-search-box .gsib_a, #body-search-box .gsib_b{border-bottom:0} /*COMMON*/ /*SEARCH RESULTS*/ #cse form{margin-bottom:0} #cse table thead tr th, #cse table tfoot tr th, #cse table tbody tr td, #cse table tr td, #cse table tfoot tr td{border:0} #cse .gsc-control-cse{padding:0} td .gsc-search-button{border:0; line-height:10px} .gsc-control-cse{font-family:Arial, sans-serif; border-color:#FFFFFF; background-color:#FFFFFF} .gsc-control-cse .gsc-table-result{font-family:Arial, sans-serif} input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{border-color:#BFBEC0; background-color:#fff; background-image:none; filter:none} .gsc-tabHeader.gsc-tabhInactive{border-color:#E4200E; background-color:#FFFFFF} .gsc-tabHeader.gsc-tabhActive{border-color:#E9E9E9; background-color:#E9E9E9; border-bottom-color:#E4200E} .gsc-tabsArea{border-color:#E4200E} .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{border-color:#FFFFFF; background-color:#FFFFFF} .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover{border-color:#FFFFFF; background-color:#FFFFFF} .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b{color:#E6421D} .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b{color:#E6421D} .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b{color:#E6421D} .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b{color:#E6421D} /*PAGINATION*/ #cse .gsc-results .gsc-cursor-box{margin:0 0 18px} #cse .gsc-results .gsc-cursor-box .gsc-cursor-page{border-bottom:solid 2px transparent; color:#555555; font-size:15px; float:left; padding:6px 7px 4px; margin-left:5px; margin-bottom:12px; margin-right:0} #cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{text-decoration:none} #cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border-bottom:solid 2px #E12800; color:#999; font-weight:400} a.gsc-trailing-more-results:link{color:#E6421D} .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType{color:#000000} .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{color:#000000} .gs-webResult div.gs-visibleUrl-short{color:#000000} .gs-webResult div.gs-visibleUrl-short{display:none} .gs-webResult div.gs-visibleUrl-long{display:block} .gs-promotion div.gs-visibleUrl-short{display:none} .gs-promotion div.gs-visibleUrl-long{display:block} .gsc-webResult.gsc-result.gsc-promotion{border-color:#336699; background-color:#FFFFFF} .gsc-completion-title{color:#E6421D} .gsc-completion-snippet{color:#000000} .gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#0000FF} .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#663399} .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#0000FF} .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#0000FF} .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *{color:#000000} .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short{color:#008000} #body-search-box input.gsc-search-button, #body-search-box input.gsc-search-button:hover, #body-search-box input.gsc-search-button:focus { height:25px; width:1px; padding:0 0 0 25px; overflow:hidden; background:transparent url(/resources/e8857458-9ee1-43e1-8d16-d146816a744d/yb-search.png) no-repeat 0px center; min-width:0; filter:none; border:none; } .search-but-bg table,#body-search-box table,#cse table,.gsc-above-wrapper-area{border:0} td.gsc-twiddleRegionCell.gsc-twiddle-opened, td.gsc-configLabelCell{display:none} .gs-result .gs-title, .gs-result .gs-title *{color:rgb(0, 0, 204); text-decoration:none} .gs-result .gs-visibleUrl{font-size:12px;font-size:1.2rem;color:#666 !important} .gs-bidi-start-align.gs-snippet{padding-left:5px} .gs-per-result-labels{display:none} .gsc-webResult .gsc-result{padding:0 !important} .gs-spelling.gs-spelling-original{margin-bottom:20px} .gsq_a span{padding:5px;box-sizing:border-box;display:block} #gsc-i-id1::-ms-clear,#gsc-i-id2::-ms-clear{display:none} a.gsst_a{padding-top:0; position:relative;top:3px} .lt-ie9 a.gsst_a{position:relative;top:0} /*GOOGLE SITE SEARCH ALTERNATIVE */ .no-js #ibnav li.search-but-bg{display:none !important} #ibnav li.search-but-bg{width:auto;padding-right:16px} #ibnav li.search-but-bg label{display:inline} .ie8compat #q-searchGO{top:-7px;}/* IE Compat Mode Fix */ /*SUGGESTIONS STYLING*/ .searchBox form{position:relative} #searchPrompt{background:#fff; border:1px solid #ddd; left:-8px; position:absolute; padding:10px; text-align:left; top:41px; width:100%; z-index:999} #searchPrompt ul li:not(:last-child){padding-bottom:1em} #searchPrompt ul li:after{content:none} #searchPrompt ul li a{color:#0093cd!important; font-size:13px; font-size:1.3rem; line-height:1.4; text-align:left} /* END GOOGLE SITE SEARCH */ /* Phone on left box */ .box.phoneBox{background-image:url(/resources/d4ad88e0-7c48-4dd2-9427-4f044dac981f/yb-phone.png);background-position:10px center;padding-left:65px;box-sizing:border-box;background-repeat:no-repeat} /*-------------- 1600 HERO CUSTOM --------------*/ .hero .hero-box{background-color: rgba(0, 147, 205, 0.85)} .lt-ie9 .hero-box{background: transparent url(/resources/6bbd054a-6f2e-4698-8d36-2d12df935f35/yb-tran-bg2.png) repeat top left} /*-------------- ICONS --------------*/ .icon-calculator:before{color:#0093cd;font-size:235%;} .icon-aip:before {color:#0093cd;font-size: 210%;} /* HIDE LEVEL 1 AND NON-ACTIVE LEVEL 2 FROM PERSONAL-BUSINESS-PRIVATE */ .personal .nav-bar .Level2, .business .nav-bar .Level2, .private .nav-bar .Level2, .generic-top-level-nav .nav-bar .Level2 {display:none;} .personal .nav-bar .Level3 a, .business .nav-bar .Level3 a, .private .nav-bar .Level3 a, .generic-top-level-nav .nav-bar .Level3 a {display:none;} .personal .vertical a.active, .business .vertical a.active, .private .vertical a.active, .generic-top-level-nav .vertical a.active {display:block} /* HIDE LEVEL 1 EXCEPT ACTIVE */ .personal .vertical .Level2 a, .business .vertical .Level2 a, .private .vertical .Level2 a {display:none} .vertical .active a {display:block} /* FOR BLANK TOP NAV */ .no-area-nav #area-nav, .no-ib-nav #ibnav, .no-nav #mobile-nav-menu, .no-breadcrumb .bcrumbs{display:none!important} @media only screen and (max-width: 767px){ .no-mobile-hamburger #menu-btn-phone, .no-mobile-login #login-btn-phone{display:none} .no-ib-nav #ibnav{display:block} } /*TOP LEFT NAV*/ @media only screen and (max-width: 767px){ #area-nav{display:none} } #area-nav{background-color:#dedede} .business #area-nav{background-color:#2D2D2D} .private #area-nav{background-color:#797979} #area-nav ul{margin-bottom:0} #area-nav li{display:inline; float:left; margin-bottom:0; position:relative} .private #area-nav li, .business #area-nav li{color:#fff} #area-nav li:after{content:"|"; font-family:"Times New Roman", serif; vertical-align:top} #area-nav .columns-left li:after{padding-left:18px; padding-right:18px} #area-nav .columns-right li:after{padding-left:22px; padding-right:22px} #area-nav li:last-child:after{content:none} #area-nav a:focus{outline:1px dotted black; outline-offset:-2px} .private #area-nav a:focus, .business #area-nav a:focus{outline-color:white} /*HACK TO STOP DIVIDERS MOVING*/ #area-nav__personal a{width:67px} #area-nav__private a{width:56px} #area-nav__business a{width:67px} #area-nav a{line-height:40px} #area-nav li:after{line-height:40px} #area-nav__branch span.icon-locator{float:left; font-size:1.6rem; line-height:38px; padding-top:2px} #area-nav a{color:#000; font-size:1.7rem; position:relative; text-align:center} #area-nav a:not(.hide){display:inline-block} .business #area-nav a, .private #area-nav a{color:#fff} #area-nav__branch span.icon-locator:before{color:#0093CD; margin-right:13px} .private #area-nav__branch span.icon-locator:before, .business #area-nav__branch span.icon-locator:before{color:#fff} #area-nav__right{float:right} /*SEARCH*/ #area-nav__search form, #area-nav__search form label{display:inline-block; margin-bottom:0} #area-nav__search form label{width:100%} #area-nav__search form{border-bottom:solid 1px #919191; padding-bottom:3px; padding-top:10px; width:160px} .business #area-nav__search form, .private #area-nav__search form{border-color:#fff} #q-search{-webkit-appearance:none; background-color:transparent; -moz-box-sizing:border-box; box-sizing:border-box; border:none; font-family:"NAG", sans-serif; font-size:1.4rem; margin:0; padding:0 0 0 22px; width:100%} #q-search::-webkit-search-decoration{-webkit-appearance: none} #q-search::-webkit-search-cancel-button{-webkit-appearance: none} #q-search::-webkit-input-placeholder{color:black; opacity:1} #q-search::-moz-placeholder{color:black; opacity:1} #q-search:-moz-placeholder{color:black; opacity:1} #q-search:-ms-input-placeholder{color:black; opacity:1} #q-search::placeholder{color:black; opacity:1} .private #q-search::-webkit-input-placeholder, .business #q-search::-webkit-input-placeholder{color:#fff} .private #q-search::-moz-placeholder, .business #q-search::-moz-placeholder{color:#fff; opacity:1} .private #q-search:-moz-placeholder, .business #q-search:-moz-placeholder{color:#fff; opacity:1} .private #q-search:-ms-input-placeholder, .business #q-search:-ms-input-placeholder{color:#fff} .private #q-search::placeholder, .business #q-search::placeholder{color:#fff; opacity:1} .private #q-search, .business #q-search{color:#fff} #q-search:focus{outline:1px dotted black; outline-offset:7px} #q-searchGO{background-color:transparent; border:none; -moz-box-sizing:border-box; box-sizing:border-box; color:#0093CD; cursor:pointer; float:left; font-family:"icon"; font-size:1.5rem; left:0; margin:0; margin-top:-0.6em; padding:1px; position:absolute; top:50%; width:1.1em} #q-searchGO:focus{outline:dotted 1px black} .business #q-searchGO, .private #q-searchGO{color:#fff} .private #q-search:focus, .business #q-search:focus, .business #q-searchGO:focus, .private #q-searchGO:focus{outline-color:#fff} /*END NEW*/ /*ACTIVE*/ .personal #area-nav__personal a, .private #area-nav__private a, .business #area-nav__business a{font-weight:bold; font-size:1.8rem; text-align:center; line-height:39px} .personal #area-nav__personal a:before, .private #area-nav__private a:before, .business #area-nav__business a:before{background-color:#fff; bottom:-6px; content:""; display:block; height:10px; left:50%; margin-left:-5px; position:absolute; width:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); z-index:10} /*IE8 FIXES*/ .lt-ie9 .personal #area-nav__personal a:before, .lt-ie9 .private #area-nav__private a:before, .lt-ie9 .business #area-nav__business a:before, .lt-ie9 #area-nav__business:after, .lt-ie9 #area-nav__branch:after{content:none} #top-nav{padding-top:20px; padding-bottom:20px} #top-nav__logo a, #top-nav__logo a img{float:left} #top-nav__logo a img{max-width:none} #top-nav__logo a:focus{outline:dotted 1px grey; outline-offset:1px} /*ALL NAV*/ .nav-bar > li.has-flyout > a.flyout-toggle{padding:0 6px 0 8px} .nav-bar > li.has-flyout > a.flyout-toggle:focus{outline:none} .nav-bar > li.has-flyout > a.flyout-toggle span{border:none; height:auto; width:auto} .nav-bar > li.has-flyout > a.flyout-toggle span:before{content:"\e905"; font-family:"icon"; font-size:1rem; height:auto; width:auto} #mobile-nav-menu .nav-bar > li > a{font-family:"NAG", sans-serif; font-size:1.3rem} @media only screen and (max-width: 860px) and (min-width:768px){ #mobile-nav-menu .nav-bar > li > a{font-size:1.1rem} } @media only screen and (min-width: 940px){ #mobile-nav-menu .nav-bar > li{margin-right:1%} } .section-nav-bg ul.nav-bar li a{color:#000} .section-nav-bg ul.nav-bar li:hover a, .section-nav-bg ul.nav-bar li.active a{color:#fff} /*DEFAULT + PERSONAL NAV*/ .section-nav-bg{background-color:#fff; border-top:1px solid #ececec;border-bottom:1px solid #dfdede} .section-nav-bg ul.nav-bar li {background:none} .section-nav-bg ul.nav-bar li:hover {background-color:#0066ab} .section-nav-bg ul.nav-bar li.active {background-color:#0093CD} @media only screen and (min-width: 768px) and (max-width: 850px) { .allproducts{display:none !important} } /*PRIVATE NAV*/ .private .section-nav-bg ul.nav-bar li {background:none} .private .section-nav-bg ul.nav-bar li:hover {background-color:#797979} .private .section-nav-bg ul.nav-bar li.active {background-color:#292929} /*BUSINESS NAV*/ .business .section-nav-bg ul.nav-bar li {background:none} .business .section-nav-bg ul.nav-bar li:hover {background-color:#3E3E3E} .business .section-nav-bg ul.nav-bar li.active {background-color:#4E4E4E} /*RHS HEADERS*/ .business div.headed-box h4, .business #mortgagepage1 legend {color:#fff; background-image:linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-o-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-moz-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-webkit-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-ms-linear-gradient(bottom, rgb(51,51,51) 16%, rgb(71,71,71) 60%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16, rgb(51,51,51)),color-stop(0.6, rgb(71,71,71))); text-shadow: 0 -1px #000; } .private div.headed-box h4, .private #mortgagepage1 legend {color:#fff; background-image:linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-o-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-moz-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-webkit-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-ms-linear-gradient(bottom, rgb(76,76,76) 16%, rgb(115,115,115) 60%); background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.16, rgb(76,76,76)),color-stop(0.6, rgb(115,115,115))); text-shadow: 0 -1px #5a5a5a; } /*IBFLYOUT*/ #ibnav{margin-top:42px} .register-but-bg, .internet-but-bg{position:relative} #ibnav li.internet-but-bg, #ibnav li.register-but-bg{border-radius:2px; padding-right:25px} #ibnav li.internet-but-bg{background-color:#0093cd; border:1px solid #0093cd; color:#fff; padding-left:40px; margin-left:8px; width:45px} #ibnav li.internet-but-bg.icon-padlock:before{left:16px; margin-top:-0.5em; position:absolute; top:50%} #ibnav li.internet-but-bg:hover, #ibnav li.register-but-bg:hover, #ibnav.flyout-open > li{border-bottom-left-radius:0; border-bottom-right-radius:0} #ibnav li.internet-but-bg a.flyout-text, #ibnav li.internet-but-bg a.flyout-toggle{color:#fff} #ibnav li.register-but-bg{background-color:#fff; border: 1px solid #0093cd; width:63px; margin-right: 20px} #ibnav li.register-but-bg a.flyout-text{color:#000; display:inline-block} #ibnav a.flyout-text{font-size:1.6rem} #ibnav.nav-bar > li.has-flyout > a.flyout-toggle{position:absolute; padding:0 12px 0 9px} .nav-bar > li.register-but-bg.has-flyout > a.flyout-toggle span{border-top-color:#0093cd} .nav-bar > li.internet-but-bg.has-flyout > a.flyout-toggle span{border-top-color:#fff} .nav-bar li.internet-but-bg ul, .nav-bar li.register-but-bg ul{margin-bottom:8px} .nav-bar li.internet-but-bg ul.last, .nav-bar li.register-but-bg ul.last{margin-bottom:0} #ibnav .register-but-bg{padding-left:13px} #ibflyout,#regflyout{padding:12px 10px} #ibflyout.flyout, #regflyout.flyout{border-radius: 0 0 2px 2px; top:40px; width:110px} #regflyout.flyout{background-color:#fff} #ibflyout.flyout{background-color:#fff} #ibflyout h6, #regflyout h6{margin-bottom:0} #ibflyout {border: 1px solid #0093cd; left:auto; right:-1px} #regflyout {background:#fff; border:1px solid #0093cd; left:-30px} #ibflyout.flyout ul li, #regflyout.flyout ul li{border-bottom:dashed 1px #ccc; color: #2d2d2d; padding:10px 0 8px 0} #ibflyout.flyout ul li.last, #regflyout.flyout ul li.last{border-bottom:none} #ibflyout.flyout ul.last li.last, #regflyout.flyout ul.last li.last{padding-bottom:0} #ibflyout.flyout ul li a, #regflyout.flyout ul li a{padding:0; line-height:1.5} #regflyout-border{border-bottom:solid 1px #fff; bottom:-1px; display:none; left:0; position:absolute; width:100%; z-index:50} .register-but-bg:hover > #regflyout-border{display:block} /*COOKIES*/ #cookies {text-align:center;font-weight:normal;padding:6px 30px 7px;margin-bottom:0;display:none} #cookies .close {background:#000;border-radius:1000px;color:#FFF;font-size:18px;height:20px;line-height:20px;margin-top:-10px;opacity:1;padding:0;position:absolute;right:5px;text-align:center;top:50%;width:20px} #cookies .close{display:none} .js #cookies .close{display:block} /*FOOTERSLIDER*/ #bmenu .apply-online.active{background-image:url(/resources/08e493804f4bbd87a5f3fdbcdec65f57/footer-icon-apply-active-cb.gif)} #bmenu .calculators.active{background-image:url(/resources/3ebb63804f4bbdeba607ffbcdec65f57/footer-icon-calculator-active-cb.gif)} #bmenu .interest-rates.active{background-image:url(/resources/aef5e2004f4bbedca63cffbcdec65f57/footer-icon-rates-active-cb.gif)} #bmenu .latest-news.active{background-image:url(/resources/2d2799804f4bbe87a62effbcdec65f57/footer-icon-news-active-cb.gif)} /* DPL Landing Pages */ .calc-controls-landing-page-display {background-image:url(/resources/ecc5bf004fded98e864c97c817e3d067/dpl-landing-display-txt191212.gif); height: 239px; margin-bottom: 6px; padding: 0; width: 660px; margin: 0; } .dpl-msm-pos {position: relative; z-index: 10; margin-top: -121px; margin-bottom: 40px;} .lt-ie8 .dpl-msm-pos {position: relative; z-index: 10; top: -18px; margin-bottom: 40px; border: 1px solid #000} /*mortgageadverts*/ .mortgageadvert,.mortgageadvert tbody tr:nth-child(2n){background:#e7efef;border-color:#fff} .lt-ie9 .mortgageadvert{background:#e7efef;border-color:#fff} .mortgageadvert thead tr th, .mortgageadvert tfoot tr th, .mortgageadvert tbody tr td, .mortgageadvert tr td, .mortgageadvert tfoot tr td{width:33%;border-color:#fff;text-align:center;padding:5px;font-size:11px} .mortgageadvert strong {font-weight:bold;font-size:2em;display:block;line-height:1.3} .barBox .row .risk-mg p{font-size:15px;line-height:1} /*CURRENT ACCOUNT FLYOUT*/ .caflyout .flyout{background:#e7e3de;border-style:none;border-top:3px solid #0066ab;width:100%;padding:0;-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3)} .section-nav-bg ul.nav-bar .caflyout li{border-style:none;border-bottom:1px dashed #d6cbc6} .section-nav-bg ul.nav-bar .caflyout li:last-of-type{border-bottom:none} .section-nav-bg ul.nav-bar .caflyout li.noborder{border-bottom: medium none} .section-nav-bg ul.nav-bar .caflyout li.border--separator{border-right: 1px solid #d3d3d3} html .section-nav-bg ul.nav-bar .caflyout li:hover,html .section-nav-bg ul.nav-bar .caflyout li:focus{background:none} .section-nav-bg ul.nav-bar .caflyout .row li a{color:#333; padding:7px 0 5px 0; line-height:1.4} .section-nav-bg ul.nav-bar .caflyout .row li a:hover,.section-nav-bg ul.nav-bar .caflyout li .row a:focus{background:none;color:#333} .section-nav-bg ul.nav-bar .caflyout ul {margin-bottom:10px} .section-nav-bg ul.nav-bar .caflyout ul ul{margin-bottom:2px} /*MORTGAGE FLYOUT*/ .newcust .hrhead{border-color:#8a1800;border-width:2px 0 0} .existcust .hrhead{border-color:#f63e2d;border-width:2px 0 0} .mgNavDDRight{padding:15px 15px 1px 15px;background:#fff3ef} .section-nav-bg ul.nav-bar .caflyout h4 img{vertical-align:text-bottom} .section-nav-bg ul.nav-bar .caflyout h4{font-size:1.2em} @media only screen and (max-width: 939px) { .section-nav-bg ul.nav-bar .caflyout h4{font-size:1.15em} } /* MOBILE NAV */ @media only screen and (max-width: 767px) { *:link, *:visited, *:hover, *:active, *:focus{ -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none} #cookies{z-index:99999} #site-wrapper{height:100%; overflow:hidden; position:relative; width:100%} #top-nav{padding:0 20px} #top-nav, #mobile-nav-menu{height: auto; width:100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease all!important; -moz-transition: 300ms ease all!important; -ms-transition: 300ms ease all!important; -o-transition: 300ms ease all!important; transition: 300ms ease all!important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden} /*SHOW LHS MOBILE MENU*/ .showMenu #mobile-nav-menu { -moz-transform: translate3d(100vw, 0, 0); -ms-transform: translate3d(100vw, 0, 0); -o-transform: translate3d(100vw, 0, 0); -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0); } /*SHOW RHS MOBILE MENU*/ .showLoginMenu #top-nav { -moz-transform: translate3d(-100vw, 0, 0); -ms-transform: translate3d(-100vw, 0, 0); -o-transform: translate3d(-100vw, 0, 0); -webkit-transform: translate3d(-100vw, 0, 0); transform: translate3d(-100vw, 0, 0); } /*MOBILE TOP MENU*/ #mobile-nav-top{-moz-box-sizing:border-box; box-sizing:border-box; height:41px; padding-top:7px; padding-bottom:9px; position:relative; z-index:9999; background-image: linear-gradient(bottom, rgb(0,97,167) 0%, rgb(0,179,229) 60%); background-image: -o-linear-gradient(bottom, rgb(0,97,167) 0%, rgb(0,179,229) 60%); background-image: -moz-linear-gradient(bottom, rgb(0,97,167) 0%, rgb(0,179,229) 60%); background-image: -webkit-linear-gradient(bottom, rgb(0,97,167) 0%, rgb(0,179,229) 60%); background-image: -ms-linear-gradient(bottom, rgb(0,97,167) 0%, rgb(0,179,229) 60%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,97,167)),color-stop(0.6, rgb(0,179,229))); } #mobile-nav-top-container{display:table; position:relative; width:100%} #mobile-nav-top-container div{display:table-cell; line-height:1; position:relative} #cell-hamburger, #cell-login{vertical-align:middle; width:72px} #cell-hamburger{text-align:left} #cell-logo{padding:6px 1em 0; text-align:center; vertical-align:middle} #cell-logo a{color:#fff; display:block; text-decoration:none} #cell-logo a img{max-width:none} #cell-login{text-align:right} #mobile-nav-top .button{margin-bottom:0;background:#fff;margin-top:1px} /*HAMBURGER*/ .hamburger-top{top:1px} .hamburger-middle{top:9px} .hamburger-bottom{top:5px} .button.hamburger{color:#fff; cursor:pointer; display:block; font-size:0; height:24px; left:0; padding:0; position:absolute; text-align:center; top:0; width:24px; z-index:999} .button.hamburger span{ position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px)} .hamburger-svg{display:block; height:14px; left:5px; position:absolute; width:14px; -webkit-transition: -webkit-transform 400ms linear!important; -moz-transition: -moz-transform 400ms linear!important; -o-transition: -o-transform 400ms linear!important; -webkit-transition: transform 400ms linear!important; transition:-webkit-transform 400ms linear!important; transition: transform 400ms ease-in-out!important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-background-clip: content-box; background-clip: content-box} /*LOGIN BUTTON*/ #login-btn-phone{color:#000; font-size:13px; display:block; line-height:1; padding:6px 10px 5px; position:absolute; right:0; top:0; width:auto!important; z-index:999} #login-btn-phone span{display:inline-block; -webkit-transition:opacity 400ms linear!important; transition:opacity 400ms linear!important} .login-btn-phone{opacity:1; text-indent:0} .close-btn-phone{left:0; opacity:0; position:absolute; right:0} .no-js #login-btn-phone{display:none} /*SHOW*/ .showMenu .hamburger .hamburger-middle{opacity:0} .showMenu .hamburger .hamburger-top{top:5px; -webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg)} .showMenu .hamburger .hamburger-bottom{top:5px; -webkit-transform: rotateZ(135deg); -ms-transform: rotateZ(135deg); transform: rotateZ(135deg)} .showLoginMenu .login-btn-phone{opacity:0} .showLoginMenu .close-btn-phone{opacity:1} /*END SHOW*/ /*RHS MOBILE MENU*/ #top-nav__logo{display:none} .top-nav-bg{height:auto; padding:0; position:absolute; right:-100vw; top:41px; width:100%; z-index:9999; -moz-box-sizing:border-box; box-sizing: border-box} .top-nav-bg .columns{min-height:0; width:100%!important} #ibnav{margin-top:0} #ibnav li.internet-but-bg, #ibnav li.register-but-bg{background:none; padding:0; border:0; margin:0; width:auto} #ibnav li.register-but-bg a.flyout-text, #ibnav li.internet-but-bg a.flyout-text{display:none} #ibflyout h6, #regflyout h6, #ibflyout.flyout ul li a, #regflyout.flyout ul li a, .section-nav-bg ul.nav-bar .caflyout .row li a, #mobile-nav-menu h4{border-bottom:solid 1px #ccc; font-size:16px; padding:20px 18px 16px 0} #ibflyout h6, #regflyout h6, #ibflyout.flyout ul li.call-out, #ibflyout.flyout ul li.call-out:before{margin-left:0} #regflyout{left:0} #ibflyout.flyout, #regflyout.flyout{border:none; display:block!important; margin:0; padding:0; top:auto; visibility:visible; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} #ibflyout.flyout ul, #regflyout.flyout ul{margin-bottom:0; margin-left:0; padding-right:0} #ibflyout.flyout ul li, #regflyout.flyout ul li, #tlnav li.show-on-phones{list-style:none; padding:0} #ibflyout.flyout ul li, #regflyout.flyout ul li{border-bottom:none} #ibflyout.flyout ul li a, #regflyout.flyout ul li a{text-decoration:none} /*SHOW*/ .showLoginMenu #ibflyout{border:none; padding:0; left:0; visibility:visible} /*END SHOW*/ /*LHS & RHS COMMON*/ #mobile-nav-menu a, #ibnav a, #ibflyout.flyout ul li a, #regflyout.flyout ul li a, #mobile-nav-menu h4{line-height:1.5} /*LHS MOBILE MENU*/ #mobile-nav-menu{border:none; display:block; font-family:'NAG', sans-serif; left:-100vw; margin:0; padding:0 20px; position:absolute; top:41px; width:100vw; z-index:9999; -moz-box-sizing:border-box; box-sizing: border-box} #mobile-nav-menu h4{clear:both; height:auto; letter-spacing:normal; margin-bottom:0} #mobile-nav-menu h4 img{display:none} #mobile-nav-menu .nav-bar > li.top-level > a{font-size:23px; padding:18px 20px 15px 0} #mobile-nav-menu .nav-bar > li:not(.top-level):not(.icon-left) > a{font-size:18px; padding:15px 42px 15px 28px} #mobile-nav-menu .nav-bar > li.icon-left > a{font-size:16px; padding:15px 18px 15px 0} #mobile-nav-menu .columns{min-height:0} #mobile-nav-menu .padding20, #mobile-nav-menu .mega-nav--padding{padding:0 18px} .section-nav-bg ul.nav-bar li{width:100%} ul.nav-bar > li.login-bg{margin-left:0} .nav-bar li .flyout{visibility:visible} .caflyout .flyout{margin-right:0; -wekbit-box-shadow:none!important; box-shadow:none!important} .mgNavDDRight{background:none; padding: 0} .section-nav-bg, .personal .section-nav-bg, .private .section-nav-bg, .business .section-nav-bg{background-image:none; background-color:#fff} .flyout, .personal .caflyout .flyout, .private .caflyout .flyout, .business .caflyout .flyout, .wcah .caflyout .flyout{background-color:#fff; border-style:none; padding:0} #mobile-nav-menu.section-nav-bg hr{display:none} #mobile-nav-menu.section-nav-bg ul.nav-bar a:not(.flyout-toggle){display:block!important} .nav-bar > li.hide{display:none} .has-flyout > a{position:relative} .has-flyout > a:after{color:#636569; content:"\e904"; float:right; font-family:"icon"; font-size:0.609em; line-height:1; margin-top:-0.5em; position:absolute; right:18px; top:50%} .has-flyout.active-mobile > a:after{content:"\e905"} /*REMOVE DESKTOP STYLES*/ #mobile-nav-menu a:focus{outline:none; text-decoration:none!important} .section-nav-bg ul.nav-bar li, .personal .section-nav-bg ul.nav-bar li, .private .section-nav-bg ul.nav-bar li, .business .section-nav-bg ul.nav-bar li{background:none; background-color:transparent; border-left:none; border-right:none} .section-nav-bg ul.nav-bar li:hover, .personal .section-nav-bg ul.nav-bar li:hover, .private .section-nav-bg ul.nav-bar li:hover, .business .section-nav-bg ul.nav-bar li:hover, .personal .section-nav-bg ul.nav-bar li.active, .private .section-nav-bg ul.nav-bar li.active, .business .section-nav-bg ul.nav-bar li.active, .section-nav-bg ul.nav-bar li.active:hover, .personal .section-nav-bg ul.nav-bar li.active:hover, .private .section-nav-bg ul.nav-bar li.active:hover, .business .section-nav-bg ul.nav-bar li.active:hover{background-color:transparent} .flyout ul.triangle li{background:none!important} ul.flyout li a:hover,.nav-bar li ul li a:hover{text-decoration:none} ul.flyout li a:hover,.nav-bar li ul li a:hover, .section-nav-bg ul.nav-bar li a, .personal .section-nav-bg ul.nav-bar li a, .section-nav-bg ul.nav-bar li a.active, .personal .section-nav-bg ul.nav-bar li.active a, .personal .section-nav-bg ul.nav-bar li.active a, .business .section-nav-bg ul.nav-bar li.active a{color:#333} .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a, .personal .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a, .private .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a, .business .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a{color:inherit} .section-nav-bg ul.nav-bar li a{border-bottom: 1px solid #ccc; margin-left:0; padding:10px 15px; text-decoration:none} #mobile-nav-menu.section-nav-bg ul.nav-bar li:hover{border:none!important} #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li{border-bottom:none; border-right:none} #mobile-nav-menu.section-nav-bg ul.nav-bar div.flyout{left:calc(100vw - 19px); position:absolute; top:0; width:100vw; -webkit-transition: 300ms ease transform; -moz-transition: 300ms ease transform; -ms-transition: 300ms ease transform; -o-transition: 300ms ease transform; transition: 300ms ease transform} #mobile-nav-personal a:after, #mobile-nav-private a:after, #mobile-nav-business a:after, #mobile-nav-wcah a:after{content:''; float:right; font-family:'icon'} .personal #mobile-nav-personal.closed a:after, .private #mobile-nav-private.closed a:after, .business #mobile-nav-business.closed a:after, .wcah #mobile-nav-wcah.closed a:after{color:inherit} .personal #mobile-nav-personal a:after, .private #mobile-nav-private a:after, .business #mobile-nav-business a:after, .wcah #mobile-nav-wcah a:after{color:#0093cd; content:'\e905'} #mobile-nav-private a{border-top:#e2e2e2!important} #mobile-nav-business a{border-top:#696969!important} #mobile-nav-menu .icon-left a{border-bottom:none; } #mobile-nav-menu .icon-left a:before{color:#0093cd; font-family:'icon'; font-size:1.375em; float:left; line-height:1; margin-right:25px} #mobile-nav-contact a:before{content:"\e901"} #mobile-nav-search a:before{content:"\e900"} #mobile-nav-find a:before{content:"\e902"} /*ACTIVE*/ .showMenu.showFlyouts #mobile-nav-menu.section-nav-bg ul.nav-bar div.flyout{display:block!important} #mobile-nav-menu.section-nav-bg ul.nav-bar li.active a{color:inherit} #mobile-nav-menu.section-nav-bg ul.nav-bar li.active, #mobile-nav-menu.section-nav-bg ul.nav-bar li.active-mobile{border-left:none; border-right:none} #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li.active-mobile a{color:inherit} #mobile-nav-menu.section-nav-bg ul.nav-bar li:not(.active-mobile):not(.transition-mobile) > div{opacity:0} #mobile-nav-menu.section-nav-bg ul.nav-bar li.active-mobile > div, #mobile-nav-menu.section-nav-bg ul.nav-bar li.transition-mobile > div{opacity:1} #mobile-nav-menu.section-nav-bg ul.nav-bar li.active-mobile > div{ -moz-transform: translate3d(-100vw, 0, 0); -ms-transform: translate3d(-100vw, 0, 0); -o-transform: translate3d(-100vw, 0, 0); -webkit-transform: translate3d(-100vw, 0, 0); transform: translate3d(-100vw, 0, 0)} .section-nav-bg ul.nav-bar li.has-flyout.active-mobile .back a{font-weight:bold; padding-right:28px!important; position:relative; text-align:center} .section-nav-bg ul.nav-bar li.has-flyout.active-mobile .back a:after{color:#0093cd; content:"\e906"; font-family:"icon"; left:0; line-height:1; margin-top:-0.5em; position:absolute; top:50%} } /*HOME HUB BACK BUTTON*/ #homehub-back__btn{display:block; position:absolute; right:0; top:-90px; z-index:999} @media only screen and (max-width: 767px) { #homehub-back__btn{position:static} } /*END BACK BUTON*/ /*--------------- News sections styles ---------------*/ /* News listing container */ .newsListing { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px #d1d3d4 dashed; } @media (min-width: 767px) { .newsListing { flex-direction: row; flex-wrap: nowrap; } } /* News listing container */ .newsListing--top { flex-wrap: wrap; border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .newsListing--top .newsListing__thumb { width: 100%; max-width: 100%; } .newsListing--top .newsListing__content { margin-left: 0; } /* News listing top aligned thumb*/ .newsListing__thumb { position: relative; display: block; margin-bottom: 20px; height: auto; } @media (min-width: 767px) { .newsListing__thumb.newsListing__thumb--placeholder { max-width: 10%; } .newsListing__thumb { max-width: 20%; } } @media (max-width: 767px) { .newsListing__thumb { display: none; } } @media all and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .newsListing--left .newsListing__thumb { max-width: 10vw; height:auto; } } /* News listing content */ .newsListing__content { position: relative; display: block; margin-bottom: 20px; width: 100%; } @media (min-width: 767px) { .newsListing__content { margin-left: 30px; } } /* Article meta data - standalone as is used within both event listing component and in the article pages */ .articleMeta { color: #9A9A9A; text-transform: uppercase; } .articleMeta span{ margin-right: 10px; } /* Full page section */ .fullWidthSection { position: relative; display: block; width: 100%; background-color: #ECECEC; padding: 60px 0 20px 0; margin: 20px 0 40px 0; }