/* Overwrite style START */
body { background-image: none; }
#wrapEntireBody { background-color: transparent; }
#subNavigation { background: url(/images/personal/subNav_bg.gif) no-repeat scroll 0 0 transparent; }
#subNavigationBottom { background: url(/images/personal/subNav_bottom.gif) no-repeat scroll 0 0 transparent; }
/* Overwrite style END */

/* product landing page START */
ul { margin: 0; padding: 0; list-style: none; }
ul, ul li, a, h1, div { behavior: url(/css/iepngfix.htc) }

a { outline: none; }

#productPageWrapper {
    color: #999999;
    margin: -25px auto 0 auto;
    text-align: left;
    height:610px;
}

.defaultProductWrapper {  background:url(/images/personal/bgProductLanding.jpg) top center no-repeat; }
.firstHomeWrapper { background:url(/images/personal/bgFirstHome.jpg) top center no-repeat; }
.investPropertyWrapper { background:url(/images/personal/bgInvestProperty.jpg) top center no-repeat; }
.renovateBuildingWrapper { background:url(/images/personal/bgRenovate.jpg) top center no-repeat; }
.refinancingWrapper { background:url(/images/personal/bgRefinance.jpg) top center no-repeat; }
.existingCustomerWrapper { background:url(/images/personal/bgExistingCustomer.jpg) top center no-repeat; }

#productContent { 
    width:959px; 
	margin:0 auto 0 auto; 
	padding: 44px 15px 0 15px;
}

/* Product Landing Header */
#productContentHeader {
    margin-bottom: 20px;
}

#productContentHeader .leftBreadcrumb {
    float: left;
}

#productContentHeader .leftBreadcrumb li {
    margin: 0;
	padding: 0 8px 0 0;
	float: left;
	color: #ffffff;
}

#productContentHeader .leftBreadcrumb li a {
    margin-right: 8px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
}

#productContentHeader .leftBreadcrumb li a.selected {
    font-weight: bold;
}

#productContentHeader .rightFeatureIcons {
    float:right;
}

#productContentHeader .rightFeatureIcons li,
#productContentHeader .rightFeatureIcons li a{
    float: left;
	display: block;
}

#productContentHeader .rightFeatureIcons li a,
#productContentHeader .rightFeatureIcons li.callInfo { text-indent: -99999px; }

#productContentHeader .rightFeatureIcons li.callInfo,
#productContentHeader .rightFeatureIcons li.callInfo a {
    width: 78px;
	height: 48px;
}
#productContentHeader .rightFeatureIcons li.email,
#productContentHeader .rightFeatureIcons li.email a{
    width: 41px;
	height: 48px;
}

#productContentHeader .rightFeatureIcons li.branch,
#productContentHeader .rightFeatureIcons li.branch a{
    width: 49px;
	height: 48px;
}

#productContentHeader .rightFeatureIcons li.chat,
#productContentHeader .rightFeatureIcons li.chat a{
    width: 50px;
	height: 48px;
}

#productContentHeader .rightFeatureIcons li.mobilebanker, #productContentHeader .rightFeatureIcons li.mobilebanker a {
    height: 55px;
    width: 58px;
	}

#productContentHeader .rightFeatureIcons li.callInfo { background:url(/images/personal/callNumberIcon.png) no-repeat; }
#productContentHeader .rightFeatureIcons li.email a { background:url(/images/personal/emailIcon.png) no-repeat; }
#productContentHeader .rightFeatureIcons li.branch a { background:url(/images/personal/branchIcon.png) no-repeat; }
#productContentHeader .rightFeatureIcons li.chat a { background:url(/images/personal/chatIcon.png) no-repeat; }
#productContentHeader .rightFeatureIcons li.mobilebanker a {background: url(/images/personal/mobileIcon.png) no-repeat; }


/* product Nav */
.productLandingNav {
    float: left;
	width: 905px;
	height: 24px;
	padding-left: 53px; 
	margin-bottom: 36px;
	background: url(/images/personal/productNavListBg.png) no-repeat left top;
}
/* fix iepngfix-padding issue in IE6 */
*html .productLandingNav {
    background: url(/images/personal/productNavListBg.png) no-repeat 53px top;
}

.productLandingNav li {
    float: left;
	padding-right: 24px;
}

.productLandingNav li a {
     float: left;
	 width: 152px;
	 height: 24px;
	 background: url(/images/personal/productlandingNavBg.png) no-repeat;
}

.productLandingNav li.firstHome a {
     background-position: 0 0;
}
.productLandingNav li.firstHome a.active {
     background-position: 0 -24px;
}

.productLandingNav li.investProperty a {
     background-position: -175px 0;
}
.productLandingNav li.investProperty a.active {
     background-position: -175px -24px;
}

.productLandingNav li.renovate a {
     background-position: -350px 0;
}
.productLandingNav li.renovate a.active {
     background-position: -350px -24px;
}

.productLandingNav li.refinance a {
     background-position: -525px 0;
}
.productLandingNav li.refinance a.active {
     background-position: -525px -24px;
}

.productLandingNav li.existingCustomer a {
     background-position: -700px 0;
}
.productLandingNav li.existingCustomer a.active {
     background-position: -700px -24px;
}

/* Product Middle Content */
.productMiddleContent .leftCol {
    float: left;
	padding: 0 27px 0 228px;
	width: 488px;
}

.productMiddleContent .rightCol {
    float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 216px;
	height: 285px;
}

.productMiddleContent .rightCol .productRateTop {
    width: 216px;
	height: 142px;
	margin-bottom: 1px;
	overflow: hidden;
	background: url(/images/personal/topProductRateBg.png) no-repeat; 
}

.productMiddleContent .rightCol .annualRate {
    background: url(/images/personal/percentPerAnnum.png) no-repeat right;
	margin: 10px 13px 0 13px;
	line-height: 52px;
	font-weight: bold;
	font-size: 65px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.productMiddleContent .rightCol .viewHomeloanDetails {
    display: block;
	text-indent: -9999px;
	margin: 0 0 0 13px;
	width: 185px;
	height: 27px;
	background: url(/images/personal/btnViewHomeloanDetails.png) no-repeat;
}

.productMiddleContent .rightCol .specialHighlight {
    font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 13px 13px 13px;
}

.productMiddleContent .rightCol .productRateBottom {
    width: 216px;
	height: 101px;
	overflow: hidden;
	background: url(/images/personal/bottomProductRateBg.png) no-repeat; 
}

.productMiddleContent .leftCol h1 {
    text-indent: -9999px;
	padding: 0;
	margin: 0 0 24px 0;
}

.productMiddleContent .leftCol h1.mainHeaderLanding { 
    background: url(/images/personal/productLandingMainHeader.png) no-repeat; 
    width: 441px;
	height: 103px;
}
.productMiddleContent .leftCol h1.mainHeaderFirstHomeBuyer {
    background: url(/images/personal/productFirstHomeBuyerMainHeader.png) no-repeat; 
	width: 374px;
	height: 161px;
}
.productMiddleContent .leftCol h1.mainHeaderInvest {
    background: url(/images/personal/productInvestMainHeader.png) no-repeat; 
	width: 414px;
	height: 110px;
}
.productMiddleContent .leftCol .mainHeaderRenovate  {
    background: url(/images/personal/productRenovateMainHeader.png) no-repeat; 
	width: 488px;
	height: 107px;
}
.productMiddleContent .leftCol .mainHeaderRefinance  {
    background: url(/images/personal/productRefinanceMainHeader.png) no-repeat; 
	width: 367px;
	height: 108px;
}
.productMiddleContent .leftCol .mainHeaderExistingCustomer  {
    background: url(/images/personal/productExistingCustomerMainHeader.png) no-repeat; 
	width: 448px;
	height: 109px;
}

.productMiddleContent .leftCol p {
    color: #000000;
	font-size: 1.5em;
	margin-bottom: 25px;
}

.productMiddleContent .leftCol a.makeAppointment {
    display: block;
	width: 210px;
	height: 37px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(/images/personal/btnMakeAppt.png) no-repeat;
}

.productMiddleContent .leftCol a.getStarted {
    display: block;
	width: 334px;
	height: 35px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(/images/personal/btnGetStarted.png) no-repeat;    
}

.productMiddleContent .leftCol a.learnProperty {
    display: block;
	width: 289px;
	height: 36px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(/images/personal/btnLearnProperty.png) no-repeat;    
}

.productMiddleContent .leftCol a.switchAndSave {
    display: block;
	width: 208px;
	height: 36px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(/images/personal/btnSwitchSave.png) no-repeat;    
}

.productMiddleContent .leftCol a.manageHomeloan {
    display: block;
	width: 324px;
	height: 36px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(/images/personal/btnManageHomeloan.png) no-repeat;    
}

.productMiddleContent .leftCol a.secondaryLink {
    float: left;
	color: #000000;
	font-size: 1.4em;
	padding-left: 25px;
	text-decoration: none;
	background: url(/images/personal/iconCircleArrow.png) no-repeat;
}
/* fix iepngfix-padding issue in IE6 */
*html .productMiddleContent .leftCol a.secondaryLink { 
    background-position: 26px 0;
}

/* Product Bottom Holder */
#productBottomHolder {
    width:988px;
	display: inline-block;
	margin: 25px auto 72px auto; 
    text-align: left;
}

#productBottomHolder .column {
    float: left;
	width: 222px;
	padding: 0 25px 0 0;
}

#productBottomHolder h2 {
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

#productBottomHolder h2.toolCalculator {
    background: url(/images/personal/bgToolCalculator.gif) no-repeat;
	padding: 0 0 0 32px;
}

#productBottomHolder p {
    color: #4c4e4f;
	font-size: 1.1em;
	line-height: 1.5em;
}

#productBottomHolder ul.bottomLinkList {
    margin-top: 15px;
}

#productBottomHolder .bottomLinkList li {
    padding: 0 0 10px 0;
}

#productBottomHolder .bottomLinkList li a {
    color: #000000;
	background: url(/images/personal/navArrowOrange.gif) no-repeat 0 3px;
	text-decoration: none;
	font-size: 1.1em;
	padding-left: 8px;
}
/* product landing page END */