/*****************************************************************************************************************************/

/************************************************************ RESETS *********************************************************/

/*****************************************************************************************************************************/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, button, input, select, textarea {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    vertical-align: baseline;

}



html {

    overflow-y: scroll;

    -webkit-font-smoothing: antialiased; /* for mobile > */

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}



/* remove borders from active links and linked images */

:focus {

    outline: none;

}



a img {

    border: none;

}



img {

    -ms-interpolation-mode: bicubic;

}



/* background for selected text */

::selection {

    background: #ccc;

    text-shadow: none;

}



::-moz-selection {

    background: #ccc;

    text-shadow: none;

}



::-webkit-selection {

    background: #ccc;

    text-shadow: none;

}



/* all inputs */

input[type="text"], input[type="text"]:active, input[type="text"]:focus, input[type="password"], input[type="email"], input[type="tel"], input[type="range"], input[type="number"], input[type="date"], input[type="url"], input[type="email"], textarea, select {

    display: inline-block;

    width: 94%;

    margin: 0;

    padding: 10px 3%;

    background: #efefef;

    color: #716b61;

    outline: none;

    border: 1px solid #fff;

    line-height: 1.2em;

    -webkit-appearance: none;

    font-style: normal;

    -webkit-box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .2);

    box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .2);

}



.radioWrapper label {

    -webkit-box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .2);

    box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .2);

}



input.slider {

    display: block;

    margin: -12px 0 4px;

    padding: 0;

    -webkit-box-shadow: inset 0 0 0 0 rgba(100, 100, 100, 0);

    box-shadow: inset 0 0 0 0 rgba(100, 100, 100, 0);

}



select {

    display: block;

    width: 60%;

    padding: 8px 4px;

    color: #716b61;

}



input[type="range"] {

    padding: 6px 5px;

}



    /* all :focus inputs */

    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea, select:focus {

        background: #fff;

        border-color: #ccc;

    }



input[type="submit"], input[type="button"] {

    -webkit-appearance: none;

}



/* all texarea inputs */

textarea {

    overflow: auto;

    vertical-align: top;

    resize: vertical;

}



/* remove bullets from lists */

ul, ol {

    list-style: none;

}



.copyBlock ul li {

    list-style: disc;

    margin-left: 20px;

}



    .copyBlock ul li img {

        display: none;

    }



.copyBlock ol li {

    list-style: decimal;

    margin-left: 20px;

}



.copyBlock fieldset ul li, .copyBlock form ul li {

    list-style: none;

    margin-left: 0;

}



/* sup for registered trademarks, copyright symbols */

sup {

    font-size: 0.7em;

    vertical-align: top;

}



blockquote, q {

    quotes: none;

}



    blockquote:before, blockquote:after, q:before, q:after {

        content: '';

        content: none;

    }



/* tables still need cellspacing to match in the markup */

table {

    border-collapse: separate;

    border-spacing: 0;

}



th, td {

    text-align: left;

    vertical-align: top;

}



input[type="radio"] {

    vertical-align: baseline;

}



input[type="checkbox"] {

    vertical-align: bottom;

}



textarea {

    overflow: auto;

}



button {

    overflow: visible;

}



/*****************************************************************************************************************************/

/***************************************************** GLOBAL PREDICTABLES ***************************************************/

/*****************************************************************************************************************************/



/* body background and base font */

body {

    background: #666;

    font-family: Georgia, serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 1.3em;

    color: #444;

    width: 100%;

    word-wrap: break-word;

}



.wrapper {

    margin: 0 auto;

    width: 100%;

    padding: 0;

    border: 0;

}



.wrapperMenu a, a.more {

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

}



label, .labelText, .signConfirmation {

    display: inline-block;

    margin: 2px 0 0;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

}



.loanAmount label {

    font-weight: 400;

    font-style: normal;

}



/* default header styles */

h1, h2, h3, h4, .loggedIn, a.read-more, legend, input[type=submit], input[type="button"], .callNow, a.logOut, .read-more {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

}



h1 {

    font-size: 1.8em;

    line-height: 1em;

    margin: 10px 0;

    color: #215D79;

}



h2 {

    font-size: 1.6em;

    margin: 20px 0 10px;

    color: #457992;

}



h3 {

    font-size: 1.2em;

    line-height: 1em;

    margin: 10px 0;

    color: #457992;

}



/* default link styles */

a, a:visited, a:focus, input[type=submit] {

    color: #BC7314;

    text-decoration: underline;

    -moz-transition: color .15s ease-in;

    -webkit-transition: color .15s ease-in;

    -o-transition: color .15s ease-in;

    -moz-transition: background .15s ease-in;

    -webkit-transition: background .15s ease-in;

    -o-transition: background .15s ease-in;

}



    a:hover {

        color: #000;

        text-decoration: underline;

    }



    a.read-more, p.read-more, a.logOut {

        display: inline-block;

        padding: 10px 20px;

        background: #36667D;

        color: #fff;

        font-size: 1.2em;

        text-decoration: none;

    }



        a.read-more:hover, a.logOut:hover {

            background: #A37249;

        }



/* block level text styles */

p, ul {

    margin: 5px 0 15px;

    font-size: 1em;

    line-height: 1.5em;

}



.copyBlock li {

    list-style: disc;

    margin-left: 30px;

}



.floatRight {

    float: right;

    margin: 20px 0 20px 30px;

}



/* default text styles */

em {

    font-style: italic;

}



strong, b {

    font-weight: bold;

}



.note {

    font-size: .9em;

}



.center {

    text-align: center;

}



/* responsive scaling */

img.scale-with-grid {

    display: block;

    width: 100%;

    height: auto;

}



a.scale-with-grid {

    width: auto;

}



/* images */

img.rightImg {

    float: right;

    margin: 20px 0 20px 20px;

}



img.leftImg {

    float: left;

}



.imgLink {

    float: right;

    display: block;

    width: 50%;

    max-width: 440px;

    margin: 0 0 10px 20px;

}



.imgLinkSmall {

    max-width: 340px;

}



.imgLink img {

    width: 100%;

    height: auto;

}



.imgLinkSmall img {

    border: 1px solid #ccc;

}



/* required markers */

span.required {

    color: #7bc1cb;

}



/* blockquotes and captions */

blockquote {

    font-size: 1.75em;

    line-height: 1.4em;

    font-weight: 300;

}



.shortForm, .shortForm li.loanAmount, fieldset, .copyBlock, .entry, .goLoanWrapper, .deniedEntries .featureBlock {

    -webkit-box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .4);

    box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, .4);

}



    .entry fieldset, fieldset.submit {

        -webkit-box-shadow: inset 0 0 0 0 rgba(31, 69, 86, .3);

        box-shadow: inset 0 0 0 0 rgba(31, 69, 86, .3);

    }



ul.nav li a, .loggedIn a, .callNow, .read-more {

    -webkit-box-shadow: inset 0 0 4px 1px rgba(100, 100, 100, .3);

    box-shadow: inset 0 0 4px 1px rgba(100, 100, 100, .3);

}



.wrapperFooter ul.nav li a {

    -webkit-box-shadow: inset 0 0 4px 1px rgba(100, 100, 100, .1);

    box-shadow: inset 0 0 4px 1px rgba(100, 100, 100, .1);

}



a.logOut {

    -webkit-box-shadow: inset 0 0 0 0 rgba(31, 69, 86, .6);

    box-shadow: inset 0 0 0 0 rgba(31, 69, 86, .6);

}



.loanDocuments a, .wrapperMenu a, .callNow, .wrapperFooter a, .loanAmount label, input[type=submit], input[type="button"], a.more, .shortForm li.loanAmount, .completedForm a.more, .loggedIn a, .read-more, .featureBlock, .stepBlock, a.logOut {

    border-radius: 10px;

    -webkit-border-radius: 10px;

}



.radioWrapper label {

    -webkit-border-radius: 0 10px 10px 0;

    border-radius: 0 10px 10px 0;

}



    .radioWrapper label:first-child {

        border-radius: 10px 0 0 10px;

        -webkit-border-radius: 10px 0 0 10px;

    }



h2.step span, h2.question span, .wrapperMenu ul li span.iconDecoration {

    border-radius: 50px;

    -webkit-border-radius: 50px;

}



.ui-slider-handle {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -webkit-box-shadow: 2px 0px 3px 0px rgba(100, 100, 100, .25);

    box-shadow: 2px 0px 3px 0px rgba(100, 100, 100, .25);

}



input.slider:focus {

    -webkit-box-shadow: 0 0 0 0 rgba(100, 100, 100, 0);

    box-shadow: 0 0 0 0 rgba(100, 100, 100, 0);

}



/*****************************************************************************************************************************/

/***************************************************** GRID STRUCTURE ********************************************************/

/*****************************************************************************************************************************/



/* clearFix */

.wrapper {

    display: table;

    width: 100%;

    zoom: 1;

}



    .wrapper:after {

        display: table;

        clear: both;

        content: " ";

    }





/* center inner content */

.inner {

    display: block;

    width: 96%;

    margin: 0 auto;

    position: relative;

}



.row, .col {

    width: 100%;

}



.col {

    float: left;

    display: table-cell;

    padding: 0;

}



.threeCol .col {

    width: 33.3333%;

}



.threeCol .twoCol {

    width: 66.666%;

}



.threeCol .threeCol {

    width: 100%;

}



.fourCol .col {

    width: 25%;

}



.fourCol .twoCol {

    width: 46%;

    padding-right: 2%;

}



.fourCol .threeCol {

    width: 73%;

    padding-right: 2%;

}



/*****************************************************************************************************************************/

/******************************************** MASTER PAGE / CONSISTENT  ******************************************************/

/*****************************************************************************************************************************/



/* primary containers */

.wrapperHeader {

    background: #fff url("/Content/MBM/Images/bg-wrapperHeader.png") center top no-repeat;

    height: 146px;

}



.wrapperMenu {

    background: #fff url("/Content/MBM/Images/bg-wrapperMenu.png") center top repeat-x;

    margin-top: -20px;

    border-top: 1px solid #efefef;

    position: relative;

}



.wrapperFooter {

    background: #fff url("/Content/MBM/Images/bg-wrapperFooter.png") center -20px repeat-x;

    padding: 0 0 30px;

}



.wrapperBanner {

    padding: 20px 0;

    background: #443d39;

    border-top: 2px solid #575656;

}



.wrapperChangingContent {

    background: #377b9c;

    border-top: 1px solid #efefef;

    border-bottom: 1px solid #999;

}



.wrapperGray {

    background: #666;

    padding: 20px 0;

}





/* logo */

a.logo {

    display: block;

    width: 630px;

    height: auto;

    margin: 10px auto 0;

    position: relative;

    z-index: 2000;

}



    a.logo img {

        display: block;

        width: 100%;

        height: auto;

    }



/* default nav*/

ul.nav {

    text-align: center;

}



    ul.nav li {

        display: inline-block;

        margin: 0;

    }



        ul.nav li a {

            display: block;

            padding: 10px 14px;

            background: transparent;

            border: 1px solid #fff;

            color: #000;

            text-align: center;

            font-size: 1.05em;

            text-decoration: none;

            position: relative;

            z-index: 0;

            white-space: nowrap;

        }



            ul.nav li a:hover, ul.nav li a.active {

                background: #fff;

            }



/* top nav: not mobile */

.wrapperMenu ul {

    width: 70%;

    margin: 0 auto;

}



    /* all but login */

    .wrapperMenu ul li {

        text-align: center;

    }



        .wrapperMenu ul li a {

            display: block;

            margin: 10px 0;

            position: relative;

            z-index: 10000;

        }



            .wrapperMenu ul li a:hover, .wrapperMenu ul li a.active {

                background: #fff;

            }



        .wrapperMenu ul li span.iconDecoration {

            display: inline-block;

            background: #36667d;

            margin: -3px 4px -3px 0;

            padding: 3px 9px;

            text-align: center;

        }



.callNow {

    position: absolute;

    right: 0;

    top: 15px;

    background: #443D39;

    padding: 8px 16px;

    color: #fff;

    font-size: 1.1em;

    text-align: center;

}



    .callNow a {

        text-decoration: none;

    }



/* top nav: mobile */

.wrapperMenu .navMobile, .navMobileTrigger {

    display: none;

}



/* bottom nav */

.wrapperFooter ul.nav {

    width: 100%;

    margin: 30px auto;

}



    .wrapperFooter ul.nav li a {

        color: #999;

        background: #e8e8e8;

        color: #000;

        font-size: .9em;

    }



        .wrapperFooter ul.nav li a:hover, .wrapperFooter ul.nav li a.active {

            background: #fff;

        }



    .wrapperFooter ul.nav li.olaSeal {

        margin: 0 0 -20px 10px;

    }



        .wrapperFooter ul.nav li.olaSeal img {

            display: block;

            width: 60px;

        }



.copyright, .ccRow {

    float: left;

    display: block;

    width: 100%;

    text-align: center;

    font-size: .9em;

}



.copyright {

    padding-top: 10px;

    font-size: .8em;

}



.ccRow img {

    display: block;

    width: 90px;

    margin: 10px auto;

}



.disclaimer, .olaHotline {

    float: left;

    margin: 10px auto;

    text-align: center;

    font-size: .9em;

    line-height: 1.6em;

}



.olaHotline {

    width: 92%;

    padding: 10px 4%;

    background: #efefef;

    text-align: center;

}



    .olaHotline a {

        text-decoration: none;

    }







/*****************************************************************************************************************************/

/************************************************** PER PAGE **************************************************************/

/*****************************************************************************************************************************/



/* feature blocks */

.copyBlock {

    float: left;

    position: relative;

    width: 90%;

    margin: 0 auto 20px;

    padding: 30px 5% 40px;

    background: #edeadc;

}



    .copyBlock h2.step span {

        float: left;

        margin-right: 10px;

    }



.wrapperGray .copyBlock {

    margin: 0 auto 5px;

    background: #fff;

}



.titleBlock {

    display: block;

    width: 90%;

    margin: 20px 0 0;

    padding: 3px 5%;

    background: #36667d;

    color: #fff;

    font-size: 1.2em;

    line-height: 1.2em;

    z-index: 1000;

}



    .titleBlock * {

        color: #fff;

    }



    .titleBlock h3 {

        margin: 12px 0;

    }



.wrapperGray .titleBlock {

    margin: 0;

}



.stepBlock, .featureBlock {

    float: left;

    width: 27.333%;

    margin: 10px 1% 0;

    padding: 20px 2%;

    background: #a37249;

    background: rgba(163, 114, 73, .2);

}



.stepBlock {

    min-height: 100px;

}



.featureBlock {

    min-height: 0;

    width: 94%;

    margin: 0 1%;

    background: #2f2a27;

}



.stepBlock h2.step {

    position: relative;

    margin-top: 0;

    padding-top: 0;

    font-size: 1.6em;

    line-height: 1em;

    color: #fff;

}



.featureBlock h2 {

    margin-top: 0;

    font-size: 1.3em;

    line-height: 1em;

    color: #fff;

}



.featureBlock p, .featureBlock a, .stepBlock a, .stepBlock p {

    color: #edeadc;

    margin-bottom: 0;

}



.featureBlockAlternate {

    float: right;

    margin: 0;

    border-left: 1px solid #A37249;

}



/* faq & steps on feature blocks */

h2.step, h2.question {

    position: relative;

    margin: 10px 0 10px;

    padding: 12px 20px 8px 60px;

    line-height: 1em;

    font-size: 1.2em;

    font-style: normal;

    text-align: left;

}



h2.question {

    background: #efefef;

}



    h2.step span, h2.question span {

        position: absolute;

        top: -6px;

        left: 0;

        padding: 13px 16px;

        background: #2f2a27;

        border: 0;

        font-size: 1.5em;

        color: #EDEADC;

    }



    h2.question span {

        left: -10px;

        top: -5px;

        padding: 15px;

        background: #36667d;

        font-size: 2em;

    }



p.answer {

    margin-top: -20px;

    padding: 2%;

    background: #fff;

}



p.caption {

    font-size: 1.2em;

}



/* returning customers data table

table {width:100%;margin:20px 0;background:#fff;border:1px solid #fff;}

    table th, table td {width:36%;padding:12px 3%;background:#fff;border-top:1px solid #fff;font-weight:bold;font-size:.9em;line-height:1em;}

    table tr th {background:#A37249;font-weight:bold;font-size:1.05em;color:#fff;}

    table tr:first-child td {border:0;}

    table tr td:first-child {background:#efefef;}

    table tr td:first-child, table tr th:first-child  {width:58%;} */



table.termsTable {

    width: 100%;

    margin: 20px 0;

    background: #fff;

    border: 1px solid #fff;

}



    table.termsTable th, table.termsTable td {

        padding: 12px 3%;

        background: #fff;

        border-top: 1px solid #fff;

        font-weight: bold;

        font-size: .9em;

        line-height: 1em;

    }



    table.termsTable tr th {

        background: #A37249;

        font-weight: bold;

        font-size: 1.05em;

        color: #fff;

    }



    table.termsTable tr:first-child td {

        border: 0;

    }



    table.termsTable tr td:first-child {

        background: #efefef;

    }



/* login */

.goLoanWrapper {

    background: #fff;

    padding: 20px;

}



    .goLoanWrapper h2 {

        text-align: center;

    }



    .goLoanWrapper img {

        display: block;

        width: 90%;

        max-width: 450px;

        margin: 0 auto 20px;

    }



.GoLoanInteriorDisclaimer {

    margin-bottom: 3px;

    padding: 1% 2%;

    background: #efefef;

}





/* privacy */

.wrapperPrivacyPolicy {

    float: left;

    margin: 0 0 30px;

    background: #f5f5f5;

}



    .wrapperPrivacyPolicy .row {

        float: left;

        margin: 0;

        background: transparent;

        border-bottom: 1px solid #ccc;

    }



    .wrapperPrivacyPolicy .threeCol .col {

        width: 29.33333%;

        margin: .25%;

        padding: 2% 1.5%;

        background: #f5f5f5;

    }



    .wrapperPrivacyPolicy .threeCol .twoCol {

        width: 62.6666%;

    }



    .wrapperPrivacyPolicy .threeCol .threeCol {

        width: 96%;

    }



    .wrapperPrivacyPolicy .row .col:first-child {

        background: #f5f5f5;

    }





/* denied */

.deniedEntries .featureBlock {

    margin: 0 1% 30px;

    padding: 0;

    width: 98%;

}



    .deniedEntries .featureBlock a {

        display: block;

        height: 400px;

        margin-bottom: 0;

        background: #443d39 !important;

        text-decoration: none;

    }



        .deniedEntries .featureBlock a:hover {

            background: #36667d !important;

        }



        .deniedEntries .featureBlock a p, .deniedEntries .featureBlock a h2 {

            color: #fff;

            text-align: center;

        }



            .deniedEntries .featureBlock a p.read-more {

                display: block;

                margin: 10px auto 0;

                background: #36667d !important;

            }



        .deniedEntries .featureBlock a:hover p.read-more {

            background: #443d39 !important;

        }



.deniedEntries a .imgWrapper {

    display: block;

    height: 130px;

    margin: 0;

    padding: 20px 0;

    background: #fff;

}



    .deniedEntries a .imgWrapper img {

        display: block;

        width: 150px;

        height: auto;

        margin: 0 auto;

    }



.deniedEntries .copyWrapper {

    padding: 5%;

}



.deniedEntries .read-more {

    width: 120px;

    margin: 0 auto;

}





/* boldchat */

#bt_invite_box input {

    float: right;

    margin: 2px 0 0 4px;

    font-size: 1.2em;

}



#bt_message_table div {

    background: #fff;

    width: 260px !important;

}





.loadingGraphic {

    display: block;

    margin: 0 auto;

}



/*****************************************************************************************************************************/

/***************************************************** FORMS *****************************************************************/

/*****************************************************************************************************************************/



.formWrapper {

    display: block;

    margin: 20px 0;

    z-index: 0;

}



legend {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0;

    background: #36667d;

    color: #fff;

    font-size: 1.2em;

    line-height: 2.6em;

    z-index: 1000;

    text-indent: 2%;

}



/* fieldsets */

fieldset {

    display: block;

    position: relative;

    width: 96%;

    margin: 20px auto;

    padding: 60px 2% 40px;

    background: #fff;

}



    fieldset ul {

        display: table;

        width: 94%;

        margin: 0 auto;

    }



    fieldset li {

        display: table-cell;

        width: 44%;

        margin: 0;

        padding: 0 3%;

        position: relative;

        vertical-align: top;

    }



/* labels wrap input */

label, .label {

    display: inline-block;

    color: #457992;

    line-height: 1.2em;

}



    /* labels and errors */

    label.labelText, span.labelText {

        display: block;

        padding: 16px 0 4px;

        line-height: 1.2em;

        color: #666;

    }



span.required {

    padding-right: 3px;

    display: none;

}



span.field-validation-error {

    padding-left: 4px;

    color: #c30;

    text-transform: lowercase;

    font-style: oblique;

}



.successMessage {

    font-size: 1.15em;

    color: #2c72af;

    font-weight: bold;

}



input.error {

    background: #f6ffd5;

}



.formWrapper fieldset p {

    margin: 0;

}



/* errors */

.field-validation-error {

    display: none;

}



input.input-validation-error, select.input-validation-error, .radioWrapperError label, input[type="*"] + label.labelTextError {

    border-color: #ccc;

}



input.input-validation-error, select.input-validation-error, form .radioWrapperError label {

    background: #ffffe6;

}



label.labelTextError {

    color: #c00;

}



.radioWrapperError label {

    border-color: #c00;

}



/* checkboxes, radios and associated nested labels */

label input[type=checkbox], label input[type=radio] {

    float: left;

    margin: 2px 10px 20px 0;

}



label label {

    display: inline-block;

}



/* special formatting containers columns */

li.fullWidth {

    width: 92%;

}



.fullWidth select {

    width: 50%;

    margin: 0 auto;

}



fieldset li.shortInputs select, fieldset li.shortInputs input {

    display: inline-block;

    width: 120px;

}



.checkboxPadding a {

    text-decoration: underline;

}



.checkboxPadding label {

    display: inline;

    font-size: 14px;

    font-weight: 400;

}



.checkboxPadding input[type="checkbox"] {

    float: left;

    margin: 6px 10px 3px 0;

}





/* loan amount */

.loanAmount label {

    float: left;

    width: 19.5%;

    height: 46px;

    margin: 5px .25%;

    padding: 0;

    background: #36667d;

    color: #edeadc;

    cursor: pointer;

    font-size: 1.7em;

    line-height: 1.8em;

    text-align: center;

}



    .loanAmount label.active, .loanAmount label:hover {

        background: #a37249;

        color: #fff;

    }



.shortForm .loanAmount label {

    width: 99.75%;

}



/* loan amount radios */

.radioWrapper label {

    float: left;

    margin: 4px 1px 0 0;

    padding: 4px 15px;

    background: #deedf4;

    border: 1px solid #fff;

    color: #215D79;

    cursor: pointer;

    font-size: .85em;

    line-height: 1.6em;

    font-weight: bold;

    text-align: center;

    font-style: normal;

}



    .radioWrapper label:hover, .radioWrapper label.active {

        border-color: #215D79;

        background: #215D79;

        color: #fff;

    }



.radioWrapper {

    position: relative;

}



    .radioWrapper input[type=radio], .loanAmount input[type=radio] {

        position: absolute;

        top: auto;

        left: -9999px;

    }



/* input ranges */

li.rangeInputs .label {

    float: left;

    width: 100%;

    margin: 0 0 10px 0;

}



    li.rangeInputs .label .floatRight {

        float: right;

    }



input.slider {

    background: transparent;

    border: 0;

    margin-top: 0;

    font-size: .8em;

    text-align: right;

    color: #457992;

}



    input.slider:focus {

        background: transparent;

    }



/* submit styles */

input[type=submit], input[type="button"], .completedForm a.more {

    display: block;

    margin: 0 auto 20px;

    padding: 12px 40px;

    background: #A37249;

    color: #fff;

    font-size: 1.5em;

    cursor: pointer;

    text-decoration: none;

    text-align: center;

}



    input[type="submit"]:hover, input[type="button"]:hover, .completedForm a.more:hover {

        background: #666;

    }



.completedForm {

    background: #fff;

}



    .completedForm h2 {

        font-size: 2em;

        text-align: center;

    }



    .completedForm p {

        text-align: center;

    }



a.continueApplication {

    display: block;

    max-width: 300px;

    margin: 0 auto;

    padding: 10px;

    text-align: center;

    font-size: 1.4em;

}



/* jquery ui: slider */

.ui-slider {

    position: relative;

    width: 100%;

    background: #ccc;

    color: #fff;

    text-align: left;

    height: 0.8em;

}



.ui-slider-handle {

    position: absolute;

    top: -0.3em;

    left: 0;

    width: 1.2em;

    height: 1.2em;

    z-index: 2;

    cursor: default;

    background: #deedf4;

    font-weight: bold;

}



    .ui-slider-handle:hover {

        background: #deedf4;

    }



/* short form exceptions */

fieldset.shortForm {

    margin: 0;

    padding-top: 80px;

    background: #edeadc;

    color: #7c7e80;

}



    fieldset.shortForm legend {

        font-size: 2em;

        color: #e8c38f;

        text-align: center;

    }



    fieldset.shortForm ul {

        display: block;

        margin: 30px auto 0;

    }



    fieldset.shortForm li {

        float: right;

        display: block;

        width: 44.5%;

        padding: 0 2%;

    }



        fieldset.shortForm li.loanAmount {

            float: left;

            width: 33%;

            padding: 10px 8% 35px;

            background: #d6d2c4;

        }



        fieldset.shortForm li.fullWidth {

            padding: 10px 0 0;

            float: none;

            clear: left;

            width: 100%;

        }



        fieldset.shortForm li.termsPadding {

            padding: 30px 0 0;

        }



        fieldset.shortForm li.checkboxPadding input[type=checkbox] {

            float: none;

            display: inline-block;

        }



    fieldset.shortForm input[type=submit], .shortForm input[type="button"] {

        margin: 20px auto;

    }



    fieldset.shortForm li.loanAmount .labelText {

        font-size: 1.2em;

    }



    fieldset.shortForm .labelText {

        padding-top: 8px;

    }



    fieldset.shortForm .loanAmount label,

    fieldset.shortForm .loanAmount label.active,

    fieldset.shortForm .loanAmount label:hover {

        color: #fff;

    }



/* eSig */

.loggedIn {

    float: left;

    width: 90%;

    margin: 20px 0 0;

    padding: 3px 5%;

    background: #36667d;

}



    .loggedIn span.emphasis {

        margin: 10px 0;

        font-size: 2.2em;

        line-height: 1.6em;

        color: #fff;

        text-transform: capitalize;

    }



a.logOut {

    float: right;

    display: block;

    width: 100px;

    margin-top: 8px;

    padding: 8px 14px;

    background: #A37249;

    text-align: center;

}



    a.logOut:hover {

        background: #215D79;

    }



/* eSig */

.borderWrapper {

    float: left;

    width: 90%;

    margin: 0 auto 20px;

    padding: 30px 5% 40px;

    background: #EDEADC;

}



    .borderWrapper span.emphasis {

        font-size: 1.4em;

        font-weight: bold;

    }



    .borderWrapper p.center {

        font-size: 1.1em;

    }



.eSigWrapper {

    display: block;

    width: 100%;

    margin: 20px auto 0;

}



    .eSigWrapper h2.step {

        margin: 0;

        padding-top: 6px;

        padding-right: 44px;

        background: #215D79;

        color: #fff;

        font-size: 1.6em;

        line-height: 1em;

        font-style: normal;

        text-align: left;

    }



        .eSigWrapper h2.step span {

            left: -16px;

            padding: 8px 17px;

            font-size: 1.4em;

            line-height: 1em;

            font-size: 1.4em;

            border: 0;

            background: #457992;

        }



.SMSOptInWrapper, .confirmationContentThankYou {

    margin: 10px auto;

}



.eSigWrapper fieldset, .eSigWrapper fieldset.submit, .confirmationContentThankYou {

    width: 96%;

    padding: 2%;

    background: #ccc;

}



/* eSig fieldsets */

.eSigWrapper fieldset {

    display: block;

    position: relative;

    margin: 0;

    border-bottom: 1px solid #fff;

}



    .eSigWrapper fieldset.gray {

        background: #efefef;

    }



/* labels wrap input */

.signConfirmation, .checkError {

    display: block;

    padding: 10px 45px;

    background: #fff;

    clear: left;

    text-align: center;

}



.checkError {

    display: none;

    padding: 14px;

    background: #c00;

    color: #fff;

    font-weight: bold;

    font-size: .9em;

    line-height: 1.3em;

}



    .checkError p {

        margin: 0;

    }



/* eSig: the label and checkbox */

.signConfirmation {

    position: relative;

    z-index: 1000;

    background: #A37249;

    width: 90%;

    padding: 16px 5%;

    color: #fff;

    font-size: 1em;

    line-height: 1.1em;

}



    .signConfirmation label {

        display: inline-block;

        margin: 0 12px -8px 0;

        padding: 6px;

        background: #fff;

        border: 1px solid #ccc;

        text-align: center;

    }



        .signConfirmation label input[type="checkbox"] {

            margin: 0;

        }



    .signConfirmation a {

        color: #fff;

    }



.checkedItem {

    background: #666;

    font-style: oblique;

    color: #fff;

}



    /*.signConfirmation .checkedItem {background:#5a7109;cursor:default;}*/

    span.checked, .checkedItem span.unchecked {

        display: none;

        color: #fff;

    }



        span.checked span {

            color: #fff;

            font-weight: bold;

        }



    .checkedItem span.checked {

        font-style: oblique;

        display: inline;

    }



.scrollPrompt {

    display: none;

    position: absolute;

    left: 0;

    top: auto;

    bottom: 0;

    left: 0;

    width: 80%;

    padding: 16px 10%;

    background: #c00;

    color: #fff;

    text-align: center;

    font-weight: bold;

}



.eSigWrapper input[type="checkbox"], .eSigWrapper input[type="checkbox"] input[type="checkbox"] {

    margin: 0 6px 5px 0;

}



.eSigWrapper .emphasize {

    text-transform: uppercase;

}



/* eSig confirmation */

.confirmationContentThankYou, .SMSConfirmationContentThankYou {

    width: 94%;

    margin-bottom: 10px;

    padding: 3%;

    background: #fff;

    border-bottom: 1px solid #fff;

}



    .confirmationContent p, .SMSConfirmationContentThankYou p {

        margin: 10px 0 20px;

    }



    .confirmationContentThankYou h2, .SMSConfirmationContentThankYou h2 {

        margin: 0;

        text-align: center;

        line-height: 2em;

        color: #fff;

    }



fieldset.gray ul {

    margin-top: 10px;

}



fieldset.gray input[type=submit], fieldset.gray input[type="button"] {

    width: 160px;

    margin-bottom: 0;

    padding: 10px;

    font-size: 1.2em;

    font-weight: bold;

}





/* padding around scrolling documents and privacy links */

.scrollingDocument, .privacyPolicyAndTerms, .nonScrollingDocument {

    width: 95%;

    overflow-y: scroll;

    overflow-x: auto;

    padding: 2.5%;

    background: #fff;

    font-family: Arial, sans-serif;

    font-size: .9em;

}



.privacyPolicyAndTerms, .nonScrollingDocument {

    padding: 20px 2.5%;

}



.scrollingDocument h2 {

    float: left;

    width: 90%;

    margin: 0;

    padding: 0 5% 10px 5%;

    text-align: center;

    font-size: 1.1em;

    font-weight: bold;

}



.scrollingDocument h3 {

    margin: 3px 0 0;

    padding: 4px 5%;

    text-align: left;

    font-weight: bold;

    font-size: 1em;

    background: rgba(255,255,255,.7);

}



.privacyBullets li {

    margin-bottom: 10px;

}



/* each block within document is broken out visually */

.wrapperBlock {

    float: left;

    width: 90%;

    margin: 0 0 10px;

    padding: 3% 5%;

    background: #efefef;

    border: 1px solid #ccc;

}



/* column structure in scrolling docs */

.scrollingDocument .wrapper {

    width: 90%;

    padding: 2% 5%;

    background: #efefef;

}



.scrollingDocument .twoCol, .scrollingDocument .threeCol, .privacyPolicyAndTerms .twoCol, .privacyPolicyAndTerms .threeCol {

    margin: 0;

    width: 100%; /*border-top:1px dotted #ccc;*/

}



.scrollingDocument .row .col, .privacyPolicyAndTerms .row .col {

    width: 100%;

    margin: 0;

    padding: 0;

}



.scrollingDocument .twoCol:first-child, .scrollingDocument .threeCol:first-child {

    border: 0;

}



.scrollingDocument .twoCol .col:first-child {

    padding: 1% 1% 2% 0;

}



.scrollingDocument .twoCol .col {

    width: 49%;

    margin: 0;

    padding: 1% 0 2% 1%;

}



.scrollingDocument .twoCol .twoCol {

    width: 100%;

    margin: 0;

    padding: 0;

    border-top: 0;

}



.scrollingDocument .threeCol .col {

    width: 32.333%;

    margin: 0;

    padding: 1% 0 2% 1%;

}



.scrollingDocument a {

    font-size: .8em;

}



/* bulleted lists in docs */

.scrollingDocument ul, .scrollingDocument ol {

    margin: 20px 0;

}



.scrollingDocument li, .privacyPolicyAndTerms li {

    list-style: inside disc;

    margin-left: 20px;

    min-height: 10px;

}



.indent {

    margin-left: 30px;

}



.scrollingDocument ol.indent li {

    display: list-item;

    width: auto;

    margin-bottom: 14px;

}



/* Copy Content */

.divider {

    width: 96%;

    margin: 20px 2%;

    border-top: 1px solid #ccc;

}



/* returning customers data table */

.eSigWrapper table, table.loanDetails {

    width: 100%;

    margin: 0 0 20px;

    background: #fff;

    border: 1px solid #efefef;

}



    .eSigWrapper table th, .eSigWrapper table td, table.loanDetails th, table.loanDetails td {

        padding: 10px;

        background: #efefef;

        border-top: 1px solid #fff;

        border-left: 1px solid #fff;

        line-height: 1.3em;

    }



    table.loanDetails th, table.loanDetails td {

        width: 44%;

    }



    .eSigWrapper table tr th, table.loanDetails tr th {

        background: #999;

        font-weight: bold;

        color: #fff;

    }



    table.loanDetails tr:first-child td {

        border: 0;

    }



    table.loanDetails tr td:first-child {

        background: #f5f5f5;

        font-weight: normal;

    }



    table.loanDetails tr.pastPayment td, table.loanDetails tr.pastPayment td:first-child {

        background: #ccc;

        color: #666;

    }



span.paid {

    float: right;

    display: inline-block;

    margin: 0 0 0 10px;

    font-size: .9em;

    text-transform: uppercase;

}



/* returning customer paydown */

.col .featuredEntry {

    margin-top: 40px;

    background: #fff;

    border: 1px solid #efefef;

}



    .col .featuredEntry fieldset {

        margin-bottom: 12px;

        background: #efefef;

    }



        .col .featuredEntry fieldset li {

            width: 100%;

            min-height: 0;

            margin: 10px 0 0;

            padding: 0;

            font-weight: bold;

            color: #fff;

            line-height: 1.1em;

        }



            .col .featuredEntry fieldset li input[type=text] {

                display: inline; /*width:50%;*/

            }



            .col .featuredEntry fieldset li input[type="button"], .col .featuredEntry fieldset li input[type="submit"] {

                width: 100%;

                max-width: 100%;

                margin: 0 0 5px 0;

                padding: 12px 0;

            }



.wrapperChangingContent .threeCol .returningCustomerShort fieldset {

    padding-bottom: 40px;

}



.returningCustomerShort fieldset li {

    width: 45%;

}



    .returningCustomerShort fieldset li.fullWidth {

        width: 100%;

    }



/* tabs */

.eSigTabs {

    display: none;

}





/*****************************************************************************************************************************/

/************************************************** MEDIA QUERIES ************************************************************/

/*****************************************************************************************************************************/



@media all and (min-width: 1000px) {



    /* general structure in non-mobile */

    .inner {

        min-width: 960px;

        max-width: 1160px;

    }



    /* small inputs: dates, state selects */

    .smallInputs input, .smallInputs select, .date input {

        width: 40%;

        margin-right: 1%;

    }

}



@media all and (max-width: 999px) {



    /* general structure in non-mobile */

    .inner {

        width: 96%;

    }



    /* header elements */

    .wrapperHeader {

        height: auto;

    }



        .wrapperHeader ul li.customerLogin a {

            font-size: .8em;

        }



        .wrapperHeader .customerLogin img {

            margin-left: 6px;

        }

}



@media all and (max-width: 900px) {



    h1 {

        font-size: 1.4em;

    }



    h2 {

        font-size: 1.2em;

    }



        h2.step {

            font-size: 1.2em;

        }



    h3 {

        font-size: 1.2em;

        text-align: center;

    }



    /* general structure in mobile */

    .inner {

        width: 100%;

    }



    .wrapperHeader .inner, .wrapperFooter .inner {

        width: 100%;

    }



    .wrapperGray {

        padding: 0;

    }



        .wrapperGray .titleBlock {

            margin: 0;

        }



        .wrapperGray .copyBlock {

            margin: 0 auto;

        }



    .fourCol .col, .threeCol .col, .twoCol .col, .featureBlockAlternate {

        width: 100%;

        padding: 0;

    }



    .stepBlock, .featureBlock {

        width: 82%;

        margin: 0 3% 1%;

        padding: 14px 6%;

    }



        .stepBlock:first-child {

            margin-top: 1%;

        }



    .stepBlock {

        min-height: 0;

    }



        .stepBlock h2, .featureBlock h2 {

            font-size: 1.2em;

        }



    .featureBlock h2 {

        margin-top: 10px;

    }



    .stepBlock h2.step span {

        top: -8px;

    }



    .eSigWrapper {

        font-size: .9em;

    }



        .eSigWrapper h2.step {

            font-size: 1.2em;

            padding-left: 40px;

        }



            .eSigWrapper h2.step span {

                top: -4px;

                left: -7px;

                padding: 10px 17px;

                font-size: 1.2em;

            }



    .featureBlockAlternate {

        display: none;

    }



    .copyBlock {

        width: 88%;

        margin: 0;

        padding: 6%;

    }



    .titleBlock {

        margin-top: 0;

        padding-top: 10px;

    }



    /* header elements */

    .wrapperHeader a.logo {

        float: none;

        width: 98%;

        max-width: 500px;

        margin: 50px auto 30px;

    }



    .callNow {

        top: -50px;

        left: 0;

        width: 100%;

        padding: 6px 0;

        -moz-border-radius: 0;

        border-radius: 0;

    }



    /* cue mobile nav */

    .wrapperMenu {

        margin-top: -44px;

        background-position: 0 bottom;

    }



        .wrapperMenu ul {

            width: 100%;

            margin: 10px auto;

        }



            .wrapperMenu ul li a {

                background: #efefef;

                margin: 1px 0;

                padding: 8px 10px;

                font-size: .9em;

            }



    .hide {

        display: none;

    }



    .wrapperMenu ul li span.iconDecoration {

        margin-right: 3px;

    }



    .icon-locked:before, .icon-unlocked:before {

        width: 8px;

    }



    /* footer elements */

    .wrapperFooter ul.nav {

        width: 100%;

        max-width: 480px;

        margin: 20px auto 10px;

    }



        .wrapperFooter ul.nav li {

            float: left;

            width: 49.5%;

            margin-right: .5%;

            text-align: center;

        }



            .wrapperFooter ul.nav li.olaSeal {

                width: 99%;

                margin: 0;

            }



                .wrapperFooter ul.nav li.olaSeal img {

                    margin: 10px auto 0;

                }



            .wrapperFooter ul.nav li:first-child {

                width: 99%;

            }



            .wrapperFooter ul.nav li a {

                background: #A37249;

                color: #fff;

                margin: 0 0 5px;

                text-align: center;

                font-size: 1em;

            }



                .wrapperFooter ul.nav li a:hover, .wrapperFooter ul.nav li a.active {

                    background: #443D39;

                    color: #fff;

                }



    /* forms */

    .formWrapper {

        margin: 0 auto;

    }



    .loanAmount label {

        width: 99.75%;

    }



    fieldset.shortForm {

        margin: 0 auto;

        padding-top: 40px;

    }



        fieldset.shortForm legend {

            font-size: 1.3em;

        }



        fieldset.shortForm li.loanAmount .labelText {

            font-size: 1.1em;

            text-align: center;

        }



    /* special elements */

    img.scale-with-grid {

        max-width: 400px;

    }



    .imgLink {

        float: none;

        margin: 0 auto;

    }



    a.read-more {

        display: block;

        width: 160px;

        margin: 0 auto 20px;

        text-align: center;

    }



    legend {

        text-align: center;

    }



    .disclaimer {

        width: 90%;

        padding: 20px 5%;

    }



    .caption {

        float: none;

        display: block;

        width: 96%;

        margin: 0 0 10px;

        font-size: 1.1em;

    }



    .loggedIn {

        margin-top: 0;

        text-align: center;

    }



        .loggedIn a {

            float: none;

            width: 100px;

            display: block;

            margin: 0 auto 10px;

            text-align: center;

        }



        .loggedIn span.emphasis {

            font-size: 1.3em;

        }



    .olaHotline strong {

        display: block;

    }





    .deniedEntries .featureBlock {

        margin: 0;

        width: 100%;

    }



        .deniedEntries .featureBlock a {

            height: auto;

        }



    .deniedEntries a .imgWrapper {

        height: auto;

    }

}



@media all and (max-width: 600px) {



    /* collapse columns */

    .wrapperMenu ul li a {

        padding: 8px;

    }



    .wrapperFooter ul.nav li, .wrapperFooter ul.nav li:first-child {

        float: none;

        clear: left;

        width: 92%;

        margin: 0 auto;

    }



    /* special elements */

    h1 {

        margin-top: 24px;

        text-align: center;

    }



    .copyBlock {

        margin: 0;

    }



    h2.question span {

        top: 0;

        left: 0;

    }



    p.answer {

        margin: -20px 0 0 0;

        padding: 5%;

        border-left: 0;

    }



    .imgLink {

        width: 100%;

        margin-top: 10px;

    }



    /* forms */

    fieldset {

        padding: 60px 2% 25px;

    }



        fieldset ul {

            margin: 0;

        }



        fieldset li, fieldset.shortForm li, fieldset.shortForm li.loanAmount, fieldset.shortForm li, fieldset.shortForm li.fullWidth {

            float: left;

            display: block;

            width: 84%;

            padding: 2px 8%;

        }



            fieldset.shortForm li.loanAmount {

                margin-bottom: 20px;

                padding-bottom: 20px;

            }



            fieldset.shortForm li.termsPadding {

                padding: 10px 8% 0;

            }



            fieldset.shortForm li .checkboxPadding {

                padding-bottom: 30px;

            }



    li.rangeInputs .label {

        float: left;

        width: 100%;

    }



        li.rangeInputs .label label {

            width: 100%;

        }



    .eSigWrapper table th, .eSigWrapper table td, table.loanDetails th, table.loanDetails td {

        padding: 3px;

    }



    .eSigWrapper fieldset.submit input {

        margin: 10px auto;

    }



    .signConfirmation {

        text-align: left;

    }



        .signConfirmation label {

            float: left;

            margin: 0 8px 20px 0;

        }



    .borderWrapper {

        padding: 10px 3% 20px;

        width: 94%;

    }

}



@media all and (max-width: 500px) {



    .eSigWrapper table tr td {

        float: left;

        padding: 3%;

        width: 94%;

    }

}



/*****************************************************************************************************************************/

/******************************************************* IE ******************************************************************/

/*****************************************************************************************************************************/



.ie7 .inner, .ie8 .inner {

    width: 980px;

}







/*****************************************************************************************************************************/

/******************************************************* FONTS ******************************************************************/

/*****************************************************************************************************************************/









[class^="icon-"], [class*=" icon-"] {

    font-family: 'Segoe UI Symbol', sans-serif;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    font-size: 1em;

    line-height: 1em;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-locked:before, .icon-unlocked:before {

    content: "\1F512\FE0E";

    color: #e8c38f;

    width: 10px;

    display: inline-block;

}



.icon-unlocked:before {

    content: "\1F513\FE0E";

}



.privacyTable {

    background: #f5f5f5;

    border: 1px solid #ccc;

}



    .privacyTable td.separator {

        background: #333 !important;

        color: #fff;

        text-align: center;

        margin: 0;

    }



    .privacyTable tr td:first-child {

        background: #efefef;

    }



    .privacyTable li {

        list-style: disc;

    }