/*
Theme Name: L and G Mortgage Banc
Author: Mosaic Group LLC
Author URI: http://mosaicteam.com
Version: 5.09.0
*/
/*global resets*/
* {margin:0; padding:0}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong { font-weight: 700 }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

a {text-decoration: none; color: #5c1218;line-height: 14px;}
a:hover {color: #527691; border-bottom: none;text-decoration: none;}


body { text-align:center; /*For IE6 Shenanigans*/ background: #fff;color: #555555;font-size: 12px;font-family: Helvetica, arial, sans-serif;}  
   
/*************
Main Columns
*************/
#wrapper { width:983px; margin:0 auto; text-align:left; }

#main {margin-top: 6px;margin-bottom: 25px; width: 983px;}

.column {float: left;}

/*************
Header
*************/
#header {background: url(/images/header2.png) no-repeat bottom; height:105px; position:relative;}

.contact-info {padding: 5px 0;float: left;}
.contact-info ul {list-style: none; padding-top: 7px;}
.contact-info li {float:left;display: inline;font-size: 10px;}
.contact-info li.phone {background: url(/images/phone.png) no-repeat;height: 13px; padding: 0 13px 0 24px;}
.contact-info li.mail {background: url(/images/mail.png) no-repeat; height:13px ;padding-left: 23px;}

.rates {font-size: 14px;color: #47070c;text-decoration: underline;margin: 10px 0 0 50px;float: left;}

.login {font-size: 14px; color: #527691; margin: 12px 15px 0 0;float: right;}
.login a {color: #527691;}

.pulldown {height: 24px; width: 976px;margin: 3px 4px 0 3px;position:relative; top:52px;left: 0;background: #3577aa url(/images/transparent-bar.png) repeat-x;}
.pulldown img {float: right; margin: -1px 1px 0 0;}

.logo {position: absolute;bottom: 0;left:0;}
.logo img {margin: 0 0 5px 10px;}
.logo a {border-bottom: none;text-decoration: none;}

.navigation {position: absolute;top: 84px; right:10px;float: right;}
.navbar li {display: inline;float: left;padding: 0 10px 10px 10px;border-right: 1px solid #e5e5e5;height: 4px; font-size: 14px;}
.navbar li a {border-bottom: none;}
.navbar li.last {border: none;}

/*************
Sidebar
*************/
#sidebar {border: 1px solid #b2b2b2; /*width: 260px;*/width: 220px;position: relative;float: left;margin-right: 5px;}
#sidebar .inner {margin: 10px 10px 50px 10px; }
#sidebar h2 {font-size: 16px; color: #3180b2;background: /*#e5e5e5*/ url(/images/mortgage-center.jpg) repeat-x;height:22px;margin: 15px 0 1px 0;text-align: center;padding-top: 8px;/*border: 1px solid #ccc;*/text-indent: -9999px;}
#sidebar .box {margin-bottom: 20px;}
/*#sidebar .box img {margin: 10px;float:left;width: 100px;height: 150px;border: 1px solid;}*/
#sidebar .box.info {float: left; font-size: 11px;}
#sidebar .info p {padding: 20px 0 0px 0;}
#sidebar ul {padding: 20px;position: relative;top: -2px;}
#sidebar ul li {padding-bottom: 8px;}


/*************
Banner and Content setup
*************/
#wide-column {/*width: 693px;*/width: 748px;float: left;}

#divider {height: 3px;border-top: 12px solid #a2a0a0; border-bottom: 3px solid #aacade;}

#banner {height: 231px;overflow: hidden;}
#banner .rotator {position: relative;z-index: 1;height: 231px;overflow: hidden;}
#banner .rotator-image {position: relative;z-index: 1;height: 231px;}

/*************
Content
*************/
#content {/*top: 15px;*/top: 5px; border: 1px solid #b2b2b2; position: relative;padding: 20px 20px 33px 20px;}

.box-corner {position: absolute;z-index: 1;top: -4px; right: -1px;height: 7px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .box-corner {top: -5px;}}
.box-bottom {height: 190px; position: absolute;bottom: 1px; left:0;z-index: -1;}
.box-pulldown {height: 22px; width: 100%;position: absolute;bottom: 0;left: 0;background: #525050 url(/images/transparent-bar.png) repeat-x;z-index: 1;}
.box-pulldown img {float: right;}

.section {float: left; border-right: 1px solid #e6e6e6; width: 305px;position: relative;margin-bottom: 20px; height: 100%;padding: 0 15px 0 10px;line-height: 18px;}
.last {border: none;padding-left: 30px;}
.no-border {border:none;}
.border-left {border-left: 1px solid #e6e6e6;}

#content h2 {color: #5c1218; font-size: 24px; padding: 15px 0 20px 0;}
#content h3 {font-size: 16px; color: #5c1218;}
#content hr.divide {margin: 0 50px 0 15px; color: #555555;}
#content p {padding: 15px 15px 0 0; line-height: 18px;}
#content p.intro {line-height: 24px;}
#content a.readmore {float: right; text-decoration: none;}

#content .contact-side {float: right;}
#content .contact-side hr.divide {margin: 0 10px 0 15px;}
#content .contact-side h3 {color: #5c1218; font-size: 15px; padding: 21px 0 23px 0;}
#content .contact-side h4 {font-size: 13px; color: #3180b2;padding: 15px 0 0 0;}
#content .contact-side p {padding: 10px 0 0 0;}

#content ul.territorylist {float:left;border-bottom: 1px solid #D9D9D9;margin-bottom:30px;margin-right:30px;padding-bottom:20px;width:200px;}
#content .tl1 {clear:both;}
#content .territorylist li {padding-bottom: 3px;}
#content .territorylist li.state {font-size: 22px;font-weight: 700;padding-bottom: 15px;}
#content .territorylist ul.territory {margin-bottom: 22px;}
#content .territorylist ul.territory li.companyStates {font-size: 14px;font-weight: 700;color: #527691;padding-bottom: 5px;}
/*************
Quick App and Contact form 
*************/
h2.quick-app { text-indent: -9999px; background: url(/images/quick-app-heading.png) no-repeat;height: 22px;margin: 20px 0 20px 65px;}

/*form*/
#contactEmail {	}
.forms li {	display: block;	padding-bottom: 35px;}
.forms li label {width: 100px;float: left;font-size: 12px;color: #4e83ac;padding: 5px 30px 0 0;text-align: right;}
.forms li input {width: 190px;height: 20px;float: left;background: #e5e5e5;border: 1px solid #939393;padding-top: 3px;}
.forms li input.contact {width: 170px;}
.forms li textarea {width: 190px;height: 100px;	float: left;background: #e5e5e5;border: 1px solid #939393;}
.forms li textarea.contact {width: 170px;}
.forms .buttons {float: left;clear: left;background: #5c1218;height: 25px;width: 65px;color: white;	border: none;margin: 15px 0 0 237px;cursor: pointer;}
.forms .get-started {float: right;background: url(/images/get-started-button.png) no-repeat;height: 40px;border: none;cursor: pointer;margin: 25px -50px 0 0;text-indent: -9999px;}
#contactEmail input.submit {margin: 10px 2px 0 0;background:#D4D4D4; border:1px solid #666666; float:right; padding:2px 14px; position:relative; text-align:center; width:auto; cursor:pointer;}
#contactEmail input.submit:hover {background:#4e83ac; color: #fff;}
.error {float: right;padding-top: 1px;font-size: 11px;color: #e82b2b;}
li input.errorInput {border: 2px solid #e82b2b;	width: 186px;}
li textarea.errorInput {width: 186px;border: 2px solid #e82b2b;}
li input.no-error {	border: none;width: 190px;}
p.alert {padding-bottom: 15px;}


.login-form {width: 385px; margin: 0 auto;}
.login-form fieldset {border:1px solid #666666; margin:5px 0; padding:10px;}
.login-form fieldset fieldset {margin: 0;width:auto;}
.login-form fieldset legend {color: #4E83AC;}
.login-form fieldset ul {margin: 0; width:auto; list-style:none;}
.login-form fieldset li {height: 20px; padding-bottom: 10px; clear: both;position: relative;}
.login-form fieldset li.tall {height: 66px;}
.login-form fieldset li.last {padding-bottom: 0;}
.login-form fieldset li.image {height: auto;}
.login-form fieldset li.image img {float: right;}
.login-form fieldset label {float:left; padding-top:2px; padding-right: 20px; text-align:right; width:135px;}
.login-form fieldset span {float: left; padding:2px 2px 0 2px;}
.login-form fieldset span.right-col {float: left; padding:3px 0 0 0; width: 202px; text-align: left;}
.login-form fieldset span.right-btns {float: right; padding:3px 11px 0;}
.login-form fieldset input, fieldset select, fieldset textarea {float:left; border:1px solid #666666; width:202px; padding:2px 1px; text-align:left;}
.login-form fieldset select {width:206px; height: 20px;}
.login-form fieldset textarea {width:202px; height: 60px;}
.login-form fieldset li.small input {width:81px;}
.login-form fieldset input.file {width:206px;}
.login-form fieldset input.checkbox {width:40px; border:none; padding: 0;float:left;}
input.submit, input.button {background:#D4D4D4; border:1px solid #666666; float:right; padding:2px 14px; position:relative; text-align:center; width:auto; cursor:pointer;}
input.submit:hover, input.button:hover {background:#4e83ac; color: #fff;}


/*************
Tabs for same page tabs
*************/
#tabs {margin: 25px 0;height: 280px;}
#tabs li {float: left; list-style: none;}
#tabs ul a {background: #444444;color: #fff; margin:1px 1px 0 0;padding: 10px 12px;display: block;font-size: 13px;}
#tabs ul a.active {background: #fff;border: 1px solid #3180b2;border-color: #3180b2 #3180b2 white #3180b2;margin-bottom: -1px;color: #555;z-index: 1;font-size:13px;}

#tabs .tab {padding: 0px 0 25px 0;border: 1px solid #3180b2;clear: left;}
#tabs .tab h3 {padding: 25px 0 15px 12px;color: #3180b2;}
#tabs .tab p {padding: 10px 10px 5px 12px;}


/*************
IdTabs Fading Tabs
**************/

.usual {position: relative;}
.usual li { list-style:none; float:left; position: relative;top: 6px;left: 4px}
.usual ul a {
  display:block;
  padding:6px;
  text-decoration:none!important;
  margin:4px;
  background:#e5e5e5 url(/images/transparent-bar.png) repeat-x;
  color: #333;
  border: 1px solid #ccc;
  bottom: 1px;
  font-weight: normal;
}
.usual ul a:hover {
  color:#FFF;
  background:#333 url(/images/transparent-bar.png) repeat-x;
  }
.usual ul a.selected { margin-bottom:0; border-width: 1px; border-style: solid;border-color: #ccc #ccc #fff;cursor:default;background: #fff;color: #5c1218;bottom: 1px;}
.usual div {clear: left;border: 1px solid #ccc;padding: 15px;}


/*************
Detailed Lists
*************/

dl {margin: 15px 0 25px;}
dt {padding: 20px 0 5px;}
dd {padding: 5px 20px;line-height: 18px;}

/*************
Glossary
*************/
.glossary {position: relative;padding-bottom: 25px;}
.glossary ul {list-style: none;margin: 0 auto;}
.glossary li {float: left; padding: 0 7px;list-style: none;position: relative; display: block;width: 10px;text-align: center;font-variant: small-caps;font-size: 14px;}
.glossary li a {display: block;width: 10px;border-bottom: 2px solid; padding-bottom: 2px;}
.glossary li a.selected {text-decoration: none;color: #527691;}
#content .glossary h2 {color: #3180b2;font-size: 32px;font-variant: small-caps;padding-bottom: 5px;}
.glossary dl {margin: 0 0 25px;}
.glossary dt {font-variant: small-caps;padding: 20px 0 5px;font-weight: 700;font-size: 14px;}
.glossary dd {padding: 5px 20px;line-height: 18px;}
#content .glossary div {clear: left; padding-top: 25px;}



/*************
tables
*************/
table.loan-programs {margin: 25px 0;}
.loan-pograms th {
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}
.loan-programs th span {font-size: 15px;font-weight: 700;}

.loan-programs td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 0 20px 15px 20px;
	color: #4f6b72;
}
.loan-programs td span {font-size: 30px;text-align: center;padding-left: 6px;}

table.loan-programs td.alt {
	background: #F5FAFA;
	color: #797268;
}
#content .loan-programs p {padding: 5px 0px 0px 0px;}

/*************
Full Width
*************/
#wide-column.application {width: 983px;}

/*************
Tabs for Application
*************/
#tabmenu {margin: 25px 0px 0px 0px;	padding: 0px;z-index: 1;}
#tabmenu li {display: inline;overflow: hidden;list-style-type: none; }
#tabmenu a, #tabmenu a.active {color: #DEDECF;background: #fff;font-size: 15px;border: 1px solid #a0a0a0;padding: 7px 10px 0 10px;z-index: 11;text-decoration: none; }
#tabmenu a.active {	background: #fff;color: #000;border-bottom: 1px solid #fff;	}
#tabmenu a.active:hover {background: #fff;}
#tabmenu a:hover {color: #000;background: #e5e5e5; }

/*************
Footer
*************/
#footer {font-size: 10px; margin: 20px 0 20px 0;text-align: center;width: 983px;}
#footer #footer-nav {width: 983px;margin-left: 300px;}
#footer li {display: inline;float: left;padding-bottom: 10px;}
#footer li a {padding: 0 8px 0 8px;border-right: 1px solid #5c1218;border-bottom: none;}
#footer li a.last {border: none;}


#states div a {/*padding-bottom:15px;*/}

/* Validation */
input.form-error, select.form-error, textarea.form-error {border-color:red !important;}
label.form-error {width: auto !important; color: red !important; clear: both !important; float: none !important;}
.hide-errors label.form-error {display: none !important;}