/* CSS Document */
* {
	margin:0;
	padding:0;
}
html, body {
	text-align:center;
	background:url(../images/bg.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#666;
}
.clear {
	clear:both;
	font-size:0;
	height:0;
}
.dots {
	clear:both;
	background:url(../images/dot.gif) top repeat-x;
	height:8px;
	margin:5px auto;
	width:95%;
	text-align:center;
}


/*------------------------------------ overall containers for L/R page shadow and content ------------------------------------*/
#containerShadow {
	margin:auto;
	padding:0;
	width:800px;
	background:url(../images/bg_content_shadow.jpg) top no-repeat;
}
#containerContent {
	margin:auto;
	padding:0;
	width:770px;
}


/*------------------------------------ header div and nav list ------------------------------------*/
#header {
	margin:auto;
	padding:0;
	width:770px;
	height:90px;
	background:url(../images/header_bg.jpg) top repeat-x;
}
.floatLeft {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
.floatRight {
	float:right;
	display:inline;
	margin:0;
	padding:0;
}

/*---------------------- OLD main nav -------------------------*/
ul.nav {
	list-style:none;
	margin:auto;
	_margin:-4px;
	padding:0 14px;
	width:742px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/nav_bg.jpg) top repeat-x;
}
ul.nav li {
	display:inline;
	list-style:none;
	padding:0 1px;
	margin:0;
}
ul.nav li a {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

/*---------------------- NEW main nav -------------------------*/
ul#mainNav {
	margin:0;
	padding:0 10px;
	width:750px;
	height:26px;
	overflow:hidden;
	list-style:none;
	background:url(../images/nav_bg.jpg) top repeat-x;
}
ul#mainNav li {
	position:relative;
	height:26px;
	margin:0 3px;
	padding:0;
	display:inline-block;
	float:left;
	overflow:hidden;
}

ul#mainNav li#apply 	{ width:81px; }
ul#mainNav li#purchase 	{ width:61px; }
ul#mainNav li#refinance { width:65px; }
ul#mainNav li#equity 	{ width:82px; }
ul#mainNav li#reverse 	{ width:116px;}
ul#mainNav li#other 	{ width:114px;}
ul#mainNav li#resources { width:122px;}
ul#mainNav li#about 	{ width:61px; }

ul#mainNav li a, ul#mainNav li a span {
	position:absolute;
	top:0;
	left:0;
	height:26px;
	color:#efefef;
	cursor:pointer;
}

ul#mainNav li a span {	background:url(../images/nav_tabs.gif) 0 0 no-repeat; }
ul#mainNav a:hover {	background: 0 0;} /* ie6 bug fix */

ul#mainNav li#apply a span {			width:81px; background-position:0 0; }
ul#mainNav li#apply a:hover span {		background-position:0 -26px; }

ul#mainNav li#purchase a span {			width:61px; background-position:-81px 0; }
ul#mainNav li#purchase a:hover span {	background-position:-81px -26px; }

ul#mainNav li#refinance a span {		width:65px; background-position:-142px 0; }
ul#mainNav li#refinance a:hover span {	background-position:-142px -26px; }

ul#mainNav li#equity a span {			width:82px; background-position:-207px 0; }
ul#mainNav li#equity a:hover span {		background-position:-207px -26px; }

ul#mainNav li#reverse a span {			width:116px; background-position:-289px 0; }
ul#mainNav li#reverse a:hover span {	background-position:-289px -26px; }

ul#mainNav li#other a span {			width:114px; background-position:-405px 0; }
ul#mainNav li#other a:hover span {		background-position:-405px -26px; }

ul#mainNav li#resources a span {		width:122px; background-position:-519px 0; }
ul#mainNav li#resources a:hover span {	background-position:-519px -26px; }

ul#mainNav li#about a span {			width:61px; background-position:-641px 0; }
ul#mainNav li#about a:hover span {		background-position:-641px -26px; }












/*------------------------------------ left column homepage ------------------------------------*/
#leftColumnHome {
	float:left;
	display:inline;
	margin:15px 0 0 0;
	width:240px;
	text-align:center;
}
#leftColumnHome p {
	text-align:center;
	margin:20px auto;
	padding:0;
}
	

/*---------------------------- rates table ---------------------------*/
#ratesTable  {
	width:222px;
	margin:15px 0 0 10px;
	color: #cc9966;
	font-size:10px;
	line-height: 25px;
	font-weight:normal;
	text-align:left;
}
#ratesTable ul {
	width:215px;
	clear:left;
	list-style:none;
	padding:0 0 0 5px;
	border-left: 1px solid #f5d7b8;
	border-right: 1px solid #f5d7b8;
}
#ratesTable li {
	float:left;
	display:table-cell;
	vertical-align:middle;
	width:200px;
}
#ratesTable ul.A {
	background: #f5ecce;
	float:left;
	display:table-row;
}
#ratesTable ul.B {
	background: #fcf7e6;
	float:left;
	display:table-row;
}
#ratesTable ul.A li.col1, #ratesTable ul.B li.col1 {
	width:200px;
}


#ratesTable .ratesHeader {
	height:30px;
	padding:11px 0 0 5px;
	background:url(../images/rates_header.jpg) top no-repeat;
	border:none;
}
#ratesTable .ratesHeader a {
	color:#c96;
	text-decoration:underline;
}
#ratesTable .ratesHeader a:hover {
	color:#c60;
}

#ratesTable .ratesFooter {
	clear:left;
	height:16px;
	line-height:16px;
	background:url(../images/rates_footer.jpg) top no-repeat;
	text-align:center;
	border:none;
}

#ratesTable p {
	font-size:9px;
	line-height:11px;
	margin:5px 0 0 0;
	padding:0;
	text-align:right;
	color:#7d6e5f;
}
#ratesTable p a {
	color:#930;
	text-decoration:underline;
}

#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid #999;
background-color:#fff;
visibility: hidden;
filter:alpha(opacity=90);
opacity: 0.90;
-moz-opacity:0.90;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltip p {
padding:10px;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:12px;
color:#666;
text-align:left;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



#mortgageMinute {
	width:222px;
	height:135px;
	margin:30px 0 0 10px;
	text-align:left;
	background:url(../images/mortgage_blog.jpg) top left no-repeat;
}
#mortgageMinute p {
	padding:50px 100px 10px 5px;
	font-size:10px;
	line-height:15px;
	font-weight:normal;
	color:#003300;
}
#mortgageMinute a {
	text-decoration:underline;
	color:#A42900;
}
#mortgageMinute a:hover {
	text-decoration:underline;
	color:#003300;
}

/*------------------------------------ subpage left nav ------------------------------------*/
#leftColumn {
	float:left;
	display:inline;
	width:240px;
	background:url(../images/leftNav_bg_header.jpg) top left no-repeat;
}
ul.leftNav {
	float:left;
	display:inline;
	list-style:none;
	margin:35px 0 0 0;
	width:210px;
	text-align:left;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#666;
	background:url(../images/leftNav_bg.jpg) top left repeat-y;
}
ul.leftNav li {
	float:left;
	display:block;
	width:210px;
	clear:left;
}
ul.leftNav li a {
	display:block;
	width:185;
	height:100%;
	padding:5px 10px 5px 15px;
}
ul.leftNav li a:hover {
	background:url(../images/leftNav_bg_hover.jpg) top left repeat-y;
	color:#fff;
}
ul.leftNav h1 {
	text-align:left;
	padding:0 10px 0 15px;
	margin-bottom:10px;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	color:#69c;
}
ul.leftNav h2 {
	float:left;
	display:inline;
	padding:0 10px 0 15px;
	width:185px;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-decoration:underline;
	color:#69c;
	background:url(../images/leftNav_bg.jpg) top left repeat-y;
}

ul.leftNav a {
	text-decoration:none;
	color:#666;
}
ul.leftNav a:hover {
	color:#fff;
}
#leftColumn #leftNavFooter {
	background:url(../images/leftNav_bg_footer.jpg) top left no-repeat;
	float:left;
	display:inline;
	clear:left;
	width:210px;
	height:155px;
}






/*------------------------------------ right column ------------------------------------*/
#rightColumn {
	float:left;
	display:inline;
	margin:15px 0 0 0;
	width:530px;
}

#rightColumn h1 {
	margin:15px 25px 10px 0;
	padding:0 0 5px 0;
	text-align:right;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	color:#A42900;
	background:url(../images/line.jpg) bottom right no-repeat;
}
#rightColumn h2 {
	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#F13C00;
}

#rightColumn h2.testimonials {
	margin:-15px 0 0 0;
	padding:0 50px 30px 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#A42900;
	background:url(../images/line.jpg) bottom left no-repeat;
}

#rightColumn h3 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#69c;
}

#rightColumn h4 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#666;
}

#rightColumn p {
	margin:5px 15px 15px 0;
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}
#rightColumn p img {
	border:1px solid #ccc;
	margin:7px;
	padding:3px;
}

#rightColumn p.homepage {
	margin:5px 15px 5px 25px;
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
	clear:both;
}
#rightColumn a {
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#F13C00;
	text-decoration:none;
}
#rightColumn a:hover {
	text-decoration:underline;
}
#rightColumn ul {
	margin:0 35px;
	text-align:left;
	clear:left;
}
#rightColumn li {
	padding:0 0 5px 0;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}
#rightColumn ul.locations {
	margin:10px 0 10px 0;
	width:510px;
	height:60px;
	text-align:left;
	border-bottom:1px dashed #ccc;
}
#rightColumn ul.locations li {
	float:left;
	display:inline;
	list-style:none;
	margin:0 0 10px 0;
	width:170px;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}
#rightColumn ul.locations li.locationsTitle {
	font-weight:bold;
}
#rightColumn ul.rates {
	margin:0;
	width:100%;
	text-align:left;
	clear:left;
}
#rightColumn ul.rates li {
	padding:0 0 5px 0;
	width:33%;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
	display:block;
	float:left;
	list-style:none;
}

#rightColumn form {
	clear:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	text-align:left;
	color:#666;
}
#rightColumn form table {
	width:490px;
	padding:15px 0 0 0;
}
#rightColumn form td {
	padding:5px;
}
#rightColumn input {
	text-align:center;
}
/*------------------------------------ lending options list ------------------------------------*/
#rightColumn ul.lendingOptions {
	float:left;
	margin:15px 0 10px 10px;
	width:325px;
	text-align:left;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	color:#666;
}
#rightColumn ul.lendingOptions li {
	list-style:none;
	background:url(../images/checkmark.jpg) top left no-repeat;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
}
#rightColumn ul.lendingOptions li a {
	
	
}

#rightColumn h1.lendingOptions, #rightColumn h2.lendingOptions {
	display:inline;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0;
}

#rightColumn h1.lendingOptions {
	color:#A42900;
}

#rightColumn h2.lendingOptions {
	color:#F13C00;
}
#rightColumn h3.lendingOptions {
	display:inline;
	margin:0 5px 0 0;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#F13C00;
}

#rightColumn ul.lendingOptions a {
	text-decoration:none;
	color:#3366cc;
}
#rightColumn ul.lendingOptions a:hover {
	text-decoration:underline;
}


.bar {
	display:inline-block;
	background:#69c;
	height:14px;
}



/*------------------------------------ get approved today button ------------------------------------*/
#getApproved {
	float:right;
	display:inline;
	margin:15px 0 0 0;
	
}

/*------------------------------------ ask an expert banner ------------------------------------*/
#askExpert {
	margin:-5px 0 0 0;
}


/*------------------------------------ key factors table ------------------------------------*/
table.keyFactors {
	color:#666;
	font-size:11px;
	margin:10px 0 20px;
	border-left:1px solid #ddd;
}
table.keyFactors th {
	padding:5px;
	background:#ddd;
	color:#333;
}
table.keyFactors td {
	width:33%;
	padding:5px;
	text-align:left;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table.keyFactors th.title,
table.keyFactors td.title  {
	background:#69c;
	color:#fff;
}


/*------------------------------------ popup pages created in the cms  ------------------------------------*/
#popup {
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popup h1 {
	margin-bottom:10px;
	text-align:left;
	font-size:22px;
	line-height:30px;
	font-weight:normal;
	color:#69c;
	background:url(../images/line.jpg) bottom right no-repeat;
}
#popup h2 {
	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#69c;
}

#popup h3 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#69c;
}

#popup h4 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#666;
}

#popup p {
	margin:5px 0;
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}
#popup p img {
	border:1px solid #ccc;
	margin:7px;
	padding:3px;
}

#popup a {
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#69c;
	text-decoration:none;
}
#popup a:hover {
	text-decoration:underline;
}
#popup ul {
	margin:0 0 0 35px;
	text-align:left;
	clear:left;
}
#popup li {
	padding:0 0 5px 0;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}

	
	
	
	

/*------------------------------------ subpage with no left nav ------------------------------------*/
#oneColumn {
	float:left;
	display:inline;
	margin:15px 0 0 15px;
}

#oneColumn h1 {
	margin:15px 25px 10px 0;
	padding:0 0 5px 0;
	text-align:right;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	color:#69c;
	background:url(../images/line_long.html) bottom right no-repeat;
}
#oneColumn h2 {
	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#69c;
}

#oneColumn h3 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#69c;
}

#oneColumn h4 {
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#666;
}

#oneColumn p {
	margin:5px 15px 15px 0;
	text-align:left;
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#666;
}
#oneColumn p img {
/*	border:1px solid #ccc; */
    border: 0;
	margin:7px;
	padding:3px;
}
#oneColumn a {
	text-align:left;
/*	font-size:12px; */
	font-weight:bold;
/*	color:#69c; */
	text-decoration:none;
}
#oneColumn a:hover {
	text-decoration:underline;
}
#oneColumn ul {
	margin:0 35px;
	text-align:left;
	clear:left;
}
#oneColumn li {
	padding:0 0 5px 0;
	font-size:12px;
	font-weight:normal;
	color:#666;
}

#oneColumn form {
	clear:left;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#666;
}
/* #oneColumn form table {
	width:670px;
	padding:15px 0 0 0;
}
#oneColumn form td {
	padding:5px;
}
#oneColumn input {
	text-align:left;
} */





/*------------------------------------ additional links ------------------------------------*/
ul.links {
	float:left;
	display:inline;
	list-style:none;
	margin:15px 0;
	padding:0 0 0 15px;
	width:177px;
	text-align:left;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	color:#639732;
}
ul.links li, ul.links li a {
	float:left;
	display:inline;
	clear:left;
	width:177px;
}

ul.links h1 {
	float:left;
	display:inline;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	text-decoration:underline;
	color:#639732;
}

ul.links a {
	text-decoration:none;
	color:#666;
}
ul.links a:hover {
	text-decoration:underline;
}






/*------------------------------------ footer ------------------------------------*/
ul.footerLinks, ul.footerInfo {
	clear:both;
	list-style:none;
	width:770px;
	font-size:10px;
	line-height:16px;
	font-weight:normal;
}

ul.footerLinks {
	color:#639732;
}
ul.footerLinks li {
	display:inline;
	margin:0 0 0 8px;
}

ul.footerLinks a {
	text-decoration:none;
	color:#639732;
}
ul.footerLinks a:hover {
	text-decoration:underline;
}

ul.footerInfo {
	color:#999;
}
ul.footerInfo li {
	display:inline;
	margin:0 0 0 10px;
}

ul.footerInfo a {
	text-decoration:none;
	color:#999;
}
ul.footerInfo a:hover {
	text-decoration:underline;
}






		.AppLookUpButton 	{
	        background-color: #ff9900;
		    border-bottom: #cc6600 solid thin;
		    border-left: #ffcc00 solid thin;
		    border-right: #cc6600 solid thin;
		    border-top: #ffcc00 solid thin;
		    color: white;
		    cursor: hand;
		    font-family: Arial;
		    font-size: 11px;
		    font-weight: bold;
		    line-height: 0.85;
		    padding-top: 4px;
		    width: 160px;
		}	
		
		.AppStatusBox
		{
			width:198px;
			float:center;
			height:162px;
			text-align: left;
			padding:15px;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			border-color: #003399 #003399 #003399 #003399;			
		}
		
		.AppNumberBox
		{
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #666666 #666666 #666666 #666666;
		width:75;
		}
		
		.AppInfoSummaryHead
		{
		font-size:12px;
		font-weight:bold;
		color:#666;
		width: 80;
		}

		.AppInfoSummaryAnsw
		{
		font-size:12px;
		font-weight:bold;
		color:#000;
		}

		.ThisIsMeBut
		{
		 background-color:#ff9900;
		 border-bottom:#cc6600 solid thin;
		 border-left: #ffcc00 solid thin;
		 border-right: #cc6600 solid thin;
		 border-top: #ffcc00 solid thin;
		 color:white;
		 cursor: hand;
		 font-family: Arial;
		 font-size: 12px;
		 font-weight:bold;
		 line-height:1.25;
		 padding-top:1px;
		 padding-bottom:4px;
		 padding-left:10px;
		 padding-right:10px;
		 width:120px;
		 text-decoration:none;
		 position:relative;
		 top:5px;		 			
		}

		.ThisIsNotMe
		{
		 background-color:#cccccc;
		 border-bottom:#666666 solid thin;
		 border-left: #eeeeee solid thin;
		 border-right: #666666 solid thin;
		 border-top: #eeeeee solid thin;
		 color:#333333;
		 cursor: hand;
		 font-family: Arial;
		 font-size: 12px;
		 font-weight:bold;
		 line-height:1.25;
		 padding-top:1px;
		 padding-bottom:4px;
		 padding-left:10px;
		 padding-right:10px;
		 width:120px;
		 text-decoration:none;
		 position:relative;
		 top:10px;
		}		
		.SendMesssageToLoanOfficer
		{	
		width:344px;
		height:363px;	
		
		}
		
		.SendMssgSubject
		{
		border-style: solid;
		border-width: 0px 0px 0px 0px;
		border-color: #666666 #666666 #666666 #666666;
		width:145px;
		position:relative;
		top:75px;
		left:170px;				
		}
		
		.SendMssgBody
		{
		border-style: solid;
		border-width: 0px 0px 0px 0px;
		border-color: #666666 #666666 #666666 #666666;
		width:290px;
		position:relative;
		top:80px;
		left:30px;		
		}
		
		.SubmitMessage
		{
		position:relative;
		top:90px;
		left:30px;		
		}		
		
		.OfficerToSend
		{
		color:#fff;
		font-weight:bold;
		font-size:16px;
		position:relative;
		top:49px;
		/* left:-120px;			*/
		}
		
		.OfficerToSendSuccess
		{
		color:#ffffff;
		font-weight:bold;
		padding:20px;
		line-height:1.8;	
		width:304px;
		height:363px;	
		}