.ratecheck{display:inline}
/*---------------
Table of Contents
-----------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
:: Typography
:: IE Specific Styles
:: Grid
:: Footer
*/
/*----------------------
Reset & Standards
----------------------*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
html{font-size:62.5%}
/*HTML5 display-role reset for older browsers*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
sub{vertical-align:sub}
sup{vertical-align:super}
body{background:#fff;font-family:Arial,Helvetica;font-size:13px;font-size:1.3rem;line-height:18px;color:#2d2d2d;position:relative;-webkit-font-smoothing:antialiased}
.clear{display:block;height:1px;clear:both;zoom:1}

/*---
Links
---*/
a{color:#4C8223;text-decoration:none;line-height:inherit}
a:hover,a:active{color:#666;text-decoration:underline}
a:focus{outline:1px solid grey;text-decoration:underline !important}
p a,p a:visited{line-height:inherit;font-weight:bold}
ul.square a,ul.disc a{font-weight:bold}
.headed-box ul.square a,.panel ul.square a,.bcrumbs p a{font-weight:normal}
a.white{color:#fff}
#page-content a{text-decoration:none}
#page-content dl.tabs dd a,#page-content h1 a,#page-content h2 a,#page-content h3 a,#page-content h4 a,#page-content h5 a,#page-content h6 a{text-decoration:none}
div.alert-box a.close{text-decoration:none;font-weight:normal}
a.imgandtext img{margin-bottom:1em;}
a.img{display:inline-block; }
.lt-ie9 a.img{zoom: 1; display: inline;}
a.img > img{float:left}
a.nowrap, .phone-number.nowrap a{white-space:nowrap}

/*---
Lists
---*/
ul,ol{margin-bottom:18px}
ul{list-style:none outside}
ol{list-style:decimal}
ol.alpha-low{list-style-type: lower-alpha;}
ol.roman-low{list-style-type: lower-roman;}
ul.square,ul.circle,ul.disc,ul.none{margin-left:15px}
ol{margin-left:2.462em}
.lt-ie8 ol{margin-left:3.077em}
ul.square{list-style:square outside}
ul.circle{list-style:circle outside}
ul.none{list-style:none outside}
ul.disc{list-style:disc outside}
li{margin-bottom:12px}
ul.large li{line-height:21px}
ul.dashed, ul.solid{margin-left:0}
ul.dashed li, ul.solid li{padding-bottom:6px;margin-bottom:6px;border-bottom:1px dashed #ccc}
ul.solid li{border-style:solid}
.callout ul.dashed li{border-bottom:1px dashed #666}
ul.dashed li:last-of-type, ul.solid li:last-of-type{border-bottom:none}

/* Iconlists */

ul.tick li,
ul.smalltick li,
ul.largetick li,
ul.pdflist li,
ul.triangle li,
ul.article li,
ul.arrow li {
    padding-left: 10px;
    position: relative;
}

ul.tick li:after,
ul.pdflist li:before,
ul.smalltick li:before,
ul.largetick li:before,
ul.triangle li:before,
ul.article li:before,
ul.arrow li:before {
    position: absolute;
}

ul.tick li:after,
ul.smalltick li:before,
ul.largetick li:before {
    content: "\e924 \020";
}

ul.triangle li:before {
    content: "\e948 \020";
}

ul.arrow li:before {
    content: "\e904 \020";
}

ul.article li:before {
    content: "\e941 \020";
}

ul.smalltick li:before,
ul.article li:before {
    font-size: 16px;
    left: -20px;
}

ul.smalltick.whitetick li:before {
    color: #ffffff;
}

/* Lists with small icons */
ul.smalltick,
ul.article {
    padding-left: 20px;
}

ul.triangle,
ul.arrow { 
    padding-left: 10px;
}
ul.arrow li:before {
    font-size: 11px;
    left: -10px;
    top: 4px;
}
ul.triangle li:before {
    font-size: 10px;
    left: -10px;
    top: 10px;
}

ul.tick li { 
   padding-left: 40px;
   margin-bottom: 20px;
}

ul.tick li:after {
    left: 2px;
    top: -4px;
    font-size: 2.2rem;
}

/* Lists with large icons */

ul.pdflist,
ul.largetick {
    padding-left: 30px;
    margin-top: 20px;
}

ul.pdflist li,
ul.largetick li {
    margin-bottom: 30px;
}

ul.pdflist li:before{
    content: "\e91d \020";
}

ul.pdflist li:before,
ul.largetick li:before {
    font-size: 35px;
    top: -10px;
    left: -30px;
}

ul.largetick li:before { 
    float: left;
    padding-right: 10px;
}


/* box for tick */
ul.tick li:before {
    content: '';
    border: 1px solid #D1D3D4;
    border-radius: 4px;
    display: inline-block;
    padding-left: 4px;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,226,226,1) 100%);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
}


ul.smalltick > li > ul.disc > li{list-style:disc outside;}
ol.cite li{margin-bottom:0.375em}
dl.standard dt{font-weight:700}
dl.standard dd{margin-bottom:20px}
ul.headed-list li:first-child{ color: #2d2d2d; font-family: 'NAG',Arial,Helvetica; font-size: 1.231em; margin-bottom: 0.769em;}
ul.headed-list li{margin-bottom: 0.769em;}

/*----
Tables
----*/
table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px;border-top:1px solid #d1d3d4;border-left:1px solid #d1d3d4;width:100%}
table thead,table tfoot{background: #f5f5f5;
background-image: linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image: -o-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(236,236,236)),color-stop(0.88, rgb(255,255,255)));
}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{font-size:12px;line-height:18px;text-align:left;border-right:1px solid #d1d3d4;border-bottom:1px solid #d1d3d4}
table thead tr th,table tfoot tr td{padding:10px;font-size:13px;font-family:Arial;color:#333;font-weight:bold;vertical-align:middle}
table tbody tr.even,table tbody tr.alt{background:#fCfCfC}
table tbody tr:nth-child(even){background:#f8f8f8}
table.mortgages tbody tr:nth-child(even){background:#fff}
table tbody tr td{color:#333;padding:10px;vertical-align:top}
.lt-ie9 table tbody tr td.text-center img{width:auto}
table.mortgages tbody tr td:nth-child(1){background:#f0eeec;font-weight:bold}
table.mortgages tbody tr td:nth-child(3){background:#dae6d0}
table.mortgages tbody tr td:nth-child(8){white-space:nowrap;width:11%}
@media only screen and (max-width: 767px){
table.mortgages td,table.mortgages th{display:none;padding:10px}
table.mortgages td:nth-child(1),table.mortgages td:nth-child(8),table.mortgages th:nth-child(1),table.mortgages th:nth-child(8){display:table-cell}
table.mortgages tbody tr td:nth-child(8){width:auto}
table thead tr th,table tfoot tr td,table tbody tr td{padding:5px}
}

/* black table header style */
table.black-table thead{background:#000}
table.black-table thead tr th{border-bottom:none; color:#fff}
table.black-table tbody tr.subhead{background-color:#6f6f6f}
table.black-table tbody tr.subhead td{border-bottom:none; color:#fff}

/* Grey Table Header */

table.table--grey thead { background:#b9b8b8; }

/*fixed table*/
table.fixed{table-layout:fixed}

/* scrollable tables */
@media only screen and (min-width: 841px){
.wide-table {display:inline-block}
.wide-table table{margin-bottom:0}
}
@media only screen and (max-width: 840px){
.wide-table {
    overflow-x: auto;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));
    background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
    background-attachment: local, local, scroll, scroll;
    margin-bottom:18px;
}
.wide-table table{background:transparent; margin-bottom:0}
.wide-table table tbody tr:nth-child(even){background-color: rgba(227, 227, 227, 0.3)}

/* black table header style*/
.wide-table table.black-table tbody tr.subhead{background-color: rgba(81, 81, 81, 0.82)}
}

/*--
Misc
--*/
.underline{text-decoration:underline !important}
.w-100{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mr-10{margin-right:10px!important}
.mb-0{margin-bottom:0!important}
.mb-5{margin-bottom:5px!important}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-25{margin-bottom:25px!important}
.mb-30{margin-bottom:30px!important}
.mb-2em{margin-bottom:2em!important}
.mg-b-40,
.mb-40{margin-bottom:40px !important}
@media only screen and (max-width: 767px) {
    .mb-0-phones{ margin-bottom: 0!important; }
    .mb-10-phones{margin-bottom:10px!important}
    .mb-20-phones{ margin-bottom: 20px!important; }
    .mb-30-phones {margin-bottom:30px!important}
    .mb-40-phones{ margin-bottom: 40px!important; }
}
@media only screen and (max-width: 939px) and (min-width: 768px) {
    .mb-0-tablets{ margin-bottom: 0!important; }
    .mb-20-tablets{ margin-bottom: 20px!important; }
    .mb-30-tablets {margin-bottom: 30px!important}
    .mb-40-tablets{ margin-bottom: 40px!important; }    
}
@media only screen and (min-width: 940px) {
    .mb-0-desktops{ margin-bottom: 0!important; }
    .mb-20-desktops{ margin-bottom: 20px!important; }
    .mb-30-desktops {margin-bottom: 30px!important}
    .mb-40-desktops{ margin-bottom: 40px!important; }   
}
.mt-0{margin-top:0!important}
.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px!important}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px!important}
.mt-25{margin-top:25px!important}
.mt-30{margin-top:30px!important}
.mt-40{margin-top:40px!important}
@media only screen and (max-width: 767px) {
    .mt-0-phones {margin-top:0!important}
    .mt-5-phones {margin-top:5px!important}
    .mt-10-phones {margin-top:10px!important}
    .mt-15-phones {margin-top:15px!important}
    .mt-20-phones {margin-top:20px!important}
    .mt-25-phones {margin-top:25px!important}
    .mt-30-phones {margin-top:30px!important}
    .mt-40-phones {margin-top:40px!important}
}
@media only screen and (max-width: 939px) and (min-width: 768px) {
   .mt-0-tablets{margin-top:0!important}
   .mt-20-tablets{margin-top:20!important}
   .mt-40-tablets{margin-top:40!important}
}
@media only screen and (min-width: 940px) {
   .mt-0-desktops{margin-top:0!important}
   .mt-20-desktops{margin-top:20!important}
   .mt-40-desktops{margin-top:40!important}
}

.pb-0{padding-bottom:0!important}
.pb-15{padding-bottom:15px!important}
.pb-20{padding-bottom:20px!important}
.pb-40{padding-bottom:40px}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px!important}
.pt-40{padding-top:40px;}

.fz-20{font-size:20px; font-size:2rem; line-height:1}
.fz-24{font-size:24px; font-size:2.4rem; line-height:1}
.fz-30{font-size:30px; font-size:3rem; line-height:1}
.fz-35{font-size:35px; font-size:3.5rem; line-height:1}
.fz-40{font-size:40px; font-size:4rem; line-height:1}

.left{float:left}
.right{float:right}
.fl-n{float:none}
.c-r{clear:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
@media only screen and (max-width: 767px) {
.text-center-phones{text-align:center}
.text-left-phones{text-align:left}
}
.va-b{vertical-align:bottom}
.va-m{vertical-align:middle}
.hide{display:none}
html body .container .hide-from-nav{display:none !important}
.highlight{background:#eee}
.leftthumb{float:left;margin:0 15px 15px 0}
.rightthumb{float:right;margin:0 0 15px 15px}
@media only screen and (max-width: 939px) and (min-width: 768px){
.rightthumb.hide-on-tablets, .leftthumb.hide-on-tablets{display:none !important}
.rightthumb.no-float-on-tablets{float:none;margin-left:0}
}

@media only screen and (max-width: 767px) {
.leftthumb.no-float-on-mobile { float:none;}
.rightthumb.no-float-on-mobile { float:none;}
}

.padding0{padding:0px !important; }
.padding5{padding:5px;}
.padding10{padding:10px!important;}
.padding15{padding:15px;}
.padding20,
.padding-20{padding:20px!important;}
.padding30{padding:30px;}
.padding40{padding:40px!important;}

@media only screen and (max-width: 767px) {
  .padding0-phones { padding:0; }
  .padding-left10-phones { padding-left: 10px; }
  .padding-right10-phones { padding-right: 10px; }
}

.padding0,
.padding5,
.padding10,
.padding15,
.padding20,
.padding30,
.padding40 {
    box-sizing: border-box;
}

.box .mw-none,
.mw-none { max-width: none; }
img.mw-100,.box .nomaxwidth img{max-width:100%!important}
img.mw-65{max-width:65%!important}
div.hr{margin:0 -15px 15px -15px;border:none;border-bottom:1px solid #fff;border-top:1px solid #d1d3d4;height:2px}
div.hr-dashed{margin:0 -15px 15px -15px;border:none;border-bottom:0px solid #fff;border-top:1px dashed #d1d3d4;height:2px}
#locator-area img{max-width:100%}
#googlemap img,object,embed{max-width:none}
#map_canvas embed{max-width:none}
#map_canvas img{max-width:none}
#map_canvas object{max-width:none}
.clearfix:after,.panel:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix .panel{display:inline-block}
html[xmlns] .clearfix,html[xmlns] .panel{display:block}
* html .clearfix,* html .panel{height:1%}

.top-bar{background:#fff;line-height:45px;margin:0;width:100% !important;padding:20px 0 0 0;min-height:25px}
.lt-ie8 .top-bar {padding-bottom:0px}
.top-bar a{position:absolute;top:0;max-height:119px}
.lt-ie9 .top-bar a img{max-width:none}
.tile-ad img,.box img,.barBox img{max-width:35%}
.tile-ad img.full, .box img.full,.barBox img.full{max-width:100%}
@media only screen and (max-width: 767px) {
.top-bar a{left:10px}
.top-bar {height:auto !important}
}
@media only screen and (max-width: 641px) {
.container .top-bar a img{width:160px}
.nav-bar > li{line-height:34px}
}

.top-bar h2, .top-bar h2 a, .top-bar p{color:#fff}

.rhs-sub-nav{margin-top: 14px;}
@media only screen and (max-width: 767px) {
.rhs-sub-nav{margin-top:0}
}


/*--------
Typography
--------*/
/* font */
@font-face {
font-family: 'NAG';
src: url('../fonts/NAGfont.eot?MOD=AJPERES&CACHEID=b1f8f1804f5e00b6a7fcffbcdec65f57');
src: url('../fonts/NAGfont.eot?MOD=AJPERES&CACHEID=b1f8f1804f5e00b6a7fcffbcdec65f57?#iefix') format('embedded-opentype'),
url('../fonts/houschkaaltpro-medium-webfont.woff2?MOD=AJPERES&CACHEID=3edce473-cfd7-46bb-bb9d-24ad890480e2') format('woff2'),
url('../fonts/NAGfont.woff?MOD=AJPERES&CACHEID=a24cdc004f5e018ea80cf9bcdec65f57') format('woff'),
url('../fonts/NAGfont.ttf?MOD=AJPERES&CACHEID=b19e67804f5e02fda826f9bcdec65f57') format('truetype');
font-weight: normal;
font-style: normal;
}
.nosubheader{margin-bottom:20px !important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#3a3a3a;line-height:1.05;letter-spacing:-0.01em;font-family:'NAG',Arial,sans-serif;font-weight:bold;margin-bottom:9px}
.nag{font-family:'NAG',Arial,sans-serif}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:inherit}
h1,.h1{font-size:40px;font-size:4.0rem;color:#63656a}
h2,.h2{font-size:28px;font-size:2.8rem}
h2.subheader{font-size:28px;font-size:2.8rem}
h3,.h3{font-size:24px;font-size:2.4rem}
h4,.h4{font-size:20px;font-size:2.0rem}
h5,.h5{font-size:18px;font-size:1.8rem}
h6,.h6{font-size:14px;font-size:1.4rem}
.headed-box h6 {margin-bottom:10px}
.subheader, small {color:#63656a;font-weight:300;margin-bottom:20px;font-family:'NAG',Arial,sans-serif}
.subheader-blk {color:#000;font-weight:300}
p{font-size:13px;font-size:1.3rem;line-height:1.25;margin:0 0 18px}
li{font-size:13px;font-size:1.3rem}
p img {margin:0}
p.lead {font-size:18px;font-size:1.8rem;line-height:1.5}
em, i {font-style:italic;line-height:inherit}
strong, b {font-weight:bold;line-height:inherit}
small, .small {font-size:80%;line-height:1.5}
.smallish{font-size:90%;line-height:inherit}
h1 small, h2 small, h3 small, h4 small, h5 small {color:#777}
blockquote, blockquote p {line-height:20px;/*color: #777*/}
blockquote {margin:0 0 18px;padding:9px 20px 0 65px;background:url(/wcmdev/wcm/connect/6baca4004db5c934bdc3fd0e75760364/block-quote.png?MOD=AJPERES&CACHEID=6baca4004db5c934bdc3fd0e75760364) no-repeat top left}
blockquote cite {display:block;font-size:12px;font-size:1.2rem;/*color:#555*/}
blockquote cite:before {content:"\2014 \0020"}
blockquote cite a, blockquote cite a:visited {color:#555;}
blockquote.narrow{padding-left:0; padding-top:15px}
blockquote.narrow p{text-indent:57px}
hr {border:solid #d1d3d4;border-width:1px 0 0;clear:both;margin:12px 0 18px;height:0}
abbr, acronym {text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px solid #ddd;cursor:help}
abbr {text-transform:none}
.bigger{font-size:130%;line-height:inherit}
.white{color:#fff}

sup.sup--body { font-size:13px; }

/*** Print styles ***/
.print-only {display:none !important}
@media print {
* {background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
p a, p a:visited {color:#444 !important;text-decoration:underline}
p a[href]:after {content:" (" attr(href) ")"}
abbr[title]:after {content:" (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""}/* Don't show links for images, or javascript/internal links */
pre, blockquote {border:1px solid #999;page-break-inside:avoid}
thead {display:table-header-group}
tr, img {page-break-inside:avoid}
@page {margin:0.5cm}
p, h2, h3 {orphans:3;widows:3}
h2, h3{page-break-after:avoid}
.hide-on-print {display:none !important}
.print-only {display:block !important}
}
#skiplinks,.skiplinks,.screenreaders-only,.visuallyhidden{border:0; clip:rect(0 0 0 0); height:1px!important; margin:-1px!important; overflow:hidden; padding:0!important; position:absolute!important; width:1px}
.skiplinks:focus{top:20px;left:20px;clip:auto;height:auto !important;margin:auto !important;padding:10px !important;width:auto;z-index:1999;background:#fff;border:1px solid #ccc}
.phone-number {font-size:120%}

/* icon */
@font-face {
  font-family: 'icon';
  src: url('../fonts/icon/icon.eot?MOD=AJPERES&CACHEID=0be4edce-023a-4630-bd96-2471222b7aa4?dlpyvr');
  src: url('../fonts/icon/icon.eot?MOD=AJPERES&CACHEID=0be4edce-023a-4630-bd96-2471222b7aa4?dlpyvr#iefix') format('embedded-opentype'),
       url('../fonts/icon/icon.woff2?MOD=AJPERES&CACHEID=b53ec3f4-3f81-49a0-af92-abe436c57d84?dlpyvr') format('woff2'),
       url('../fonts/icon/icon.ttf?MOD=AJPERES&CACHEID=6cf52423-374a-4037-b8de-9fd1a5bc4791?dlpyvr') format('truetype'),
       url('../fonts/icon/icon.woff?MOD=AJPERES&CACHEID=7b5be49c-7ae5-42de-8080-207cf86b6e24?dlpyvr') format('woff'),
       url('../fonts/icon/icon.svg?MOD=AJPERES&CACHEID=286d20c5-e822-447b-b996-56d19aa682b5?dlpyvr#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, 
.icon, 
a.icon-arrow_right:after,
a.icon-file:after, 
a.icon-external:after, 
.icon-outage:after,
ul.pdflist li:before,
ul.tick li:after,
ul.smalltick li:before,
ul.largetick li:before,
ul.article li:before,
ul.triangle li:before,
ul.arrow li:before  {
    font-family: 'icon'!important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}


.icon-rosette:before { content: "\e950"; }
.icon-fist:before { content: "\e951"; }
.icon-diamond:before { content: "\e952"; }
.icon-circlefriends:before { content: "\e953"; }
.icon-keys:before { content: "\e94a"; }
.icon-mouse:before { content: "\e94b"; }
.icon-bell:before { content: "\e949"; }
.icon-moneyphone:before { content: "\e94c"; }
.icon-online-chat:before { content: "\e94d"; }
.icon-download:before { content: "\e94e"; }
.icon-pencil:before { content: "\e94f"; }
.icon-article:before { content: "\e941"; }
.icon-chevron-right2:before { content: "\e942"; }
.icon-magnifier2:before { content: "\e943"; }
.icon-paperclip:before { content: "\e944"; }
.icon-progress-tick:before { content: "\e945"; }
.icon-rocket:before { content: "\e946"; }
.icon-sheriff:before { content: "\e947"; }
.icon-triangle-right:before { content: "\e948"; }
.icon-calculate:before { content: "\e939"; }
.icon-tablet:before { content: "\e93a"; }
.icon-person:before { content: "\e93b"; }
.icon-thumb-down:before { content: "\e93c"; }
.icon-thumb-up:before { content: "\e93d"; }
.icon-progress-time:before { content: "\e93e"; }
.icon-person2:before { content: "\e93f"; }
.icon-presentation:before { content: "\e940"; }
.icon-time:before { content: "\e937"; }
.icon-mobile2:before { content: "\e938"; }
.icon-info:before { content: "\e936"; }
.icon-id:before { content: "\e934"; }
.icon-five-min:before { content: "\e935"; }
.icon-clipboard-tick:before { content: "\e932"; }
.icon-edit:before { content: "\e933"; }
.icon-contact-card:before { content: "\e92f"; }
.icon-mobile:before { content: "\e930"; }
.icon-transfer:before { content: "\e931"; }
.icon-piggybank2:before { content: "\e928"; }
.icon-percentage2:before { content: "\e929"; }
.icon-payments:before { content: "\e92a"; }
.icon-chart:before { content: "\e92b"; }
.icon-calendar2:before { content: "\e92c"; }
.icon-hours:before { content: "\e92d"; }
.icon-stopwatch2:before { content: "\e92e"; }
.icon-smartphone:before { content: "\e925"; }
.icon-printer:before { content: "\e926"; }
.icon-note:before { content: "\e927"; }
.icon-house:before { content: "\e923"; }
.icon-tick:before { content: "\e924"; }
.icon-loans:before { content: "\e921"; }
.icon-credit-card:before { content: "\e922"; }
.icon-warning:before { content: "\e91f"; }
.icon-warning-outline:before { content: "\e920"; }
.icon-key:before { content: "\e91c"; }
.icon-doc:before { content: "\e91d"; }
.icon-box:before { content: "\e91e"; }
.icon-refresh:before { content: "\e91b"; }
.icon-quote_right:before { content: "\e919"; }
.icon-quote_left:before { content: "\e91a"; }
.icon-close:before { content: "\e918"; }
.icon-cb:before { content: "\e912"; }
.icon-chat:before { content: "\e913"; }
.icon-chat_2:before { content: "\e914"; }
.icon-chat_submit:before { content: "\e915"; }
.icon-stopwatch:before { content: "\e916"; }
.icon-yb:before { content: "\e917"; }
.icon-percentage:before {content: "\e90e";}
.icon-calendar:before {content: "\e90f";}
.icon-debit-cards:before {content: "\e910";}
.icon-faq:before {content: "\e911";}
.icon-form:before {content: "\e90d";}
.icon-piggybank:before {content: "\e90c";}
.icon-foldy-leaflet:before {content: "\e90b";}
.icon-calculator:before {content: "\e90a";}
.icon-aip:before {content: "\e908";}
.icon-minus:before {content: "\e909";}
.icon-plus:before {content: "\e907";}
.icon-arrow_left:before {content: "\e906";}
.icon-arrow_down:before {content: "\e905";}
.icon-arrow_right:before,
a.icon-arrow_right:after {content: "\e904";}
.icon-magnifier:before {content: "\e900";}
.icon-phone:before {content: "\e901";}
.icon-locator:before {content: "\e902";}
.icon-padlock:before {content: "\e903";}
.icon-file:before, a.icon-file:after {content: "\e600";}
.icon-external:before, a.icon-external:after {content: "\e601";}

a.icon-arrow_right:before,
a.icon-file:before, 
a.icon-external:before{content:none}

a.icon-arrow_right:after,
a.icon-file:after,
a.icon-external:after{display:inline-block; line-height: 0; margin-left:0.1923em; margin-right:0.08em}
a.icon-external:after{font-size:1.154em}
a.icon-arrow_right:after{font-size:0.9em}

.icon-outage:after { 
    float: right;
    font-size: 2.5rem;
    color: #FF7E00;
    content: "\e91f";
}

@media only screen and (min-width: 768px){
    .icon-outage:after {
        padding: 10px 10px 10px 5px ;
    }
}

.icon-faq:before{
    float: right;
    font-size: 308%;
    margin: 0 0 15px 15px;
}

/* Mortgage and Credit Card Tiles */


.icon-calendar:before,
.icon-percentage:before,
.icon-form:before {
    font-size: 193%;
    float: right;
}

/* Icon colours */
.icon--red {color: #e4200e;}
.icon--blue {color: #0093cd;}
.icon--grey {color: #acacac;}

/*ICON & TEXT COMPONENT*/
.icon-grouping { position:relative; }
.icon-grouping:after {
    display: table;
    content: '';
    clear: both;
}
.icon-grouping__icon {
    float: left;
}
.icon-grouping__icon:before {
    font-size : 4.5rem;
}
.icon-grouping__text { padding-left: calc(4.5em + 0.5em); }

@media only screen and (max-width: 767px) {
    .icon-grouping__icon:before { font-size: 2.5em; }
}
/*MODIFER*/
.icon-grouping--flex {
    display: flex;
}
.icon-grouping--flex .icon-grouping__text {
    padding-left: 1em;
    flex-direction: column;
    justify-content: center;
    display: flex;
    width: 100%;
}

.icon-circle--cb {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #e4200e;
    border-radius: 50%;
    padding: 13px;
    margin-bottom: 20px;
}

.icon-circle--yb {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #0093cd;
    border-radius: 50%;
    padding: 13px;
    margin-bottom: 20px;
}

/*END ICON & TEXT COMPONENT*/

/*--
Grid
-- */
.container {padding:0 10px}
.row {max-width:940px;min-width:727px;margin:0 auto}
.row .row {min-width:0;width:auto}
.column, .columns {margin-left:2.2%;float:left;min-height:1px;position:relative}
.column:first-child, .columns:first-child {margin-left:0}
[class*="column"] + [class*="column"]:last-child {float:right}
[class*="column"] + [class*="column"].end {float:left}
.columns-right {float:right !important}

.row .one {width:4.3%}
.row .two {width:13%}
.row .three {width:23.3%}
.row .four {width:31.6%}
.row .five {width:38.0%}
.row .six {width:48.9%}
.row .seven {width:56.5%}
.row .eight {width:65.7%}
.row .nine {width:74.5%}
.row .ten {width:82.6%}
.row .eleven {width:91.3%}
.row .twelve {width:100%}

.row .offset-by-one {margin-left:13.1%}
.row .offset-by-two {margin-left:21.8%}
.row .offset-by-three {margin-left:30.5%}
.row .offset-by-four {margin-left:39.2%}
.row .offset-by-five {margin-left:47.9%}
.row .offset-by-six {margin-left:56.6%}
.row .offset-by-seven {margin-left:65.3%}
.row .offset-by-eight {margin-left: 74.0%}
.row .offset-by-nine {margin-left:82.7%}
.row .offset-by-ten {margin-left:91.4%}

.row .centered {float:none;margin:0 auto}

.row .offset-by-one:first-child {margin-left:8.7%}
.row .offset-by-two:first-child {margin-left:17.4%}
.row .offset-by-three:first-child {margin-left:26.1%}
.row .offset-by-four:first-child {margin-left:34.8%}
.row .offset-by-five:first-child {margin-left:43.5%}
.row .offset-by-six:first-child {margin-left:52.2%}
.row .offset-by-seven:first-child {margin-left:60.9%}
.row .offset-by-eight:first-child {margin-left:69.6%}
.row .offset-by-nine:first-child {margin-left:78.3%}
.row .offset-by-ten:first-child {margin-left:87%}
.row .offset-by-eleven:first-child {margin-left:95.7%}

.push-two {left:17.4%}
.push-three {left:25.6%}
.push-four {left:34.8%}
.push-five {left:43.5%}
.push-six {left:51.1%}
.push-seven {left:60.9%}
.push-eight {left:68.4%}
.push-nine {left:76.7%}
.push-ten {left:87%}

.pull-two {right:17.4%}
.pull-three {right:25.5%}
.pull-four {right:33.8%}
.pull-five {right:43.5%}
.pull-six {right:51.1%}
.pull-seven {right:60.9%}
.pull-eight {right:69.6%}
.pull-nine {right:76.7%}
.pull-ten {right:87%}

/*COLUMN DIVIDERS*/
.row.border-dividers > .column:not(:last-child):after {
  content: '';
  background-color: #d1d3d4;
}
@media only screen and (max-width: 767px) {
  .row.border-dividers > .column:not(:last-child):after {
      display: block;
      height: 1px; 
      margin-bottom: 30px;
      margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) {
  /* Add grey border between columns */
  .row.border-dividers > .column:not(:last-child):after {
      position: absolute;
      top: 0;
      right: -11px;
      bottom: 0;
      width: 1px;
  }
  .row--equal-height-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .row--equal-height-columns > .column {
    display: flex;
    flex-grow: 1;
  }
}


img, object, embed {max-width:100%;height:auto}
img {-ms-interpolation-mode:bicubic}
#map_canvas img, .map_canvas img {max-width:none !important}
.row:before, .row:after, .clearfix:before, .clearfix:after {content:"";display:table}
.row:after, .clearfix:after {clear:both}
.row, .clearfix {zoom: 1}
.row .rep-example {padding:10px 10px 0;line-height:100%}
.rep-example p {margin-bottom:10px;font-weight:normal}
.rep-example strong {font-size:120%;color:#000000}

/* cc rep example*/
.cc-rep-example{font-size:27px; font-size:2.7rem; line-height:1}
.cc-rep-example thead tr th{padding:3%}
.cc-rep-example, .cc-rep-example thead tr th, .cc-rep-example tr td{border-width:3px}
.lt-ie9 .cc-rep-example thead tr th{padding:0.48em}
.cc-rep-example thead tr th{font-size:1em; line-height:1}
.cc-rep-example tr td{font-size:0.556em}
.cc-rep-example tr td span{display:block; font-size:1.53em; line-height:1; margin:0.2em 0}
.cc-rep-example thead{background:white}
.cc-rep-example tr td, .cc-rep-example thead tr th {text-align:center}
.cc-rep-example .rep1, .cc-rep-example .rep3{width:31%}
.cc-rep-example .rep2{width:38%}
    /*narrow*/
    .narrow table.cc-rep-example tbody tr td{padding:0.7%}
    .narrow .cc-rep-example{font-size:20px; font-size:2rem}
    .narrow .cc-rep-example tr td{font-size:0.6em}
    .narrow .cc-rep-example thead tr th{padding:1.4% 2% 1.8%}
    @media only screen and (max-width: 854px) {
        .narrow .cc-rep-example{margin-bottom:15px}
        .narrow .cc-rep-example tr td span{font-size:1.3em}
        .narrow .cc-rep-example thead tr th{font-size:0.7em}
     }

#tlnav li a{font-size:14px}
#ibnav > li > a{font-size:13px}

/*RISK*/
.row .risk-mg{font-family:'NAG',Arial;font-weight:bold;padding:10px 10px 0;margin:0 0 20px;border:1px solid #d1d3d4;line-height:100%}
.row .risk-mg p{margin-bottom:10px;font-size:1.3em}
.row .risk-mg--inline {
    font-family: "Arial";
    text-transform: uppercase;
    border: none;
    padding: 0;
}
.row .risk-mg--inline p { font-size: 1em; }
/*END RISK*/


/*FLEXBOX*/
@media only screen and (min-width: 768px){
.flex{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display: flex !important}
.flex-column{-ms-align-items:stretch; -moz-align-items:stretch; -webkit-align-items:stretch; align-items:stretch; -ms-flex-grow:1; -moz-flex-grow:1; -webkit-flex-grow:1; flex-grow:1; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column}
.flex-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1;}
.flex-bottom{-ms-flex-grow:1; -moz-flex-grow:1; -webkit-flex-grow:1; flex-grow:1; -ms-align-items:flex-end; -moz-align-items:flex-end; -webkit-align-items:flex-end; align-items:flex-end}
.flex-g-1{flex-grow:1;width:34% !important}
.flex-g-2{flex-grow:2;width:66% !important}
.flex-nospace > .column,.flex-nospace > .columns{margin-left:0}
.flex-align-items-center{align-items: center;}
.flex-justify-center{justify-content: center;}
.flex-justify-between {justify-content: space-between;}
.flex p img{width:100%}
.flex-grow {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
}

/*----
Footer
----*/
.bottom-bar {background:none repeat scroll 0 0 #000; line-height:30px; margin:0; border-color:#222; border-style:solid; border-width:1px 0 0; padding:10px}

@media only screen and (max-width: 767px) {
.bottom-bar{margin-top:20px}
}
.bottom-bar a{color:#fff}
.bottom-bar a:hover{text-decoration:underline}

.bcrumbs{border-top: 1px solid #CCC;margin-top:10px;padding-top:15px}
.bcrumbs p{margin-bottom:15px}
.copyright {background:#fff;height:140px !important;line-height:45px;margin:0;width:100% !important;border-color:#202020;border-style:solid;border-width:1px 0 0;color:#555}
.copyright p {margin:20px 0}
hr.solidbar-grey{border-color:#2d2d2d;border-width: 4px 0 0;margin-top:20px; margin-bottom:10px}


#footer-social li{display:inline-block; float:left; margin-bottom:3px; padding-right:3px; zoom:1}
@media only screen and (max-width: 767px){
#footer-social li{margin-bottom:10%; padding-right:10%}
}
#footer-social li:last-child{padding-right:0}
#footer-social a{background:transparent url(../images/bg-footer-social-sprite-12032015.png?MOD=AJPERES&CACHEID=ccbf732e-d570-4659-b0a7-ca5bcd235826) no-repeat left top; display:block; height:33px; width:33px}
    #footer-social .footer-tw a{background-position:-34px 0}
    #footer-social .footer-in a{background-position:-68px 0}
    #footer-social .footer-yt a{background-position:-102px 0}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){
    #footer-social a{background-image:url(/wcmdev/wcm/connect/c7f75d9d-7e5b-452e-976e-8bb5a6d29d2e/bg-footer-social-sprite-2x.png?MOD=AJPERES&CACHEID=c7f75d9d-7e5b-452e-976e-8bb5a6d29d2e); background-size:135px 33px}
} 

/*Bottom Footer Bar*/ 
.legal-footer{background: #b9b8b8; padding: 10px;}
.legal-footer li {display: inline-block; margin-right: 10px; margin-bottom: 0px;}
.legal-footer li a {text-decoration: none; color: #2d2d2d; }
.legal-footer li a:hover {text-decoration: underline; color: #2d2d2d; }
@media(max-width: 767px){ .legal-footer{text-align: center;} }

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Hr's
:: Buttons
:: Alerts
:: Labels
:: Tabs
:: Pagination
:: Breadcrumbs
:: Lists
:: Panels
:: Nav
:: Video
:: Microformats
:: Mortgage Calculator
*/

/*--
Hr's
--*/
hr.tile {-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;border-color:#d1d3d4;border-style:solid;border-width:1px 0 0;clear:both;height:0;margin:10px 0 11px}
hr.dashed {-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#d1d3d4;border-style:dashed;border-width:1px 0 0;clear:both;height:0;margin:5px 0 5px}

/*-----
Buttons
-----*/
.button,.button:active,.button:visited{background:#00a6fc;display:inline-block;text-align:center;padding:9px 20px 11px;color:#fff;text-decoration:none;font-weight:normal;font-size:13px;font-size:1.3rem;line-height:1;font-family:'NAG',Arial,Helvetica;position:relative;cursor:pointer;border:none;outline:none;margin:0}
/* Don't use native buttons on iOS */
input[type=submit].button, button.button {-webkit-appearance:none}
/* Hide inner focus effect in Firefox */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none}
.button.radius {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.button.round {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px}
.button.full-width {display:block; text-align:center}
.button.medium.half-width {width: 50%;}
.button.left-align {text-align:left; text-indent:12px}
/*Sizes*/
.tiny.button {font-size:11px;padding:6px 14px 8px 14px;width: auto;border-bottom:1px solid #ddd}
.small.button {font-size:13px;padding:8px 20px;width:auto;border-bottom:2px solid #ddd}
.medium.button {font-size:15px;padding:9px 30px 11px 15px;width:auto;border-bottom:2px solid #ddd}
.large.button {font-size:18px;padding:11px 35px 13px 20px;width:auto;border-bottom:3px solid #ddd}
/*Colors*/
.blue.button {background-color:#0093cd;color:#fff !important;border-color:#02729e}
.red.button {background-color:#e4200e;color:#fff !important;border-color:#b81809}
.white.button {background-color:#e0e0e0;color:#2d2d2d!important;border-color:#b9b8b8}
.black.button {background-color:#222;color:#fff !important;border-color:#000}
/*Hovers*/
.button:hover, .button:focus {background-color:#0192dd;color:#fff;text-decoration:none}
.blue.button:hover, .blue.button:focus {background-color:#02729e}
.red.button:hover, .red.button:focus {background-color:#b81809}
.white.button:hover, .white.button:focus {background-color:#b9b8b8}
.black.button:hover, .black.button:focus {background-color:#000}
.button.button--wide{box-sizing: border-box; width:100%}

/* transparent */
.button.button--trans,
.button.button--trans:active,
.button.button--trans:visited {
    background-color: transparent;
    border: none;
    color: #e4200e;
    font-size: 2.0rem;
    padding-left: 0;
    font-weight: bold;
    text-align:left;
}
.medium.button.button--trans:hover
.button.button--trans:hover {
    color: #666;
    text-decoration: underline;
}
.medium.button.button--trans .arrow,
.button.button--trans .arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    height: 25px;
    width: 25px;
    padding: 0;
    margin: -13px 0 0 0;
    background: url('/wcmdev/wcm/connect/f53d1e004f4b8867a210fbbcdec65f57/cb-medium-button-arrow.gif?MOD=AJPERES&CACHEID=f53d1e004f4b8867a210fbbcdec65f57') no-repeat center center;
}
.button.button--yb.button--trans,
.button.button--yb.button--trans,
.button.button--yb.button--trans:visited,
.button.button--yb.button--trans:active,
.button.button--yb.button--trans:visited,
.button.button--yb.button--trans:active {
	color: #0093cd;
}
.medium.button.button--yb.button--trans .arrow,
.button.button--yb.button--trans .arrow {
    background: url('/wcmdev/wcm/connect/4748a8004f4b95b9a358fbbcdec65f57/yb-medium-button-arrow.gif?MOD=AJPERES&CACHEID=4748a8004f4b95b9a358fbbcdec65f57') no-repeat center center;
}
	
/*Disabled*/
.button.disabled, .button[disabled] {opacity:0.6;cursor:default}
.lt-ie9 .button.disabled, .lt-ie9 .button[disabled] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);} 

/*Correct FF button padding*/
@-moz-document url-prefix("http://") {
input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner {border:0;padding:0}
input[type=submit].tiny.button {padding:5px 14px 7px}
input[type=submit].small.button {padding:7px 20px 8px}
input[type=submit].medium.button {padding:8px 34px 9px}
input[type=submit].large.button {padding:9px 48px 10px}
}
#page-content a.button {text-decoration:none}


/*----
Alerts
----*/
div.alert-box {display:block;padding:6px 25px 7px 7px;font-weight:bold;font-size:13px;color:#333;background-color:#F5F0DF;border:1px solid rgba(214,214,214, 1);margin-bottom:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;position:relative}
div.alert-box.success {background-color:#44761b;color:#fff;}
div.alert-box.alert {background-color:#c60f13;color: #fff;}
div.alert-box.secondary {background-color:#eeeeee;}
div.alert-box.sunshine {background-color:#f7e28b;}
div.alert-box a.close {color:#333;position:absolute;right:4px;top:1px;font-size:17px;opacity:0.2;padding:4px}
.alert-box a.close:hover,.alert-box a.close:focus {opacity:0.8}

/*----
Labels
----*/
.label {padding:0 4px 2px;font-size:11px;font-weight:bold;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline;position:relative;bottom:1px;color:#fff;background:#00a6fc}
.label.radius {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.label.round {padding: 1px 7px 2px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
/*Colors*/
.blue.label {background-color:#0093cd}
.red.label {background-color:#e12800}
.green.label {background-color:#7fae00}
.white.label {background-color:#e9e9e9;color:#333}
.black.label {background-color:#141414}
.label a {color:#fff;text-decoration:none}
.mmore {padding:1% 0}
.lt-ie8 .mmore {padding:1%}
.mmore .label {margin:0 5px}
.lt-ie8 .mmore .label {margin:0;display:inline-block;padding:3px}
#loan-form .applyButton,#repay-form .applyButton{padding-top:5px;padding-bottom:5px;cursor:pointer;border:none}
#loan-form .termBold,#repay-form .termBold{font-weight:bold}


/*--
Tabs
--*/
dl.tabs, .tabs {display:block;margin:0 0 20px 0;padding:0;height:40px;border-bottom:solid 1px #d1d3d4}
dl.tabs dt, .tabs li {display:block;width:auto;height:40px;padding:0 9px 0 20px;line-height:40px;float:left;color:#b3b3b3;font-size:12px;text-transform:uppercase;cursor:default}
dl.tabs dt:first-child {padding:0 9px 0 0}
dl.tabs dd , .tabs li {display:block;width:auto;height:30px;padding:0;float:left;margin:0}
dl.tabs dd a, ul.tabs li a {display:block;width:auto;height:39px;padding:0px 10px;line-height:39px;border:solid 1px #ddd;margin:0 -1px 0 0;color:#4C8223;font-size:12px;text-decoration:none;border-right:1px solid #d1d3d4;border-top:1px solid #d1d3d4;
background: #f5f5f5;
background-image:linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image:-o-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image:-moz-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image:-webkit-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image:-ms-linear-gradient(bottom, rgb(236,236,236) 0%, rgb(255,255,255) 88%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(236,236,236)),color-stop(0.88, rgb(255,255,255)));
}
dl.tabs dd a.active , ul.tabs li a.active {border-width:1px 1px 0 1px;height:40px;color:#fff;
background: #5a9221;
background-image:linear-gradient(bottom, rgb(68,118,27) 0%, rgb(135,195,60) 70%);
background-image:-o-linear-gradient(bottom, rgb(68,118,27) 0%, rgb(135,195,60) 70%);
background-image:-moz-linear-gradient(bottom, rgb(68,118,27) 0%, rgb(135,195,60) 70%);
background-image:-webkit-linear-gradient(bottom, rgb(68,118,27) 0%, rgb(135,195,60) 70%);
background-image:-ms-linear-gradient(bottom, rgb(68,118,27) 0%, rgb(135,195,60) 70%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.33, rgb(68,118,27)),color-stop(0.66, rgb(135,195,60)));
}
dl.tabs.vertical, ul.tabs.vertical {height:auto}
dl.tabs.vertical dt, dl.tabs.vertical dd, ul.tabs.vertical li{float:none;height:auto}
dl.tabs.vertical dd a, ul.tabs.vertical li a {display:block;width:auto;height:auto;padding:15px 20px;line-height:1;border:solid 0 #ccc;border-width:1px 1px 0;margin: 0;color:#555;background:#eee;font-size:15px;font-size:1.5rem}
dl.tabs.vertical dd a.active, ul.tabs.vertical li a.active {height:auto;margin:0;border-width:1px 0 0;background:#fff}
ul.tabs-content {margin:0;display:block}
ul.tabs-content>li {display:none}
.no-js ul.tabs-content>li {display:block}
ul.tabs-content>li.active {display:block}
dl.contained, ul.contained{margin-bottom:0}
dl.contained.tabs dd a, ul.contained.tabs li a {padding:0 7px}
ul.contained.tabs-content {padding:0}
ul.contained.tabs-content>li {padding:20px;border:solid 0 #ddd;border-width:0 1px 1px 1px}
ul.contained.vertical.tabs-content>li {border-width:1px}
dl.tabs dd.active, ul.tabs li.active {border-top:1px solid #e6e6e6;margin-top:-3px}
dl.tabs dd.active a, ul.tabs li.active a {cursor:default;color:#333;background:#EEE;border-left:1px solid #d1d3d4;border-right:1px solid #d1d3d4;}
dl.tabs dd:first-child, ul.tabs li:first-child{margin-left:0}
@media only screen and (max-width: 767px) {
dl.tabs, ul.tabs {height:auto;border:none}
dl.tabs dd, ul.tabs li {height:41px;float:none}
dl.tabs dd a, ul.tabs li a{margin-right:0}
}

/*--------
Pagination
--------*/
ul.pagination {display:block;height:24px;margin-left:-5px}
ul.pagination li {float:left;display:block;height:24px;color:#999;font-size:15px;margin-left:5px}
ul.pagination li a {display:block;padding:6px 7px 4px;color:#555}
ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {border-bottom:solid 2px #00a6fc;color:#141414}
ul.pagination li.unavailable a {cursor:default;color:#999}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {border-bottom:none}

/*---------
Breadcrumbs
---------*/    
ul.breadcrumbs {display:block;background:#fff;padding:5px 10px 5px 0;border-bottom:1px solid #ddd;overflow:hidden}
ul.breadcrumbs li {margin:0 5px 0 0;padding:5px 24px 5px 12px;float:left;background:url(/wcmdev/wcm/connect/d38c5ad0-0cfb-4dd9-8def-679f245a44d6/breadcrumbs-arrow.gif?MOD=AJPERES&CACHEID=d38c5ad0-0cfb-4dd9-8def-679f245a44d6) no-repeat right 54%}
ul.breadcrumbs li:last-child{background-image:none;padding:5px 12px}
ul.breadcrumbs li:first-child{padding-left:0}
ul.breadcrumbs li a, ul.breadcrumbs li span {font-size:13px;padding-left:12px}
ul.breadcrumbs li:first-child.current{margin-left:0 !important;padding:5px 12px}
ul.breadcrumbs li.arrow {padding-right:25px;background:url(/wcmdev/wcm/connect/d38c5ad0-0cfb-4dd9-8def-679f245a44d6/breadcrumbs-arrow.gif?MOD=AJPERES&CACHEID=d38c5ad0-0cfb-4dd9-8def-679f245a44d6) no-repeat right 54%}
ul.breadcrumbs li.current {background:#333; color:#FFF; margin-left:12px; font-weight:bold;padding:5px 12px;}
ul.breadcrumbs li.current a {cursor:default;color:#fff;padding:5px 12px}
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {text-decoration:underline}
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {text-decoration:none}
ul.breadcrumbs li.unavailable a {color:#2d2d2d}
ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus {text-decoration:none;color:#2d2d2d;cursor:default}

/*----
Panels
----*/
div.panel {padding:15px 15px 1px 15px;margin:0 0 20px 0;
background:#f8f8f8;
background:-moz-linear-gradient(top, #FFFFFF 0%, #F8f8f8 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F8f8f8));
background:-o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F8f8f8',GradientType=0 );
box-shadow: 0 2px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.10);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.20);
}
div.box {padding:15px 15px 0 15px;margin:0 0 20px 0;border:1px solid #d1d3d4}
div.greybox {background:#f0f0f0}
div.slatebox {background:#E5ECEE}
div.whitebox {background:#fff}
div.tile-ad,div.barBox{padding-top:15px;margin:0 0 20px 0;border-top:1px solid #d1d3d4}
div.barBoxred {border-top: 1px solid #D1D3D4;margin: 0 0 20px;padding: 15px 10px 10px 10px;background-color:#A80913;}
.barBoxred a, .barBoxred ul{color:#fff}
div.barBoxblue {border-top: 1px solid #D1D3D4;margin: 0 0 20px;padding: 15px 10px 10px 10px;background-color:#0867AE;}
.barBoxblue a, .barBoxblue ul{color:#fff}
.flash-offer {display:block;position:absolute;top:0;right:0;margin:-7px 0 0 0;width:103px;height:92px;background:transparent url(/wcmdev/wcm/connect/722e0a804db5d2a8be1ffe0e75760364/corner-flash.png?MOD=AJPERES&CACHEID=722e0a804db5d2a8be1ffe0e75760364) 0 0 no-repeat}
.lt-ie7 .flash-offer {display:none}
.flash-offer-tile {display:block;position:absolute;top:0;right:0;margin:-7px 0 0 0;width:103px;height:92px;background:transparent url(/wcmdev/wcm/connect/722e0a804db5d2a8be1ffe0e75760364/corner-flash.png?MOD=AJPERES&CACHEID=722e0a804db5d2a8be1ffe0e75760364) 0 0 no-repeat}
.lt-ie7 .flash-offer-tile {display:none}
.flash-box h4 {padding-right:20px}
.flash-box-tile h4 {padding-right:40px}
div.headed-box {border:1px solid #e1e1e1;margin-bottom:20px;border-radius:5px 5px 0 0}
div.headed-box h4, #mortgagepage1 legend {border-radius:5px 5px 0 0;display:block;border:1px solid #fff;border-bottom-color:#e1e1e1;margin-bottom:0;color:#3a3a3a;padding:5px 15px;
background-image:linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-o-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-moz-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-ms-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(225,225,225)),color-stop(0.99, rgb(240,240,240)));
}

div.box-red-top { border-top: 3px solid #e4200e; }
div.box-blue-top { border-top: 3px solid #0093cd; }

div.headed-box-a {border:1px solid #e1e1e1;margin-bottom:0; border-radius:5px 5px 0 0}
div.headed-box-a h4 {color: #fff; height: 100%; border-radius:5px 5px 0 0;display:block;border:1px solid #fff;border-bottom-color:#960019;margin-bottom:0;padding:5px 15px; text-align: center;
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)));}

.lt-ie9 div.headed-box-a h4 {background-color: #960019;}

div.headed-box-b {border:1px solid #e1e1e1; margin-bottom:0; border-radius:5px 5px 0 0}
div.headed-box-b h4 {color: #fff; height: 100%; border-radius:5px 5px 0 0;display:block;border:1px solid #fff;border-bottom-color:#1585BE;margin-bottom:0;padding:5px 15px; text-align: center;
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)));}

.lt-ie9 div.headed-box-b h4 {background-color: #1585BE;}

.lt-ie9 div.headed-box h4, .lt-ie9 #mortgagepage1 legend {background:#f8f8f8 url(/wcmdev/wcm/connect/76fa5a004edf8b069580bdca234c599f/p-rhs2.gif?MOD=AJPERES&CACHEID=76fa5a004edf8b069580bdca234c599f) repeat-x left bottom}
div.headed-box div{border:1px solid #fff;background:#f0f0f0;padding:15px 15px 0 15px}
div.headed-box div .row,div.headed-box div .columns{background:none;border:none;padding:0}
div.headed-box div.wb{background:#fff}
div.headed-box div a.button {margin-bottom:15px}
div.headed-box div hr {margin:0 -15px 15px -15px;border:none;border-bottom:1px solid #fff;border-top:1px solid #e1e1e1}
div.callout {background:#333;color:#FFF;}
div.blue {background:#0B8FB7;filter:none;border-color:#0B8FB7}
div.darkpurple {background:#750841;filter:none}
div.pink {background:#B3186A;filter:none}
div.green {background:#598509;filter:none}
div.red {background:#E4200E;filter:none;border-color:#E4200E}

.box.pebble,.box.glass,.box.heath,.box.sky,.box.clay,.box.sand{-webkit-border-radius:5px;border-radius:5px}
.pebble{background:#dce7f2}
.glass{background:#d9e6da}
.heath{background:#bedbd9}
.sky{background:#b8cee8}
.clay{background:#e6dfd9}
.clay-jr{background:#F8F3EF}
.sand{background:#f5f0df}
.skin{background:#f0d0b9}
.sunshine{background:#f7e28b}
.earth{background:#d5b4a0}
.slate{background-color:#E5ECEE}

.box.shadow{
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
}

div.callout h1, div.callout h2, div.callout h3, div.callout h4, div.callout h5, div.callout h6 {color:#fff}
div.callout .button {background:#fff;color:#333}
div.callout .button:hover {background:rgba(255, 255, 255, 0.8)}
div.callout a:link, div.callout a:active, div.callout a:visited {color:#fff;text-decoration:none}
div.callout a:hover {text-decoration:underline; color:#d1d3d4}
div.callout a.button {text-decoration:none}
/*--------------------
Nav Bar with Dropdowns
--------------------*/
.nav-bar {background:none;margin:0;border:none;position:relative;line-height:35px;width:100% !important}	
.nav-bar>li {float:left;display:block;padding:0 1.3%;margin:0;line-height:40px;background:#4c4c4c}
@media only screen and (min-width: 768px) and (max-width: 939px) {.nav-bar>li{padding:0 1.0%}}
.nav-bar>li>a.main {position:relative;padding:0 20px;display:block;text-decoration:none;font-size:15px;font-size:1.5rem}
.nav-bar>li>input {margin:0 16px}
.nav-bar>li ul {margin-bottom:0}
.nav-bar>li li {line-height:1.3}
.nav-bar>li.has-flyout>a.main {padding-right:36px}
.nav-bar>li.has-flyout>a.flyout-toggle {float:right;right:0;top:0;padding:19px 6px 15px 4px;z-index:2;display:block}
.row .vertical > li.has-flyout > a.flyout-toggle {float:none;position:absolute}
.nav-bar>li.has-flyout>a.flyout-toggle span {content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;display:block}
.flyout {background:#4f4e4e;padding:20px;margin:0;border:1px solid #4f4e4e;border-width:0 1px 1px 1px;position:absolute;top:39px;left:0px;width:250px;z-index:40;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}
.flyout.small {width:166.667px}
.flyout.large {width:350px}
.flyout.right {left:auto;right:-2px}
.flyout.up {top:auto;bottom:39px}
.flyout p {line-height:1.2;font-size:13px}
.flyout p:last-child {margin-bottom:0}
.nav-bar>li .flyout {display:none}
.nav-bar > li > a:first-child {font-size:13px}
.nav-bar>li.has-flyout {padding-right:2px}
.nav-bar>li:hover {background-color:#303030}
.nav-bar>li.active {background-color:#4f4e4e}
.nav-bar>li.active:hover {background:#4f4e4e;cursor:default}
.nav-bar a:link, .nav-bar a:visited, .nav-bar a:active {color:#fff;text-decoration:none}
.nav-bar>li.has-flyout>a:link, .nav-bar>li.has-flyout>a:visited, .nav-bar>li.has-flyout>a:active {float:left}
.mega-nav--bottom--nav-bar {border: medium none;line-height: 35px;margin: 0;position: relative;width: 100% !important;}
.mega-nav--bottom--nav-bar > li {display: block;float: left;line-height: 40px;margin: 0;padding: 0 1.3%;}
.mega-nav--padding {padding: 20px 20px 10px;}
.mega-nav--bottom--nav-bar li:first-child {padding-left:0px;}
@media only screen and (max-width: 767px) {
.nav-bar>li.has-flyout>a:link, .nav-bar>li.has-flyout>a:visited, .nav-bar>li.has-flyout>a:active {float:none}
.mega-nav--bottom--nav-bar>li.mt-5{margin-top:0px !important;}
.mega-nav--padding {padding: 0px;}
}


.lt-ie7 .nav-bar li.has-flyout a.flyout-toggle {display:none}
.lt-ie7 .nav-bar li.has-flyout .flyout {display:none !important}


.top-nav-bg {background-color:#fff;font-family:'NAG',Arial,sans-serif;position:relative;z-index:108}
#ibnav li{float:right;background:#fff;padding:0 20px}
#ibnav li a{color:#000}
#ibnav li li a{color:#fff}
#ibnav li li{float:none;padding:0}

#ibnav li.internet-but-bg{background:#EDEDED;border:1px solid #DDD;border-radius:0 0 5px 5px;border-top:none;padding-right:5px}
#ibnav li.login-but-bg{border-left:1px solid #ddd}
@media only screen and (max-width: 767px) {
#ibnav li{float:none}
.top-bar{padding:0;min-height:0}
#ibnav li.login-but-bg{border:none}
}
@media only screen and (max-width: 641px) {
#ibnav li{line-height:35px}
}
.section-nav-bg {background-color:#4c4c4c}
.section-nav-bg ul.nav-bar > li:hover {background:#303030}
.flyout *:first-child {margin-top:0}
.flyout *:last-child {margin-bottom:0}
.flyout.xlarge {width:95.5%}
@media only screen and (min-width: 768px) and (max-width: 939px) {.flyout.xlarge {width:94.3%}}
.flyout hr {border-color:#D6CBC6;border-style:solid;border-width:1px 0 0;margin:0 0 10px 0}
.flyout-main-nav h5, .flyout-main-nav h6 {color:#fff}

ul.flyout, .nav-bar li ul {padding:0;list-style:none;text-align:left;margin:0}
ul.flyout li, .nav-bar li ul li {border-left:none;margin-top:0;margin-bottom:0}
ul.flyout li a, .nav-bar li ul li a {color:#fff;display:block;font-size:13px;height:auto;line-height:1;padding:10px;-webkit-box-shadow:0 0 0 rgba(255, 255, 255, 0.5) inset;-moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset;box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset}
ul.flyout li a:hover, .nav-bar li ul li a:hover {color:#fff}
ul.flyout li.active, .nav-bar li ul li.active {margin-top:0;border-top:1px solid #4d4d4d;border-left:4px solid #1a1a1a}
ul.flyout li.active a, .nav-bar li ul li.active a {background:#4d4d4d;border:none;color:#fff;height:auto;margin:0;position:static;top:0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}
.flyout ul.flyout-main-nav li a {background:#303030;border-bottom:1px solid #3e3e3e;border-width:0 0 1px 0;color:#fff;display:block;font-size:13px;height:auto;line-height:1;padding:10px;-webkit-box-shadow:0 0 0 rgba(255, 255, 255, 0.5) inset;-moz-box-shadow:0 0 0 rgba(255, 255, 255, 0.5) inset;box-shadow:0 0 0 rgba(255, 255, 255, 0.5) inset}
ul.flyout li a:hover, .nav-bar li ul li a:hover {text-decoration:underline;color:#eee}
.flyout-main-nav li {margin-bottom:0px}

ul.nav-bar > li.login-bg {background:#313031;padding-right:20px;padding-left:20px;position:relative;margin-left:2px;border-radius:5px 5px 0 0}

.row ul.vertical li {padding:0}
.vertical li a {padding:0 15px;display:block;background-image:none}
ul.nav-bar.vertical {padding:0px;margin-bottom:20px}
.nav-bar.vertical {height:auto;margin-top:0}
.nav-bar.vertical > li {float:left;border-bottom:1px solid #fff;background:#eee;border-color:transparent transparent #fff transparent;width:100%}
.nav-bar.vertical > li a {color:#333;line-height:1.5em;padding-top:10px;padding-bottom:10px}
.nav-bar.vertical > li a:hover {color:#fff}
.nav-bar.vertical > li .active {background-color:#4f4e4e;color:#fff}
.nav-bar.vertical > li.has-flyout > a:first-child:after {content:"";display:block;width:0;height:0;border:solid 0px;border-color:transparent transparent transparent #e6e6e6}
.nav-bar.vertical > li .flyout {left:100%;top:-1px}
.nav-bar.vertical > li .flyout.right {left:auto;right:100%}
.nav-bar.vertical > li .flyout > li a {color:#fff}

@media only screen and (min-width: 768px) and (max-width: 939px) {
.nav-bar > li > a:first-child {font-size:0.88em}
}
@media only screen and (max-width: 767px) {
.section-nav-bg ul.nav-bar li {width:50%;padding:0;float:left}
.nav-bar li.has-flyout a.flyout-toggle {display:none}
.nav-bar li .flyout {visibility:hidden}
.section-nav-bg ul.nav-bar li a {margin-left:10px}
#mobile-nav-menu {padding:0}
}
/*------
Sub Navs
------*/
dl.sub-nav {display:block;width:auto;overflow:hidden;margin:-4px 0 18px -9px;padding-top:4px}
dl.sub-nav dt, dl.sub-nav dd {float:left;display:inline;margin-left:9px;margin-bottom:4px}
dl.sub-nav dt {color:#999;font-weight:normal}
dl.sub-nav dd a {text-decoration:none;border-radius:12px}
dl.sub-nav dd.active a {background:#87c33c;color:#fff;padding:3px 9px}


/*--------
Flex-video
--------*/
.flex-video {position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow:hidden}
.flex-video.widescreen {padding-bottom:57.25%}
.flex-video.widescreen2{padding-top:0; padding-bottom:56.3%}
.flex-video.vimeo {padding-top:0}
.flex-video iframe, .flex-video object, .flex-video embed {position:absolute;top:0;left:0;width:100%;height:100%}

/*----------
Microformats
----------*/
/*hCard*/
ul.vcard {display:inline-block;margin:0 0 12px 0;border:1px solid #ddd;padding:10px}
ul.vcard li {margin:0;display:block}
ul.vcard li.fn {font-weight:bold;font-size:15px;font-size:1.5rem}

ul.vcard.plain{border:none; padding:0}
ul.vcard.plain li.fn{font-weight:normal; font-size:13px; font-size:1.3rem}

p.vevent span.summary {font-weight:bold}
p.vevent abbr {cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 1px}

/*-----------------
Mortgage Calculator
-----------------*/
#mortgageform label {margin:0 9px 5px 0;float:left}
#mortgageform label span {background:#c8d8de;border-radius:5px;box-shadow:1px 1px 1px #666;color:#333;font-size:89%;line-height:120%;padding:10px}
#mortgageform input{padding:5px 5px 6px}
.lt-ie9 #mortgageform input{padding:5px}
.lt-ie8 #mortgageform input{padding:4px}
.lt-ie8 #mortgageform .input-text{left:0px}
#mortgageform #typelabel, #mortgageform #typelabel select {width:140px}
#mortgageform #amountlabel, #mortgageform #amountlabel input, #mortgageform #valuelabel, #mortgageform #valuelabel input {width:150px}
.lt-ie9 #mortgageform #amountlabel, .lt-ie9 #mortgageform #amountlabel input, .lt-ie9 #mortgageform #valuelabel input {width:140px}
#mortgageform #yearslabel, #mortgageform #yearslabel input {width:40px}
#mortgageform #mortgagelabel, #mortgageform #mortgagelabel select {width:100px}
#mortgageform #typelabel select, #mortgageform #mortgagelabel select {padding:3%;border:1px solid #BBBBBB}
#mortgageform #mortgagelabel select {padding:4%}
#mortgageform .button {margin-top:15px}
@media only screen and (max-width: 980px) {
#mortgageform label, #mortgageform .button {float:none;margin:none}
#mortgageform #typelabel, #mortgageform #typelabel select, #mortgageform #amountlabel, #mortgageform #amountlabel input, #mortgageform #valuelabel, #mortgageform #valuelabel input, #mortgageform #yearslabel, #mortgageform #yearslabel input, #mortgageform #mortgagelabel, #mortgageform #mortgagelabel select {width:100%}
#mortgageform #typelabel select, #mortgageform #mortgagelabel select {padding:2%}
}
#mortgagepage1 {border-radius:5px 5px 0 0;border:1px solid #ccc;background:#fffbff;margin:0 0 30px 0}
#mortgagepage1 fieldset {margin:0 0 5px 0}
#mortgagepage1 form {margin:0}
#mortgagepage1 legend {margin-left:-9px;width:100%;padding:10px 8px;border:1px solid #fff;border-bottom:1px solid #DBDAD8}
.lt-ie8 #mortgagepage1 legend{white-space:pre-wrap}
.lt-ie8 #mortgageform input{zoom:1;display:block}
/*customised tables*/

#mortgagepage2 table tbody tr td:nth-child(1), #mortgagepage2 table tbody tr td:nth-child(3) {background:#F4F4F4;font-weight:bold}
#mortgagepage2 table tbody tr td:nth-child(2) {background:#c8d8de;font-weight:bold}
#mortgagepage2 table tbody tr td:nth-child(7) {font-weight:bold}
#mortgagepage2 table thead tr th, #mortgagepage2 table tfoot tr th, #mortgagepage2 table tbody tr td, #mortgagepage2 table tr td, #mortgagepage2 table tfoot tr td {font-size:1.3rem}
#mortgagepage2 table tbody tr td, #mortgagepage2 table thead tr th {vertical-align:middle;text-align:center;padding:5px}
#mortgagepage2 table tbody tr:hover {background:#F0F0F0}
.lt-ie9 #mortgagepage2 table tbody tr td, .lt-ie9 #mortgagepage2 table thead tr th {padding:5px}
@media only screen and (max-width: 939px) {
#mortgagepage2 .mortgage-calc tr td:nth-of-type(9),#mortgagepage2 .mortgage-calc tr th:nth-of-type(9){display:none}
#mortgagepage2 a{text-decoration:underline}
}
@media only screen and (max-width: 767px) {
#mortgagepage2 #mortgage-calc-id thead{display:none}
#mortgagepage2 #mortgage-calc-id,#mortgagepage2 #mortgage-calc-id tbody,#mortgagepage2 #mortgage-calc-id tr,#mortgagepage2 #mortgage-calc-id tr td{display:block;text-align:left;font-size:0.95em}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(2):before {content:"Initial payment:"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(3):before {content:"Initial rate:"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(4):before {content:"Until:"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(5):before {content:"Payment thereafter:"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(6):before {content:"Rate thereafter (variable):"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(7):before {content:"Overall cost for comparison:"}
#mortgagepage2 .mortgage-calc tr td:nth-of-type(8):before {content:"Arrangement fee:"}
#mortgagepage2 .mortgage-calc tr td:before{display:block;float:left;width:50%}
#mortgagepage2 #mortgage-calc-id tr td{background-color:#fff;padding:10px}
#mortgagepage2 #mortgage-calc-id tr td:nth-of-type(1){font-size:1.3em;cursor:pointer;background:#f4f4f4 url(/wcmdev/wcm/connect/a3554b004db5c01abd7efd0e75760364/CB-minus-trans.png?MOD=AJPERES&CACHEID=a3554b004db5c01abd7efd0e75760364) no-repeat 97% center}
#mortgagepage2 #mortgage-calc-id tr td:nth-of-type(4),#mortgagepage2 #mortgage-calc-id tr td:nth-of-type(7),#mortgagepage2 #mortgage-calc-id tr td:nth-of-type(9){background-color:#f4f4f4}
#mortgagepage2 #mortgage-calc-id a{text-decoration:none}
.mmore .label {display:block;margin:5px 0px 2px;padding:10px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);text-shadow:0 -1px 1px rgba(0,0,0,0.2);border:1px solid #960019;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)))}
#mortgagepage2 #mortgage-calc-id tr.inactive{height:39px;overflow:hidden}
#mortgagepage2 #mortgage-calc-id tr{height:auto}
#mortgagepage2 #mortgage-calc-id tr.inactive td:nth-of-type(1){background-image:url(/wcmdev/wcm/connect/915102004db5c2d1bd95fd0e75760364/CB-plus-trans.png?MOD=AJPERES&CACHEID=915102004db5c2d1bd95fd0e75760364)}
#mortgagepage2 #mortgage-calc-id tr td:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#mortgagepage2 #mortgage-calc-id tr td{display:block}
html[xmlns] #mortgagepage2 #mortgage-calc-id tr td{display:block}
* html #mortgagepage2 #mortgage-calc-id tr td{height:1%}
}

/*-----------------------
Link Box
------------------------*/

/* Link Box's*/
 .link-box {
    display: block;
    padding: 15px 15px 0 15px;
    margin: 0 0 20px 0;
    border: 1px solid #d1d3d4;
    cursor : pointer;
    text-decoration: none;
}
.link-box--small { padding: 10px 10px 0 10px; }
.link-box:hover { background : #d1d3d4;text-decoration: none; }
.link-box:focus { background : #eee; text-decoration: none; }


/* Icon Image */
.icon-img {
    display: inline;
    vertical-align: middle;
    width: 25px!important;
}

/* Meganav Mortgage Calc Links */
.aip-tools--links--meganav {
    color: #3a3a3a;
    line-height: 1.05;
    letter-spacing: -0.01em;
    font-family: 'NAG',Arial,sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
}

/*------
Tooltips
------*/
.has-tip {border-bottom: dotted 1px #d1d3d4;cursor:pointer;font-weight: bold;color: #333}
.has-tip:hover {border-bottom: dotted 1px #d1d3d4;color: #333;}
.tooltip {display: none;background: rgb(229,236,238);position: absolute;color: #333;font-size: 12px;font-size: 1.2rem;padding: 5px;z-index: 999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height: normal;}
.tooltip > .nub {display: block;width: 0;height: 0;border: solid 5px;border-color: transparent transparent rgb(229,236,238) transparent;border-color: transparent transparent rgb(229,236,238) transparent;position: absolute;top: -10px;left: 10px;}
.tooltip.tip-override > .nub {border-color: transparent transparent rgb(0,0,0) transparent !important;border-color: transparent transparent rgba(0,0,0,0.8) transparent !important;top: -10px !important;}
.tooltip.tip-top > .nub {border-color: rgb(0,0,0) transparent transparent transparent;border-color: rgba(0,0,0,0.8) transparent transparent transparent;top: auto;bottom: -10px;}
.tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right {float: none !important;}
.tooltip.tip-left > .nub {border-color: transparent transparent transparent rgb(229,236,238);border-color: transparent transparent transparent rgb(229,236,238);right: -10px;left: auto;}
.tooltip.tip-right > .nub {border-color: transparent rgb(0,0,0) transparent transparent;border-color: transparent rgba(0,0,0,0.8) transparent transparent;right: auto;left: -10px;}
.tooltip.noradius {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.has-tip.opened {color: #0192DD !important;border-bottom: dotted 1px #0593DC !important;}
.tap-to-close {display: block;font-size: 10px;font-size: 1.0rem;color: #888;font-weight: normal;}
.tip-noborder,.tip-noborder:hover{border:none}
.has-tip.right img{max-width:inherit}
/*------------
Standard Forms
------------*/
form {margin:0 0 18px}
/*input,button{-webkit-appearance:none;-moz-appearance:none}*/
form label {display:block;font-size:13px;line-height:18px;cursor:pointer;margin-bottom:9px}
input.input-text, textarea {border-right:1px solid #bbb;border-bottom:1px solid #bbb}
input.input-text, textarea, select {display:block;margin-bottom:9px}
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {margin-top:-9px}
textarea {max-width:100%}
/*Text input and textarea font and padding*/
input.input-text, textarea {font-size:13px;padding:4px 3px 2px;background:#fff}
input.input-text:focus, textarea:focus {outline:none !important}
input.input-text.oversize, textarea.oversize {font-size:18px !important;padding:4px 5px !important}
input.input-text:focus, textarea:focus {background:#f9f9f9}
/*Text input and textarea, disabled*/
input.input-text[disabled], textarea[disabled] {background-color:#ddd}
/*Inlined Label Style*/
input.placeholder, textarea.placeholder {color:#888}
/*Text input and textarea sizes*/
input.input-text, textarea {width:254px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input.small, textarea.small {width:134px}
input.medium, textarea.medium {width:254px}
input.large, textarea.large {width:100%}
input.expand, textarea.expand {width:100%}
/*Lock textareas so they can't be resized beyond their set width in webkit*/
textarea.locked  {max-width:254px}
textarea.locked.small {max-width:134px}
textarea.locked.large {max-width:434px}
textarea.locked.expand {max-width:100%}
/*Fieldsets*/
form fieldset {padding:9px 9px 2px 9px;border:none;margin:18px 0}
/*Inlined Radio & Checkbox*/
.form-field input[type=radio], div.form-field input[type=checkbox] {display:inline;width:auto;margin-bottom:0}
/*Errors*/
.form-field.error input, input.input-text.red {border-color:#C00000;background-color:rgba(255,0,0,0.15)}
.form-field.error label, label.red {color:#C00000}
.form-field.error small, small.error {margin-top:-6px;display:block;margin-bottom:9px;font-size:11px;color:#C00000;width:254px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.small + small.error {width:134px}
.medium + small.error {width:254px}
.large + small.error {width:434px}
.expand + small.error {width:100%}

.small.oversize + small.error {width:144px}
.medium.oversize + small.error {width:264px}
.large.oversize + small.error {width:444px}
.expand.oversize + small.error {width:100%}

/*---------
Nicer Forms
---------*/
form.nice div.form-field input, form.nice input.input-text, form.nice textarea, form.nice select {border:solid 1px #d1d3d4;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius:2px;margin-right:5px}
form.nice div.form-field input, form.nice input.input-text, form.nice textarea, form.nice select {font-size:13px;padding:6px 3px 4px;outline:none !important;}
form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus, form.nice select:focus {background-color:#ddd;color:#000}
form.nice legend {color:#333333;font-family:'NAG',Arial,sans-serif;font-size:140%;font-style:normal;font-weight:bold;margin:0 0 10px 0;padding:10px 5px;text-align:left;text-transform:none;background:#E5ECEE;border:1px solid #d1d3d4;display:block}
/*Text input and textarea, disabled*/
form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled] {background-color:#ddd}
form.nice fieldset {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] {display:inline;width:auto;margin-bottom:0}
form.nice div.form-field.error small, form.nice small.error {padding:6px 4px;border:solid 0 #C00000;border-width:0 1px 1px 1px;margin-top:-10px;background:#C00000;color:#fff;font-size:12px;font-weight:bold;border-bottom-left-radius:2px;border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px}
form.nice div.form-field.error .small + small, form.nice .small + small.error {width:132px}
form.nice div.form-field.error .medium + small, form.nice .medium + small.error {width:252px}
form.nice div.form-field.error .large + small, form.nice .large + small.error {width:432px}
form.nice div.form-field.error .small.oversize + small, form.nice .small.oversize + small.error {width:136px}
form.nice div.form-field.error .medium.oversize + small, form.nice .medium.oversize + small.error {width:256px}
form.nice div.form-field.error .large.oversize + small, form.nice .large.oversize + small.error {width:436px}

form.nice input.round{font-size:16px; padding:7px; width:100%;
-webkit-border-radius: 10px;
   -moz-border-radius:10px;
        border-radius:10px;
}
	
/*--------
Typography
--------*/
@media handheld, only screen and (max-width: 767px) {
h1,.h1 {font-size:32px;font-size:3.2rem}
h2,.h2 {font-size:28px;font-size:2.8rem}
h3,.h3 {font-size:21px;font-size:2.1rem}
h4,.h4 {font-size:18px;font-size:1.8rem}
h5,.h5 {font-size:16px;font-size:1.6rem}
h6,.h6 {font-size:15px;font-size:1.5rem}
body{font-size:15px;font-size:1.5rem}
.copyright p{font-size:80%}
blockquote.narrow{padding-left:65px;padding-top:9px}
blockquote.narrow p{text-indent:0}
}

/*--
Grid
--*/
	
/*Mobile*/
@media only screen and (max-width: 767px) {		
body {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.container {min-width:0;margin-left:0;margin-right:0}
.row {width:100%;min-width:0;margin-left:0;margin-right:0}
.row .row .column, .row .row .columns {padding:0}
.column, .columns {width:auto !important;float:none;margin-left:0;margin-right:0}
.column:last-child, .columns:last-child {margin-right:0;float:none}
[class*="column"] + [class*="column"]:last-child {float:none}
.column:before, .columns:before, .column:after, .columns:after {content:"";display:table}
.column:after, .columns:after {clear:both}

.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered {margin-left:0 !important}

.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {left:auto}
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {right:auto}
		
/*Mobile 4-column Grid*/
.row .phone-two:nth-child(odd), .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child {margin-left:0}
.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child {float:right}

.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four {margin-left:4.4%;float:left;min-height:1px;position:relative;padding:0}

.row .phone-one 	{width:21.68% !important}
.row .phone-two 	{width:47.8% !important}
.row .phone-three 	{width:73.9% !important}
.row .phone-four 	{width:100% !important}

.row .push-one-phone {left:26.08%}
.row .push-two-phone {left:52.2%}
.row .push-three-phone {left:78.3%}

.row .pull-one-phone {right:26.08%}
.row .pull-two-phone {right:52.2%}
.row .pull-three-phone {right:78.3%}
}

/*MOBILE GRID MODIFIERS*/
@media only screen and (max-width: 767px) {
    .row--full-width-phones {
        margin-left: -10px;
        width: calc(100% + 20px);
    }
}

/*---------------------
Vertical column borders
---------------------*/
.br-grey{background:transparent url("data:image/gif;base64,R0lGODlhAQABAPAAANHT1P///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==") repeat-y right top;}
.br-earth{background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXVtKB6RwJVAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==") repeat-y right top;}
@media only screen and (max-width: 767px) {
.br-grey, 
.br-earth{background:none;}
}
	
/*---------
Block Grids
---------*/	
@media only screen and (max-width: 767px) {
.block-grid.mobile {margin-left:0}
.block-grid.mobile > li {float:none;width:100%;margin-left:0}
}

/*---------------------------
Mobile Visibility Affordances
---------------------------*/
.show-on-phones {display:none !important}	
.show-on-tablets {display:none !important}
.show-on-desktops {display:block !important}
.hide-on-phones {display:block !important}	
.hide-on-tablets {display:block !important}
.hide-on-desktops {display:none !important}
table tr.hide-on-phones {display:table-row !important}
.touch table tr.hide-on-phones {display:table-row !important}
/*Modernizr-enabled tablet targeting*/
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.touch .hide-on-phones {display:block !important}
.touch .hide-on-tablets {display:none !important}
.touch .hide-on-desktops {display:block !important}
.touch .show-on-phones {display:none !important}
.touch .show-on-tablets {display:block !important}
.touch .show-on-desktops {display:none !important}
}
@media only screen and (max-width: 767px) {
.hide-on-phones {display:none !important}
.hide-on-tablets {display:block !important}
.hide-on-desktops {display:block !important}
.show-on-phones {display:block !important}
.show-on-tablets {display:none !important}
.show-on-desktops {display:none !important}
.touch table tr.hide-on-phones {display:none !important}
}
/*Specific overrides for elements that require something other than display: block*/
table.show-on-desktops {display:table !important}
table.hide-on-phones {display:table !important}	
table.hide-on-tablets {display:table !important}
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.touch table.hide-on-phones {display:table !important}
.touch table.hide-on-desktops {display:table !important}
.touch table.show-on-tablets {display:table !important}
}
@media only screen and (max-width: 767px) {
table.hide-on-tablets {display:table !important}
table.hide-on-desktops {display:table !important}
table.show-on-phones {display:table !important}
}

/*---
Forms
---*/	
@media only screen and (max-width: 980px) {
div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea {display:block;width:100%;padding:6px 2% 4px;font-size:18px}
form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
form.nice div.form-field.error small, form.nice small.error {padding:6px 2%;display:block}
form.nice div.form-field.error .small + small, form.nice .small + .error {width:auto}
form.nice div.form-field.error .medium + small, form.nice .medium + .error {width:auto}
form.nice div.form-field.error .large + small, form.nice .large + .error {width:auto}
form.nice div.form-field.error .expand + small, form.nice .expand + .error {width:auto}
}

/*
UI
*/	
/*Buttons*/
@media only screen and (max-width: 767px) {
.button,.button:active,.button:visited { display: block; }
button.button, input[type="submit"].button {margin-bottom:5px; padding-left:0;padding-right:0; width:100%!important;}
.button.medium.half-width {width: auto;}
}
/*Tabs*/
@media only screen and (max-width: 767px) {
#mobile-nav-menu {margin:0 10px}
#tlnav {display:none}
}
/*Nav Bar*/
/*Modernizr-enabled tablet targeting*/
#mobile-nav {background:#ececec  url(/wcmdev/wcm/connect/ef5618004db5e35abeaffe0e75760364/mobile-menu.png?MOD=AJPERES&CACHEID=ef5618004db5e35abeaffe0e75760364) 95% 6px no-repeat;padding:10px;font-size:1em;font-weight:normal;cursor:pointer;font-family:'NAG';position:relative;z-index:10}
#mobile-nav a {color:#333;text-decoration:none;font-weight:bold}
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.touch .nav-bar li a {font-size:13px;font-size:1.3rem}
#mobile-nav-menu .nav-bar li a {font-size:1.15rem}
}
@media only screen and (max-width: 767px) {
#mobile-nav-menu {display:none}
.nav-bar {height:auto !important}
.nav-bar>li {float:none;display:block}
.nav-bar>li>a.main {text-align:left;border-top:1px solid #ddd;border-right:none}
.nav-bar>li:first-child>a.main {border-top:none}
.nav-bar>li.has-flyout>a.flyout-toggle {display:none}
.nav-bar>li.has-flyout>div.flyout {display:none !important}
.nav-bar>li.has-flyout>a.flyout-toggle:hover span {border-top-color:#141414}
.flyout {position:relative;width:auto;top:auto;margin-right:-2px;border-width:1px 1px 0 1px}
.flyout.right {float:none;right:auto;left:-1px}
.flyout.small, .flyout.large {width:auto}
.flyout p:last-child {margin-bottom:18px}
}
@media only screen and (min-width: 768px) {
#mobile-nav-menu {display:block}
}
/*Tooltips*/
@media only screen and (max-width: 767px) {
.tooltip {font-size:14px;font-size:1.4rem;line-height:1.4;padding:7px 10px 9px 10px}
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {border-color:transparent transparent rgb(0,0,0) transparent;border-color:transparent transparent rgba(0,0,0,0.85) transparent;top:-12px;left:10px}
}
/*Video*/
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video {padding-top:0}
}

/*---------
Transitions
---------*/
a:link, a:visited, a:hover, a:active, a:focus{-webkit-transition:color .3s linear,background-color .3s linear,border-color .3s linear;-moz-transition:color .3s linear,background-color .3s linear,border-color .3s linear;-o-transition:color .3s linear,background-color .3s linear,border-color .3s linear;transition:color .3s linear,background-color .3s linear,border-color .3s linear}

/*-------
Accordion
-------*/
dl.accordion {margin-bottom:20px}
dl.accordion dt {cursor:pointer;background:#333;color:#fff;position:relative;zoom:1}
dl.accordion dt.active {background:#DC291E}
dl.accordion-panel {margin-bottom:0px}
dl.accordion-panel dt, dl.accordion-panel dt.active {font-weight:bold;font-size:1.3em;line-height:1.25;display:block;border:1px solid #fff; border-bottom-color:#d1d3d4;margin-bottom:0;color:#333;padding:5px 15px;text-shadow:0 -1px rgba(255, 255, 255, 1);letter-spacing:-0.02em;background:#eee url(/wcmdev/wcm/connect/915102004db5c2d1bd95fd0e75760364/CB-plus-trans.png?MOD=AJPERES&CACHEID=915102004db5c2d1bd95fd0e75760364) no-repeat 98% 60%}
dl.accordion-panel dt.active {background-image:url(/wcmdev/wcm/connect/a3554b004db5c01abd7efd0e75760364/CB-minus-trans.png?MOD=AJPERES&CACHEID=a3554b004db5c01abd7efd0e75760364)}
.accordion-panel dd {border:1px solid #fff;background:#f8f8f8;padding:15px 15px 0 15px}

/*----------
MORE CONTENT
----------*/
.js .more {
    border-top: 1px solid #d1d3d4;
    padding: 10px;
}
.js .more--no-border-top { border-top: 0; }
.js .more:last-child { border-bottom: 1px solid #d1d3d4; }
.js .morepreamble { padding: 3px 60px 7px 10px; }
.js .moreheader {
    font-family: 'NAG',Arial,sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    padding: 3px 60px 3px 10px;
    margin-bottom: 0;
}
.js .moreheader:after {
   content: "\e907"; 
   font-family: 'icon';
   font-size: 1.8rem;
   line-height: 1;
   position: absolute;
   right: 10px;
   top: 0.4em;
}
.js .moreheader.active:after { content: "\e909"; }
.js .moreheader:hover, .js .moreheader:focus { color: #999999; }
.js .morepreamble  > *:last-child,
.js .morecontent > *:last-child { margin-bottom: 0; }
.no-js .morecontent{ display: block; }
.js .morecontent {
    display: none;
    padding: 42px 60px;
}
.js .morecontent--less-padding { padding: 20px 42px 20px 10px; }
@media only screen and (min-width:768px)
{
    .more .column--2{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}
@media only screen and (max-width: 767px){
    .js .morecontent { padding: 20px 42px 20px 10px; }
}


/*-------
Show/Hide
-------*/
dl.showhide {margin-bottom:20px}
dl.showhide dt {cursor:pointer;background:#333;color:#fff;position:relative;zoom:1}
dl.showhide dt.active {background:#DC291E}
dl.showhide-panel {margin-bottom:0px}
dl.showhide-panel dt, dl.showhide-panel dt.active {font-weight:bold;font-size:1.3em;line-height:1.25;display:block;border:1px solid #fff; border-bottom-color:#d1d3d4;margin-bottom:0;color:#333;padding:5px 15px;text-shadow:0 -1px rgba(255, 255, 255, 1);letter-spacing:-0.02em;background:#eee url(/wcmdev/wcm/connect/915102004db5c2d1bd95fd0e75760364/CB-plus-trans.png?MOD=AJPERES&CACHEID=915102004db5c2d1bd95fd0e75760364) no-repeat 98% 60%}
dl.showhide-panel dt.active {background-image:url(/wcmdev/wcm/connect/a3554b004db5c01abd7efd0e75760364/CB-minus-trans.png?MOD=AJPERES&CACHEID=a3554b004db5c01abd7efd0e75760364)}
.showhide-panel dd {border:1px solid #fff;background:#f8f8f8;padding:15px 15px 0 15px}

/*-------
Mort Calc
-------*/
#mortgagepage2 {display:none}
#typelabel span, #amountlabel span, #valuelabel span, #yearslabel span, #mortgagelabel span {display:none}

/*--------
Icon panel
--------*/
.iconpanel, div.headed-box .iconpanel {padding:0 0 15px 35px;border:none;background-position:1px 1px;background-repeat:no-repeat}
.iconpanelphone, div.headed-box .iconpanelphone {background-image:url(/wcmdev/wcm/connect/0e3a12004db5d1d4be08fe0e75760364/call-icon.png?MOD=AJPERES&CACHEID=0e3a12004db5d1d4be08fe0e75760364)}
.iconpanelphone-earth, div.headed-box .iconpanelphone-earth {background-image:url(/wcmdev/wcm/connect/aacd3f8043836e9090d0f5b071f0d3e4/cyb-ico-contact-earth.png?MOD=AJPERES&CACHEID=aacd3f8043836e9090d0f5b071f0d3e4); background-position:1px 2px}

/*--------
Icon panel 40
--------*/
.iconpanel-40{background-position:1px 1px;background-repeat:no-repeat; padding:0 15px 0 56px;}
.icon-clock-40-grey{background-image: url(/wcmdev/wcm/connect/775fd180434d01d9a9daed29f77b7be7/realtime.png?MOD=AJPERES&CACHEID=775fd180434d01d9a9daed29f77b7be7)}
.icon-security-40-grey{background-image: url(/wcmdev/wcm/connect/3a6db380434cff29a96ded29f77b7be7/security.png?MOD=AJPERES&CACHEID=3a6db380434cff29a96ded29f77b7be7)}
.icon-credit-card-40-grey{background-image: url(/wcmdev/wcm/connect/4a1eb800434cfdc2a93bed29f77b7be7/credit-cards.png?MOD=AJPERES&CACHEID=4a1eb800434cfdc2a93bed29f77b7be7)}
.icon-graph-points-40-grey{background-image: url(/wcmdev/wcm/connect/8c477c80434d0321aa18ef29f77b7be7/balance.png?MOD=AJPERES&CACHEID=8c477c80434d0321aa18ef29f77b7be7)}
.icon-abacus-40-grey{background-image: url(/wcmdev/wcm/connect/c432ea80434d041baa42ef29f77b7be7/transaction.png?MOD=AJPERES&CACHEID=c432ea80434d041baa42ef29f77b7be7)}
.icon-desktop-mobile-40-grey{background-image: url(/wcmdev/wcm/connect/361efe80434d0279a9e6ed29f77b7be7/payment-features.png?MOD=AJPERES&CACHEID=361efe80434d0279a9e6ed29f77b7be7)}
.icon-people-40-grey{background-image: url(/wcmdev/wcm/connect/f94321cd-6ed6-4c6a-afec-7efa2828bf57/ico-people-40-grey.png?MOD=AJPERES&CACHEID=f94321cd-6ed6-4c6a-afec-7efa2828bf57)}
.icon-plus-40-grey{background-image: url(/wcmdev/wcm/connect/b01b76ec-3779-4642-a529-eb08d40f1408/ico-plus-40-grey.png?MOD=AJPERES&CACHEID=b01b76ec-3779-4642-a529-eb08d40f1408)}
.icon-mouse-40-grey{background-image: url(/wcmdev/wcm/connect/781bbb71-66d7-4fc1-95cf-7fce3dc4bae8/ico-mouse-40-grey.png?MOD=AJPERES&CACHEID=781bbb71-66d7-4fc1-95cf-7fce3dc4bae8)}
.icon-pencil-40-grey{background-image: url(/wcmdev/wcm/connect/b5a34c2c-6e74-434d-af78-d82deaaa072e/ico-pencil-40-grey.png?MOD=AJPERES&CACHEID=b5a34c2c-6e74-434d-af78-d82deaaa072e)}

/*--------
Icon panel 45
--------*/
.iconpanel-45{ackground-position:0 0; background-repeat:no-repeat; padding:0 0 0 55px}
.iconpanel-45-document{background-image: url(/wcmdev/wcm/connect/c9d8dfaf-0c7e-44fa-8a01-2f1b7de3cb3f/grey-document.png?MOD=AJPERES&CACHEID=c9d8dfaf-0c7e-44fa-8a01-2f1b7de3cb3f)}

/*------
Colorbox
------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none}
.cboxIframe{width:100%;height:100%;display:block;border:0}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box}

/* User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000}
#colorbox{}
#cboxTopLeft{width:25px;height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) no-repeat 0 0}
#cboxTopCenter{height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) repeat-x 0 -50px}
#cboxTopRight{width:25px;height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) no-repeat -25px 0}
#cboxBottomLeft{width:25px;height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) no-repeat 0 -25px}
#cboxBottomCenter{height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) repeat-x 0 -75px}
#cboxBottomRight{width:25px;height:25px;background:url(/wcmdev/wcm/connect/7b6a42004db5ce78bddafd0e75760364/border1.png?MOD=AJPERES&CACHEID=7b6a42004db5ce78bddafd0e75760364) no-repeat -25px -25px}
#cboxMiddleLeft{width:25px;background:url(/wcmdev/wcm/connect/704d18804db5d016bdf1fd0e75760364/border2.png?MOD=AJPERES&CACHEID=704d18804db5d016bdf1fd0e75760364) repeat-y 0 0}
#cboxMiddleRight{width:25px;background:url(/wcmdev/wcm/connect/704d18804db5d016bdf1fd0e75760364/border2.png?MOD=AJPERES&CACHEID=704d18804db5d016bdf1fd0e75760364) repeat-y -25px 0}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-top:20px}
#cboxTitle{position:absolute;bottom:0px;left:0;text-align:center;width:100%;color:#999}
#cboxCurrent{position:absolute;bottom:0px;left:100px;color:#999}
#cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444}
#cboxPrevious{position:absolute;bottom:0px;left:0;color:#444}
#cboxNext{position:absolute;bottom:0px;left:63px;color:#444}
#cboxLoadingOverlay{background:#fff url(/wcmdev/wcm/connect/0ae073804db5dd08be64fe0e75760364/loading.gif?MOD=AJPERES&CACHEID=0ae073804db5dd08be64fe0e75760364) no-repeat 5px 5px}
#cboxClose{color:#e12800;display:block;position:absolute;top:0;right:0;display:block;height:18px;line-height:18px;padding-right:27px;
background:#fff url(/wcmdev/wcm/connect/507e678044047ec1a9d3adeffb47ca87/close-cb.png?MOD=AJPERES&CACHEID=507e678044047ec1a9d3adeffb47ca87) no-repeat top right}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}

.wrapper{padding:10px 30px;position:relative;overflow:hidden}
.wrapper .sect{border-left:1px solid #fff;border-right:1px solid #ddd;padding:0 20px;display:inline-block;margin:0;overflow:hidden;position:relative;top:2px}
.wrapper .paddinga{position:absolute;width:50px;height:100%;background:#f0f0f0;top:-10px;right:0;padding:10px 0}
.wrapper .lefta{cursor:pointer;position:absolute;width:28px;height:100%;background:#333;top:-10px;left:0;padding:10px 0;border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;z-index:5;
background:#bebebe url(/wcmdev/wcm/connect/eaaf69004f4b3eb39feaffbcdec65f57/footer-arrow-left.png?MOD=AJPERES&CACHEID=eaaf69004f4b3eb39feaffbcdec65f57) no-repeat center center
}
.wrapper .righta{cursor:pointer;position:absolute;width:28px;height:100%;background:#333;top:-10px;right:0;padding:10px 0;border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;
background:#bebebe url(/wcmdev/wcm/connect/95219d804f4b3f419ff8ffbcdec65f57/footer-arrow-right.png?MOD=AJPERES&CACHEID=95219d804f4b3f419ff8ffbcdec65f57) no-repeat center center
}
.wrapper .centera{white-space:nowrap;display:inline}

/*BMENU*/
#bmenu{background:#e3e3e3;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;color:#666;font-family:'NAG',Arial,sans-serif}
#bmenu .nav-bar{border-left:1px solid #C8C8C8}
#bmenu li{background:#e3e3e3;border-left:1px solid #f2f2f2;border-right:1px solid #c8c8c8;background-position:10px center;background-repeat:no-repeat;padding-left:40px;padding-right:15px}
.lt-ie8 #bmenucontent .sect,.lt-ie8 .wrapper .sect{zoom:1;display:inline}
@media only screen and (max-width: 767px) {
#bmenu{margin-top:20px}
#bmenu li{display:none}
#bmenu li.active{display:block;border:none;background-color:#e3e3e3;margin-bottom:0}
#bmenu .nav-bar{border-left:none}
}

/*BRANCH LOCATOR*/
#results-list,#info-area,#map_canvas{margin-bottom:15px}

/*HOMEPAGEHERO*/
#hero-container{position:relative;height:300px;overflow:hidden;margin-bottom:20px;margin-top:-18px}
.lt-ie9 #hero-container{min-width:940px}
#hero-container h1{font-weight:bold}
#hero-container .container{background-repeat:no-repeat;background-position:top center;position:absolute;width:100%;height:100%;padding:0;top:0;display:none}
#hero-container #hero-1{display:block}

@media only screen and (max-width: 939px) {
#hero-container .container{background-size:103%}
#hero-container{padding-top:30%;height:auto}
div .herocontrols{display:none}
}

@media only screen and (max-width: 767px) {
#hero-container{padding-top:75%; margin-top:-19px}
.private #hero-container,.business #hero-container{margin-top:-10px}
#hero-container .container{background-size:100%}
#hero-container .hero-t{height:90%;width:74%;margin-left:13%}
#hero-container h1,#hero-container h2,#hero-container h3,#hero-container h4,#hero-container h5,#hero-container h6,#hero-container ul,#hero-container p{visibility:hidden}
}
.herocontrols{background:transparent url(/wcmdev/wcm/connect/3a3354004f737bea9d23fdbcdec65f57/banner-indicator-bg.png?MOD=AJPERES&CACHEID=3a3354004f737bea9d23fdbcdec65f57) repeat center center; border-radius:3px; border:1px solid #5a5a5a; bottom:5%; position:absolute; right:50%; padding:5px 1px 5px 10px}
.lt-ie8 .herocontrols{bottom:15px}
.lt-ie9 .herocontrols{visibility:hidden}
#hero-container .heroarrows{height:100%; min-width:inherit; max-width:1600px; position:relative; width:100%;}
.heroarrows .arrow-left, .heroarrows .arrow-right{background-repeat:no-repeat; background-color:#fff; border:solid 1px #c8c7c7; display:block; height:20px; margin-top:-34px; padding-top:24px; padding-bottom:24px; position:absolute; text-indent:-9999px; top:50%; width:19px; z-index:104;}

@media only screen and (max-width: 939px) {
.heroarrows{position:relative;width:100%;top:0}
}

.heroarrows .arrow-left{background-position:5px center; border-width:1px 1px 1px 0; left:0; padding-left:5px; padding-right:8px;
-webkit-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;
   -webkit-box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.15);
           box-shadow: 1px 0px 2px 2px rgba(0, 0, 0, 0.15)
}
.lt-ie8 .heroarrows .arrow-left{top:150px}
.heroarrows .arrow-right {background-position:-484px center; border-width:1px 0 1px 1px; padding-left:8px; padding-right:5px; right:0;
-webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
   -webkit-box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.15);
           box-shadow: -1px 0px 2px 2px rgba(0, 0, 0, 0.15)
}
.lt-ie8 .heroarrows .arrow-right{top:150px}
.herocontrols a{
background:#ccc;
height:14px;
margin-right:10px;
text-indent:-9999px;
width:15px;
zoom:1;
float:left;
display:none;
border-radius:1000px;
}
.herocontrols a.activecontrol{background:#fff}

@media only screen and (max-width: 640px) {
.heroarrows .arrow-left, .heroarrows .arrow-right{margin-top:-31px;padding-bottom:20px; padding-top:20px}
.heroarrows .arrow-left{background-position:3px center; padding-left:3px;padding-right:5px}
.heroarrows .arrow-right{background-position:-486px center; padding-left:5px;padding-right:3px}
}

@media only screen and (max-width: 320px) {
.blackberry #hero-container{display:none}
}
#ibmobi{border-top:1px solid #ccc;padding-top:15px;margin-top:10px}

/*---------
IE SPECIFIC
---------*/
.lt-ie9 div.panel {border:1px solid #d1d3d4}
.lt-ie8 .nav-bar li.has-flyout a {padding-right:0px}
.lt-ie8 .section-nav-bg .nav-bar li.has-flyout a{padding-right:1px}
.lt-ie8 .section-nav-bg .nav-bar li.has-flyout a.button.medium{padding-right:30px}
.lt-ie8 .nav-bar li.has-flyout a:after {border-top:none}
/*Correct IE7 button padding*/
.lt-ie8 input[type=submit].tiny.button {padding:5px 5px 7px}
.lt-ie8 input[type=submit].small.button {padding:8px 7px 9px}
.lt-ie8 input[type=submit].medium.button {padding:9px 13px 9px}
.lt-ie8 input[type=submit].large.button {padding:9px 18px 10px}
.lt-ie9 #mortgagepage1 legend {left:0px;top:-9px;position:relative}
.lt-ie8 #mortgagepage1 legend {left:-7px}
.lt-ie9 .row {width:940px;min-width:727px;margin:0 auto}
.lt-ie9 .row .row {width:auto;min-width:auto}
.lt-ie9 .column, .lt-ie9 .columns {float:left;min-height:1px;position:relative}
.lt-ie9 .row .centered{float:none}
.lt-ie9 .ie-no-right-margin {margin-right:-24px}
.lt-ie9 .five.columns.ie6-no-right-margin{float:right}
.lt-ie9 .top-nav-bg .ie6-no-right-margin {float:right}
.lt-ie8 ul.tick li{padding-left:12px;margin-left:18px}
.lt-ie9 .br-grey{background-image:url("/wcmdev/wcm/connect/3325d000430bd88a8262e2f2d82d3e59/bg-grey-dot.gif?MOD=AJPERES&CACHEID=3325d000430bd88a8262e2f2d82d3e59")}
.lt-ie9 .br-earth{background-image:url("/wcmdev/wcm/connect/f0f6f80043815850ac52edb071f0d3e4/bg-earth-dot.png?MOD=AJPERES&CACHEID=f0f6f80043815850ac52edb071f0d3e4")}
.lt-ie9 iframe.egain-widget{min-height:220px}
.lt-ie9 iframe.egain-widget-q1{min-height:90px}
.lt-ie9 iframe.egain-widget-q2{min-height:136px}
.lt-ie9 iframe.egain-widget-q3{min-height:182px}
.lt-ie9 iframe.egain-widget-q4{min-height:228px}
.lt-ie9 iframe.egain-widget-q5{min-height:274px}
.lt-ie9 iframe.egain-widget-q10{min-height:504px}
.lt-ie9 iframe.egain-widget-no-search-q1{min-height:46px}
.lt-ie9 iframe.egain-widget-no-search-q2{min-height:92px}
.lt-ie9 iframe.egain-widget-no-search-q3{min-height:138px}
.lt-ie9 iframe.egain-widget-no-search-q4{min-height:184px}
.lt-ie9 iframe.egain-widget-no-search-q5{min-height:230px}
.lt-ie9 iframe.egain-widget-no-search-q10{min-height:460px}
/*----------
IE6 SPECIFIC
----------*/
.lt-ie7 .columns {margin:0 20px 0 0;overflow:hidden;float:left;display:inline}
.lt-ie7 .row {margin:0 auto;width:940px;overflow:hidden}
.lt-ie7 .bottom-bar .row {width:940px}
.lt-ie7 .row .row {margin-left:0;width:auto;display:inline-block}
.lt-ie7 dl.tabs dd {display:inline-block}
.lt-ie7 dl.tabs dd a {display:inline-block}
.lt-ie7 dl.tabs dd a.active:link, .lt-ie7 dl.tabs dd a.active:active, .lt-ie7 dl.tabs dd a.active:visited {border-top:1px solid #d1d3d4;margin-bottom:-10px;position:relative}
.lt-ie7 .nav-bar li {float:left;display:block;position:relative;padding:0;margin:0;line-height:47px}
.lt-ie7 .nav-bar li a.main {position:relative;padding:0 20px;display:block;text-decoration:none;font-size:15px;font-size:1.5rem}
.lt-ie7 .nav-bar li input {margin:0 16px}
.lt-ie7 .nav-bar li ul {margin-bottom:0}
.lt-ie7 .nav-bar li li {line-height:1.3}
.lt-ie7 .nav-bar li.has-flyout a.main {padding-right:36px}
.lt-ie7 .nav-bar li.has-flyout a.flyout-toggle {position:absolute;right:0;top:0;padding:22px;z-index:2;display:block}
.lt-ie7 .nav-bar li.has-flyout a.flyout-toggle span {content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2a85e8;display:none}
.lt-ie7 .flyout {background:#fff;margin:0;padding:20px;border:1px solid #ddd;position:absolute;top:45px;left:-1px;width:400px;z-index:40}
.lt-ie7 .flyout p:last-child {margin-bottom:0}
.lt-ie7 .nav-bar li .flyout {display:none}
.lt-ie7 .block-grid li {display:block;height:auto;float:left}
.lt-ie7 .block-grid.two-up li {margin-left:4%;width:46%;margin-bottom:4%}
.lt-ie7 .block-grid.three-up li {margin-left:2%;width:31.3%;margin-bottom:2%}
.lt-ie7 .block-grid.four-up li {margin-left:2%;width:23%;margin-bottom:2%}
.lt-ie7 .block-grid.five-up li {margin-left:1.5%;width: 18.5%;margin-bottom:1.5%}
.lt-ie7 button::-moz-focus-inner, .lt-ie7 input[type="reset"]::-moz-focus-inner, .lt-ie7 input[type="button"]::-moz-focus-inner, .lt-ie7 input[type="submit"]::-moz-focus-inner, .lt-ie7 input[type="file"] input[type="button"]::-moz-focus-inner {border:none}
.lt-ie7 ul.tabs-content li {display:none}
.no-js ul.tabs-content li {display:block}
.lt-ie7 ul.tabs-content li.active {display:block}
.lt-ie7 ul.contained.tabs-content li {padding: 20px;border:solid 0 #ddd;border-width:0 1px 1px 1px}
.lt-ie7 ul.contained.vertical.tabs-content li {border-width:1px}
.lt-ie7 .nav-bar li .flyout {display:none;visibility:hidden}
.lt-ie7 .tooltip .nub {display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent rgb(0,0,0) transparent;border-color: transparent transparent rgba(0,0,0,0.8) transparent;position:absolute;top:-10px;left:10px}
.lt-ie7 .tooltip.tip-override .nub {border-color:transparent transparent rgb(0,0,0) transparent !important;border-color:transparent transparent rgba(0,0,0,0.8) transparent !important;top:-10px !important}
.lt-ie7 .tooltip.tip-top .nub {border-color:rgb(0,0,0) transparent transparent transparent;border-color:rgba(0,0,0,0.8) transparent transparent transparent;top:auto;bottom:-10px}
.lt-ie7 .tooltip.tip-left .nub {border-color:transparent transparent transparent rgb(0,0,0);border-color:transparent transparent transparent rgba(0,0,0,0.8);right:-10px;left:auto;}
.lt-ie7 .tooltip.tip-right .nub {border-color:transparent rgb(0,0,0) transparent transparent;border-color:transparent rgba(0,0,0,0.8) transparent transparent;right:auto;left:-10px;}
.lt-ie7 ul.nav-bar li {background-color:#233974;padding:0 15px}
.lt-ie7 ul.nav-bar li:hover {background-color:#303030}
.lt-ie7 ul.nav-bar li.active {background-color:#4f4e4e}
.lt-ie7 .nav-bar li.active:hover {background:#4f4e4e;cursor: default}
.lt-ie7 .nav-bar.vertical li {float:left;border-bottom:1px solid #fff;background:#eeeeef;border-color:transparent transparent #fff transparent; width:100%}
.lt-ie7 .nav-bar.vertical li a {color:#333}
.lt-ie7 .nav-bar.vertical li a:hover {color:#fff}
.lt-ie7 .nav-bar.vertical li .active {background-color:#4f4e4e;color:#fff}
.lt-ie7 .nav-bar.vertical li.has-flyout a:first-child:after {content:"";display:block;width:0;height:0;border:solid 4px;border-color: transparent transparent transparent #e6e6e6}
.lt-ie7 .nav-bar.vertical li .flyout {left:100%;top:-1px}
.lt-ie7 .nav-bar.vertical li .flyout li a {color:#fff}
.lt-ie7 .section-nav-bg ul.nav-bar li:hover {background:#303030}
.lt-ie7 .section-business-nav-bg .nav-bar li {background:#000}
.lt-ie7 .section-business-nav-bg ul.nav-bar li:hover {background:#4f4e4e}
.lt-ie7 ul.nav-bar li.login-bg {background:#3e3e3e;padding-right: 20px;padding-left:20px}
.lt-ie7 .right {float:right;left:0}
.lt-ie7 .button {display:inline-block;padding:10px;position:relative;top:0;left:0;margin:0;width:auto;background:#f6f6f6;border-color:#aaa; font-size:100%}
/*Fix to stop extra spacing on right */
.lt-ie7 #home-right ul.side-nav li.divider, .lt-ie7 hr.tile {height:1px;line-height:1px;font-size:1px;display:block;overflow:hidden}
/*Fixes for widths of columns*/
.lt-ie7 .row .one {width:1.3% !important}
.lt-ie7 .row .two {width:12% !important}
.lt-ie7 .row .three {width:23.3% !important}
.lt-ie7 .row .four {width:31.4% !important}
.lt-ie7 .row .five {width:38.1% !important}
.lt-ie8 .row .six {width:48.5% !important}
.lt-ie7 .row .seven {width:55.5% !important}
.lt-ie7 .row .eight {width:64.7% !important}
.lt-ie7 .row .nine {width:73.5% !important}
.lt-ie7 .row .ten {width:81.6% !important}
.lt-ie7 .row .eleven {width:90.3% !important}
.lt-ie7 .row .twelve {width:99% !important}
.lt-ie8 .ie6-no-right-margin {margin-right:0}
.lt-ie7 .column {position:relative}
/*Hide tooltip for ie6 */
.lt-ie7 .tooltip .nub {display:none}
/*Button colours*/
.lt-ie7 a:link.button, .lt-ie7 a:visited.button, .lt-ie7 a:active.button, .lt-ie7 a:hover.button {background-color:#E9E9E9;color:#333;padding:9px 34px 11px}
.lt-ie7 a:link.green, .lt-ie7 a:visited.green, .lt-ie7 a:active.green, .lt-ie7 a:hover.green {background-color:#5B8737;color:#fff}
.lt-ie7 a:link.black, .lt-ie7 a:visited.black, .lt-ie7 a:active.black, .lt-ie7 a:hover.black {background-color:#141414;color:#fff}
.lt-ie7 a:link.red, .lt-ie7 a:visited.red, .lt-ie7 a:active.red, .lt-ie7 a:hover.red {background-color:#E91C21;color:#fff}
.lt-ie7 a:link.blue, .lt-ie7 a:visited.blue, .lt-ie7 a:active.blue, .lt-ie7 a:hover.blue {background-color:#00A6FC;color:#fff}
.lt-ie7 a:link.white, .lt-ie7 a:visited.white, .lt-ie7 a:active.white, .lt-ie7 a:hover.white {background-color:#ddd;color:#2d2d2d}
.lt-ie7 a:link.small, .lt-ie7 a:visited.small, .lt-ie7 a:active.small, .lt-ie7 a:hover.small {font-size:11px;padding:8px 20px 10px}
.lt-ie7 a:link.medium, .lt-ie7 a:visited.medium, .lt-ie7 a:active.medium, .lt-ie7 a:hover.medium {font-size:13px;padding:9px 34px 11px}
.lt-ie7 a:link.large, .lt-ie7 a:visited.large, .lt-ie7 a:active.large, .lt-ie7 a:hover.large {font-size:18px;padding:11px 48px 13px}
.lt-ie7 form.nice {background:#fff;border:none}
.lt-ie7 form .small, .lt-ie7 form .medium, .lt-ie7 form .large {margin-left: 0}
.lt-ie7 form .error label {color:#fff}
/*----------
DPL table results
----------*/
.datatable thead{background:#f5f0df}
.datatable th, .datatable td {text-align: center;vertical-align:middle}
.datatable caption {text-align: left}
.datatable caption .extra {display: block; padding-bottom: 20px}
.datatable button{display:inline}
.termHighlighted {background-color: #F5F0DF; width: 15%; font-weight: bold}
.monthlyHighlight {background-color: #d9e6da; width: 18%; font-weight: bold}
.termBold {width: 10%; font-weight: bold}
@media only screen and (max-width: 767px){
#results thead {display:none}
#results tbody{border-right:1px solid #ccc}
#results td {display:block;width:25%;float:left;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 5px;height:52px;line-height:12px;font-size:11px;border-right:none}
#results tr {display:block;position:relative;clear:both}
#results td.termHighlighted {float:none;width:auto;text-align:left;height:37px;font-size:16px;padding:12px 5px;font-family:NAG;font-weight:normal}
#results td.monthlyHighlight {background:none;border:none;position:absolute;top:-2px;left:50%;white-space:nowrap;font-weight:normal}
#results td.monthlyHighlight:before{display:block;content:"Monthly repayment:";margin-right:5px}
#results td:nth-of-type(3):before{display:block;content:"Interest rate p.a. (fixed):";margin-right:5px}
#results td:nth-of-type(5):before{display:block;content:"Total payable:";margin-right:5px}
#results button{padding:9px 30px 9px 5px;box-sizing:border-box;width:100%;font-size:11px}
#results sup{vertical-align:inherit}
#loan-form .termBold{word-wrap:break-word}
}

/*--- Mortgage strikethrough --*/

.mstrike {text-decoration:line-through}
.mred {color: #e12800; font-weight: bold}

/*CASE STUDIES*/
.casestudies{border-top:1px solid #bdbebd;border-bottom:1px solid #bdbebd;background:#f7f3f7;margin-bottom:20px; margin-top:20px}
.casestudies .wrapper{padding:0 30px}
.casestudies .wrapper .centera{display:block}
.casestudies .wrapper .sect{width:100%;padding:0;vertical-align:top}
.casestudies .wrapper .padding15{white-space:normal}
.casestudies .wrapper p{margin-bottom:0}
@media (max-width:980px) and (min-width:767px) {
#case-studies-full p{text-align:center}
#case-studies-full img{float:none;margin-right:0;margin-bottom:5px}
#case-studies-full span{display:block}
}

/* mortgagepage3 used for busineszs week */
#mortgagepage3 table tbody tr td:nth-child(1) {background:#f7e28b;font-weight:bold; text-align: left}
#mortgagepage3 table tbody tr td:nth-child(3) {font-weight:bold; text-align: left}
#mortgagepage3 table tbody tr td:nth-child(2) {background:#f5f0df;font-weight:bold; text-align: left}
#mortgagepage3 table tbody tr td:nth-child(4) {width: 120px}
#mortgagepage3 table tbody tr td:nth-child(5) {width: 170px}
#mortgagepage3 table tbody tr td:nth-child(7) {font-weight:bold; text-align: left}
#mortgagepage3 table thead tr th, #mortgagepage3 table tfoot tr th, #mortgagepage3 table tbody tr td, #mortgagepage3 table tr td, #mortgagepage3 table tfoot tr td {font-size:1.3rem}
#mortgagepage3 table tbody tr td, #mortgagepage3 table thead tr th {vertical-align:middle;text-align:left}
#mortgagepage3 table tbody tr:hover {background:#F0F0F0}
.lt-ie9 #mortgagepage3 table tbody tr td, .lt-ie9 #mortgagepage3 table thead tr th {padding:5px}
@media only screen and (max-width: 939px) {
#mortgagepage3 .mortgage-calc tr td:nth-of-type(9),#mortgagepage3 .mortgage-calc tr th:nth-of-type(9){display:none}
#mortgagepage3 a{text-decoration:underline}
}
@media only screen and (max-width: 767px) {
#mortgagepage3 .mortgage-calc tr td:nth-of-type(4),#mortgagepage3 .mortgage-calc tr td:nth-of-type(5),#mortgagepage3 .mortgage-calc tr th:nth-of-type(4),#mortgagepage3 .mortgage-calc tr th:nth-of-type(5){display:none;}
#mortgagepage3 table thead tr th,#mortgagepage3 table tfoot tr th{font-size:1.0rem}
#mortgagepage3 table tbody tr td,#mortgagepage3 table tr td,#mortgagepage3 table tfoot tr td{font-size:1.1rem}
}



/*SLIDER*/
/* slider root element */
.slider {
background:#cecece;
height:9px;
position:relative;
cursor:pointer;
border:1px solid #d6d6d6;
width:100%;
float:left;
clear:right;
margin-top:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:inset 0 0 4px #666;
-moz-box-shadow:inset 0 0 4px #666;
-webkit-box-shadow:inset 0 0 4px #666;
}
/* progress bar (enabled with progress: true) */
.progress {
height:9px;
background-color:#5685ae;
display:block;
opacity:0.6;
box-shadow:inset 0 0 4px #7f97b7;
 -moz-box-shadow:inset 0 0 4px #7f97b7;
-webkit-box-shadow:inset 0 0 4px #7f97b7;
}
/* drag handle */
.handle {
background:#e7e7e7 url(/wcmdev/wcm/connect/4bde038043c0a51aaef4afeffb47ca87/slider.gif?MOD=AJPERES&CACHEID=4bde038043c0a51aaef4afeffb47ca87) no-repeat center center;
height:28px;
width:28px;
top:-12px;
position:absolute;
display:block;
margin-top:1px;
border:1px solid #d6d6d6;
cursor:move;
box-shadow:0 0 6px #000;
-moz-box-shadow:0 0 6px #000;
-webkit-box-shadow:0 0 6px #000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/* the input field */
.range {display:none !important;}


/*New mortgage section*/
.ajaxMortgage #product .extra{display:none}
.sortDDform label{line-height:31px}
#mortgage-calc-new .mmore{padding:10px}
table#mortgage-calc-new tbody tr:nth-child(2n){background-color:#fff}
.ajaxMortgage h1{font-size:2.2em}
.mortgagemore img,.mortgagehide img{max-width:none}
.variable .mRate:after{content:' (variable)';font-size:10px}
.fixed .mRate:after{content:' (fixed)';font-size:10px}
.mRateTwo:before{content:'Currently ';font-size:10px}
.svr .mRateTwo:after{content:' (SVR*)';font-size:10px}
.ovr .mRateTwo:after{content:' (OVR**)';font-size:10px}
.ovihlr .mRateTwo:after{content:' (OVIHLR***)';font-size:10px}
.variable .mERC:after{content:' (applies for the duration of the discounted rate period)';font-size:9px}
.fixed .mERC:after{content:' (applies for the duration of the fixed rate period)';font-size:9px}
.ercNo .mERC:after{content:''}
@media only screen and (max-width: 767px) {
#mortgage-calc-new thead{display:none}
#mortgage-calc-new,#mortgage-calc-new tbody,#mortgage-calc-new tr,#mortgage-calc-new td{
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mortgage-calc-new,#mortgage-calc-new table{border:none;margin-bottom:0}
#mortgage-calc-new tr{margin-bottom:20px;border:1px solid #D1D3D4;border-bottom:none;position:relative}
#mortgage-calc-new tr.ajaxMortgage{margin-top:-21px}
#mortgage-calc-new td{display:inline-block;width:50%;height:47px;padding:5px;font-weight:bold;border-right:none}
#mortgage-calc-new tr.ajaxMortgage td{width:100%;height:auto}
#mortgage-calc-new td.mmore{line-height:34px}
#mortgage-calc-new td.mmore img{vertical-align:middle}
.mLTV:before{ 
content:"Loan to value:";
font-weight:normal;
display:block;
font-size:10px
}
.mPmt:before{ 
content:"Initial payment:";
font-weight:normal;
display:block;
font-size:10px
}
.mRate:before{ 
content:"Initial rate:";
font-weight:normal;
display:block;
font-size:10px
}
.variable .mERC:after{content:' (during discounted rate)'}
.fixed .mERC:after{content:' (during fixed rate)'}
.ercNo .mERC:after{content:''}
.mUntil:before{ 
content:"Until:";
font-weight:normal;
display:block;
font-size:10px
}
.mPmtTwo:before{ 
content:"Payment thereafter:";
font-weight:normal;
display:block;
font-size:10px
}
.mRateTwo:before{ 
content:"Variable rate thereafter:";
font-weight:normal;
display:block;
font-size:10px
}
.mAPR:before{ 
content:"Overall cost for comparison:";
font-weight:normal;
display:block;
white-space:nowrap;
font-size:10px
}
.mCustomer:before{ 
content:"Customer type:";
font-weight:normal;
display:block;
white-space:nowrap;
font-size:10px
}
.mERC:before{ 
content:"Early repayment charges:";
font-weight:normal;
display:block;
white-space:nowrap;
font-size:10px
}
.mFee:before{ 
content:"Arrangement fee:";
font-weight:normal;
display:block;
font-size:10px
}
.mFeeNew:before{ 
content:"Arrangement fee (New):";
font-weight:normal;
display:block;
white-space:nowrap;
font-size:10px
}
.mFeeExisting:before{ 
content:"Arrangement fee (Existing):";
font-weight:normal;
display:block;
white-space:nowrap;
font-size:10px
}
#mortgage-calc-new .mLastCell{width:100%}
body #mortgage-calc-new td.mmore{border:none;position:absolute;top:0;right:0;text-align:right;padding:5px 10px;background-color:transparent}
#mortgage-calc-new #product td{font-weight:normal;background:#fff;min-height:inherit}
#mortgage-calc-new td:nth-child(4),#mortgage-calc-new td:nth-child(5),#mortgage-calc-new td:nth-child(8),#mortgage-calc-new td:nth-child(9){background:#efefef}
#mortgage-calc-new td.mName {width:100%;height:auto;padding:14px 40px 14px 5px;font-size:13px;color:#e12800;
background-image:linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-o-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-moz-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-ms-linear-gradient(bottom, rgb(225,225,225) 0%, rgb(240,240,240) 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(225,225,225)),color-stop(0.99, rgb(240,240,240)));
}
.ajaxMortgage h1{font-size:1.8em}
.ajaxMortgage #product tr{margin-bottom:-1px}
}


/*------
HORZ BOX
------*/
div.horz-boxes{display:table; margin-bottom:18px; padding:0; width:100%}
div.horz-box-2col .horz-box{padding:15px; width:50%}
div.horz-box-3col .horz-box{padding:15px; width:33%}
div.horz-box-4col .horz-box{padding:15px; width:25%}
.lt-ie8 div.horz-box-2col .horz-box{padding:2%; width:46%}
.lt-ie8 div.horz-box-3col .horz-box{padding:2%; width:29%}
.lt-ie8 div.horz-box-4col .horz-box{padding:2%; width:21%}
.lt-ie8 div.horz-box-2col{background-image:url(/wcmdev/wcm/connect/096a5177-a782-40d1-8d61-2223f1734864/ie8-horz-box.gif?MOD=AJPERES&CACHEID=096a5177-a782-40d1-8d61-2223f1734864); background-repeat:repeat-y; background-position:center top}
.lt-ie8 div.horz-boxes .horz-box{border-right:none; display:inline; position:relative; vertical-align:top; zoom:1}
div.horz-boxes .horz-box{border: 1px solid #D1D3D4; border-width:0 1px 0 0; display:table-cell}
div.horz-boxes .horz-box.last{border-right:none}
    /*NOBOX*/
    div.horz-boxes.nobox .horz-box{padding:0 18px}
    /*BIG PADDING*/
    div.horz-box-2col.horz-big .horz-box, div.horz-boxes.horz-box-2col.horz-big.flush .horz-box{padding-left:12%; padding-right:12%}
    .lt-ie9 div.horz-box-2col.horz-big .horz-box, .lt-ie9 div.horz-boxes.horz-box-2col.horz-big .horz-box{padding-left:112px; padding-right:112px}
    .lt-ie8 div.horz-box-2col.horz-big .horz-box, .lt-ie8 div.horz-boxes.horz-box-2col.horz-big .horz-box{width:26%}
    /*FLUSH*/
    div.horz-boxes.flush{table-layout:fixed}
    div.horz-box-3col.flush .horz-box {padding:30px}
    .lt-ie8 div.horz-box-3col.flush .horz-box{padding:4%; width:28%}
    .lt-ie8 div.horz-box-3col.flush .horz-box.first, .lt-ie8 div.horz-box-3col.flush .horz-box.last{width:27%}
    div.horz-boxes.flush .horz-box{padding-top:0;padding-bottom:0}
    div.horz-boxes.flush .horz-box.first, .lt-ie8 div.horz-boxes.flush .horz-box.first{padding-left:0;}
    div.horz-boxes.flush .horz-box.last, .lt-ie8 div.horz-boxes.flush .horz-box.last{padding-right:0;}
    /*STACKED*/
    div.box.stacked{margin-top:-1px}
    @media only screen and (min-width: 768px) {
      /* 2 COL MORE PADDING */
      .horz-box-2col.horz-boxes--gutter-2x .horz-box:first-child { padding-right: 67px;}
      .horz-box-2col.horz-boxes--gutter-2x .horz-box:last-child { padding-left:67px; }
      .horz-box-2col.horz-boxes--gutter-2x .horz-box:not(:first-child):not(last-child) {
          padding-left: 67px;
          padding-right: 67px;
      }
  }
    
    
@media only screen and (max-width: 939px){
    /*NARROW*/
    div.horz-narrow .horz-box{width: 100% !important;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none}
}
@media only screen and (max-width: 939px) and (min-width: 768px)
{    
    /*4 COL*/
    div.horz-box-4col .horz-box{width: 50% !important;display: block;float: left; box-sizing: border-box;border: none}
    div.horz-box-4col .horz-box:nth-of-type(odd){clear:left}
}
@media only screen and (max-width: 767px){
div.horz-box-2col.horz-big .horz-box{padding-left:15px; padding-right:15px}
div.horz-boxes.horz-box-2col.horz-big.flush .horz-box{padding-left:0; padding-right:0}
div.horz-boxes.nobox .horz-box{padding:18px 0}
div.horz-boxes .horz-box{border-width:0 0 1px 0; display:block; width:auto!important}
div.horz-boxes .horz-box.last{border-bottom:none}
div.horz-boxes.flush .horz-box{padding:20px 0}
}


/*------------
1600 HERO BASE
------------*/
.hero{clear: both; height: 300px; margin-bottom:30px; margin-top:-18px; overflow: hidden; position: relative; z-index:10}
    .hero .container{background-position: top center; background-repeat:no-repeat; height:100%; padding:0; position:absolute; top:0; width:100%}
        .hero .hero-box{-webkit-border-radius:10px; border-radius:10px; display:block; padding:15px 15px 1px 15px; position:relative; margin-top:20px; max-width:100%}
            .hero .hero-box h1, .hero .hero-box p{color:white}
            .hero .hero-box h1.hero-nosubheader{margin-bottom:20px}
            .hero .hero-box .h2{color:#fff; margin-bottom:20px}
@media only screen and (max-width: 979px){
        .hero .hero-box{margin-left: 20px}
            .hero .hero-box h1,.hero .hero-box .h1{font-size:2.923em}
            .hero .hero-box .h2{font-size:2.000em}
}
@media only screen and (max-width: 939px){
.hero {height: auto; padding-top: 30%}
    .hero .container{background-size: 100%}
            .hero .hero-box p:not(.h2):not(.h1){margin-bottom:15px}
}
@media only screen and (max-width: 920px){
            .hero .hero-box h1,.hero .hero-box .h1{font-size:2.769em}
            .hero .hero-box .h2{font-size:1.846em}
}
@media only screen and (max-width: 880px){
            .hero .hero-box h1,.hero .hero-box .h1{font-size:2.538em}
            .hero .hero-box .h2{font-size:1.769em}
}
@media only screen and (min-width: 860px) and (max-width: 875px){
            .hero .hero-box p:not(.h2):not(.h1){font-size:1.2rem}
}
@media only screen and (min-width: 768px) and (max-width: 859px){
            .hero .hero-box p:not(.h2):not(.h1){font-size:1.1rem}
}
@media only screen and (max-width: 820px){
            .hero .hero-box h1,.hero .hero-box .h1{font-size:2.308em}
            .hero .hero-box .h2{font-size:1.615em}
}
@media only screen and (max-width: 767px){
.hero{margin-top:-19px; padding-top:0}
    .hero .container{background-size:cover; padding:20px; position:static; width:auto}
        .hero .hero-box{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top: 0; margin-left:0; margin-bottom:20px; position:static; width:100%}
            .hero .hero-box h1, .hero .hero-box .h1{font-size:2em}
            .hero .hero-box .h2{font-size:1.5em}
}

/*HERO IMAGE FEATHERING - DEPRICATED STYLES*/
/*
@media only screen and (min-width: 1600px){ /*HERO IMAGE FEATHERING*/
/*.hero > .container{overflow:hidden}
.hero > .container > .row{position:relative}
.hero > .container > .row .column{z-index:999}
.hero > .container > .row:before, .hero > .container > .row:after{content:''; height:500px; top:-100px; bottom:0; display:block; position:absolute; width:1602px}
.hero > .container > .row:before{left:-1px; margin-left:-330px; -moz-box-shadow: inset 190px 0 150px #ffffff; -webkit-box-shadow: inset 190px 0 150px #ffffff; box-shadow: inset 190px 0 150px #ffffff}
.hero > .container > .row:after{right:-1px; margin-right:-330px;-moz-box-shadow: inset -190px 0 150px #ffffff; -webkit-box-shadow: inset -190px 0 150px #ffffff; box-shadow: inset -190px 0 150px #ffffff}
} */

/* Full width hero */
.hero--full-width .container{background-size: cover;}
.hero.hero--full-width .row:before, .hero.hero--full-width .row:after{box-shadow: none;}

/* Hero with sidebar */
.hero--withsidebar .aip-tools--links {
    color: #3a3a3a;
    line-height: 1.05;
    letter-spacing: -0.01em;
    font-family: 'NAG',Arial,sans-serif;
    font-weight: bold;
    font-size:1.3rem;
}
.hero--withsidebar .aip-tools-links-text { padding-left: 0.75em; }

@media( min-width: 768px ) and ( max-width: 928px ){
.hero--withsidebar .hero-col--lozenge{ width: 56.5%!important; }
.hero--withsidebar .hero-col--links{ width: 38.0%!important; }
}

/*hero with adaptive height*/
.hero--adaptive-height {
    height: auto;
    min-height: 300px;    
}
.hero--adaptive-height .container { position: static; }
.hero--adaptive-height .hero-box { margin-bottom: 15px; }
.hero--adaptive-height.hero--no-min-height { min-height:0; }
.hero--adaptive-height .hero--full-width__full-height-col {
    height: auto!important;
    min-height :300px;
    padding-top: 15px!important;
    padding-bottom: 15px; 
}
@media only screen and (min-width: 768px) and (max-width: 939px) {
.hero--adaptive-height { padding-top:0; }
}

@media(min-width: 768px){
    .hero--adaptive-height .container { min-height: 300px; }
}

/* Mobile hero, no IMG */
@media(max-width: 767px){
    .hero.hero--mobileNoIMG--yb .container, .hero.hero--mobileNoIMG--cb .container{ background-image: none; padding: 20px 10px 0px 10px; }
    .hero.hero--mobileNoIMG--yb .container{ background-color: #0093CD; }
    .hero.hero--mobileNoIMG--cb .container{ background-color: #E4200E; }
    .hero.hero--mobileNoIMG--yb .hero-box, .hero.hero--mobileNoIMG--cb .hero-box{ padding: 0; }
    .hero.hero--mobileNoIMG--yb h1, .hero.hero--mobileNoIMG--cb h1,
	.hero.hero--mobileNoIMG--yb .h1, .hero.hero--mobileNoIMG--cb .h1{ font-size: 40px!important; font-size: 4.0rem!important; font-weight: 100; }
}


/*------------
Service Notification
------------*/
.outage-notification,
.pre-outage-notification {display: none; padding: 10px; background: #f5f0df; font-weight: 700;border-radius: 5px; border: 1px solid #d1d3d4;}
.outage-notification--slate{background: #E5ECEE;}

/*-------------
Adobe Target
-------------*/
#adobe--rhsAIP {display:none;}

/*------------
Misc Utils, better location needed
------------*/
.cloud{ background-color: #f9f9f9; }
.u-bg-red { background-color: #E4200E; }
.u-bg-blue { background-color: #0093cd; }
.u-bgColor-white{ background-color : #fff; }
.u-bg-slate1 { background-color: #63656A; }
.u-bg-slate2 { background-color: #818185; }
.u-bg-slate3 { background-color: #a09fa2; }
.u-bg-slate4 { background-color: #bfbec0; }
.u-bg-grey1 { background-color: #e3e3e3; }
.u-bg-grey2 { background-color: #f0f0f0; }

.u-border-0 { border: 0!important; } 
.u-borderTop-0{ border-top: 0px!important; }
.u-border-top--grey{ border-top: 1px solid #d1d3d4; }
.u-borderBottom-0{ border-bottom: 0px!important; }
.u-border-btm--grey{ border-bottom: 1px solid #d1d3d4; }
 
.u-vert-middle{ vertical-align: middle; }

.u-hide{ display: none!important; }

.w-100{ width: 100%!important; }

.u-display--table { display: table; }
.u-display--table-cell { display: table-cell; }

/*Captcha*/
.msg-error {
  color: #c65848;
}
.g-recaptcha{
  margin-bottom: 10px; 
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 23.5em;
}

/* Contact Card Component styles
   ========================================================================== */
   
.contact-card {
    background : #fff;
    border:  1px solid #d1d3d4;
    padding: 20px; 
    width: 100%;
    box-sizing: border-box;
}
.contact-card--noBorder {  border: 0; }

.contact-card__title{
    display: block;
    border-bottom: 2px solid #e4200e;
    padding: 0 0 20px 0;
}
.contact-card__title--blue{
    border-bottom: 2px solid #0093cd;
}
.contact-card__list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-card__list  li{ 
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin: 0;
}
.contact-card__list  li:last-child { border-bottom: none; }

/* Egain FAQ Overwrites */
.contact-card body{ background: #fff; }

/*Modifiers*/
@media only screen and (min-width: 768px) {
  .contact-card.contact-card--gutter-2x {
      padding-left: 57px;
      padding-right: 57px;
  }
}
.contact-card.contact-card--no-vert-padding {
  padding-top: 0;
  padding-bottom: 0;
}

/*brand variants*/
.contact-card--yb .contact-card__title{ border-color: #0093cd; }


/* Full width container 
   ========================================================================== */

.container.container--fullwidth {
    padding: 20px;
    margin-left: -10px;
    margin-right: -10px;
}


/* Numbered circles 
   ========================================================================== */

/* Numbered steps - styles based on calendar */
.number-block {
    display: flex;
	margin-bottom: 20px;
}
.number-block__text-container {
	flex: 1;
	margin-left: 20px;
	align-self: center;
}

.number-block__digit-container {
	flex: none;
	display: flex;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
	border-radius: 150px;
	width: 25px;
	height: 25px;
    background-color: #e4200e;
    overflow: hidden;
	position: relative;
	z-index: 100;
	align-items: center;
}
.number-block__digit-container:after {
    content: "";
    background: #b81809;
    width: 110%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: -1;
}
.number-block__digit-container:after {
	padding-top: 100%;
    transform: rotate(-65deg);
    transform-origin: top right;
    top: 0;
    right: 25%;
}

.number-block__digit {
    margin: 0 auto;
	display: block;
    line-height: 1;
    color: #ffffff;
	padding: 4px;
	font-size: 1.5rem;
}

.number-block--blue .number-block__digit-container {
	background-color: #0093cd;
}
.number-block--blue .number-block__digit-container:after {
	background: #02729e;
}

@media (min-width:767px){
    .number-block__digit-container {
		height: 56px;
		width: 56px;
    }
	.number-block__digit {
		padding: 6px 16px;
		font-size: 3rem;
    }
}