/* 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:#009a8a}
a:hover {text-decoration:underline; color:#00a997}

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:406px; background:url(images/banner-bg.jpg) top center no-repeat; min-width:958px}
.banner .headline {float:right; margin:30px 15px 25px 0}
.banner .question {float:right; margin:0; width:520px}
.banner .question label {float:left; margin:0 0 20px 0; font-size:23px; line-height:28px; color:#00a997; font-weight:bold; letter-spacing:-1px}
.banner .question select {float:left; margin:0; width:325px; 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:#00a997}
.banner .question input#submit {float:right; margin:0; background:url(images/button-applynow.png) 0 0 no-repeat; width:145px; height:47px; text-indent:-9999px; padding:0; border:none; cursor:pointer}
.banner .question input#submit:hover {background:url(images/button-applynow.png) 0 -47px no-repeat}

/* BENEFITS */
.benefits {border-bottom:1px solid #d9d9d9; padding:15px 10px 30px 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:16px; line-height:20px; color:#666}
.benefits2 img {margin-bottom:30px}
.benefits2 p {margin:0 0 17px 0}
.benefits2 h3 {font-size:20px; color:#00a997; margin:0 0 17px 0; line-height:24px}
.benefits2 ul {float:left; margin-top:30px; padding:0 0 0 10px; width:350px}
.benefits2 ul li {width:100%; text-align:left; font-size:17px; line-height:25px; margin:0 0 6px 0}
.benefits2 ul.column2 {width:459px; float:right}
.lenderlogos {padding:40px 10px}
.lenderlogos img {float:left}
.lenderlogos img.last {float:right}

.costtable h3 {font-size:20px; color:#00a997; margin:0 0 17px 0; line-height:24px; text-align:center}
.costtable.wrap {border-top:1px solid #d9d9d9; padding:36px 10px 15px 10px}
.costtable p {max-width:432px; margin:0 auto 15px auto}
.costtable table {margin:0 auto 25px auto; border-collapse:collapse}
.costtable table td, .costtable table th {border:1px solid #eee; padding:4px 40px}
.costtable table th {font-weight:bold; text-align:left}
.costtable table tr:first-child th {border-top:0}
.costtable table tr:last-child td {border-bottom:0}
.costtable table tr td:first-child, .costtable table tr th:first-child {border-left:0}
.costtable table tr td:last-child, .costtable table tr th:last-child {border-right:0}

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

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

/* FOOTER */
footer {background:url(images/footer-bg.png) top center repeat-x; padding:76px 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:#00a997; font-weight:bold}
.footerlowerlinks a {color:#00a997; font-weight:bold; text-decoration:none}
.footerlowerlinks a:hover {color:#00a997; 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.png) top left repeat-x; clear:both}
.formtitle1 {margin:80px auto 62px auto}
.formcontent {float:left; width:600px; margin-bottom:140px}
.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:#00a997; 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:#00a997}
.asterisk {float:right; font-size:22px; color:#00a997; line-height:22px; margin:12px 5px 0 0}
#dobD, #dobM {width:60px; margin-right:10px}
#dobY {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:#00a997}
.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:47px; 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 -47px 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}

/* 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 .fullwidth strong {color:#00a997}
.bullet {margin-right:20px}

/* THANKS PAGE */
body#thanks {text-align:center}
body#thanks footer {text-align:left}
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:553px}
.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; max-width:584px}
.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:#00a997; 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}

.benefits2 ul {width:55%}
.benefits2 ul li {padding-right:25px; margin-bottom:16px}
.benefits2 ul.column2 {width:45%}
.benefits2 ul.column2 li {padding-left:0}

.lenderlogos {padding:20px 10px}
.lenderlogos img {float:none; width:100%; height:auto; max-width:502px; margin:0 auto; display:block}
.lenderlogos img.last {float:none; clear:both; width:100%; height:auto; max-width:420px; 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:40px 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; width:100%; height:auto; max-width:336px}

/* FORM PAGE */
.formtitle1 {display:none}
.formcontent {float:left; width:100%; margin-bottom:15px}
.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:#00a997; 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:#a7f4ea; 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}

}

@media only screen and (max-width:640px) {
.benefits2 ul {width:100%; margin:0}
.benefits2 ul li {padding-right:0; margin-bottom:16px}
.benefits2 ul.column2 {width:100%}
.benefits2 ul.column2 li {padding-left:0}
}