/*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.last{border-bottom:none!important;}

/* 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}
}

/*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}

.lt-ie8 ul.smalltick li{padding-left:8px}
ul.iris-tick li{padding:5px;}

ul.tick li:after,
ul.smalltick li:before,
ul.smallcross li:before,
ul.largetick li:before,
ul.article li:before,
ul.pdflist li:before,
ul.arrow li:before {
    color: #0093cd;
}
ul.triangle li:before {
    color: #0055A5;
}



/*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*/


/* 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}
        @media(max-width: 768px ){ #area-nav .columns-right li:after{padding-left:15px; padding-right:15px} }
        #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}
        
            #searchbox,
            #searchbox > div { display: inline-block; }
            
            /*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: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:before{content:'';}

    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;
}


/*---------------
Site search
---------------*/
/*SEARCH*/
/* UTILITY */
.u-button-reset {
  background: none;
  -webkit-appearance: button;
  overflow: visible;
  padding: 0;
  border: 0;
}

.u-input-reset {
  border: 0;
  background: none;
  padding: 0;
}
/* END UTILITY */

/* SITE SPECIFIC BRANDING */
.search-form__submit { color: #0093cd; }
/* END SITE SPECIFIC BRANDING */

/* HEADER SEARCH */
#search-form {
  display: inline-block;
  margin-bottom: 0;
  border-bottom: solid 1px #919191;
  padding-bottom: 3px;
  padding-top: 10px;
  position: relative;
  height: 18px;
  padding-right: 1px;
}
.search-form__submit {
  float: left;
  font-size: 1.5rem;
}
.search-form__input {
  font-size: 1.4rem;
  margin: 0 0 0 10px;
  -webkit-appearance: none;
}
.search-form__input:active,
.search-form__input:focus {
  outline: 1px dotted black;
}
.search-form__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
  /*SITE SECTION*/
  .business .search-form__input:active,
  .business .search-form__input:focus,
  .private .search-form__input:active,
  .private .search-form__input:focus { outline-color: #ffffff; }
  .private .search-form__input,
  .private .search-form__submit,
  .business .search-form__input,
  .business .search-form__submit  { color: #ffffff; }
  /*END SITE SECTION*/
/* END HEADER SEARCH */

/* BODY SEARCH */
.body-search-form__input {
  border: solid 1px #d1d3d4;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 5px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
}
/* END BODY SEARCH */

/*CLUDO*/
/*CLUDO AUTOCOMPLETE*/
/*COMMON*/
.search_autocomplete {
  position: absolute;
  box-sizing: border-box;
  margin-bottom: 0;
  z-index: 9999;
}
.search_autocomplete li {
  border-style: solid;
  border-color: #d1d3d4;
  border-width: 1px 1px 0 1px;
  margin-bottom: 0;
  display:block;
  background-color: #ffffff;
}
.search_autocomplete li:last-child {
  border-bottom-width: 1px;
}
.search_autocomplete li:hover {
  cursor: pointer;
}
/*END COMMON*/
#search-form .search_autocomplete {
  display: block;
  width: 100%;
  padding-top: 3px;
}
@media only screen and (min-width: 768px){
  #search-form .search_autocomplete {
      width: 355px;
  }
}
#body-search-form .search_autocomplete {
  width: 100%;
  margin-top: -1px;
}
#body-search-form .search_autocomplete li{ 
  padding: 11px 10px 8px 10px;
}
#search-form .search_autocomplete li {
  float: none;
  display: block;
  text-align: left;
  padding: 7px;
  color: #2d2d2d;
}
#search-form .search_autocomplete li:after {
  content: none;
}

/*CLUDO RESULTS*/
.search-results h2 {
  font-size: 1.5rem;
  font-weight: 400;
}
.search-results-item {
  border-bottom: solid 1px #ececec;
  padding-bottom: 14px;
  padding-top: 14px;
  margin-bottom: 0;
}
.search-results-item .path { display: none; }
.search-results-item p { margin-bottom: 0; }
/*CLUDO PAGINATION*/
.search_page_list li {
  float: left; 
  display: inline-block; 
  padding: 10px;
  margin-bottom: 0;
}
.search_page_list li.active {
  font-weight: 700;
}
/*CLUDO CATEGORIES*/
.facet-list-item {}
.facet-list-item.active { font-weight: bold; }
/*CLUDO VISIBILITY*/
.cludo-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden;
  padding: 0!important;
  position: absolute!important;
  width: 1px;
}
/*CLUDO LOADING*/
#cludo-loading { text-align: center; }
/* END CLUDO */
/* END SEARCH*/