html {overflow-y: scroll;}

body {margin:0; font-family:Arial, Helvetica, sans-serif; background:url(/images/bg.jpg) top center no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

/* Fonts */

@font-face {font-family:'RobotoMedium';
    src: url('/includes/fonts/Roboto-Medium-webfont.eot');
    src: url('/includes/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('/includes/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/includes/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {font-family:'RobotoRegular';
    src: url('/includes/fonts/Roboto-Regular-webfont.eot');
    src: url('/includes/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/includes/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/includes/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight:normal; font-style:normal;}

/* The Usuals */

h1 {font-size:21px; line-height:28px; color:#2d2d2d; font-weight:normal; margin:0 0 15px 0; font-family:'RobotoMedium';}
h2 {font-size:22px; line-height:30px; color:#555656; font-weight:normal; margin:20px 0 0 0; font-family:'RobotoMedium';}
h3 {font-size:16px; line-height:20px; color:#175172; font-weight:bold; margin:10px 0;}
h4 {font-size:20px; line-height:24px; color:#175172; font-weight:normal; margin:10px 0; font-family:'RobotoMedium';}
h5 {font-size:18px; line-height:22px; color:#248bc3; font-weight:normal; margin:10px 0;}

p {font-size:16px; line-height:22px; color:#2d2d2d; margin:15px 0;}

ul {}
li {}

a {color:#298abf; font-weight:normal; text-decoration:none;}
a:hover {}
a img {border:none;}

hr {color:#c2ccd2; background:#c2ccd2; height:1px; border:none; margin:10px 0;}

/* Common Elements */

.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 */

:focus {outline:0}

input, textarea {font-family:Arial, Helvetica, sans-serif;}

/* Shell */

.centersite {width:970px; margin:0 auto;}

.body {background:#fff; padding:10px 15px 10px 15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:-5px 0;}

/* Header */

#header {height:170px;}
#header .top {height:115px;}
#header .bottom {padding:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#3091c6; /* Old browsers */
background: -moz-linear-gradient(top,  #3091c6 0%, #1b7aaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3091c6), color-stop(100%,#1b7aaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3091c6 0%,#1b7aaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3091c6', endColorstr='#1b7aaf',GradientType=0 ); /* IE6-9 */
}

#header .logo {float:left; margin:10px 0 0 0;}
#header .logo a {width:215px; height:95px; background:url(/images/logo.png); display:block; text-indent:-9999px;}

#header .nav {float:left; margin:0 0 0 20px;}
#header .nav ul {margin:15px 0 0 0; padding:0;}
#header .nav li {margin:0 10px 0 0; padding:0; list-style:none; float:left; text-transform:uppercase; font-size:18px; line-height:30px; font-family:'RobotoMedium'; letter-spacing:.5px;}
#header .nav li a {color:#175172; font-weight:normal; text-decoration:none; display:block; padding:10px 15px;}
#header .nav li a:hover, #header .nav li.on a {text-decoration:underline; color:#248bc3;}
#header .nav li.on a {background: #fbfeff; /* Old browsers */
background: -moz-linear-gradient(top,  #fbfeff 0%, #d9f0fa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfeff), color-stop(100%,#d9f0fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfeff 0%,#d9f0fa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfeff 0%,#d9f0fa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfeff 0%,#d9f0fa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfeff 0%,#d9f0fa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#d9f0fa',GradientType=0 ); /* IE6-9 */
}
#header .nav li.login a {font-size:26px; color:#fff; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:#3091c6; /* Old browsers */
background: -moz-linear-gradient(top,  #3091c6 0%, #1b7aaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3091c6), color-stop(100%,#1b7aaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3091c6 0%,#1b7aaf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3091c6 0%,#1b7aaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3091c6', endColorstr='#1b7aaf',GradientType=0 ); /* IE6-9 */
}
#header .nav li.login a:hover {text-decoration:none; background:#095d8c;}

#header .lender {float:right; margin:10px 0 0 0; width:175px; height:95px; background:url(/images/spacer.gif); display:block; text-indent:-9999px;}

#header .bottom {font-size:11px; line-height:1px; color:#fff; text-transform:uppercase; text-align:right;}
#header .bottom a {font-size:11px; color:#fff; text-transform:uppercase;}
#header .bottom ul {margin:0; padding:0;}
#header .bottom li {margin:0 5px 0 0; padding:0; list-style:none; float:left; color:#fff; font-size:16px; line-height:22px; font-family:'RobotoRegular'; text-transform:none;}
#header .bottom input {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#444;}
#header .bottom input[type=text] {width:160px; background:#fff; border:none; padding:6px 5px; margin:0 15px 0 0;}
#header .bottom input[type=submit] {background:#76b330; border:#e5e3e3 2px solid; color:#fff; font-size:19px; line-height:21px; text-transform:uppercase; padding:0 5px; font-family:'RobotoMedium';}
#header .bottom input[type=submit]:hover {background:#58980e;}
/* Home Elements */

.homepic {width:475px; float:left;}
.hometext {width:420px; float:right;}

/* Loan Layout */
.loan {padding:5px 15px; background:url(/images/form.jpg) 400px 0 repeat-y #fff;}
.loan .left {width:400px; float:left;}
.loan .right {width:500px; float:right;}

.loan ul {margin:10px 0 20px 0; padding:0;}
.loan li {margin:0; padding:3px 0; list-style:none; font-size:16px; line-height:22px; color:#248bc3;}
.loan li span {width:90px; text-align:right; display:inline-block;}

.loan li strong {width:230px; font-weight:normal; background:url(/images/form_arrow.jpg) left no-repeat #e1ecf3; padding:3px 15px; display:inline-block; font-size:16px; line-height:18px; color:#2d2d2d;}
.loan li strong input[type=text] {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}
.loan li strong input[type=password] {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}
.loan li strong select {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}

.loan .right li span {width:110px;}
.loan .right li span.status {width:60px;}
.loan .right li strong {width:110px;}

.loan ul.tabs {margin:0;}
.loan ul.tabs li {float:left; color:#2d2d2d; margin:0 10px 0 0; padding:6px 12px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.loan ul.tabs li.on {background:#e1ecf3;}
.loan ul.tabs input {margin:0; padding:0;}

/* Password Layout */
.password {padding:5px 15px; background:#fff;}

.password ul {margin:10px 0 20px 0; padding:0; text-align:center;}
.password li {margin:0; padding:3px 0; list-style:none; font-size:16px; line-height:22px; color:#248bc3;}
.password li span {width:150px; text-align:right; display:inline-block;}

.password li strong {width:230px; font-weight:normal; background:url(/images/form_arrow.jpg) left no-repeat #e1ecf3; padding:3px 15px; display:inline-block; font-size:16px; line-height:18px; color:#2d2d2d;}
.password li strong input[type=text] {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}
.password li strong input[type=password] {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}
.password li strong select {border:0px;background-color:#E1ECF3;width:235px;font-size:16px;}



.commentbox {margin:0 0 20px 0; background:#e1ecf3; padding:10px 15px; -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0;}
.commentbox input[type=radio] {margin:0 5px 0 20px;}
.commentbox input[type=text] {background:#c4ddec; border:none; padding:3px 6px; font-size:15px; line-height:21px; color:#2d2d2d; width:100px; margin:0 4px 0 0;}
.commentbox textarea {width:440px; padding:12px; height:110px; font-size:16px; line-height:18px; color:#2d2d2d;}

.btnGreen {font-size:18px; line-height:22px; background:#76b330; color:#fff; padding:5px 8px; font-family:'RobotoMedium'; border:none; margin:15px 0 0 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-transform:uppercase;}
.btnGreen:hover {background:#58980e;}

.btnRed {font-size:18px; line-height:22px; background:#cc0000; color:#fff; padding:5px 8px; font-family:'RobotoMedium'; border:none; margin:15px 0 0 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-transform:uppercase;}
.btnRed:hover {background:#b40c0c;}

.PasswordText {font-size:13px; color:#cc0000;text-decoration:underline;cursor:pointer;}

/* Interiors */

.map {float:right; margin:15px 0 0 40px;}
.map iframe {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

/* Footer */

#footer {background:#fff; padding:5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:25px 0;}

#footer .trinity {width:120px; height:54px; background:url(/images/trinity.png); float:left; cursor:pointer; margin:5px 0px 5px 0px;}
#footer .right {width:800px; padding:2px 30px 0 0; float:right;}

#footer ul {margin:0; padding:0; border-bottom:#248bc3 1px solid;}
#footer li {margin:0 40px 0 0; padding:0; list-style:none; float:left; font-size:18px; line-height:22px; text-transform:uppercase; font-family:'RobotoMedium';}
#footer li a {color:#175172; font-weight:normal; text-decoration:none;}
#footer li a:hover {color:#248bc3; font-weight:normal; text-decoration:none;}

#footer p {font-size:11px; line-height:18px; color:#454545; margin:2px 0 0 0;}

table th {background-color:#207FB4;color:#ffffff;}

.clsWarning {color:#FF7F2A;}
.clsSuccess {color:#459A45;}
.clsError {color:#FF0000;}

.clsMsgResponse {
  text-align:center;
  vertical-align:central;
  padding: 10px;
}