/* @override http://homesite.formcodedesign.com/css/globalStyle.css */

/* @override http://homesite.formcodedesign.com/css/globalStyle.css */

/* @override http://homesite.formcodedesign.com/css/globalStyle.css */


/* GLobals */

body{
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
	line-height: 180%;;
	background: #faf9f7 url(../images/bodyShadow.jpg) repeat-y top center;
}

h1#home{
	color:#303108;
	font-size:16px;
	padding-bottom: 10px;
}
h2{font-weight: normal;}
h3 {margin: 10px 0;}

*{
	margin:0;
	padding:0;
}
a {color: #89703a;}
#mainContainer{
	width:100%;
}
.in-r {padding-right:20px}

div {display: block; overflow: hidden;}

.pageWidth{
	margin:0 auto;
	width:1006px;
}

#topsubbarwide {width:100%; background: #e1e2e6;}
#topsubbar {height:16px; width:950px; margin: 0 auto; background-color:#002337}

.leftShadow{
	background: transparent url(../images/leftShadowFill.jpg) repeat-y top left;
	width:1006px;
	margin:0 auto;
}

.rightShadow{
	background: transparent url(../images/rightShadowFill.jpg) repeat-y top right;
	width:950px;
	margin:0 auto;
	padding:0 28px;
}

.whiteBG{
 background-color:#FFFFFF;
}

#topBorder{
	background: transparent url(../images/topBorder.jpg) repeat-x left top;
}
/*Headr*/

img#homesiteLogo{
	padding-top:19px;
	width:314px;
	float:left;
}




#headNav{
	float:right;
	width:636px;
}

#headNavTop{
	height:19px;
	background-color:#002337;
	float:right;
	padding: 0 0 4px;
}


#headNavTop ul{
	list-style:none;
}

#headNavTop ul li{
	float:left;
}

#headNavTop ul li a{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:0 12px;
	cursor: pointer;
}

#noBorder a{
	border:none!important;
}

#callToday{
	color:#1B1B1B;
	font-size:16px;
	padding-top:15px;
	text-align:right;
	width:622px;
}

#headNavBottom{
	margin-top:27px;
	width:636px;
}

#headNavBottom ul{
	list-style:none;
}

#headNavBottom ul li{
	float:left;
}

#headNavBottom ul li a{
	text-decoration:none;
	font-family:"Arial",Helvetica,sans-serif; /*Arial Narrow*/
	letter-spacing: -1px;
	font-size:19px !important;
	margin:0 5px !important; /*0 10px */
	color:#1B1B1B;
}

#headNavBottom ul li a:hover{
	text-decoration:none;
	color: #9b8961;
	border-bottom: 1px dotted #9b8961 !important;
}
/*Banner*/

.leftBannerShadow{
	background: transparent url(../images/leftColoredShadow.jpg) repeat-y top left;
	width:1006px;
	margin:0 auto;
}

.rightBannerShadow{
	background: transparent url(../images/rightColoredShadow.jpg) repeat-y top right;
	width:950px;
	margin:0 auto;
	padding:0 28px;
}

#bannerBG{
 background-color:#f4f3ef;
}

#bannerNav{
	width:314px;
	height:268px;
	float:left;
	background-color:#002538;
}

#bannerNav ul{
	list-style:none;
	padding-top:0px;
}

#bannerNav ul li a{
	display:block;
	overflow:hidden;
	text-indent:-999px;
	height:36px;
	width:100%;
	padding:9px 0;
	text-decoration:none;
	
}

#link1{background:#002538 url(../images/link1-get-approved.gif) no-repeat left center;}
#link1:hover{background:#4e584c url(../images/link1-get-approved_over.gif) no-repeat left center;}
#link2{background:#002538 url(../images/link2-viewloan-programs.gif) no-repeat left center;}
#link2:hover{background:#4e584c  url(../images/link2-viewloan-programs_over.gif) no-repeat left center;}
#link3{background:#002538 url(../images/link3-guaranteed-lowest-rates.gif) no-repeat left center;}
#link3:hover{background:#4e584c  url(../images/link3-guaranteed-lowest-rates_over.gif) no-repeat left center;}
#link4{background:#002538 url(../images/link4-mortgage-calculators.gif) no-repeat left center;}
#link4:hover{background:#4e584c  url(../images/link4-mortgage-calculators_over.gif) no-repeat left center;}
#link5{background:#002538 url(../images/link5-restoring-your-credit.gif) no-repeat left center;}
#link5:hover{background:#4e584c  url(../images/link5-restoring-your-credit_over.gif) no-repeat left center;}

#banner{
	width:636px;
	height:268px;
	float:left;
}

#banner img{
	width:636px;
	height:268px;
}

/*Corners - Rounded*/
.blueButton {
    margin: 10px 0 10px 20px;
    color: #fff;
	font-size:14px;
	text-decoration: none !important;
	font-weight:normal;
    width: 220px;
    padding: 4px 12px;
    text-align: left;
    background-color: #002538;
    border: 0px solid #fff;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
h2.blueButton a  {color: #fff; text-decoration: none !important;}

/*Body*/

#bodyLeft{
	font-size:16px;
	padding:33px;
	width:248px;
	float:left;
	background-color:#FFFFFF;
	height:171px;
}

#mainContent{
	float:left;
	width:636px;
	color:#303108;
}

.pageBodyBGColor{
	background-color:#eae7de;
}

#mascot{
	float:right;
	margin-right:10px;
}

#textContent{
	float:left;
	width:340px;
	padding:15px 0;
}
#bodyContent{
	float:left;
	padding:20px;
	width:340px;
}
#bodyContent p{
	font-size: 14px;
}

.more{
	padding-top:15px;
}
/*Footer*/

#footerContainer{
	width:100%;
	background: transparent url(../images/bottomFill.jpg) repeat-x left top;
	height:45px;
}

#bottomLeftShadow{
	width:28px;
	height:45px;
	background:transparent url(../images/bottomLeftShadow.jpg) no-repeat;
	float:left;
}

#bottomRightShadow{
	width:28px;
	height:45px;
	background:transparent url(../images/bottomRightShadow.jpg) no-repeat;
	float:right;
}

#footerArea{
	width:934px;
	float:left;
	background:transparent url(../images/footerBorder.jpg) repeat-x left top;
	font-size:12px;
	padding:8px;
	color:#113245;
}

#footerMenu{
	float:right;
}

#footerInfo {float: left;}

#footerArea a {
	color:#113245;
	text-decoration:none;
	
	cursor: pointer;

}

#footerMenu a:hover {
	border-bottom:1px dotted #113245 !important;
	color:#113245;
	text-decoration:none;
	
	cursor: pointer;

}

/*##### SUB PAGES #####*/
#subMainPane{
	float:left;
	/*margin:30px 30px 30px 40px;*/
	padding:30px;
	width:580px;
	color:#4d4d4d !important;
	
}

#subMainPane span{
	display:block;
}


#subRightPane{
	background-color:#eae7df;
	width:290px;
	float:right;
	padding:20px 0;
}
#subleftPane{
	background-color:#eae7df;
	width:205px;
	float:left;
	padding:20px 0;
	height:410px;
}
#fillOutFormJPG{
	background:transparent url(../images/fillOutForm.gif) no-repeat;
	color:#FFFFFF;
	font-size:18px;
	line-height: 18px;
	font-weight:bold;
	margin-left:18px;
	padding: 10px 0 20px;
	text-align: center;
	width:255px;
}

#fillOutFormJPG span{
	display:block;
	font-size:10px;
}

#noBigDownPaymentJPG{
	margin-left:18px;
	padding-top:6px;
}

#signupENewsletter{
	background:transparent url(../images/signupENewsletter.jpg) no-repeat;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:49px;
	margin-left:18px;
	padding-bottom:3px;
	padding-left:15px;
	padding-top:4px;
	width:255px;
	cursor: pointer;
}
#signupENewsletter:hover {cursor: pointer;}

div#subRightPane a{text-decoration: none; color: #fff;}

#mortgageCalculatorJPG{
	background:url(../images/mortgageCalculator.jpg) no-repeat #b1a285;
	color:#FFF;
	font-weight:bold;
	margin-left:19px;
	padding:21px 0 10px 31px;
	width:223px;
}

#mortgageCalculatorJPG span{
	display:block;
	font-size:11px;
}

#mortgageCalculatorJPG input,
#mortgageCalculatorJPG form select.input{width: 190px;}
#mortgageCalculatorJPG input[type="image"]{width: auto;}
input#mainButton { margin: 0 55px;}
.disabled { height: 30px; font-size: 20px; background: #e4dcce; color: #002337; border: 1px solid #b5a687; margin-left: 4px;}

#mortgageCalculatorJPG input[name="payment"]{width: 180px;}
.payment {float: left; font-size: 30px; color: #000;}

#termYears{
	margin-bottom:7px;
	width:100px !important;
}

#calculate{
	
	background: transparent url(../images/calculate.jpg) no-repeat center top;
	
	
	border:0px;
	cursor:pointer;
}

#caclTitle{
	font-family: Arial Narrow !important;
	font-size:18px!important;
	font-weight:normal;
}

#payment{
	background-color:#C3B89F;
	border:medium none;
	color:#FFFFFF;
	margin-left:7px;
	padding-left:3px;
	width:130px !important;
}

h1#sub{
	border-bottom:1px solid #4d4d4d;
	font-size:28px;
	line-height: 30px;
	font-weight:normal;
	margin-bottom:20px;
	padding-bottom: 4px;
}


#textBlock{
	padding:20px 20px 7px;
	margin-bottom:7px;
	background-color:#EAE7DF;
	margin-bottom:10px;}

#textBlock ul{
	margin: 20px 30px;
}
.expander{
	border-bottom:1px dotted #4d4d4d;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px 0 2px 15px;
	background:transparent url(../images/collapsed.jpg) no-repeat scroll 0 5px;
}

.expanded{
	border-bottom:1px dotted #4d4d4d;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
	padding:2px 0 2px 15px;
	background:transparent url(../images/expanded.jpg) no-repeat scroll 0 7px;
}

.fieldNameDiv{
	clear:left;
	float:left;
	margin:8px 0 0 0;
	width:130px;
	padding:2px 0 0 0;
}

.inputDiv{
	float:left;
	margin-top:5px;
 	width:210px; 
	padding:2px;
}

.inputDiv input,select{
	width:200px;
}

.inputDiv textarea{
	width:400px;
}

.required{
	float:right;
	color:red;
}

/*HELP CENTER*/
h2.helpcenter {display: block; padding: 10px 0 10px 50px; line-height: 85%;background: url(../images/help_saver.gif) no-repeat left center; font-weight: normal;}
a.arrowlink1 {background: url(../images/arrowink1.gif) no-repeat left center; padding-left: 12px; color: #5e4d27; font-weight: bold;}
img.imglift {margin-top: -20px;}

p {padding: 7px 0}
#loanmod ul { margin: 10px;}
#loanmod ul li { margin: 10px 20px}

/*RATES*/
.rates div.unit.size2of3 ul{ margin-left: 25px;}

/*Loan Approval Application*/
.required2{
	display:block;
	padding-top:10px;
	font-weight:bold;
	font-size:13px;
}

.required3, .required3 input{
	width:115px;
	display:block;
	float:left;
}


/*foreclosure help center  list*/

#foreclosurelist { padding-left: 20px;}
div.acc { padding: 5px; cursor: pointer;}

#foreclosurelist h4 {font-size: 13px;}


#foreclosurelist h4 i { font-size: 10px; color: #aaa;}

/*newsletter*/
#newsletter { padding: 20px; border: 1px solid lightgrey; width: 220px; margin-left: 40px; font-size: 14px; margin-top: 20px;}

#newsletter input {border: 1px solid lightgrey; padding: 5px; font-size: 14px; margin-bottom: 10px; cursor: pointer;}
#newsletter input[type="submit"] {margin-top: 10px; margin-bottom: 0; cursor: pointer;}



/*contact*/

#contact form div div { padding: 0;}
#contact div.size1of2.unit { width: 50%; padding-left: 20px;}
#contact div.size1of2.unit.right { width: 40%;}
#contact textarea { width: 450px; height: 100px;}
#contact input[type="submit"] {margin-top: 10px; margin-bottom: 0;}
#contact  input, #contact select {border: 1px solid lightgrey; padding: 5px; font-size: 14px; margin-bottom: 10px; }



#contact div.topcontact { margin-left: 40px; margin-bottom: 40px;font-size: 120%;}
#contact div.topcontact p { padding-bottom: 25px; }

#contact div.contactform, div.applicartionform {padding: 20px 40px; margin-left: 40px; margin-bottom: 40px;border: 1px solid lightgrey; }
div.applicartionform {padding: 0px 40px 10px;}

#contact div.contactform p, div.applicartionform p {font-weight: bold; font-size: 14px; margin-bottom: 10px;}
div.applicartionform { margin-left: 20px;}

div.applicartionform input, div.applicartionform select {border: 1px solid lightgrey; padding: 5px; font-size: 14px; margin-left: 5px;}


div.applicartionform li {margin-left: 20px;list-style-type: none; padding-bottom: 5px;}
input.noborder {border: 0px solid #fff !important;} 
div.applicartionform form h1 { font-size: 16px; }

div.disclaim {font-size: 10px; line-height: 12px; padding-top: 40px;}





#loanmod div.unit.size1of2 .in-r { margin: 20px 0 10px 10px; border: 1px solid lightgrey; border-top: 5px solid lightgrey; padding: 10px;}

div#lildudeside { padding:0 20px; text-align: center;}

.loanprogs h2 { border-bottom: 1px solid #eae7df; color: #89703a; font-size: 16px;}
.loanprogs p { padding-bottom:20px;}



/*sendtoafriend*/
#sendtoafriend div.fxwrap {padding-left: 70px;}
#sendtoafriend #step1 p {padding-bottom: 40px;}

#sendtoafriend div.fxwrap label {display: block;width: 200px; height: 40px; float: left; }
#sendtoafriend input {width: 200px;}
#sendtoafriend input[type="submit"] {width:100px; margin-left: 100px;}
#sendtoafriend textarea {width: 400px;}

.hdrgreen{
	color:green;
}

.ornge{
	color:orange;
}
/*calculators*/
div.calculators { padding: 20px 40px}
div.calculators li { padding: 10px}
div.calculators ul li b {font-size: 16px;}

#cboxLoadedContent div center a {display: none;}

a.rateslink {width: 200px;height: 50px; display: block; text-align: center; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; padding-top: 12px;background: url(/images/rates-button.jpg) no-repeat;}


.restoringcredit ul { padding: 5px 5px 20px 20px; }