/* 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.png') no-repeat left center; padding-left:19px}

/* HIDE LEVEL 1 AND NON-ACTIVE LEVEL 2 FROM PERSONAL-BUSINESS-PRIVATE */
.personal .nav-bar .Level2, .business .nav-bar .Level2, .private .nav-bar .Level2 {display:none;}
.personal .nav-bar .Level3 a, .business .nav-bar .Level3 a, .private .nav-bar .Level3 a {display:none;}
.personal .vertical a.active, .business .vertical a.active, .private .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}

/* 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;border-top:1px solid #C7251B; border-bottom:1px solid #C7251B}
.personal #no-top-nav, .private #no-top-nav, .business #no-top-nav {display:none}

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

/*PERSONAL NAV*/
#no-top-nav,.personal .section-nav-bg{border-top:1px solid #ececec;border-bottom:1px solid #dfdede;
background-color:#ececec;
background-image: linear-gradient(bottom, rgb(236,236,236) 0%, rgb(248,248,248) 100%);
background-image: -o-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(248,248,248) 100%);
background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(248,248,248) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(248,248,248) 100%);
background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(248,248,248) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(236,236,236)),color-stop(1, rgb(248,248,248)));
}
.personal .section-nav-bg ul.nav-bar li {background:none;border-right:1px solid #dfdede;border-left:1px solid #fff;border-bottom:none;border-top:none}
.personal .section-nav-bg ul.nav-bar li:hover {border-right:1px solid #4F4E4E;border-left:1px solid #111;background-color:#3e3e3e}
.personal .section-nav-bg ul.nav-bar li.active {border-right:1px solid #007aaa;border-left:1px solid #2dbedc;background-color:#0093cd}
.personal .section-nav-bg ul.nav-bar li a{color:#333}
.personal .section-nav-bg ul.nav-bar li:hover a,.personal .section-nav-bg ul.nav-bar li.active a{color:#fff}
@media only screen and (min-width: 768px) and (max-width: 850px) {
.allproducts{display:none !important}
}

/*PRIVATE NAV*/
.private .section-nav-bg {background-color:#797979;border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a;
background-image: linear-gradient(bottom, rgb(121,121,121) 0%, rgb(90,90,90) 100%);
background-image: -o-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(90,90,90) 100%);
background-image: -moz-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(90,90,90) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(90,90,90) 100%);
background-image: -ms-linear-gradient(bottom, rgb(121,121,121) 0%, rgb(90,90,90) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(121,121,121)),color-stop(1, rgb(90,90,90)));
}
.private .section-nav-bg ul.nav-bar li {background:none;border-left:1px solid #818181;border-right:1px solid #575757;border-bottom:none;border-top:none}
.private .section-nav-bg ul.nav-bar li:hover {border-left:1px solid #4F4E4E;border-right:1px solid #111;background-color:#383838}
.private .section-nav-bg ul.nav-bar li.active {border-left:1px solid #4F4E4E;border-right:1px solid #111;background-color:#292929}

/*BUSINESS NAV*/
.business .section-nav-bg {background-color:#2d2d2d;border-top:1px solid #000;border-bottom:1px solid #000;
background-image: linear-gradient(bottom, rgb(45,45,45) 0%, rgb(22,22,22) 100%);
background-image: -o-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(22,22,22) 100%);
background-image: -moz-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(22,22,22) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(22,22,22) 100%);
background-image: -ms-linear-gradient(bottom, rgb(45,45,45) 0%, rgb(22,22,22) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(45,45,45)),color-stop(1, rgb(22,22,22)));
}
.business .section-nav-bg ul.nav-bar li {background:none;border-left:1px solid #5a5a5a;border-right:1px solid #000;border-bottom:none;border-top:none}
.business .section-nav-bg ul.nav-bar li:hover {border-left:1px solid #4F4E4E;border-right:1px solid #111;background-color:#3E3E3E}
.business .section-nav-bg ul.nav-bar li.active {border-left:1px solid #4F4E4E;border-right:1px solid #111;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;
}
.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}

/*IBFLYOUT*/
        .register-but-bg, .internet-but-bg{position:relative}
        #ibnav li.internet-but-bg, #ibnav li.register-but-bg{border-radius:0 0 5px 5px; padding-right:25px}
        #ibnav li.internet-but-bg{background-color:#0093CD;border:1px solid #0061a7; border-top:none; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; padding-left:40px; margin-left:8px; width:30px;
            background-position:12px center, top left;
            background-repeat:no-repeat, repeat-y;            
            background-image: url(/resources/4d89cb4a-5291-43b8-801c-dd2e57b7f015/yb-icon-lock.png);         
            }
        /*hpd icons*/
        @media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            #ibnav li.internet-but-bg{
            background-image: url(/resources/823c91c1-2cb4-49e7-aba7-fb888d23367b/yb-icon-lock-2x.png);
            -webkit-background-size: 17px 18px, auto;
                    background-size: 17px 18px, auto}
        }
        
        #ibnav li.internet-but-bg:hover, #ibnav li.register-but-bg:hover{
            -webkit-border-radius:0;
               -moz-border-radius:0;
                    border-radius:0;}
    #ibnav li.internet-but-bg a.flyout-text{color:#fff}
        #ibnav li.register-but-bg{background-color:#fff; border: 1px solid #0093cd; border-top:0; width:47px}
    #ibnav li.register-but-bg a.flyout-text{color:#000; display:inline-block}
    #ibnav.nav-bar > li.has-flyout > a.flyout-toggle{position:absolute}
    .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{font-family:Arial; padding:12px 10px} 
            #ibflyout.flyout, #regflyout.flyout{border-radius: 0 0 5px 5px; top:40px; width:170px}
            #regflyout.flyout{background-color:#fff}
            #ibflyout.flyout{background-color:#fff}
            
            #ibflyout h6, #regflyout h6{margin-bottom:0}
            #ibflyout {border: 1px solid #0061a7;  left:auto; right:-1px}
            #regflyout {background:#fff; border:1px solid #0093cd; left:-1px;}
                #ibflyout.flyout ul li, #regflyout.flyout ul li{border-bottom:dashed 1px #ccc; color: #2d2d2d; padding:10px 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}
                
            #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} 

/*[IE Custom]*/
.lt-ie10 #ibnav li.internet-but-bg{background: #0093CD url(/resources/4d89cb4a-5291-43b8-801c-dd2e57b7f015/yb-icon-lock.png) no-repeat 12px center}
.lt-ie8 .nav-bar li.has-flyout a.flyout-toggle{padding-right:10px}
.lt-ie8 .nav-bar#ibnav > li.has-flyout > a.flyout-toggle{position:relative}
/* HOMEPAGE HERO */
.heroarrows .arrow-left, .heroarrows .arrow-right{background-image: url('/resources/e4531d8042d7b6ed99b7f9f2d82d3e59/bg-sprite-heroarrowsV4.png'); background-repeat:no-repeat}

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

/*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-white-arrow.png) 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.png) 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.png) 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.png) 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; font-weight: bolder}

/*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{
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)));
}

/*OPENCLOSE*/
.morejs{background-image:url(/resources/c69d56004f9de8eb894c9fc817e3d067/YB-plus-trans.png)}
.more .active{background-image:url(/resources/dd838d004f9de96b89639fc817e3d067/YB-minus-trans.png)}

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

/*MOREGREY*/
.moregrey .moreheader{color:#0093cd}
.moregrey .active,.moregrey .moreheader:hover{background-color:#0093cd;color:#fff}

/*FLYOUT IE7 FIX*/
#mobile-nav-menu{position:relative;z-index:106}

/*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}
html .section-nav-bg ul.nav-bar .caflyout li:hover,html .section-nav-bg ul.nav-bar .caflyout li:focus{background:none}
html .section-nav-bg ul.nav-bar .caflyout .row li a{padding:7px 0;color:#333}
.section-nav-bg ul.nav-bar .caflyout .row li a:hover,.section-nav-bg ul.nav-bar .caflyout .row li 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}
.personal .section-nav-bg ul.nav-bar li:hover{background:#0066ab;border-left:1px solid #2DBEDC;border-right:1px solid #007AAA}
#site-wrapper .section-nav-bg ul.nav-bar li:hover li{border-left:none;border-right:none}
#mobile-nav-menu .nav-bar > li.has-flyout > a.flyout-toggle span{border-top-color:#63656a}
#mobile-nav-menu .nav-bar > li.active > a.flyout-toggle span,#mobile-nav-menu .nav-bar > li.has-flyout:hover > a.flyout-toggle span{border-top-color:#fff}
.personal .active .flyout{border-color:#0093CD}
.business .flyout{border-color:#3E3E3E}
.business .active .flyout{border-color:#4E4E4E}
.personal .section-nav-bg ul.nav-bar li.active, .personal .section-nav-bg ul.nav-bar li.active:hover{background:#0093CD}
/*Mortgage flyout */
.newcust .hrhead{border-color:#0C56A7;border-width:2px 0 0}
.existcust .hrhead{border-color:#038FC8;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 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 .not-sortable, 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;
}
@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}

/* 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}
#site-wrapper{position: relative;overflow: hidden;width: 100%;height:100%}
#site-canvas {height: 100%; position: relative; 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}
        
#site-wrapper #no-top-nav{display:none}

/*SHOW LHS MOBILE MENU*/
.showMenu #site-canvas {
    -moz-transform: translate3d(271px, 0, 0);
    -ms-transform: translate3d(271px, 0, 0);
    -o-transform: translate3d(271px, 0, 0);
    -webkit-transform: translate3d(271px, 0, 0);
    transform: translate3d(271px, 0, 0);
}
/*SHOW RHS MOBILE MENU*/
.showLoginMenu #site-canvas {
    -moz-transform: translate3d(-244px, 0, 0);
    -ms-transform: translate3d(-244px, 0, 0);
    -o-transform: translate3d(-244px, 0, 0);
    -webkit-transform: translate3d(-244px, 0, 0);
    transform: translate3d(-244px, 0, 0);
}
/*SHOW MOBILE MENU*/
.showMenu #mobile-nav-menu{box-shadow: 5px 5px 5px 0 rgba(59,59,59,0.1)}
.showLoginMenu .top-nav-bg{box-shadow: -5px 5px 5px 0 rgba(59,59,59,0.1)}
.showMenu #mobile-close-area, .showLoginMenu #mobile-close-area{background-color:rgba(255,255,255,0.8); bottom:0; left:-271px; right:-271px; top:42px; position:absolute; z-index:106}

/*ANDROID AOSP FIX*/
.android #site-canvas,.android.showMenu #site-canvas, .android.showLoginMenu #site-canvas{-webkit-transform:none; transform:none; -webkit-transition:all 0 ease 0; transition:all 0 ease 0}
.android .showMenu #site-canvas {left:271px}
.android .showLoginMenu #site-canvas {left:-244px}

/*MOBILE TOP MENU*/
#mobile-nav-top{display:table; 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;margin-top:1px;background:#fff}    
    
        /*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; 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-bg{border-left:solid 1px #d6d6d6; box-sizing:border-box; height:auto; padding:0; position:absolute; right:-244px; top:0; width:244px; z-index:9999; -moz-box-sizing:border-box;
     box-sizing: border-box}
    .top-nav-bg .columns{min-height:0; width:100%!important}
        .top-bar, #ibnav .login-but-bg, #ibnav .contact-but-bg{display:none}
        #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{background:#f0f0f0; border-bottom:solid 1px #d6d6d6; color:#000; font-size:9px; padding: 10px 19px; text-transform:uppercase;}
        #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, #regflyout.flyout ul, #ibflyout.flyout ul li, #regflyout.flyout ul li{border-bottom:solid 1px #d6d6d6}
            #ibflyout.flyout ul li, #regflyout.flyout ul li, #tlnav li.show-on-phones{background:#f8f8f8; border-top:solid 1px #fff; list-style:none; padding:0}
            #ibflyout.flyout ul li a, #regflyout.flyout ul li a{padding:13px 19px; text-decoration:none}

    /*SHOW*/
    .showLoginMenu #ibflyout{border:none; padding:0; left:0; visibility:visible}
    /*END SHOW*/
    
/*LHS & RHS COMMON*/
#ibflyout h6, #regflyout h6, #mobile-nav-menu h4{background:#f0f0f0; border-bottom:solid 1px #d6d6d6; color:#000; font-size:9px; padding: 10px 19px; margin-bottom:0; text-transform:uppercase;}

/*LHS MOBILE MENU*/
    #mobile-nav-menu{border-right:solid 1px #d6d6d6; border-bottom:none; display:block; height:auto; left:-271px; margin:0; padding:0; position: absolute;top: 0; width:271px; z-index:9999; -moz-box-sizing:border-box; box-sizing: border-box}
    #mobile-nav-menu h4{clear:both; font-family:Arial; height:auto; letter-spacing:normal; margin-bottom:0}
    #mobile-nav-menu h4 img{display:none}
    #mobile-nav-menu a{line-height: 1.5em;padding-top: 10px;padding-bottom: 10px}
    #mobile-nav-menu .columns{min-height:0}
    #mobile-nav-menu .padding20{padding:0;}
    .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:#f8f8f8}
    
    .flyout,
    .personal .caflyout .flyout,
    .private  .caflyout .flyout,
    .business .caflyout .flyout{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}
    
    .has-flyout > a{position:relative}
    .has-flyout > a:after{bottom:0; content:""; position:absolute;right:15px; top:0; width:10px;
        background-image: url(/resources/72138a59-aedf-4641-9e65-551911d21ebc/black-chevron.png);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-perspective: 1000;
                perspective: 1000;
        -webkit-background-clip: content-box;
                background-clip: content-box;
    }
    .has-flyout.active-mobile > a{color:#fff}    
    .has-flyout.active-mobile > a:after{
        background-image: url(/resources/cd4d7517-08ca-4de3-9fb9-c27a2988d74d/white-chevron-down.png);
    }
    
    /*REMOVE DESKTOP STYLES*/
    .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}
    
    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 #d6d6d6; border-top: 1px solid #fff; 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;}
    #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li a{background:#fff url(/resources/7fedb2804ed9a54a918eb9ca234c599f/nav-grey-bullet.png) no-repeat 15px center; padding-left:30px}
    #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li a.active{background-image:url(/resources/76d702804ed9a597919cb9ca234c599f/nav-blue-active-bullet.png)}
    #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li ul li a{background-position: 30px center; padding-left:45px}
    
    /*ACTIVE*/
    #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.active-mobile > div{display:block!important}
    
    .section-nav-bg ul.nav-bar li.has-flyout.active-mobile,
    .personal .section-nav-bg ul.nav-bar li.has-flyout.active-mobile,
    .private  .section-nav-bg ul.nav-bar li.has-flyout.active-mobile,
    .business .section-nav-bg ul.nav-bar li.has-flyout.active-mobile{background-color:#0093cd}
    .section-nav-bg ul.nav-bar li.has-flyout.active-mobile > a,
    .personal .section-nav-bg ul.nav-bar li.has-flyout.active-mobile > a,
    .private  .section-nav-bg ul.nav-bar li.has-flyout.active-mobile > a,
    .business .section-nav-bg ul.nav-bar li.has-flyout.active-mobile > a{color:#fff; border-top-color:#00b7ff}
    
    .personal #mobile-nav-personal a,
    .private #mobile-nav-private a,
    .business #mobile-nav-business a
    {font-weight:bold}
    
    #mobile-nav-personal{
        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)));
    }    
    #mobile-nav-private{
        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)));
    }    
    #mobile-nav-business{
        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)));
    }
    #mobile-nav-private a, #mobile-nav-business a{color:#fff;}
    #mobile-nav-private a{border-top:#e2e2e2!important}
    #mobile-nav-business a{border-top:#696969!important}
    
    #mobile-nav-contact,#mobile-nav-find{border-left:none!important}
    #mobile-nav-contact a, #mobile-nav-find a{background-repeat:no-repeat}
    #mobile-nav-contact a{background-image:url(/resources/d30ccb004f47ffcb868fffbcdec65f57/yb-icon-contact.png)!important; background-position:18px center; padding-left:45px!important}
    #mobile-nav-find a{background-image:url(/resources/de83d6004f47ff7a8681ffbcdec65f57/yb-icon-branch.png)!important; background-position:18px center; padding-left:45px!important}
                                   
    /*HPD ICONS*/                  
    @media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .has-flyout > a:after{-webkit-background-size:7px 10px; background-size: 7px 10px}
        .has-flyout.active-mobile > a:after{background-image: url(/resources/a5db788b-0907-4a0f-9321-f31a4ce58ce6/white-chevron-down-2x.png); -webkit-background-size:10px 7px; background-size: 10px 7px}
        .has-flyout > a:after{background-image:url(/resources/4a7d151e-f5e3-4ff1-bedb-86201ea60d58/black-chevron-2x.png)}
        #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li a{background-image:url(/resources/066025d4-29d1-4ecb-8c3f-916ed48af329/nav-grey-bullet-2x.png); -webkit-background-size: 7px; background-size: 7px}
        #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li a.active{background-image:url(/resources/69ce0815-3748-4180-81f4-ee4bfcbc1618/nav-blue-active-bullet-2x.png)}
        #mobile-nav-contact a{background-image:url(/resources/ffc60002-85d1-49e8-8324-ed268367d6ba/yb-icon-contact-2x.png)!important; -webkit-background-size: 16px 20px; background-size: 16px 20px}
        #mobile-nav-find a{background-image:url(/resources/1559189d-cbc0-492e-8563-56cfb303dc13/yb-icon-branch-2x.png)!important; -webkit-background-size: 17px 16px; background-size: 17px 16px}
    }
    
    #site-wrapper #mobile-nav{display:none!important}
}

/*Box with image as background */
.thmbBx{position:relative;display:block;padding-top:40%;background:#000;margin-bottom:20px}
.thmbBx.fat{padding-top:56%}
.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:75%;float:left;border-radius:0 2px 2px 0}
.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%}


/* 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,.gsc-input:hover,.gsc-input:hover td,.gsc-input:hover input.gsc-input{background:#efefef !important}
    #___gcse_0 td,#___gcse_0 div,#___gcse_0 input{-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none}
    
    
    /*Mobile Nav*/
    #mobile-nav-search a{background: transparent url("/resources/743ac13d-eb89-411b-8ce1-f3ca81b90a3a/yb-search-2x.png") no-repeat 19px center; background-size:16px 16px; padding-left:45px!important}
   
    /*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: #0093cd !important;
  }
  .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: #0093cd;
  }
  .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: #0093cd;
  }
  .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: #0093cd;
  }
  
  /*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 #0093cd;
    color:#999;
    font-weight:400
  }
  
  a.gsc-trailing-more-results:link {
    color: #E6421D;
  }
  .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    color: #0093cd;
  }
  .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:#0093cd;
  }
  .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
    color: #0093cd;
  }
  .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover  {
    color: #0093cd;
  }
  .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
    color: #0093cd;
  }
  .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
    color: #0093cd;
  }
  .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short  {
    color: #000000;
  }

  
body input.gsc-search-button,body input.gsc-search-button:hover ,body 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; border: 0; border:none; filter: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: 1.2em;}

.gs-bidi-start-align.gs-snippet {padding-left: 5px}

.gs-per-result-labels {padding-left: 5px; line-height: 20px;}

.gsc-webResult .gsc-result {
    padding: 0 0;
}

.gsq_a span{padding:5px;box-sizing:border-box;display:block}

.gs-spelling.gs-spelling-original {margin-bottom: 20px}

DIV.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {color: #000000}

#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}
#q-search{-webkit-appearance:none;padding:12px;border:none;border-bottom:1px solid #ddd;width:200px;-webkit-border-radius:0px;border-radius:0}
#q-search:hover,#q-search:focus{background:#efefef}
#q-searchGO{position:relative;top:5px;left:6px}
@media only screen and (max-width: 939px){
#q-search{width:130px}
}