﻿/* abbr list
f -> float
l -> left
r -> right
c -> center

hdr -> header
ftr -> footer
cnt -> content
app -> loan application
clr -> clear
col -> column
nav -> navigation
wrp -> wrapper
pg -> page
lnk -> link

blk -> black
wht -> white
*/

/* -- content -- */
*
{
    margin: 0;
    padding: 0;
}

body
{
    background: url(../images/bg.gif) center repeat-y #DADADA;
    color: Black;
    font-family: Arial, Sans-Serif;
    font-size: .85em;
}

p
{
    margin: .8em 0;
}

/* ---------- classes ---------- */

p.first
{
    margin: 0 0 .8em 0;
}

/* -- colors -- */
.red {color: #841618;}
.silver {color: #acacac;}
.gold {color: #d59f28;}
.platinum {color: #69696B;}
.gray {color: #707070;}
.gray a {color: #707070;}

/* -- fonts -- */
.smTxt {font-size: .9em;}
.xsmTxt {font-size: .8em;}
.lgTxt {font-size:1.1em;}

.Promo
{
    text-align: left;
    font-size: .85em;
    margin-left: 30px;
}

.Ctr
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pgContentHdr
{
    display: block;
    text-align: left;
    font-size: 1.9em;
    font-weight: bold;
    color: #0952A1;
    background: url(../images/LP-Title-Underline.gif) bottom repeat-x #FFFFFF;
    margin-top: .5em;
}

.EmpBlack13
{
    font-size: 13pt;
    font-weight: bold;
    color: #000000;
}

.EmpBlack
{
    font-weight: bold;
    color: #000000;
}

.EmpBlue13
{
    font-size: 13pt;
    font-weight: bold;
    color: #0952A1;
}

.EmpBlue
{
    font-weight: bold;
    color: #0952A1;
}

.EmpRed
{
    font-weight: bold;
    color: #841618;
}
.EmpRed13
{
    font-size: 13pt;
    font-weight: bold;
    color: #841618;
}

.statecol
{
    width: 19%;
    float: left;
    font-size: .7em;
    text-align: center;
}

/* ---------- Navigation ---------- */
#navigation {margin:0; padding:0; /* width:900px; */ height:42px; position:relative; clear:both; display:block; background: url(../images/navigation.gif) no-repeat;}
		
    #navigation li {list-style:none; float:left; background-image: url(../images/navigation.gif);}
    #navigation li.current {text-indent: -5000px; background:none;}
        #navigation a { display:block; height:42px; text-indent: -5000px;}
        #navigation a:hover { background-image: url(../images/navigation.gif) }
		
    #navigation #home {width: 71px;}
    #navigation #announcements {width: 150px; background-position: -72px 0;}	
    #navigation #howItWorks {width: 127px; background-position: -222px 0;}
    #navigation #resources {width: 103px; background-position: -349px 0;}
    #navigation #ratesTerms {width: 126px; background-position: -452px 0;}
    #navigation #aboutUs {width: 92px; background-position: -578px 0;}
    #navigation #contact {width: 91px; background-position: -670px 0;}
        #navigation #home a:hover {background-position: 0 -42px;}
        #navigation #announcements a:hover {background-position: -72px -42px;}
        #navigation #howItWorks a:hover {background-position: -222px -42px;}
        #navigation #resources a:hover {background-position: -349px -42px;}
        #navigation #ratesTerms a:hover {background-position: -452px -42px;}
        #navigation #aboutUs a:hover {background-position: -578px -42px;}
        #navigation #contact a:hover {background-position: -670px -42px;}

/* -- general layout -- */
#pgwrp
{
    margin-top: 0;
    width: 760px;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.cntFull
{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.c
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fLaR
{
    width: 48%;
    float: left;
    text-align: right;
}

.fRaL
{
    width: 48%;
    float: right;
    text-align: left;
}

.fLaL
{
    width: 48%;
    float: left;
    text-align: left;
}

.fullLj
{
    width: 98%;
    float: left;
    text-align: left;
}

.add-margin
{
    margin: .7em 0;
}

#pgwrp
{
    margin-top: 0;
    width: 760px;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#nav100
{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#c
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#cnt100
{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#cntFull
{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#cntl
{
    float: left;
    width: 495px;
    padding: 0;
    margin: 10px 0px 10px 15px; /* overflow:hidden; */
}

#cntr
{
    float: right;
    width: 223px;
    margin: 10px 15px 10px 0px;
}

#bannerImage
{
    clear: both;
    margin: auto;
}

#bannerImage img
{
    border: 0;
    display: block;
}

#language
{
    position: absolute;
    top: 4px;
    right: 20px;
    z-index: 1000;
    font-size: .8em;
    color: #CCC;
}
#language a
{
    color: #FFF;
}

#ftrFull
{
    width: 97%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#ftr
{
    clear: both;
    padding: 3px 0px 0px 0px;
    font-size: 0.9em;
}

#thawte
{
    width:60%;
    float:left;
    margin-top:10px;
    margin-bottom:20px;
}

#affiliates
{
    width:39%;
    float:left;
    margin-bottom:20px;
}

#contentLinks
{
    background: url(../images/LP-Bkg-RightRail.gif) bottom repeat-x #09519e;
    width: 100%;
    clear: both;
    color: White;
    padding: 2px 0px;
    border: 1px solid #0952A1;
}

#btn_rApply 
{}

#btn_rApply a 
{
    display:block;
    height:42px;
    width:195px;
    margin:0 auto;
    text-indent:-5000px;
    background:url(../images/Btn_ApplyNow.gif) no-repeat #841618;
    background-position: 0 0;
    color:#ffffff;}
    
#btn_rApply a:hover 
{
    background-position: 0 -42px;
}

#btn_rBorrow a
{
    display:block;
    height:42px;
    width:195px;
    margin:0 auto;
    text-indent:-5000px;
    background:url(../images/Btn_BorrowAgain.gif) no-repeat #ffffff;
    background-position: 0 0;
    color:#841618;}


#noborder
{
    border: 0;
}
.noborder
{
    border: 0;
}
#thinborder
{
    border: solid thin black;
}

.noMargin
{
    margin: 0;
}

.txtL
{
    text-align: left;
}
.txtR
{
    text-align: right;
}

#ctrStuff
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#fLaR
{
    width: 48%;
    float: left;
    text-align: right;
}

#fRaL
{
    width: 48%;
    float: right;
    text-align: left;
}

#fLaL
{
    width: 48%;
    float: left;
    text-align: left;
}

#fullLj
{
    width: 98%;
    float: left;
    text-align: left;
}


/* custom hardrule <hr> */
#cnthr
{
    margin: 3px auto;
    border-bottom: 2px solid #841618;
}

/* -- specific layouts -- */

/* Apply Now begin */
#contentApplyNow
{
    background-color: #B7B7B7;
    width: 100%;
    clear: both;
    color: Black;
    font-size: 0.8em;
    text-align: left;
    border: 1px solid #0952A1;
}

#contentApplyNow input
{
    margin-bottom: 6px;
}

#applynowHdr
{
    background: url(../images/LP-Graphic-Applynow.gif) repeat-x #0952A1;
    color: #FFF;
    font-size: 20pt;
    font-weight: bold;
    text-align: left;
    padding: 10px;
}

#applynowHdr a
{
    color: #FFF;
    text-decoration: none;
}

#whitelink a
{
    color: #FFF;
    text-decoration: none;
}
#whitelink a:hover
{
    color: #B7B7B7;
}

/* Apply Now end */


#statecol
{
    width: 19%;
    float: left;
    font-size: .7em;
    text-align: center;
}

/* ul { list-style-position: inside; } */

/* styles added by GRV */

h2
{
    font-size: 1.3em;
    font-weight: bold;
    color: #0952A1;
    background: url(../images/LP-Title-Underline.gif) bottom repeat-x #FFFFFF;
    padding-bottom: 2px;
    margin-top: 1em;
}
h3
{
    /* float: none; 	clear: both; */
    font-size: 1.2em;
    font-weight: bold;
    color: #0952A1;
    margin-top: 1.5em;
}
h3 a
{
    color: #0952A1;
}

b
{
    font-weight: bold;
}
.Bold
{
    font-weight: bold;
}

ul
{
    list-style-image: url(../images/ul-disc.gif);
    margin: 1em 1em 2em 2em;
}
ul#prefCustLevels
{
    margin-top: .25em;
    list-style-image: none;
    list-style-type: none;
}

ol
{
    margin-left: 2em;
}

li
{
    margin-bottom: .25em;
}

a
{
    color: #841618;
}
a:hover
{
    text-decoration: none;
}

.rednumber
{
    color: #841618;
    font-size: 2em;
    background: none;
}
.blue
{
    color: #0952A1;
}
.red
{
    color: #841618;
}

.front-ol
{
    font-size: 1.4em;
    color: #841618;
    font-weight: bold;
}
.front-ol p
{
    color: #000;
    font-size: .80em;
    font-weight: normal;
}

.contact-icons
{
    float: left;
    margin: 20px 10px 0px 0px;
}

.works-steps
{
    margin: 15px 15px 80px 15px;
}
.works-steps h1
{
    color: #841618;
}
.works-icon
{
    float: left;
}
.works-text
{
    margin-left: 150px;
}

.testimonial
{
    background: url(../images/quotation-marks.gif) no-repeat 0px 30px;
}
.testimonial h2
{
    background: none;
}
.testimonial h2 a
{
    display:block;
    height:33px;
    text-indent:-5000px;
    background:url(../images/Testimonials.gif) no-repeat 0px 0px;
}
.testimonial .quote
{
    margin: 0 1.5em;
    margin-bottom: .5em;
    font-size:.9em;
}
.testimonial .by
{
    margin: 1.5em;
    margin-top: 0;
    text-align: right;
    color: #666;
    font-size:.8em;
}

#addthis
{
    margin: 16px 0;
}

#GetStarted
{
    width: 150px;
    background-image: url(../images/LP-Btn-GetStarted.gif);
}
#GetStarted h3
{
    margin: 0px;
    height: 42px;
    text-indent: -5000px;
    background: none;
}
#GetStarted:hover
{
    background-position: 0 -43px;
}

/* FAQ */
.indent-b
{
    margin-bottom: 1.2em;
    background-color: #DFECF5;
    padding: 1em 1em 1.5em 1em;
}
.indent-w
{
    margin-bottom: 1.2em;
    padding: 1em 1em 1.5em 1em;
}
.indent-QA
{
    clear: both;
    width: 2em;
    float: left;
    text-align: center;
    margin-top: .6em;
}
.indent-QA h1
{
    margin: 0;
}

.indent-question
{
    margin: .6em 0 0 2.5em;
    padding-top: .3em;
}

.indent-question p
{
    margin: 0;
}

.indent-answer
{
    margin: .6em 0 0 2.5em;
    padding-top: .3em;
}

.indent-answer p
{
    margin: 0;
}

/* End Three Easy Steps */

/* Utah Certification */

.UtahLicensePic
{
    position: relative;
    z-index: 0;
}

.UtahLicensePic:hover
{
    background-color: transparent;
    z-index: 50;
}

.UtahLicensePic span
{
    /*CSS for enlarged image*/
    position: absolute;
    background-color: white;
    padding: 5px;
    border: 1px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.UtahLicensePic span img
{
    /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.UtahLicensePic:hover span
{
    /*CSS for enlarged image on hover*/
    visibility: visible;
    bottom: 20px;
    left: 40px; /*position where enlarged image should offset horizontally */
}

.contact-info
{
    clear: both;
    float: none;
    margin: 0;
    padding: .75em;
}

.overflow { overflow:hidden;}

.Full
{
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.floatL
{
    float: left;
}
.floatR
{
    float: right;
}

.FCtr
{
    width: 99%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.FLf
{
    width: 99%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.ninety
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.half
{
	float: left;
	width: 49%;
}

.oneFourth
{
    width: 24%;
}

.threeFourths
{
    width: 74%;
}

/* ---------- Titles ---------- */
.title
{
    height: 41px;
    width: 100%;
    display: block;
    text-indent: -5000px;
    margin-bottom: 0px;
    margin-top: 2em;
}

#title-Affiliations
{
    background: url(../images/title_Affiliations.gif) no-repeat #ffffff;
}
#title-FinancialCalcs
{
    background: url(../images/title_FinancialCalcs.gif) no-repeat #ffffff;
}
#title-MoneyMng
{
    background: url(../images/title_MoneyMng.gif) no-repeat #ffffff;
}
#title-PersonalFinance
{
    background: url(../images/title_PersonalFinance.gif) no-repeat #ffffff;
}

/*---------- Message Box ----------*/

.msgBox
{
    margin: auto;
    padding: 1em;
    width: 85%;
    clear: both;
    float: none;
    font-size: .9em;
    margin-bottom: 20px;
    background-color: #d4e4f3;
}
.msgImg
{
    float: left;
    margin: : 10px 8px 0 0;
}
.msgTxt
{
}
.msgTxt h3
{
    margin: 0;
}
.msgTxt p
{
    margin: 0;
}


/*---------- Hide clearspring object ----------*/
#atff
{
    display: none;
}
