/*
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;position: relative;}

/*************
Header
*************/
#header {background: url(../images/header.png) no-repeat; height:110px; position:relative;margin-top: 5px;}

.contact-info ul {list-style: none; padding-top: 7px;float: left;}
.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: 22px; width: 976px;margin: 3px 4px 0 3px;position:absolute; top:39px;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: 85px; right:10px;}
.navbar li {display: inline;float: left;padding: 0 10px 10px 10px;border-right: 2px solid #5c1218;height: 4px; font-size: 14px;}
.navbar li a {border-bottom: none;}
.navbar li.last {border: none;}

/*************
Sidebar
*************/
#sidebar {border: 1px solid #b2b2b2; 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/transparent-bar.png) repeat-x;height:20px;margin: 15px 0 1px 0;text-align: center;padding-top: 8px;font-weight: normal;}
#sidebar h2.mortgage-center {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 {display:block;margin-left: auto;margin-right: auto;margin-top: 10px;margin-bottom: 10px;/*width: 100px;height: 150px;*/border: 1px solid;}
#sidebar .box.info {margin: 0 0 40px;}
/*#sidebar .box.info img {width: 175px;} scaling to proper height and width now*/
#sidebar .box.info p {text-align: center;padding: 0;}
#sidebar .info p {padding: 20px 0 0px 0;}
#sidebar .box.ad img {margin: 10px 0;border: none;}

#sidebar ul {padding: 20px;}
#sidebar ul li {padding-bottom: 8px;}


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

#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:5px; border: 1px solid #b2b2b2; position: relative;padding: 20px 20px 33px;}

.box-corner {position: absolute;z-index: 1;top: -1px; right: -1px;height: 7px;}
.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 scroll 0 0;z-index: 0;}
.box-pulldown img {float: right;}

.section {float: left; border-right: 1px solid #e6e6e6; width: 305px;position: relative;margin-bottom: 20px;padding: 0 15px 0 10px;}
.last {border: none;/*padding-left: 30px;*/}
.border-left {border-left:1px solid #E6E6E6;}

#content h2 {color: #5c1218; font-size: 24px; padding: 15px 0 20px 0;}
#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 {text-align: right; 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;}

/*************
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;}

.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;}

#getrates {width: 322px; position: relative;}
/*************
Forms
*************/
/* Selectors treat both fieldset and a div with class of fieldset */
#appShortForm {width:500px;position: relative;}
div.fieldset, fieldset {display: block;border:1px solid #666666; margin:5px 0; padding:10px;}
div.fieldset legend, fieldset legend {color: #4E83AC;}
div.fieldset div.fieldset, fieldset fieldset {margin:0;}
div.fieldset ul, fieldset ul, ul.submit-form  {margin: 0; width:auto; list-style:none;}
div.fieldset li, fieldset li, ul.submit-form li {height: 20px; padding-bottom: 10px; clear: both;/*position: relative;*/}
div.fieldset li.tall, fieldset li.tall {height: 66px;/*position: relative;*/}
div.fieldset li.last, fieldset li.last, ul.submit-form li.last {padding-bottom: 0;}
div.fieldset label, fieldset label {float:left; padding-top:3px; text-align:right; width:200px;}
div.fieldset span, fieldset span {float: right; padding:3px 2px 0 2px;/*position: relative;*/}
div.fieldset span.right-col, fieldset span.right-col {float: right; padding:2px 0 0 0; width: 226px; text-align: left;}
div.fieldset span.no-pad, fieldset span.no-pad  {padding:0;}
div.fieldset input, div.fieldset select, div.fieldset textarea, fieldset input, fieldset select, fieldset textarea {float:right; border:1px solid #666666; width:222px; padding:2px 1px; text-align:left;}
div.fieldset input.checkbox, fieldset input.checkbox {float:left; border: none; width:auto; padding:0; text-align:left;}
div.fieldset select, fieldset select {width:226px; height: 20px;}
div.fieldset textarea, fieldset textarea {width:222px; height: 60px;position: relative;z-index: 0;}
div.fieldset li.small input, fieldset li.small input {width:86px;}
div.fieldset input.file, fieldset input.file {width:226px;}
input.submit, input.button {background:#D4D4D4; border:1px solid #666666; float:right; position:relative; text-align:center; cursor:pointer;width:60px; padding:2px; height: 24px;overflow: visible;}
input.submit:hover, input.button:hover {background:#4e83ac; color: #fff;}
input.submit.rate-button  {width:80px; text-decoration: none;}
input.button {padding:0}
div.fieldset input.pripol, fieldset input.pripol {font-size:10px;width:200px;text-align:center;}

#cobo {height:0;display:none;} .coboaddr {display:none;}
#cobo {width:auto; margin-bottom: 10px;}
#cobo label {width:235px;}
#cobo span.right-col {width: 209px; }
#cobo input, #cobo div.fieldset select, #cobo div.fieldset textarea, #cobo fieldset select, #cobo fieldset textarea {width:205px;}
#cobo select {width:209px;}
#cobo input.checkbox {width:20px; float:left; width: 20px;}

#calIcon_dBox_est_closing_date {position:relative; left: 256px; top:1px;}
#calSpan_dBox_est_closing_date {position:absolute; left:263px; top:744px; z-index:2}


.getrates {margin: 10px 0 10px 250px;}

/*************
idTabs 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
}
.usual ul a:hover {
  color:#FFF;
  background:#525050 url(/images/transparent-bar.png) repeat-x scroll 0 0;
  }
.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;}

.loan-programs td.alt {
	background: #F5FAFA;
	color: #797268;
}

/*************
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;}

/* 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;}
label.red {color:red !important;}