/*SUBHEADERS*/
.flag{border-left:solid 3px #E4200E; padding:0.250em 0 0.350em 0.600em}

/*IMAGES*/
img.border{border:1px solid #D5D7D7}

/* LISTS */
ul.triangle li{background: transparent url('/resources/26707b0043a289b8b257bfeffb47ca87/ico-list-triangle-cb.gif') no-repeat left center!important; padding-left:17px}
ul.triangle li.last{border-bottom:none!important;}
ul.arrow li{background: transparent url('/resources/f53d1e004f4b8867a210fbbcdec65f57/cb-medium-button-arrow.gif') 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, .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}

/* 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:#e12800;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/206957004ed977018d23adca234c599f/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/cb2c80004ed979628d53adca234c599f/nav-red-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/206957004ed977018d23adca234c599f/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/128b3d004ed97a458d70adca234c599f/nav-red-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/206957004ed977018d23adca234c599f/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/128b3d004ed97a458d70adca234c599f/nav-red-active2-bullet.gif) no-repeat 45px center;color:#666}

/* FOR BLANK TOP NAV */
.no-area-nav #area-nav,
.no-ib-nav #ibnav,
.no-nav #mobile-nav-menu
.no-breadcrumb .bcrumbs{display:none}
@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:#f4f4f4}
.business #area-nav{background-color:#2D2D2D}
.private #area-nav{background-color:#797979}
    #area-nav ul{margin-bottom:0}
        #area-nav li{display:inline; float:left; margin-bottom:0; position:relative}
        .private #area-nav li,
        .business #area-nav li{color:#fff}

        #area-nav li:after{content:"|"; font-family:"Times New Roman", serif; vertical-align:top}
        #area-nav .columns-left li:after{padding-left:18px; padding-right:18px}
        #area-nav .columns-right li:after{padding-left:22px; padding-right:22px}
        #area-nav li:last-child:after{content:none}
            #area-nav a:focus{outline:1px dotted black; outline-offset:-2px}
            .private #area-nav a:focus,
            .business #area-nav a:focus{outline-color:white}
            
            /*HACK TO STOP DIVIDERS MOVING*/
            #area-nav__personal a{width:67px}
            #area-nav__private a{width:56px}
            #area-nav__business a{width:67px}
            
            #area-nav a{line-height:40px}
            #area-nav li:after{line-height:40px}
            
            #area-nav__branch span.icon-locator{float:left; font-size:1.6rem; line-height:38px; padding-top:2px}
            
            #area-nav a{color:#000; font-size:1.4rem; 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:#e12800; margin-right:13px}
            .private #area-nav__branch span.icon-locator:before,
            .business #area-nav__branch span.icon-locator:before{color:#fff}
            
        #area-nav__right{float:right}
            
            /*SEARCH*/
            #area-nav__search form,
            #area-nav__search form label{display:inline-block; margin-bottom:0}
            #area-nav__search form label{width:100%}
            #area-nav__search form{border-bottom:solid 1px #919191; padding-bottom:3px; padding-top:10px; width:160px}
            .business #area-nav__search form,
            .private #area-nav__search form{border-color:#fff}

                #q-search{-webkit-appearance:none; background-color:transparent; -moz-box-sizing:border-box; box-sizing:border-box; border:none; font-family:"NAG", sans-serif; font-size:1.4rem; margin:0; padding:0 0 0 22px; width:100%}
                #q-search::-webkit-search-decoration{-webkit-appearance: none}
                #q-search::-webkit-search-cancel-button{-webkit-appearance: none}

                #q-search::-webkit-input-placeholder{color:black; opacity:1}
                #q-search::-moz-placeholder{color:black; opacity:1}
                #q-search:-moz-placeholder{color:black; opacity:1}
                #q-search:-ms-input-placeholder{color:black; opacity:1}
                #q-search::placeholder{color:black; opacity:1}

                .private #q-search::-webkit-input-placeholder,
                .business #q-search::-webkit-input-placeholder{color:#fff}
                .private #q-search::-moz-placeholder,
                .business #q-search::-moz-placeholder{color:#fff; opacity:1}
                .private #q-search:-moz-placeholder,
                .business #q-search:-moz-placeholder{color:#fff; opacity:1}
                .private #q-search:-ms-input-placeholder,
                .business #q-search:-ms-input-placeholder{color:#fff}
                .private #q-search::placeholder,
                .business #q-search::placeholder{color:#fff; opacity:1}

                .private #q-search,
                .business #q-search{color:#fff}

                #q-search:focus{outline:1px dotted black; outline-offset:7px}
                
                #q-searchGO{background-color:transparent; border:none; -moz-box-sizing:border-box; box-sizing:border-box; color:#e12800; cursor:pointer; float:left; font-family:"icon"; font-size:1.5rem; left:0; margin:0; margin-top:-0.6em; padding:1px; position:absolute; top:50%; width:1.1em}
                #q-searchGO:focus{outline:dotted 1px black}
                .business #q-searchGO,
                .private #q-searchGO{color:#fff}

                .private #q-search:focus,
                .business #q-search:focus,
                .business #q-searchGO:focus,
                .private #q-searchGO:focus{outline-color:#fff}
                /*END NEW*/
            
            /*ACTIVE*/
            .personal #area-nav__personal a,
            .private #area-nav__private a,
            .business #area-nav__business a{font-weight:bold; font-size:1.6rem; 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:#c02402}
.section-nav-bg ul.nav-bar li.active {background-color:rgb(228, 32, 14)}

@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;
}
.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*/
    #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:#e4200e; border:1px solid #e4200e; color:#fff; padding-left:40px; margin-left:8px; width:45px}
        #ibnav li.internet-but-bg.icon-padlock:before{left:16px; margin-top:-0.5em; position:absolute; top:50%}
        #ibnav li.internet-but-bg:hover, #ibnav li.register-but-bg:hover, #ibnav.flyout-open > li{border-bottom-left-radius:0; border-bottom-right-radius:0}
    #ibnav li.internet-but-bg a.flyout-text, #ibnav li.internet-but-bg a.flyout-toggle{color:#fff}
        #ibnav li.register-but-bg{background-color:#fff; border: 1px solid #e4200e;  width:63px}
    #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:#e4200e}
    .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:201px}
            #regflyout.flyout{background-color:#fff}
            #ibflyout.flyout{background-color:#fff}
            
            #ibflyout h6, #regflyout h6{margin-bottom:0}
            #ibflyout {border: 1px solid #e4200e; left:auto; right:-1px}
            #regflyout {background:#fff; border:1px solid #e4200e; left:-1px}
                #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}


/*[IE]*/
.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/ab0d888042201ff6bb90ffb87315c217/bg-sprite-heroarrowsV5.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}

/*ONLINE ONLY MORTGAGE TABLE STYLE*/
#mortgagepage2 table tbody tr.direct td {background:#b5cb31;color:#fff}

/*SITEWIDE FONT COLOURS*/
.private a, .business a, a, dl.tabs dd a, .internet-but-bg #ibflyout a, .register-but-bg #regflyout a {color: #e4200e}
.private .black.button,.business .black.button{color:#fff}
h1{color:#555}
.private h1,.private .h1{color:#636563}
.business h1,.business .h1{color:#000}
.private .subheader {color:#000}
.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%}
ul.breadcrumbs li.current {background:#e4200e}

/*FOOTER*/
    /*egain*/
    body.selfservice .bottom-bar{background:#a80913; 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:#E4200E}
.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:#e4200e;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-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/f53d1e004f4b8867a210fbbcdec65f57/cb-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/81c5fb804f4b88bda21efbbcdec65f57/cb-large-button-arrow.png) no-repeat center center}
.private .medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/f5f2e0804f9bbe01bcd8bfc817e3d067/private-medium-button-arrow.gif) no-repeat center center}
.private .large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/966be5004f9bbdafbccbbfc817e3d067/private-large-button-arrow.png) no-repeat center center}
.business .medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/cbdee7004f9bbd4bbcb0bfc817e3d067/business-medium-button-arrow.gif) no-repeat center center}
.business .large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url(/resources/f7c781804f9bbce5bca2bfc817e3d067/business-large-button-arrow.png) no-repeat center center}

ul.tick li {list-style-image:url(/resources/0e0d8d004fb102218b8d9fc817e3d067/CB-tick.png); margin-left:25px;}
ul.smalltick li {list-style-image:url(/resources/d48a7200403ded618fd09ff4782dc23d/tick-v2.png); margin-left:20px;}
.lt-ie8 ul.smalltick li{padding-left:8px}
ul.pdf li {list-style-image:url(/resources/05b8fc80410e322da155e94b4893c45a/pdf-cb-20.png); margin-left:25px;}
ul.article li {background: transparent url(/resources/b328540042ffcd72ab96ebf2d82d3e59/cb-article-icon.gif) no-repeat 0 2px; padding-left:25px}
ul.iris-tick li {padding: 5px;}
ul.pdflist li{background:transparent url(/resources/3befbf62-fb7e-4a14-a02e-e94b45e9e680/cb-pdf.png) no-repeat top left;padding:15px 0 15px 45px;margin-bottom:0}
ul.largetick li {list-style-image: none; background: url(/resources/e368315d-02b5-4959-ab83-0d191abd7485/red-tick.png) top left no-repeat; padding-left: 4em; margin-left: 0; min-height: 3em; padding-top: 0.5em}


/*FOOTERSLIDER*/
#bmenu .apply-online.active{background-image:url(/resources/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)}

/*RHS Icons*/
.iconpanelphone, div.headed-box .iconpanelphone{background-image:url(/resources/2ab574804f47f81d8617ffbcdec65f57/cb-icon-contact.png);background-position:10px 8px}
.iconpanelbranch, div.headed-box .iconpanelbranch{background-image:url(/resources/3762b8804f47f86f8625ffbcdec65f57/cb-icon-branch.png);background-position:7px 8px}
.iconpanelwrite, div.headed-box .iconpanelwrite{background-image:url(/resources/438c2c004281d6a386819f2178ba226c/cb-contact-page-address.gif);background-position:10px 8px}
.iconpanelweb, div.headed-box .iconpanelweb{background-image:url(/resources/5a4c76004281d6d7868d9f2178ba226c/cb-contact-page-www.gif);background-position:10px 8px}
.iconpanelwrite-hub {background-image:url(/resources/438c2c004281d6a386819f2178ba226c/cb-contact-page-address.gif);background-position:0 4px}
.iconpanelweb-hub {background-image:url(/resources/5a4c76004281d6d7868d9f2178ba226c/cb-contact-page-www.gif);background-position:0 4px; padding-left:40px}
.iconpanelphonebig, div.headed-box .iconpanelphonebig{background-image:url('/resources/11d45ff7-1799-4c8d-b9db-62e59b65eb24/cb-phone.png'); background-position:-2px -6px; padding-top:2px; padding-left:45px}
.iconpanelphonebig .phone-number{font-size:20px; font-size:2rem}
.lt-ie8 .iconpanelphonebig{display:inline-block; zoom:1}


/*TABS*/
dl.tabs dd a.active, ul.tabs li a.active {
background-color:#c3180a;
background-image:linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-o-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-moz-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-ms-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(150,0,25)),color-stop(0.99, rgb(225,40,0)));
}


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

/*MOREGREY*/
.moregrey .moreheader{color:#e4200e}
.moregrey .active,.moregrey .moreheader:hover{background-color:#e4200e;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 #c02402;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}
}

/*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(228, 32, 14, 0.85);-webkit-border-radius: 10px;border-radius: 10px;padding:15px 15px 1px 15px}
.lt-ie9 #mherobox{background: transparent url(/resources/b636140b-9deb-4f2d-9438-ebb4f5ba1f79/iefallback-bg-85pc.png) repeat top left}
.lt-ie7 #mherobox{background:#e4200e;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/2c640c80441478fbb70abfeffb47ca87/print-icon.gif) no-repeat left center}
.ajaxMortgage .printicon{display:block}
table#mortgage-calc-new tbody tr.ajaxMortgage{background:#fff url(/resources/1373cc80441a69adaf32afeffb47ca87/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) {
#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;
}
table .not-sortable{background-image:none}
@media only screen and (max-width: 939px) {
table .not-sortable, table .header{font-size:9px}
.customertype h4{font-size:1.5rem}
}
table .headerSortDown{background-image:url(/resources/8591328043d03a40b94dbdeffb47ca87/headerDown.png)}
table .headerSortUp{background-image:url(/resources/7219b20043d03aa8b95bbdeffb47ca87/headerUp.png)}

/*CASHBACK OFFER*/
.cashback .mName{background:#fff url(/resources/b7d5d64d-b8d6-45f5-83b3-1ac46d48cf19/cashbacksymbol.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/b7d5d64d-b8d6-45f5-83b3-1ac46d48cf19/cashbacksymbol.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:#9B141A}

.iconpanelarrow{background-image:url(/resources/3448607a-224b-443e-ba2f-c42a54894655/cb-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}
#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(150,0,25) 0%, rgb(225,40,0) 100%);
    background-image:-o-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(150,0,25)),color-stop(0.99, rgb(225,40,0)));
}
#mobile-nav-top-container{display:table; position:relative; width:100%}
#mobile-nav-top-container div{display:table-cell; line-height:1; position:relative}
    #cell-hamburger, #cell-login{vertical-align:middle; width:72px}
    #cell-hamburger{text-align:left}
    #cell-logo{padding:6px 1em 0; text-align:center; vertical-align:middle}
        #cell-logo a{color:#fff; display:block; text-decoration:none}
        #cell-logo a img{max-width:none}
    #cell-login{text-align:right}

    #mobile-nav-top .button{margin-bottom:0;background:#fff;margin-top:1px}
    
        /*HAMBURGER*/
        .hamburger-top{top:1px}
        .hamburger-middle{top:9px}
        .hamburger-bottom{top:5px}
        .button.hamburger{color:#fff; cursor:pointer; display:block; font-size:0; height:24px; left:0; padding:0; position:absolute; text-align:center; top:0; width:24px; z-index:999}
        .button.hamburger span{
            position: absolute;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px)}
        .hamburger-svg{display:block; height:14px; left:5px; position:absolute; width:14px;
        -webkit-transition: -webkit-transform 400ms linear!important; 
           -moz-transition: -moz-transform 400ms linear!important;
             -o-transition: -o-transform 400ms linear!important;
        -webkit-transition: transform 400ms linear!important;
                transition:-webkit-transform 400ms linear!important;
                transition: transform 400ms ease-in-out!important;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-perspective: 1000;
                perspective: 1000;
        -webkit-background-clip: content-box;
                background-clip: content-box}
        
        /*LOGIN BUTTON*/
        #login-btn-phone{color:#000; font-size:13px; display:block; line-height:1; padding:6px 10px 5px; position:absolute; right:0; top:0; width:auto!important; z-index:999}
        #login-btn-phone span{display:inline-block;
        -webkit-transition:opacity 400ms linear!important;
                transition:opacity 400ms linear!important}
        .login-btn-phone{opacity:1; text-indent:0}
        .close-btn-phone{left:0; opacity:0; position:absolute; right:0}
        .no-js #login-btn-phone{display:none}

    /*SHOW*/
    .showMenu .hamburger .hamburger-middle{opacity:0}
    .showMenu .hamburger .hamburger-top{top:5px;
    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg)}
    .showMenu .hamburger .hamburger-bottom{top:5px;
    -webkit-transform: rotateZ(135deg);
        -ms-transform: rotateZ(135deg);
            transform: rotateZ(135deg)}
    .showLoginMenu .login-btn-phone{opacity:0}
    .showLoginMenu .close-btn-phone{opacity:1}
    /*END SHOW*/
    
/*RHS MOBILE MENU*/
#top-nav__logo{display:none}
.top-nav-bg{height:auto; padding:0; position:absolute; right:-100vw; top:41px; width:100%; z-index:9999; -moz-box-sizing:border-box; box-sizing: border-box}
    .top-nav-bg .columns{min-height:0; width:100%!important}
        #ibnav{margin-top:0}
        #ibnav li.internet-but-bg, #ibnav li.register-but-bg{background:none; padding:0; border:0; margin:0; width:auto}
        #ibnav li.register-but-bg a.flyout-text, #ibnav li.internet-but-bg a.flyout-text{display:none}
        #ibflyout h6, #regflyout h6,
        #ibflyout.flyout ul li a,
        #regflyout.flyout ul li a,
        .section-nav-bg ul.nav-bar .caflyout .row li a,
        #mobile-nav-menu h4{border-bottom:solid 1px #ccc; font-size:16px; padding:20px 18px 16px 0}
        
        #ibflyout h6, #regflyout h6, 
        #ibflyout.flyout ul li.call-out, #ibflyout.flyout ul li.call-out:before{margin-left:0}
        #regflyout{left:0}
            #ibflyout.flyout, #regflyout.flyout{border:none; display:block!important; margin:0; padding:0; top:auto; visibility:visible; width:100%;
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none}
            #ibflyout.flyout ul, #regflyout.flyout ul{margin-bottom:0; margin-left:0; padding-right:0}
            #ibflyout.flyout ul li, #regflyout.flyout ul li, #tlnav li.show-on-phones{list-style:none; padding:0}
            #ibflyout.flyout ul li, #regflyout.flyout ul li{border-bottom:none}
            #ibflyout.flyout ul li a, #regflyout.flyout ul li a{text-decoration:none}

    /*SHOW*/
    .showLoginMenu #ibflyout{border:none; padding:0; left:0; visibility:visible}
    /*END SHOW*/
    
/*LHS & RHS COMMON*/
#mobile-nav-menu a, #ibnav a, #ibflyout.flyout ul li a, #regflyout.flyout ul li a, #mobile-nav-menu h4{line-height:1.5}

/*LHS MOBILE MENU*/
    #mobile-nav-menu{border:none; display:block; font-family:'NAG', sans-serif; left:-100vw; margin:0; padding:0 20px; position:absolute; top:41px; width:100vw; z-index:9999; -moz-box-sizing:border-box; box-sizing: border-box}
    #mobile-nav-menu h4{clear:both; height:auto; letter-spacing:normal; margin-bottom:0}
    #mobile-nav-menu h4 img{display:none}
    #mobile-nav-menu .nav-bar > li.top-level > a{font-size:23px; padding:18px 20px 15px 0}
    #mobile-nav-menu .nav-bar > li:not(.top-level):not(.icon-left) > a{font-size:18px; padding:15px 42px 15px 28px}
    #mobile-nav-menu .nav-bar > li.icon-left > a{font-size:16px; padding:15px 18px 15px 0}
    #mobile-nav-menu .columns{min-height:0}
    #mobile-nav-menu .padding20,
    #mobile-nav-menu .mega-nav--padding{padding:0 18px}
    .section-nav-bg ul.nav-bar li{width:100%}
    ul.nav-bar > li.login-bg{margin-left:0}
    .nav-bar li .flyout{visibility:visible}
      
    .caflyout .flyout{margin-right:0;
    -wekbit-box-shadow:none!important;
            box-shadow:none!important}
    
    .mgNavDDRight{background:none; padding: 0}
    
    .section-nav-bg,
    .personal .section-nav-bg,
    .private .section-nav-bg,
    .business .section-nav-bg{background-image:none; background-color:#fff}
    
    .flyout,
    .personal .caflyout .flyout,
    .private  .caflyout .flyout,
    .business .caflyout .flyout,
    .wcah .caflyout .flyout{background-color:#fff; border-style:none; padding:0}
    
    #mobile-nav-menu.section-nav-bg hr{display:none}
    
    #mobile-nav-menu.section-nav-bg ul.nav-bar a:not(.flyout-toggle){display:block!important}
    
    .nav-bar > li.hide{display:none}
    .has-flyout > a{position:relative}
    .has-flyout > a:after{color:#636569; content:"\e904"; float:right; font-family:"icon"; font-size:0.609em; line-height:1; margin-top:-0.5em; position:absolute; right:18px; top:50%}
    .has-flyout.active-mobile > a:after{content:"\e905"}
    
    /*REMOVE DESKTOP STYLES*/
    #mobile-nav-menu a:focus{outline:none; text-decoration:none!important}
    .section-nav-bg ul.nav-bar li,
    .personal .section-nav-bg ul.nav-bar li,
    .private  .section-nav-bg ul.nav-bar li,
    .business .section-nav-bg ul.nav-bar li{background:none; background-color:transparent; border-left:none; border-right:none}
    .section-nav-bg ul.nav-bar li:hover,
    .personal .section-nav-bg ul.nav-bar li:hover,
    .private  .section-nav-bg ul.nav-bar li:hover,
    .business .section-nav-bg ul.nav-bar li:hover,
    .personal .section-nav-bg ul.nav-bar li.active,
    .private .section-nav-bg ul.nav-bar li.active,
    .business .section-nav-bg ul.nav-bar li.active,
    .section-nav-bg ul.nav-bar li.active:hover,
    .personal .section-nav-bg ul.nav-bar li.active:hover,
    .private .section-nav-bg ul.nav-bar li.active:hover,
    .business .section-nav-bg ul.nav-bar li.active:hover{background-color:transparent}
    
    .flyout ul.triangle li{background:none!important}

    ul.flyout li a:hover,.nav-bar li ul li a:hover{text-decoration:none}
    
    ul.flyout li a:hover,.nav-bar li ul li a:hover,
    .section-nav-bg ul.nav-bar li a,
    .personal .section-nav-bg ul.nav-bar li a,
    .section-nav-bg ul.nav-bar li a.active,
    .personal .section-nav-bg ul.nav-bar li.active a,
    .personal .section-nav-bg ul.nav-bar li.active a,
    .business .section-nav-bg ul.nav-bar li.active a{color:#333}
    
    .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a,
    .personal .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a,
    .private .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a,
    .business .section-nav-bg ul.nav-bar > li:not(.active-mobile):hover > a{color:inherit}
    
    .section-nav-bg ul.nav-bar li a{border-bottom: 1px solid #ccc; margin-left:0; padding:10px 15px; text-decoration:none}
    #mobile-nav-menu.section-nav-bg ul.nav-bar li:hover{border:none!important}
    #mobile-nav-menu.section-nav-bg ul.nav-bar li ul li{border-bottom:none; border-right:none}
    #mobile-nav-menu.section-nav-bg ul.nav-bar div.flyout{left:calc(100vw - 19px); position:absolute; top:0; width:100vw;
    -webkit-transition: 300ms ease transform;
   -moz-transition: 300ms ease transform;
    -ms-transition: 300ms ease transform;
     -o-transition: 300ms ease transform;
        transition: 300ms ease transform}
    
    #mobile-nav-personal a:after,
    #mobile-nav-private a:after,
    #mobile-nav-business a:after,
    #mobile-nav-wcah a:after{content:''; float:right; font-family:'icon'}
    
    .personal #mobile-nav-personal.closed a:after,
    .private #mobile-nav-private.closed a:after,
    .business #mobile-nav-business.closed a:after,
    .wcah #mobile-nav-wcah.closed a:after{color:inherit}
    
    .personal #mobile-nav-personal a:after,
    .private #mobile-nav-private a:after,
    .business #mobile-nav-business a:after,
    .wcah #mobile-nav-wcah a:after{color:#e4200e; 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:#e4200e; 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:#e4200e; content:"\e906"; font-family:"icon"; left:0; line-height:1; margin-top:-0.5em; position:absolute; top:50%}
}


/*THMBBX*/
.thmbBx{position:relative;display:block;padding-top:40%;background:#000;margin-bottom:20px;overflow:hidden}
.thmbBx.fat{padding-top:56%}
.thmbBx.fatter{padding-top:76%}
.thmbBx span{position:absolute;left:0;bottom:15px;padding:15px 45px 15px 15px;background:rgb(228, 32, 14) url(/resources/b64045b2-bc82-4052-ba0a-1e9c4c4c245b/thumbnail_arrow_white.png) no-repeat right center;background-color:rgba(228, 32, 14, 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:#E4200E}
.thmbBx:hover span{background-color:#b81809; 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%}
}


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

/*SEARCH BODY*/
#body-search-box .gsc-input-box{height:auto}
#body-search-box table{border-radius:0; margin-bottom:0}
#body-search-box.searchBox input.gsc-input{font-size:16px}
#body-search-box .gsib_a, #body-search-box .gsib_b{border-bottom:0}

/*COMMON*/
/*SEARCH RESULTS*/
#cse form{margin-bottom:0}
#cse table thead tr th, #cse table tfoot tr th, #cse table tbody tr td, #cse table tr td, #cse table tfoot tr td{border:0}
#cse .gsc-control-cse{padding:0}

td .gsc-search-button{border:0; line-height:10px}

.gsc-control-cse{font-family:Arial, sans-serif; border-color:#FFFFFF; background-color:#FFFFFF}
.gsc-control-cse .gsc-table-result{font-family:Arial, sans-serif}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{border-color:#BFBEC0; background-color:#fff; background-image:none; filter:none}
.gsc-tabHeader.gsc-tabhInactive{border-color:#E4200E; background-color:#FFFFFF}
.gsc-tabHeader.gsc-tabhActive{border-color:#E9E9E9; background-color:#E9E9E9; border-bottom-color:#E4200E}
.gsc-tabsArea{border-color:#E4200E}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{border-color:#FFFFFF; background-color:#FFFFFF}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover{border-color:#FFFFFF; background-color:#FFFFFF}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b{color:#E6421D}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b{color:#E6421D}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b{color:#E6421D}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b{color:#E6421D}

/*PAGINATION*/
#cse .gsc-results .gsc-cursor-box{margin:0 0 18px}
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page{border-bottom:solid 2px transparent; color:#555555; font-size:15px; float:left; padding:6px 7px 4px; margin-left:5px; margin-bottom:12px; margin-right:0}
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{text-decoration:none}
#cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border-bottom:solid 2px #E12800; color:#999; font-weight:400}

a.gsc-trailing-more-results:link{color:#E6421D}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType{color:#000000}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{color:#000000}
.gs-webResult div.gs-visibleUrl-short{color:#000000}
.gs-webResult div.gs-visibleUrl-short{display:none}
.gs-webResult div.gs-visibleUrl-long{display:block}
.gs-promotion div.gs-visibleUrl-short{display:none}
.gs-promotion div.gs-visibleUrl-long{display:block}
.gsc-webResult.gsc-result.gsc-promotion{border-color:#336699; background-color:#FFFFFF}
.gsc-completion-title{color:#E6421D}
.gsc-completion-snippet{color:#000000}
.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#0000FF}
.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#663399}
.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#0000FF}
.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#0000FF}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *{color:#000000}
.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short{color:#008000}
  
body 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/478fc3b1-d0c7-4055-9911-49d1fd9e1ee8/cb-search.png) no-repeat 0px center; min-width:0; filter:none; border:none}

.search-but-bg table,#body-search-box table,#cse table,.gsc-above-wrapper-area{border:0}

td.gsc-twiddleRegionCell.gsc-twiddle-opened, td.gsc-configLabelCell{display:none}
.gs-result .gs-title, .gs-result .gs-title *{color:rgb(0, 0, 204); text-decoration:none}
.gs-result .gs-visibleUrl{font-size:12px;font-size:1.2rem;color:#666 !important}
.gs-bidi-start-align.gs-snippet{padding-left:5px}
.gs-per-result-labels{display:none}
.gsc-webResult .gsc-result{padding:0 !important}
.gs-spelling.gs-spelling-original{margin-bottom:20px}
.gsq_a span{padding:5px;box-sizing:border-box;display:block}
#gsc-i-id1::-ms-clear,#gsc-i-id2::-ms-clear{display:none}
a.gsst_a{padding-top:0; position:relative;top:3px}
.lt-ie9 a.gsst_a{position:relative;top:0}

/*GOOGLE SITE SEARCH ALTERNATIVE */
.no-js #ibnav li.search-but-bg{display:none !important}
#ibnav li.search-but-bg{width:auto;padding-right:16px}
#ibnav li.search-but-bg label{display:inline}

.ie8compat #q-searchGO{top:-7px;}/* IE Compat Mode Fix */
/*SUGGESTIONS STYLING*/
.searchBox form{position:relative}
#searchPrompt{background:#fff; border:1px solid #ddd; left:-8px; position:absolute; padding:10px; text-align:left; top:41px; width:100%; z-index:999}
#searchPrompt ul li:not(:last-child){padding-bottom:1em}
#searchPrompt ul li:after{content:none}
#searchPrompt ul li a{color:#e4200e; font-size:13px; font-size:1.3rem; line-height:1.4; text-align:left}
/* END GOOGLE SITE SEARCH */


/* PHONE ON LEFT BOX */
.box.phoneBox{background-image:url(/resources/11d45ff7-1799-4c8d-b9db-62e59b65eb24/cb-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(228, 32, 14, 0.85)}
.lt-ie9 .hero-box{background: transparent url(/resources/b636140b-9deb-4f2d-9438-ebb4f5ba1f79/iefallback-bg-85pc.png) repeat top left}


/*--------------
FOOTER
--------------*/
#footer-social ul{display:inline-block; float:left; width:100%}
@media only screen and (max-width: 767px){
#footer-social ul{margin-bottom:0}
#footer-social li{margin-bottom:18px}
}
.footer-contact span{color:#E4200E; font-size:1.5rem; margin-right:5px; vertical-align:middle}