/*
|	ditech/GMAC Purchase Section 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
------------------------------------------------------------------------------*/
/* MENUS */
.jumboLoan #menu_jumboLoan a,
.purchaseHome #menu_purchaseHome a,
.thirtyYearFixed #menu_thirtyYearFixed a,
.flexiblePayment #menu_flexiblePayment a,
.equityBuilder #menu_equityBuilder a,
.adjustableRateMortgage #menu_adjustableRateMortgage a,
.interestOnly #menu_interestOnly a,
.lowMoneyFinancing #menu_lowMoneyFinancing a,
.flatFee #menu_flatFee a,
.ratesOverview #menu_ratesOverview a,
.purchaseFaq #menu_purchaseFaq a {
	color: #00a5d9;
}

/* MASTHEADS */
#masthead.thirtyYearFixed {
	display: block;
	height: 300px;
	margin-bottom: 17px;
	background: transparent url("/common/images/mastheads/products/realLifePlan_4col.jpg") no-repeat left bottom;
}

#masthead.flexiblePayment {
	display: block;
	height: 400px;
	background: transparent url("/common/images/mastheads/products/sleepEZ_4col.jpg") no-repeat left bottom;
}

#masthead.equityBuilder {
	display: block;
	height: 435px;
	margin-bottom: 20px;
	background: transparent url("/common/images/mastheads/products/equityBuilder_4col.jpg") no-repeat left bottom;
}

.purchaseHome #masthead h1,
.thirtyYearFixed #masthead h1,
.flexiblePayment #masthead h1,
.equityBuilder #masthead h1,
.adjustableRateMortgage #masthead h1,
.interestOnly #masthead h1,
.lowMoneyFinancing #masthead h1,
.flatFee #masthead h1,
.ratesOverview #masthead h1,
.purchaseFaq #masthead h1 {
	padding-top: 30px;
}

.thirtyYearFixed #masthead h1,
.flexiblePayment #masthead h1,
.equityBuilder #masthead h1 {
	margin-bottom: 6px;
}


.lowMoneyFinancing #masthead h2 {
	margin-top: 18px;
}

/* CONTENT */
.equityBuilder a.btn_applyNow,
.adjustableRateMortgage a.btn_applyNow,
.interestOnly a.btn_applyNow,
.flatFee a.btn_applyNow {
	margin-left: 250px;
}

.purchaseFaq h2 {
	margin-top: 40px;
}

.purchaseHome .containerElement_2column {
	height: 330px;
}

.purchaseHome .containerElement_4column .columnElement_2column h4,
.purchaseHome .containerElement_4column .columnElement_2column ul#rateInfo,
.jumboHome .containerElement_4column .columnElement_2column ul#rateInfo {
  width: 210px !important;
}

ul#rateInfo {
	margin-left: 10px;
}

ul#rateInfo li {
	margin-left: 0px;
	padding-left: 0px;
	border-top: 1px solid #bbbbbb;
}

ul#rateInfo li#lastInfo {
	border-bottom: 1px solid #bbbbbb;
}

ul#rateInfo li label {
	display: block;
	float: left;
	width: 90px;
	margin-right: 29px;
}

ul#rateInfo li span.prodRateInfo {
	display: block;
	float: left;
	width: 90px;
}

p.centerText {
  text-align: center;
}

p.offerNumberBlock {
  margin-bottom: 0;
}


.purchaseHome .offerNumber {
	display: block;
	width: 450px;
}


/*	SECTION SPECIFIC TYPOGRAPHY
------------------------------------------------------------------------------*/
.lowMoneyFinancing #masthead h2 {
	color: #c1183f;
}

.purchaseHome .offerNumber {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #c1183f;
}