#skiplinks {
    display: none
}

#skiplinks {
    display: none
}

/*---------------
Table of Contents
-----------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
:: Typography
:: IE Specific Styles
:: Grid
:: Footer
*/

/*----------------------
Global 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 {
    color: #666;
    text-decoration: underline
}

a:focus {
    color: #000;
    outline: none
}

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
}

.bottom-bar a, div.alert-box a.close, .reveal-modal .close-reveal-modal {
    text-decoration: none;
    font-weight: normal
}

/*---
Lists
---*/
ul, ol {
    margin-bottom: 18px
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

ol, ul.square, ul.circle, ul.disc, ul.none {
    margin-left: 15px
}

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 {
    margin-left: 0
}

ul.dashed li {
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px dashed #ccc
}

.callout ul.dashed li {
    border-bottom: 1px dashed #666
}

ul.dashed li:last-of-type {
    border-bottom: none
}

/*----
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;
    padding: 1%
}

table thead tr th, table tfoot tr td {
    padding: 1%;
    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: #fCfCfC
}

table.mortgages tbody tr:nth-child(even) {
    background: #fff
}

table tbody tr td {
    color: #333;
    padding: 1%;
    vertical-align: top
}

.lt-ie9 table tbody tr td {
    padding: 5px
}

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

/*--
Misc
--*/
.left {
    float: left
}

.right {
    float: right
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

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

.padding5 {
    padding: 5px
}

.padding10 {
    padding: 10px
}

.padding15 {
    padding: 15px
}

.padding20 {
    padding: 20px
}

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
}

.tile-ad img, .box img {
    max-width: 35%
}

@media only screen and (max-width: 939px) {
    .tile-ad img {
        max-width: 35%
    }
}

@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, .bottom-bar h4 {
    color: #fff
}

/*--------
Typography
--------*/
@font-face {
    font-family: 'NAG';
    src: url('../fonts/NAGfont.eot');
    src: url('../fonts/NAGfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NAGfont.woff') format('woff'),
    url('../fonts/NAGfont.ttf') format('truetype'),
    url('../fonts/NAGfont.ttf') format('truetype'),
    url('../fonts/NAGfont.svg#NAG') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5 {
    color: #333333;
    line-height: 1.05;
    letter-spacing: -0.03em
}

h6 {
    font-weight: bold;
    color: #333333;
    line-height: 1.05
}

h1, h2, h3, h4 {
    font-family: 'NAG', Arial, sans-serif;
    font-weight: normal;
    color: #333
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

h1 {
    font-size: 40px;
    font-size: 4.0rem;
    margin-bottom: 6px;
    font-weight: normal
}

h2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 9px
}

h2.subheader {
    font-size: 26px;
    font-size: 2.6rem
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 9px
}

h4 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 9px
}

h5 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 6px
}

h6 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 9px
}

.headed-box h6 {
    margin-bottom: 10px
}

.subheader, small {
    color: #5a5a5a;
    font-weight: 300;
    margin-bottom: 20px;
    font-family: 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
}

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: inherit
}

.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(../images/blockquote.gif) 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;
}

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
}

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

.screenreaders-only {
    display: none
}

.phone-number {
    font-size: 120%
}

/*--
Grid
This is the mobile-friendly, responsive 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: 52.2%
}

.push-seven {
    left: 60.9%
}

.push-eight {
    left: 69.6%
}

.push-nine {
    left: 78.3%
}

.push-ten {
    left: 87%
}

.pull-two {
    right: 17.4%
}

.pull-three {
    right: 26.1%
}

.pull-four {
    right: 34.8%
}

.pull-five {
    right: 43.5%
}

.pull-six {
    right: 52.2%
}

.pull-seven {
    right: 60.9%
}

.pull-eight {
    right: 69.6%
}

.pull-nine {
    right: 76.7%
}

.pull-ten {
    right: 87%
}

img, object, embed {
    max-width: 100%;
    height: auto
}

.header-logo {
  padding: 16.5px;
  max-width: 66px;
}

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
}

#tlnav li a {
    font-size: 16px
}

#bmenu li a {
    font-size: 14px
}

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

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

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

@media only screen and (max-width: 767px) {
    .bottom-bar {
        line-height: 44px
    }

    .bottom-bar .row .three, .bottom-bar .row .three:last-child, .bottom-bar .row .six, .bottom-bar .row .six:last-child {
        width: 48.9% !important;
        float: left;
        font-size: 80%
    }
}

.bottom-bar .row {
    padding: 0 10px;
    width: auto
}

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

.bottom-bar a {
    color: #fff !important
}

.bottom-bar a:hover {
    text-decoration: underline
}

.bottom-bar ul li.divider {
    color: #000
}

.bottom-bar {
    margin: 0;
    color: #DDD
}

.bottom-bar li, .bottom-bar ul {
    margin-bottom: 0px
}

.bottom-bar h4, .bottom-bar h6 {
    line-height: 48px;
    color: #fff;
    margin-bottom: 0
}

.bottom-bar hr {
    margin-top: 0
}

.bcrumbs {
    border-top: 1px solid #CCC;
    margin-top: 10px;
    padding-top: 15px
}

.bcrumbs p {
    margin-bottom: 15px
}

/* --------------------------------------------------
   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: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    font-family: 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.nice {
    -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 #0593dc;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.button.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.button.round {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.button.full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
}

.button.left-align {
    text-align: left;
    text-indent: 12px
}

/*Sizes*/
.tiny.button {
    font-size: 10px;
    padding: 6px 14px 8px 14px;
    width: auto
}

.small.button {
    font-size: 11px;
    padding: 8px 20px 10px 20px;
    width: auto
}

.medium.button {
    font-size: 13px;
    padding: 9px 30px 11px 15px;
    width: auto
}

.large.button {
    font-size: 18px;
    padding: 11px 35px 13px 20px;
    width: auto
}

/*Colors*/
.blue.button {
    background-color: #1585be
}

.red.button {
    background-color: #c3180a
}

.white.button {
    background-color: #ddd;
    color: #2d2d2d
}

.black.button {
    background-color: #141414
}

.green.button {
    background-color: #63992a
}

/*Nice Colors*/
.nice.blue.button {
    border: 1px solid #4792d8;
    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)));
}

.nice.blue.button:hover {
    background: #1585be
}

.nice.red.button {
    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)));
}

.nice.red.button:hover {
    background: #c3180a
}

.nice.white.button, .nice.white.button:active, .nice.white.button:visited {
    border: 1px solid #d6d6d6;
    color: #2d2d2d;
    text-shadow: none;
    background-image: linear-gradient(bottom, rgb(208, 208, 208) 0%, rgb(247, 247, 247) 100%);
    background-image: -o-linear-gradient(bottom, rgb(208, 208, 208) 0%, rgb(247, 247, 247) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(208, 208, 208) 0%, rgb(247, 247, 247) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(208, 208, 208) 0%, rgb(247, 247, 247) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(208, 208, 208) 0%, rgb(247, 247, 247) 100%)
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(208, 208, 208)), color-stop(0.99, rgb(247, 247, 247)));
}

.nice.white.button:hover {
    background: #F0F0F0;
    color: #666
}

.nice.black.button {
    border: 1px solid #000000;
    background-image: linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0, 0, 0)), color-stop(0.99, rgb(51, 51, 51)));
}

.nice.black.button:hover {
    background: #000000
}

.nice.green.button {
    border: 1px solid #589b25;
    background-image: linear-gradient(bottom, rgb(68, 118, 27) 0%, rgb(135, 195, 60) 100%);
    background-image: -o-linear-gradient(bottom, rgb(68, 118, 27) 0%, rgb(135, 195, 60) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(68, 118, 27) 0%, rgb(135, 195, 60) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(68, 118, 27) 0%, rgb(135, 195, 60) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(68, 118, 27) 0%, rgb(135, 195, 60) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(68, 118, 27)), color-stop(0.99, rgb(135, 195, 60)));
}

.nice.green.button:hover {
    background: #44761b
}

/*Hovers*/
.button:hover, .button:focus {
    background-color: #0192dd;
    color: #fff;
    text-decoration: none;
    text-shadow: none
}

.blue.button:hover, .blue.button:focus {
    background-color: #0160a6
}

.red.button:hover, .red.button:focus {
    background-color: #ec3035
}

.white.button:hover, .white.button:focus {
    background-color: #dadada;
    color: #333
}

.black.button:hover, .black.button:focus {
    background-color: #000
}

.green.button:hover, .green.button:focus {
    background-color: #699c40
}

/*Hovers*/
.nice.button:active {
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .15)
}

/*Disabled*/
.button.disabled, .button[disabled] {
    opacity: 0.6;
    cursor: default
}

/*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 7px 7px;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background-color: #02435c;
    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: #4b8600;
    color: #fff;
}

div.alert-box.alert {
    background-color: #e12800;
    color: #fff;
}

div.alert-box.secondary {
    background-color: #FFEDB9;
    border-color: #FFE282;
    color: #333333;
}

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 {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    height: 40px;
    border-bottom: solid 1px #d1d3d4
}

dl.tabs dt {
    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 {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin: 0
}

dl.tabs dd 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 {
    border-width: 1px 1px 0 1px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    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)));
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.nice.tabs {
    border-bottom: solid 1px #eee;
    margin: 0 0 30px 0;
    height: 43px
}

.nice.tabs dd a {
    padding: 7px 18px 9px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #555;
    background: none;
    border: none
}

.nice.tabs dd a.active {
    font-weight: bold;
    color: #333;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid #00a6fc;
    margin: 0 10px;
    position: relative;
    top: -5px
}

.nice.tabs dd:first-child a.active {
    margin-left: 0
}

dl.tabs.vertical {
    height: auto
}

dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd {
    float: none;
    height: auto
}

dl.tabs.vertical dd 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 {
    height: auto;
    margin: 0;
    border-width: 1px 0 0;
    background: #fff
}

.nice.tabs.vertical {
    border-bottom: solid 1px #eee;
    height: auto
}

.nice.tabs.vertical dd a {
    padding: 15px 20px;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #fff
}

.nice.tabs.vertical dd a.active {
    border: none;
    background: #00a6fc;
    color: #fff;
    margin: 0;
    position: static;
    top: 0;
    height: auto
}

.nice.tabs.vertical dd:first-child a.active {
    margin: 0
}

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, dl.nice.contained {
    margin-bottom: 0
}

dl.contained.tabs dd a {
    padding: 0 7px
}

dl.nice.contained.tabs dd a {
    padding: 7px 18px 9px
}

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
}

ul.nice.contained.tabs-content > li {
    border-color: #eee
}

dl.tabs dd.active {
    border-top: 1px solid #e6e6e6;
    margin-top: -3px
}

dl.tabs dd.active a {
    cursor: default;
    color: #333;
    background: #EEE;
    border-left: 1px solid #d1d3d4;
    border-right: 1px solid #d1d3d4;
    font-weight: bold
}

dl.tabs dd:first-child {
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    dl.tabs {
        height: auto;
        border: none
    }

    dl.tabs dd {
        height: 41px;
        float: none
    }
}

/*--------
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 #E12800;
    color: #141414;
    text-decoration: none
}

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 12px 5px 0;
    float: left
}

ul.breadcrumbs li a, ul.breadcrumbs li span {
    font-size: 13px;
    padding-left: 12px
}

/*ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {padding-left:0}*/
/*ul.breadcrumbs li:before {content: ">";color:#aaa}
ul.breadcrumbs li:first-child:before {content:" "}*/
ul.breadcrumbs li.arrow {
    padding-right: 25px;
    background: url(../images/breadcrumbs-arrow.gif) no-repeat right 54%
}

ul.breadcrumbs li.current {
    background: #E12800
}

ul.breadcrumbs li.current a {
    cursor: default;
    color: #fff
}

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
}

/*---
Lists
---*/
ul.nice, ol.nice {
    list-style: none;
    margin: 0
}

ul.nice li, ol.nice li {
    padding-left: 13px;
    position: relative
}

ul.nice li span.bullet, ol.nice li span.number {
    position: absolute;
    left: 0;
    top: 0;
    color: #ccc
}

/*----
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);
    border: 1px #e1e1e1 solid;
}

div.box {
    padding: 15px 15px 0 15px;
    margin: 0 0 20px 0;
    border: 1px solid #e1e1e1
}

div.greybox {
    background: #f0f0f0
}

div.slatebox {
    background: #e5ecee
}

div.tile-ad {
    padding-top: 15px;
    margin: 0 0 20px 0;
    border-top: 1px solid #d1d3d4
}

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: #000;
    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)));
    text-shadow: 0 -1px rgba(255, 255, 255, 1);
}

.lt-ie9 div.headed-box h4, .lt-ie9 #mortgagepage1 legend {
    background: #f8f8f8 url(../images/p-rhs2.gif) repeat-x center left
}

div.headed-box div {
    border: 1px solid #fff;
    background: #f0f0f0;
}

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
}

div.darkpurple {
    background: #750841;
    filter: none
}

div.pink {
    background: #B3186A;
    filter: none
}

div.green {
    background: #598509;
    filter: none
}

div.red {
    background: #df2d26;
    filter: none
}

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 {
    height: 40px !important;
    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;
    border-right: 0px solid #4F4E4E;
    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 10px 15px 10px;
    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: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    display: block
}

.flyout {
    background: #4f4e4e;
    padding: 20px;
    margin: 0;
    border: 1px solid #4f4e4e;
    border-width: 0 1px 1px 1px;
    color: #fff;
    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: 0px
}

.nav-bar > li:hover {
    background-color: #303030
}

.nav-bar > li.active {
    background-color: #4f4e4e;
    border-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
}

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

/* Hides the flyouts on ie5-ie7 */
/*
.lt-ie8 .nav-bar li.has-flyout a.flyout-toggle {display:none}
.lt-ie8 .nav-bar li.has-flyout .flyout {display:none !important}
*/
.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: 100
}

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

.lt-ie8 #ibnav li.internet-but-bg {
    padding-right: 20px
}

.section-nav-bg {
    background-color: #4c4c4c
}

.section-nav-bg .nav-bar > li {
    border: 1px solid #545454
}

.section-nav-bg ul.nav-bar > li {
    border-right: #393838 1px solid
}

.section-nav-bg ul.nav-bar > li:hover {
    background: #303030;
    border-bottom: #303030 1px solid
}

.section-nav-bg ul.nav-bar > li:first-child {
    border-left: #545454 1px solid
}

.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: #4d4d4d;
    border-style: dashed;
    border-width: 1px 0 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%;
        border: none;
        padding: 0;
        float: left
    }

    .section-nav-bg ul.nav-bar li:hover {
        border: none
    }

    .section-nav-bg ul.nav-bar li:first-child {
        border-left: none
    }

    .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, #mobileleftnav {
        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.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
}

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 #typelabel, #mortgageform #typelabel select {
    width: 140px
}

#mortgageform #amountlabel, #mortgageform #amountlabel input, #mortgageform #valuelabel, #mortgageform #valuelabel input {
    width: 130px
}

.lt-ie9 #mortgageform #amountlabel, .lt-ie9 #mortgageform #amountlabel input, .lt-ie9 #mortgageform #valuelabel input {
    width: 120px
}

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

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

#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 tr td:nth-of-type(4), #mortgagepage2 .mortgage-calc tr td:nth-of-type(5), #mortgagepage2 .mortgage-calc tr th:nth-of-type(4), #mortgagepage2 .mortgage-calc tr th:nth-of-type(5) {
        display: none
    }

    #mortgagepage2 table thead tr th, #mortgagepage2 table tfoot tr th {
        font-size: 1.0rem
    }

    #mortgagepage2 table tbody tr td, #mortgagepage2 table tr td, #mortgagepage2 table tfoot tr td {
        font-size: 1.1rem
    }
}

/*------
Tooltips
------*/
.has-tip {
    border-bottom: dotted 1px #d1d3d4;
    cursor: help;
    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;
}

/*------------
Standard Forms
------------*/
form {
    margin: 0 0 18px
}

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

input.inline, textarea.inline, label.inline {
    display: inline-block
}

/*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: 100%
}

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: 100%
}

.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 {
    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 {
    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 {
    background-color: #f9f9f9
}

form.nice legend {
    color: #333333;
    font-family: 'NAG', Arial, sans-serif;
    font-size: 140%;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 10px 5px;
    text-align: left;
    text-transform: none;
    background: #eeeeee;
    border: 1px solid #d1d3d4
}

/*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: 100%
}

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
}

/*--------
Typography
--------*/
@media handheld, only screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3
    }

    h2 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.3
    }

    h3 {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 1.3
    }

    h4 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.2
    }

    h5 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.2
    }

    h6 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2
    }

    body, p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.4
    }

    .copyright p {
        font-size: 80%
    }
}

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


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

    .form-field.error small, small.error {
        width: auto
    }
}

/*
UI
*/
/*Buttons*/
@media only screen and (max-width: 767px) {
    .button {
        display: block;
    }

    button.button, input[type="submit"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 5px
    }
}

/*Tabs*/
@media only screen and (max-width: 767px) {
    dl.tabs.mobile, dl.nice.tabs.mobile {
        width: auto;
        margin: 20px -20px 40px;
        height: auto
    }

    dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd {
        float: none;
        height: auto
    }

    dl.tabs.mobile dd a {
        display: block;
        width: auto;
        height: auto;
        padding: 18px 20px;
        line-height: 1;
        border: solid 0 #ccc;
        border-width: 1px 0 0;
        margin: 0;
        color: #555;
        background: #eee;
        font-size: 15px;
        font-size: 1.5rem
    }

    dl.tabs.mobile dd a.active {
        height: auto;
        margin: 0;
        border-width: 1px 0 0
    }

    .nice.tabs.mobile {
        border-bottom: solid 1px #ccc;
        height: auto
    }

    .nice.tabs.mobile dd a {
        padding: 18px 20px;
        border: none;
        border-left: none;
        border-right: none;
        border-top: 1px solid #ccc;
        background: #fff
    }

    .nice.tabs.mobile dd a.active {
        border: none;
        background: #00a6fc;
        color: #fff;
        margin: 0;
        position: static;
        top: 0;
        height: auto
    }

    .nice.tabs.mobile dd:first-child a.active {
        margin: 0
    }

    dl.contained.mobile, dl.nice.contained.mobile {
        margin-bottom: 0
    }

    dl.contained.tabs.mobile dd a {
        padding: 18px 20px
    }

    dl.nice.contained.tabs.mobile dd a {
        padding: 18px 20px
    }

    dl.tabs.mobile + ul.contained {
        margin-left: -20px;
        margin-right: -20px;
        border-width: 0 0 1px 0
    }

    #mobile-nav-menu {
        margin: 0 10px
    }

    #tlnav {
        display: none
    }
}

/*Nav Bar*/
/*Modernizr-enabled tablet targeting*/
#mobile-nav, #mobile-nav-left {
    background: #ececec url(../images/arrow-mobile.png) 95% 6px no-repeat;
    padding: 10px;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
    font-family: 'NAG';
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff
}

#mobile-nav-left {
    margin-top: 2px;
    background-color: #E5ECEE
}

#mobile-nav a, #mobile-nav-left 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
    }

    .touch .nav-bar li.has-flyout > a.flyout-toggle {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    #mobile-nav-menu {
        display: none
    }

    .nav-bar {
        height: auto !important
    }

    .nav-bar > li {
        float: none;
        display: block;
        border-right: none
    }

    .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 !important
    }
}

/*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
---------*/
*:link, *:visited, *:hover, *:active, *: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: normal;
    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(../images/acc-open-icon-cb.png) no-repeat 98% 60%
}

dl.accordion-panel dt.active {
    background-image: url(../images/acc-close-icon-cb.png)
}

.accordion-panel dd {
    border: 1px solid #fff;
    background: #f8f8f8;
    padding: 15px 15px 0 15px
}

/*----------
More content
----------*/
.more {
    padding: 5px 0 0 0;
    border-top: 1px solid #d1d3d4;
    margin-top: 5px
}

.morejs {
    background: transparent url(../images/acc-open-icon-cb.png) no-repeat right center;
    color: #333;
    cursor: pointer;
    padding: 5px 40px 5px 0
}

.morejs:hover {
    color: #999
}

.more .moreheader {
    margin-bottom: 0;
    font-weight: normal
}

.more .active {
    background-image: url(../images/acc-close-icon-cb.png);
    margin-bottom: 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: normal;
    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(../images/acc-open-icon-cb.png) no-repeat 98% 60%
}

dl.showhide-panel dt.active {
    background-image: url(../images/acc-close-icon-cb.png)
}

.showhide-panel dd {
    border: 1px solid #fff;
    background: #f8f8f8;
    padding: 15px 15px 0 15px
}

/*--------
Icon panel
--------*/
.iconpanel, div.headed-box .iconpanel {
    padding: 1em 0 0 1em;
    background-position: 1px 1px;
    background-repeat: no-repeat
}

.iconpanelphone, div.headed-box .iconpanelphone {
    background-image: url(../images/call-icon.png)
}

/*---------
IE SPECIFIC
---------*/
.lt-ie9 div.panel {
    border: 1px solid #d1d3d4
}

.lt-ie8 .section-nav-bg ul.nav-bar li {
    border-bottom: 0;
    border-top: 0
}

.lt-ie8 .nav-bar li.has-flyout a {
    padding-right: 0px
}

.lt-ie8 .section-nav-bg .nav-bar li.has-flyout a {
    padding-right: 15px
}

.lt-ie8 .nav-bar li.has-flyout a:after {
    border-top: none
}

/*Correct IE7 button padding*/
.lt-ie8 input[type=submit].nice.button {
    filter: chroma(color=#000000);
    position: relative;
    top: -2px
}

.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 .ie-no-right-margin {
    margin-right: -24px
}

.lt-ie9 .top-nav-bg .ie6-no-right-margin {
    float: right
}

/*----------
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;
    border-right: 1px solid #ddd;
    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 ul.nice.contained.tabs-content li {
    border-color: #eee
}

.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;
    border-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 .nav-bar li {
    border: 1px solid #16244a
}

.lt-ie7 .section-nav-bg ul.nav-bar li {
    border-right: #3956a4 1px solid
}

.lt-ie7 .section-nav-bg ul.nav-bar li:hover {
    background: #303030;
    border-bottom: #303030 1px solid
}

.lt-ie7 .section-nav-bg ul.nav-bar li:first-child {
    border-left: #3956a4 1px solid
}

.lt-ie7 .section-business-nav-bg .nav-bar li {
    border: 1px solid #4f4e4e;
    background: #000
}

.lt-ie7 .section-business-nav-bg ul.nav-bar li {
    border-right: #4f4e4e 1px solid
}

.lt-ie7 .section-business-nav-bg ul.nav-bar li:hover {
    background: #4f4e4e;
    border-bottom: #4f4e4e 1px solid
}

.lt-ie7 .section-business-nav-bg ul.nav-bar li:first-child {
    border-left: #4f4e4e 1px solid
}

.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-ie7 .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-ie7 .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
}

.lt-ie7 #bmenu, .lt-ie7 #bmenucontent {
    display: none
}

/*----------
DPL table results
----------*/

.datatable th, .datatable td {
    text-align: center;
    vertical-align: middle
}

.datatable caption {
    text-align: left
}

.datatable caption .extra {
    display: block;
    padding-bottom: 20px
}

.termHighlighted {
    background-color: #f0f0f0;
    width: 15%;
    font-weight: bold
}

.monthlyHighlight {
    background-color: #e5ecee;
    width: 18%;
    font-weight: bold
}

.termBold {
    width: 10%;
    font-weight: bold
}