/*
|	ditech/GMAC Homepage CSS
|	section specific css
|	
|	credits:
|	Eric Meyer's Reset CSS: http://meyerweb.com/eric/tools/css/reset/
|	Mark James's FAMFAMFAM Icons : http://www.famfamfam.com/
|
*/

/*	SECTION SPECIFIC STRUCTURAL
------------------------------------------------------------------------------*/
#footer {
	margin-top: 0px;
}

#home_loginPanel {
	position: relative;
	display: block;
	width: 230px;
	height: 230px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent url("/common/images/elements/home_loginPanel.gif") no-repeat left top;
}

#home_loginPanel h1 {
	width: 210px;
	margin-left: 20px;
	margin-top: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4em;
	color: #00a5d9;
	padding: 0;
	/*margin-bottom:0px; */
}


#home_loginPanel form {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#home_loginPanel form p {
	margin-bottom: 10px;
	/*margin-bottom: 5px;*/
	padding: 0;
}

#home_loginPanel form p label {
	display: block;
	width: 180px;
	/*margin-left: 10px;*/
}

#home_loginPanel form p input {
	display: inline;
	width: 180px;
	border: 1px solid #bbbbbb;
}

#home_loginPanel form p input.submit {
	width: 90px;
/*	margin-left: 10px;
	margin-left: 60px;
	margin-left: 120px;
	margin-top: 10px;*/
	border: none;
	background: transparent;
}

#home_loginPanel p {
	padding: 0;
  	margin-top: 25px;
/* margin-top:10px !important; */
  margin-bottom: 10px;
  /* margin-bottom:5px !important; */
  margin-left: 20px;
	font-size: 11px;
	line-height: 1.3em !important;
}

#home_loginPanel p img {
display: block;
float:left;
margin-top: -15px;
}

#home_loginPanel p a.goToLogin {
	display: block;
	float:left;
    width: 114px;
    height: 20px;
    padding: 0 !important;
    margin: -10px 10px 15px 0px !important;
	/* margin: -10px 10px 2px 0px !important; */
    text-indent: -9999px;
	background: transparent url("/common/images/buttons/button_loginhere.gif") no-repeat left top;
}

#home_loginPanel ul {
  clear: left;
  width: 190px;
  margin-left: 20px;
  padding: 0;
}

#home_loginPanel ul li {
	width: 178px;
	padding-left: 12px;
	font-size: 11px !important;
	padding-top: 0;
	margin:0;
}



#home_loginPanel img#entrust {
	position: absolute;
}

#home_mastBlock.mast_fha {
	position: relative;
	display: block;
	height: 250px;
	margin-top: 5px;
	background: transparent url("/common/images/mastheads/home/home_fha_3box.jpg") no-repeat left top;
}

#home_mastBlock.mast_fha h1 {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 450px;
}

#home_mastBlock.mast_fha ul#fhaDetails {
	position: absolute;
	top: 60px;
	left: 180px;
	width: 280px;
}

#home_mastBlock.mast_fha ul#fhaDetails li {
	width: 268px;
	margin-bottom: 10px;
	font-size: 14px;
}

#home_mastBlock.mast_fha #contentBox_1 {
	position: absolute;
	top: 11px;
	left: 470px;
	display: block;
	width: 225px;
	height: 40px;
}

#home_mastBlock.mast_fha #contentBox_1_nav {
	position: absolute;
	top: 61px;
	left: 616px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_fha #contentBox_2 {
	position: absolute;
	top: 90px;
	left: 470px;
	display: block;
	width: 225px;
	height: 55px;
}

#home_mastBlock.mast_fha #contentBox_2 #homepage_rate {
	display: block;
	float: left;
	width: 100px;
	margin-top: 3px;
	padding-left: 10px;
}

#home_mastBlock.mast_fha #contentBox_2 #homepage_apr {
	display: block;
	float: left;
	width: 90px;
	margin-top: 3px;
	padding-left: 10px;
}

#home_mastBlock.mast_fha #contentBox_2_nav {
	position: absolute;
	top: 144px;
	left: 616px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_fha #contentBox_3 {
	position: absolute;
	top: 172px;
	left: 470px;
	display: block;
	width: 225px;
	height: 40px;
}

#home_mastBlock.mast_fha #contentBox_3_nav {
	position: absolute;
	top: 227px;
	left: 616px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_fha #contentBox_1 p,
#home_mastBlock.mast_fha #contentBox_2 p,
#home_mastBlock.mast_fha #contentBox_3 p {
	width: 220px;
	font-size: 11px !important;
}



#home_mastBlock.mast_bubbles {
	position: relative;
	display: block;
	height: 250px;
	margin-top: 5px;
	background: transparent url("/common/images/mastheads/home/home_bubbles.jpg") no-repeat left top;
}

#home_mastBlock.mast_bubbles p.tagline {
	position: absolute;
	top: 180px;
	left: 240px;
	width: 210px;
}

#home_mastBlock.mast_bubbles #contentBox_1 {
	position: absolute;
	top: 11px;
	left: 480px;
	display: block;
	width: 225px;
	height: 40px;
}

#home_mastBlock.mast_bubbles #contentBox_1_nav {
	position: absolute;
	top: 51px;
	left: 600px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_bubbles #contentBox_2 {
	position: absolute;
	top: 85px;
	left: 480px;
	display: block;
	width: 225px;
	height: 55px;
}

#home_mastBlock.mast_bubbles #contentBox_2 #homepage_rate {
	display: block;
	float: left;
	width: 100px;
	margin-top: 3px;
	padding-left: 10px;
}

#home_mastBlock.mast_bubbles #contentBox_2 #homepage_apr {
	display: block;
	float: left;
	width: 90px;
	margin-top: 3px;
	padding-left: 10px;
}

#home_mastBlock.mast_bubbles #contentBox_2_nav {
	position: absolute;
	top: 146px;
	left: 600px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_bubbles #contentBox_3 {
	position: absolute;
	top: 180px;
	left: 480px;
	display: block;
	width: 225px;
	height: 40px;
}

#home_mastBlock.mast_bubbles #contentBox_3_nav {
	position: absolute;
	top: 221px;
	left: 600px;
	display: block;
	width: 90px;
	height: 18px;
	padding-left: 10px;
}

#home_mastBlock.mast_bubbles #contentBox_1 p,
#home_mastBlock.mast_bubbles #contentBox_2 p,
#home_mastBlock.mast_bubbles #contentBox_3 p {
	width: 200px;
}




.layout_2222 ul li {
	margin-bottom: .4em;
}


.layout_2222 .majorColumn_1 .containerElement_2column,
.layout_2222 .majorColumn_2 .containerElement_2column,
.layout_2222 .majorColumn_3 .containerElement_2column,
.layout_2222 .majorColumn_4 .containerElement_2column {
	margin-top: 10px;
	height: 445px;
}

.layout_2222 .majorColumn_4 .containerElement_2column ul li#satisfaction_percentage span.split {
	float: left;
}

.layout_2222 .majorColumn_4 .containerElement_2column img {
	margin-left: 10px;
}

.error_400 #masthead h1,
.error_404 #masthead h1,
.error_500 #masthead h1,
.sitemap #masthead h1 {
	padding-top: 30px;
}


/*	SECTION SPECIFIC TYPOGRAPHY
------------------------------------------------------------------------------*/
#home_loginPanel,
#home_mastBlock {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


#home_loginPanel label {
	font-size: 12px;
	line-height: 1.4em;
}



#home_mastBlock h1 {
  line-height: 1.4em;
}

#home_mastBlock p.tagline {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	color: #ffffff;
}

#home_mastBlock.mast_bubbles #contentBox_1 p,
#home_mastBlock.mast_bubbles #contentBox_2 p,
#home_mastBlock.mast_bubbles #contentBox_3 p {
	color: #ffffff;
	margin-bottom: 0;
	/*margin-left: -9999px;*/
}

#home_mastBlock.mast_bubbles #contentBox_3 p {
	line-height: 1em;
}

#home_mastBlock.mast_bubbles #contentBox_1 .highlight {
	font-size: 18px;
	line-height: 1em;
}


#home_mastBlock.mast_bubbles #contentBox_2 .highlight,
#home_mastBlock.mast_bubbles #contentBox_3 .highlight {
	font-size: 18px;
	line-height: 1.4em;
}

#home_mastBlock.mast_fha #contentBox_1 p,
#home_mastBlock.mast_fha #contentBox_2 p,
#home_mastBlock.mast_fha #contentBox_3 p {
	color: #ffffff;
	margin-bottom: 0;
	/*margin-left: -9999px;*/
}





#home_mastBlock.mast_fha #contentBox_1 .highlight,
#home_mastBlock.mast_fha #contentBox_2 .highlight,
#home_mastBlock.mast_fha #contentBox_3 .highlight {
	font-size: 15px;
	font-weight:bold;
	line-height: 1em;
}

#home_mastBlock #contentBox_1_nav a,
#home_mastBlock #contentBox_2_nav a,
#home_mastBlock #contentBox_3_nav a {
	font-size: 11px;
	line-height: 1em;
	text-decoration: none;
	color: #c1183f;
	
}

#home_mastBlock #contentBox_1_nav a:hover,
#home_mastBlock #contentBox_2_nav a:hover,
#home_mastBlock #contentBox_3_nav a:hover {
	text-decoration: underline;
	color: #c1183f;
}

#home_mastBlock.mast_bubbles #contentBox_2 #homepage_rate,
#home_mastBlock.mast_bubbles #contentBox_2 #homepage_apr {
	font-size: 18px;
	font-weight: normal;
	line-height: .7em;
	color: #ffffff;
	/*color: #c1183f;*/
}

#home_mastBlock.mast_fha #contentBox_2 #homepage_rate,
#home_mastBlock.mast_fha #contentBox_2 #homepage_apr {
	font-size: 18px;
	font-weight: normal;
	line-height: .7em;
	color: #ffffff;
	/*color: #c1183f;*/
}

#home_mastBlock #contentBox_2 .rate_type {
	font-size: 11px;
	line-height: 1.0em;
}

.error_400 #masthead h1,
.error_404 #masthead h1,
.error_500 #masthead h1,
.sitemap #masthead h1 {
	font-size: 18px !important;
}

.sitemap h2 {
	padding-top: 14px;
}

#mboxImported-default-homepageRate-0 { font-size:1.4em;}
#mboxImported-default-homepageAPR-0 { font-size:1.4em; float:left; padding-right:.3em;}
.rate_type { display:inline; font-size:18px !important; font-weight:bold; padding:2px 0;}
#fhaDetails_cB1 li { color:white; font-size:1.4em; margin-top:20px; }
#applyNowFR {margin-left:100px;}

#home_rateBox {
position:absolute;
width:100px;
top: 80px;
left: 182px;
float:left;}

#home_aprBox { 
position:absolute;
width:100px;
top: 80px;
left:284px;
}

#applyButton {
position:absolute;
top:134px;
left: 200px;
}

#rate_details {margin-left:130px;}
#hp_zillow_bug {position:relative; left:3px; top:3px;}
