﻿@media all {
    .page-content h1,
    #Content h1 {
        text-align: center;
        width: auto;
        height: auto;
        color: #CC0000 !important;
        font-size: 50px;
        line-height: 55px;
        letter-spacing: normal;
        overflow: visible;
        font-family: 'Mission Gothic';
        font-style: italic;
        font-weight: bold;
    }

        .page-content a,
        .page-content a:link,
        .page-content h1 a,
        .page-content h1 a:link,
        #Content a,
        #Content a:link,
        #Content h1 a,
        #Content h1 a:link {
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
            text-decoration: underline !important;
            color: inherit;
        }

    .page-content header h2,
    #Content header h2 {
        font-family: 'Mission Gothic';
        font-style: italic;
        font-weight: bold;
        font-size: 40px;
        line-height: 43px;
        color: #CC0000;
        text-align: center;
    }

    .page-content header h3,
    #Content header h3 {
        font-family: Verdana;
        font-size: 20px;
        color: #666666;
        font-style: italic;
        font-weight: bold;
        line-height: 22px;
        text-align: center;
    }

    .page-content .content header,
    #Content .content header {
        font-family: 'Mission Gothic';
        font-style: italic;
        font-weight: bold;
        font-size: 16px;
        margin: 8px auto;
        color: #CC0000;
        text-align: center;
    }

    .page-content .content,
    #Content .content {
        font-family: Verdana;
        font-size: 13px;
        color: #666666;
        text-align: center;
    }

        .page-content .content ul > li,
        #Content .content ul > li {
            text-align: left;
            font-family: Verdana;
            font-size: 13px;
            color: #666666;
        }

        .page-content .content ul:not(.cardBenefitsList) > li,
        #Content .content ul:not(.cardBenefitsList) > li {
            margin-bottom: 8px;
            list-style-image: url('../../assets/Images/Financial/red-square-bullet.png');
        }

    .page-content footer,
    #Content footer {
        margin: 14px auto;
        text-align: center;
    }

        .page-content footer h3,
        #Content footer h3 {
            font-family: 'Mission Gothic';
            font-style: italic;
            font-weight: bold;
            font-size: 24px;
            color: #666666;
        }

    .page-content div.disclaimer,
    #Content div.disclaimer {
        text-align: justify;
        font-family: Verdana;
        font-size: 10px;
        line-height: 14px;
        color: #666666;
    }

        .page-content div.disclaimer p,
        #Content div.disclaimer p {
            margin-bottom: 18px;
        }

    .modal:before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.4;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 4000;
    }

    .modal {
        display: none;
        position: relative;
        margin: 0px auto;
    }

    .modal-dialog {
        display: none;
        background-color: white;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        position: fixed;
        top: 35%;
        left: 50%;
        width: 250px;
        margin-left: -125px;
        z-index: 5000;
        padding: 0px 0px;
        border-radius: 3px 3px;
        vertical-align: initial;
    }

    ol.cardBenefitsList li,
    ul.cardBenefitsList li {
        list-style-image: none;
        min-height: 53px;
        padding: 12px 0px 0px 75px;
        text-align: left;
        background-repeat: no-repeat;
        background-position-y: center;
        vertical-align: middle;
        margin-left: 90px;
        margin-right: 90px;
    }

        ol.cardBenefitsList li.lock-listitem,
        ul.cardBenefitsList li.lock-listitem {
            background-image: url('../../assets/Images/Financial/icons-gray-padlock.png');
        }

        ol.cardBenefitsList li.globe-listitem,
        ul.cardBenefitsList li.globe-listitem {
            background-image: url('../../assets/Images/Financial/icons-gray-globe.png');
        }

        ol.cardBenefitsList li.dollar-listitem,
        ul.cardBenefitsList li.dollar-listitem {
            background-image: url('../../assets/Images/Financial/icons-gray-money.png');
        }

        ol.cardBenefitsList li.gift-listitem,
        ul.cardBenefitsList li.gift-listitem {
            background-image: url('../../assets/Images/Financial/icons-gray-gift.png');
        }

    .button {
        position: relative;
        display: inline-block;
        width: 166px;
        min-height: 35px;
        margin: 0px auto;
        border-radius: 4px;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        line-height: 35px !important;
        font-family: Arial !important;
        font-weight: bold !important;
        font-size: 18px !important;
        ;
        margin: 4px 4px;
    }

        .button:hover {
            cursor: pointer;
        }

        .button.small {
            width: 116px;
            font-size: 12px !important;
            margin: 6px 6px;
        }

        .button.primary {
            background-color: #E00000;
        }

            .button.primary:hover {
                background-color: #CC0000;
            }

        .button.secondary {
            background-color: #666666;
        }

            .button.secondary:hover {
                background-color: #D4D4D4;
            }

    sup, sub {
        vertical-align: baseline;
        position: relative;
        top: -0.4em;
    }

    sub {
        top: 0.4em;
    }

    .AAADollars, i {
        font-style: italic;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
    }

    .removeDefaultPadding{
        padding-left:0px !important; 
        padding-right:0px !important;
    }

    .removeAllPadding{
        padding:0px !important;
    }

    .removeDefaultsOnSection{
        width:100% !important;
        padding:0px !important;
    }

    .removeDefaultsOnPanel {
        box-shadow: none !important;
        margin: 0px !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

}

