﻿
@media print {

    body {
        width: 100%;
        line-height: 1.4;
        word-spacing: 1.1pt;
        letter-spacing: 0.2pt;
        font-family: "Myriad Pro Regular", Arial, sans-serif;
        color: #000;
        background: none;
        font-size: 10pt;
    }

    /*Show print logo etc*/
    .print {
        display: block;
    }

    /*Page margin*/
    @page {
        margin: 0.5cm;
    }

    /*Main body*/
    html, body {
        background-color: #fff !important;
    }

    #wrapHeader,
    #wrapFooter,
    #wrapContent {
        overflow: hidden;
        clear: both;
    }

    /*Headings */

    h1, h2, h3, h4, h5, h6 {
        font-family: Helvetica, Arial, sans-serif;
        text-indent: 0;
        margin: 0.5cm 0;
    }

    h1 {
        font-size: 19pt;
        clear: both;
    }

    h2 {
        font-size: 17pt;
    }

    h3 {
        font-size: 13pt;
    }

    h4, h5, h6 {
        font-size: 12pt;
    }

    blockquote {
        margin: 1.3em;
        padding: 1em;
        font-size: 10pt;
    }

    hr {
        background-color: #ccc;
    }

    /* Images */

    img {
        float: left;
        margin: 1em 1.5em 1.5em 0;
    }

    a img {
        border: none;
    }

    /* Links */

    a:link, a:visited {
        background: transparent;
        font-weight: 700;
        text-decoration: underline;
        color: #333;
    }

        a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
            content: " (" attr(href) ") ";
            font-size: 90%;
        }

    a[href^="http://"] {
        color: #000;
    }

    .level2Heading {
        font-size: 15pt;
    }

    /* Table */

    table {
        margin: 1px;
        text-align: left;
    }

    th {
        border-bottom: 1px solid #333;
        font-weight: bold;
    }

    td {
        border-bottom: 1px solid #333;
    }

    th, td {
        padding: 4px 10px 4px 0;
    }

    tfoot {
        font-style: italic;
    }

    caption {
        background: #fff;
        margin-bottom: 2em;
        text-align: left;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    }

    /* Hide various parts from the site here */
    #accessibility,
    #navAccessibilityLinks,
    #header,
    #wrapNavGlobal,
    #breadcrumb,
    #quickLinks,
    #footer {
        display: none;
    }

    /* Show various parts of the site here */

    .total-interest-calc,
    .total-cost-calc,
    .repayment-calc-result,
    .actionRight,
    .actionLeft,
    ul.leftNav,
    .numberToggle,
    .wrapper-dropdown,
    .ConditionalForm fieldset a,
    .importantInformation {
        display: none !important;
    }

        .repayment-calc-result.selected,
        .total-cost-calc.selected,
        .total-interest-calc.selected {
            display: inline !important;
        }

    .emailaddress,
    .disclaimerHeader,
    .large,
    .xlarge,
    .xxlarge,
    .xxxlarge,
    .result .repayment-calc-result,
    .calculatedResults .row p.selected,
    .calculatedResults .row .total-loan-calc {
        font-weight: bold;
    }

    .homeLoanModule .calculatedResults .xxxlarge {
        font-size: 1.4em;
    }

    .homeLoanModule h4 {
        font-size: 1em;
        margin: 0;
    }

    .homeLoanModule {
        font-family: "Myriad Pro Regular", Arial, sans-serif;
        line-height: 1.5em;
        clear: both;
    }

        .homeLoanModule p {
            display: block;
            margin: 0;
        }

        .homeLoanModule fieldset {
            float: left;
            width: auto !important;
            height: auto !important;
            border: 0 none;
            padding: 0 20px 0 0;
            clear: both;
            margin-bottom: 20px;
        }

            .homeLoanModule fieldset legend {
                font-size: 1.4em;
                font-weight: bold;
                padding: 0 0 10px 0;
                margin: 0;
            }

    .disclaimer-wrapper {
        display: block !important;
    }

    .disclaimer-hook {
        opacity: 1 !important;
    }

    .primaryHeading {
        display: none;
    }

    .ConditionalForm .primaryHeading {
        display: block;
        font-size: 19pt;
        margin: 0.5cm 0;
    }

    .introSection {
        clear: both;
        float: left;
        width: 100%
    }

        .introSection p {
            padding: 5px 0;
        }

    .ConditionalForm fieldset {
        margin: 10px 0;
    }

    .homeLoanModule fieldset.TermsAndConditions {
        font-size: 8pt;
    }

    .wrapProgressPanel {
        position: relative !important;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 4px solid #3d3d3d;
    }

    .progressPanel {
        margin-top: 20px;
    }

    #tab-1,
    #tab-2 {
        display: block !important;
    }

    .extraInfo {
        border: 1px dashed #3d3d3d;
        padding: 10px;
        float: left;
        clear: both;
        margin-top: 10px;
    }

    .introSection,
    .calculatedResults .row .total-loan-calc,
    .calculatedResults .row label,
    .calculatedResults .row div,
    .calculatedResults .row p.selected,
    .calculatedResults .row .item,
    .calculatedResults .item {
        display: inline-block;
    }

    .sectionPrimary {
        border-left: #818181 4px solid;
        float: left;
        padding-left: 10px;
        width: 600px;
    }

        .sectionPrimary form {
            float: left;
        }

    .wrapSectionSecondary {
        overflow: hidden;
        float: left;
        height: auto !important;
        clear: both;
        border-left: 4px solid #818181;
        padding-left: 10px;
        margin: 10px 0;
        width: 600px;
    }

        .wrapSectionSecondary .sectionSecondary label {
            display: inline-block;
        }

        .wrapSectionSecondary .createScenario {
            margin-top: .2cm;
        }

    .wrapResultsPanel {
        float: left;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 4px solid #3d3d3d;
        width: 500px;
    }

        .wrapResultsPanel.Bottom {
            clear: both;
        }

    .user-suggested-repayment-frequency {
        display: none !important;
    }

        .user-suggested-repayment-frequency.selected {
            display: block !important;
        }

    .resultsPanel {
        height: auto !important;
    }

    .homeLoanModule input[type="radio"] {
        display: inline-block;
    }

    .homeLoanModule label {
        margin-top: 5px;
        display: inline-block;
        font-weight: bold;
    }

    .homeLoanModule .wrapSectionPrimary .btn {
        margin-top: 10px;
    }

    .wrapCallToActionSection {
        border-left: 4px solid #818181;
        float: left;
        clear: both;
        padding-left: 10px;
        margin-top: 10px;
        width: 600px;
    }

        .wrapCallToActionSection p,
        .wrapCallToActionSection a {
            float: left;
            clear: both;
        }

        .wrapCallToActionSection .innerWrapRight {
            width: 500px;
            margin-left: 10px;
            margin-top: 10px;
            border-left: 4px solid #3d3d3d;
            float: left;
            padding-left: 10px;
        }

            .wrapCallToActionSection .innerWrapRight ul {
                padding-left: 20px;
            }

    .wrapDisclaimers {
        float: left;
        clear: both;
        margin-top: 10px;
        padding-left: 10px;
        border-left: 4px solid #818181;
        width: 600px;
    }

    /*CONDITIONAL FORM*/
    .crumblet {
        display: none;
    }

        .crumblet .current {
            display: inline;
        }

    .ConditionalForm .sectionPrimary {
        background-color: #fff;
    }

    .ConditionalForm .wrapResultsPanel {
        margin-top: 20px;
    }

    /*REPAYMENTS*/
    #RepaymentCalculatorOuter .onescenario,
    #RepaymentCalculatorOuter .threescenarios,
    #RepaymentCalculatorOuter .twoscenarios {
        float: left;
        width: 500px;
        margin-top: 10px;
        clear: both;
    }

    .wrapResultsPanel.empty {
        display: none;
    }

    .add-another-scenario-panel {
        display: none;
    }

    .repaymentSlider {
        display: none;
    }

    /*DEBT CON*/
    .innerWrapRight {
        clear: both;
    }

    /*ACCOUNT APP*/
    .partialContent {
        width: 100%;
        clear: both;
    }

    /*SAVINGS CALC*/

    #GoalSavingsCalculatorOuter .callToActionSection h3 {
        clear: both;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .wrap-canvas {
        display: none;
    }

    /* MY PHOTO CARD */
    .progressBar {
        display: none;
    }

    .cs-advice-disclosure-account .print {
        display: none !important;
    }

    .cs-advice-disclosure-account a[href]::after {
        content: none !important;
    }
    .cs-advice-disclosure-account {
        padding-top: 35px;
    }

    .cs-hide,
    .cs-hide-print {
        display: none;
    }
    .cs-show,
    .cs-show-print {
        display: block;
    }
    .cs-advice-disclosure-account .cs-buttons {
        overflow: hidden;
        margin: 20px 4% 15px;
        box-shadow: 0 5px 6px -6px #000;
    }

    .cs-advice-disclosure-account .cs-btn-outlineBlue {
        font-family: "Myriad Pro Regular", Arial, sans-serif;
        width: 50%;
        float: left;
        font-size: 20px;
    }
        .cs-advice-disclosure-account .cs-btn-outlineBlue:first-child {
            border-top: 1px solid #b9c9d0;
            border-left: 1px solid #b9c9d0;
            border-right: 1px solid #b9c9d0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .cs-advice-disclosure-account .cs-btn-outlineBlue:last-child {
            border-top: 1px solid #b9c9d0;
            border-right: 1px solid #b9c9d0;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

    .cs-buttons .questionAnswer {
        cursor: pointer;
        text-align: center;
        font-size: 1.7em;
        line-height: 1.1em;
        color: #007dba;
        padding: 21px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ffffff;
        border-bottom: 1px solid #b9c9d0;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */
    }

    .cs-advice-acc-disclosure-unconfirmed p {
        text-align: center;
        font-weight: bold;
        padding: 20px 0;
    }

    .dark-blue-header,
    .light-blue-header {
        display: none;
    }
}
