/* 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-size: 100%; vertical-align: baseline}
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}

/* TEMPLATE */
body {font-size:14px; line-height:19px; color:#666; font-family:Arial, Helvetica, sans-serif}
a, .highlight {text-decoration:none; font-weight:bold; color:#0089d0}
a:hover {text-decoration:underline; color:#0089d0}

p, h1, h2, h3, h4, ol, ul, table {margin:0 0 15px 0}
.wrap {width:938px; margin:0 auto; clear:both; padding:0 10px; position:relative}

ul {list-style:disc; padding:0 0 0 30px}
ol {list-style:decimal; padding:0 0 0 30px}
ul li, ol li {margin:0 0 5px 0}

h1 {font-size:21px; line-height:24px}
h2 {font-size:21px; line-height:24px}
h3 {font-size:14px; line-height:18px}
h4 {font-size:12px; line-height:18px}

/* HEADER */
header {width:938px; margin:0 auto; padding:0 10px}
.logo {float:left; margin:23px 0 26px 0}
.thirtysecondapplication {float:right; margin:30px 0 32px 0}

/* BANNER */
.banner {clear:both; width:100%; height:442px; background:url(../images/banner-bg.jpg) top center no-repeat; min-width:958px}
.banner .headline {margin:33px 0 0 -30px}
.banner .question {margin:0 54px 0 0; width:520px}
.banner .question label {float:left; margin:0 0 20px 0; font-size:23px; line-height:28px; color:#FFFFFF; font-weight:bold; letter-spacing:-1px}
.banner .question select {margin:0; width:285px; border:1px solid #d3d3d3; color:#777; font-size:19px; line-height:30px; padding:10px 15px; font-weight:bold; letter-spacing:-1px}
.banner .question select:focus {outline:none; border-color:#0089d0}
.banner .question input#submit {margin:0; background:url(../images/button-applynow.png) 0 0 no-repeat; width:146px; height:46px; text-indent:-9999px; padding:0; border:none; cursor:pointer}
.banner .question input#submit:hover {background:url(../images/button-applynow.png) 0 -46px no-repeat}

/* BENEFITS */
.benefits {border-bottom:1px solid #d9d9d9; padding:30px 10px 43px 10px}
.benefits img {float:left; margin:0 72px 0 0}
.benefits img.last {float:right; margin:0}
.benefits2 {border-bottom:1px solid #d9d9d9; padding:36px 10px 31px 10px; text-align:center; font-size:19px; line-height:39px; color:#666}
.benefits2 img {margin-bottom:10px}
.benefits2 p {margin:0}
.lenderlogos {padding:40px 10px}
.lenderlogos img {float:left}
.lenderlogos img.last {float:right}

/* TESTIMONIALS */
.testimonials {clear:both; width:100%; padding-top:47px; margin-bottom:64px; min-width:958px;
background: #cfebff;
background: -moz-linear-gradient(top, #cfebff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfebff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #cfebff 0%,#ffffff 100%);
background: -o-linear-gradient(top, #cfebff 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #cfebff 0%,#ffffff 100%);
background: linear-gradient(to bottom, #cfebff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfebff', endColorstr='#ffffff',GradientType=0 );}
.testimonials .title {margin:0 auto 46px auto; display:block}
.testimonial1 {float:left; width:440px}
.testimonial2 {float:right; width:475px}
.testimonials .wrap div img {float:left; margin:0 15px 125px 0}
.testimonials strong {color:#0077c1; font-size:15px}
.testimonials p {margin-bottom:5px}

a.button-apply {background:url(../images/button-applynow.png) 0 0 no-repeat; width:146px; height:46px; text-indent:-9999px; display:block; margin:0 auto}
a.button-apply:hover {background:url(../images/button-applynow.png) 0 -46px no-repeat}

/* FOOTER */
footer {background:url(../images/footer-grassstrip.png) top center repeat-x; padding:106px 0 60px 0; font-size:12px; line-height:16px; width:100%; clear:both; min-width:958px}
.footerlower {border-top:1px solid #d9d9d9; margin-top:45px; padding-top:30px}
.copyright {float:left; font-size:11px; line-height:16px; color:#777}
.footerlowerlinks {float:right; color:#0089d0; font-weight:bold}
.footerlowerlinks a {color:#0089d0; font-weight:bold; text-decoration:none}
.footerlowerlinks a:hover {color:#0089d0; text-decoration:underline}
.footerlower img.securesite {float:right; margin:0 0 0 32px; clear:both}
.footerlower img.footerlogo {float:right; margin:19px 0 0 0}

/* FORM PAGE */
.fullwidth {background:url(../images/banner-bg2.jpg) top center no-repeat; clear:both}
.formtitle1 {margin:80px auto 62px auto}
.formcontent {float:left; width:600px}
.formsection {background:url(../images/form-sectionrepeat.png) 0 0 repeat-y}
.formsection .top {width:600px; height:30px; background:url(../images/form-section1top.png) 0 0 no-repeat}
.formsection1 .bottom {width:600px; height:79px; background:url(../images/form-section1bottom.png) 0 0 no-repeat}
.formsection2 .bottom {width:600px; height:67px; background:url(../images/form-section2bottom.png) 0 0 no-repeat}
.formcontentfields {padding:0 18px}
.formcontentfields .title {margin:0 27px 24px 12px; border-bottom:1px solid #ccc; float:left; width:525px}
.formcontentfields .title img {float:left; margin:0 0 13px 0}
.formcontentfields .title p {float:right; margin:4px 0 0 0; font-size:12px; line-height:22px; position:relative; color:#777}
.formcontentfields .title p strong {font-size:22px; color:#0089d0; line-height:22px; position:relative; top:6px}
.formcontentfields div.field {margin:0; position:relative; float:left; clear:both; width:525px; padding:6px 12px}
.formcontentfields div.field:hover {background:url(../images/tooltip-fieldbg.png) 0 0 no-repeat}
.formcontentfields label {float:left; width:247px; font-size:14px; color:#777; line-height:18px; padding:9px 0; clear:both}
.formcontentfields select {float:left; margin:0; width:216px; border:1px solid #d3d3d3; color:#777; font-size:14px; line-height:19px; padding:8px; margin:0 0 14px 0}
.formcontentfields input {float:left; margin:0; width:198px; border:1px solid #d3d3d3; color:#777; font-size:14px; line-height:19px; padding:8px; margin:0 0 14px 0}
.formcontentfields select:focus, .formcontentfields input:focus {outline:none; border-color:#0089d0}
.asterisk {float:right; font-size:22px; color:#0089d0; line-height:22px; margin:12px 5px 0 0}
#dobD, #dobD2, #dobM, #dobM2 {width:60px; margin-right:10px}
#dobY,#dobY2 {width:76px}

.formcontentfields div.field.selected .tip {display:block}
.tip {display:none; width:259px; background:url(../images/tooltip-top.png) 0 0 no-repeat; position:absolute; top:-8px; left:572px; min-height:66px; padding:12px 20px 0 44px; color:#777; font-size:14px; line-height:16px}
.tip h2 {margin:0 0 10px 0; font-size:16px; line-height:18px; color:#0089d0}
.tip .bottom {width:323px; height:6px; background:url(../images/tooltip-bottom.png) 0 0 no-repeat; position:absolute; bottom:0; left:0}

body#form #submit {width:184px; height:46px; background:url(../images/button-quote.png) 0 0 no-repeat; margin:20px 0 50px 0; padding:0; border:none; cursor:pointer; text-indent:-9999px}
body#form #submit:hover {background:url(../images/button-quote.png) 0 -46px no-repeat}

#offerscheckbox {margin:0 8px 110px 0}

.formright {float:right; width:287px; color:#777; font-size:11px; line-height:14px}
.formright img {float:left; margin:0 12px 12px 0}

#partner_fields { display:none; }

/* TERMS PAGES */
body#terms .title {margin:80px 0 40px 0}
body#terms a.button-apply {margin:60px 0 20px 0; float:left}
a.backtotop {text-decoration:underline; float:left; margin:75px 0 80px 258px}
body#terms strong {color:#0089d0}
.bullet {margin-right:20px}

/* THANKS PAGE */
body#thanks {text-align:center}
body#thanks .title {margin:80px auto 40px auto}
body#thanks .title2 {margin:70px auto}

/* CLEARFIX */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

@media only screen and (max-width:640px) {
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}

.wrap {width:100%; margin:0; padding:0 10px}

/* HEADER */
header {width:100%; margin:0}
.logo {float:none; margin:20px auto; display:block; width:100%; height:auto; max-width:399px}
.thirtysecondapplication {float:none; margin:20px auto 20px auto; display:block; width:100%; height:auto; max-width:294px}

/* BANNER */
.banner {width:100%; height:auto; background:none; min-width:200px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3}
.banner .headline {float:none; margin:20px auto; display:block; width:100%; height:auto}
.banner .question {float:none; margin:0; width:100%}
.banner .question label {float:left; margin:0 0 20px 0; font-size:23px; line-height:28px; color:#0089d0; font-weight:bold; letter-spacing:-1px}
.banner .question select {float:left; clear:both; margin:0; width:100%; border:1px solid #d3d3d3; color:#777; font-size:19px; line-height:30px; padding:10px 15px; font-weight:bold; letter-spacing:-1px}
.banner .question input#submit {float:left; clear:both; margin:20px 0}

/* BENEFITS */
.benefits {padding:20px 10px}
.benefits img {float:left; margin:0 0 20px 0; clear:both}
.benefits img.last {float:left; margin:0 0 20px 0}
.benefits2 {padding:20px 10px; line-height:24px}
.benefits2 img {margin-bottom:19px; width:100%; height:auto}
.benefits2 p {margin:0 0 19px 0}

.lenderlogos {padding:20px 10px}
.lenderlogos img {float:none; width:100%; height:auto; max-width:393px; margin:0 auto; display:block}
.lenderlogos img.last {float:none; clear:both; width:100%; height:auto; max-width:501px; margin:0 auto; display:block}

/* TESTIMONIALS */
.testimonials {padding-top:20px; margin-bottom:20px; min-width:200px;}
.testimonials .title {margin:0 auto 20px auto; width:100%; height:auto; display:none}
.testimonial1 {float:left; width:100%; margin-bottom:20px}
.testimonial2 {float:left; width:100%; clear:both; margin-bottom:20px}
.testimonials .wrap div img {margin:0 15px 15px 0}

/* FOOTER */
footer {padding:85px 0 30px 0; min-width:200px}
.footerlower {margin-top:20px; padding-top:20px}
.footerlowerlinks {float:left; clear:both}
a.footercredit {margin-top:20px}
.footerlower img.securesite {float:left; clear:both; margin:20px 0}
.footerlower img.footerlogo {float:left; clear:both}

/* FORM PAGE */
.formtitle1 {display:none}
.formcontent {float:left; width:100%}
.formsection {background:none}
.formsection .top {display:none}
.formsection1 .bottom {display:none}
.formsection2 .bottom {display:none}
.formsection2 {margin-top:20px}
.formcontentfields {padding:0}
.formcontentfields .title {margin:0 0 20px 0; border-top:1px solid #ccc; width:100%; border-bottom:none; padding-top:20px}
.formcontentfields .title img {float:left; margin:0 0 5px 0; width:auto; height:auto; max-height:22px;}
.formcontentfields .title p {float:left; margin:0; clear:both}

.formcontentfields div.field {width:100%; padding:0}
.formcontentfields div.field:hover {background:none}
.formcontentfields label {width:100%}
.formcontentfields select {width:95%}
.formcontentfields input {width:95%}
.asterisk {float:right; font-size:22px; color:#0089d0; line-height:22px; margin:12px 0 0 0; width:5%; text-align:right}
#dobD, #dobM {width:70px; margin-right:10px}
#dobY {width:86px}

.formcontentfields div.field.selected .tip {display:block}
.tip {display:none; width:100%; background:#dbea6f; position:static; top:0; left:0; min-height:20px; padding:15px 15px 5px 15px; float:left; clear:both; margin-bottom:20px}
.tip .bottom {display:none}

#offerscheckbox {margin:0 8px 0 0}

.formright {float:left; width:100%; clear:both; margin:20px 0}

/* TERMS PAGES */
body#terms .title {margin:40px 0 20px 0}
body#terms a.button-apply {margin:40px 0 20px 0; float:left}
a.backtotop {text-decoration:underline; float:left; margin:55px 0 40px 20px}

/* THANKS PAGE */
body#thanks {text-align:left}
body#thanks .title {margin:40px auto 10px auto; width:100%; height:auto}
body#thanks .title2 {display:none}

}