﻿@charset "utf-8";
/* CSS Document */

/*-------------------Start tabs-----*/

.tabbed_area {
	margin:0 0 0 0;
	width:466px;
}

.tabbed_area p{
	margin-bottom: 6px;
}

ul.tabs {
	margin:0px;
	padding:0;
}
ul.tabs li {
	float:left;
	height:45px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:93px;
	background:none;
	padding:0;
}
ul.tabs li a {
	background-image:url(../images/tab_off.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:45px;
	margin:0;
	width:93px;
	cursor:pointer;
}
ul.tabs li a:hover {
	background-image:url(../images/tab_first_on.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ED7D00;
	text-decoration: none;
}
ul.tabs li a.active {
	outline: none;
	background-image:url(../images/tab_first_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:none;
}
.content {
	background:transparent url(../images/tabbed_content_pod_bg.gif) repeat-y scroll 0 0;
	background-color:#FFFFFF;
	clear:both;
	height:730px;
	padding:0px 4px;
}

#content_2, #content_3, #content_4, #content_5 { display:none; }

#content_2{
	height:710px;
}
#content_3{
	height:705px;	
}
#content_4{
	height:670px;	
}
#content_5{
	height:704px;	
}

.podDual .podFoot {
	/*background:transparent url(/../images/podDouble_square.gif) no-repeat scroll 0 -16px;*/
	clear:both;
	font-size:0;
	height:16px;
	line-height:0;
	margin:0;
	overflow:hidden;
	width:466px; }
.podDual {
	background:none;
}
.horizontal_gradient{
	background:transparent url(../images/width_gradiant_tabbed_content.gif) repeat-x scroll 0 -3px;
	padding:10px 0 0px 10px;
	width:448px;
	}


#content_1 #tabbed_banner #banner_label { background:transparent url(../images/content_banner_labels.png) no-repeat scroll 0 0px;}
#content_2 #tabbed_banner #banner_label { background:transparent url(../images/content_banner_labels.png) no-repeat scroll 0 -48px;}
#content_3 #tabbed_banner #banner_label { background:transparent url(../images/content_banner_labels.png) no-repeat scroll 0 -96px ;}
#content_4 #tabbed_banner #banner_label { background:transparent url(../images/content_banner_labels.png) no-repeat scroll 0 -134px;}
#content_5 #tabbed_banner #banner_label { background:transparent url(../images/content_banner_labels.png) no-repeat scroll 0 -192px ;}

ul.tabs li a span {
	font-size:0px;
	color:transparent;
	line-height:60em;
	display:block;
	width:90px;
	height:45px;
	}
li#tab1 a span{
	background: transparent url(../images/tab_label.png)   95px 1px;}
li#tab2 a span{
	background: transparent url(../images/tab_label.png)   97px 138px;}
li#tab3 a span{
	background: transparent url(../images/tab_label.png)  96px 92px;}
li#tab4 a span{
	background: transparent url(../images/tab_label.png)   96px 47px;}
li#tab5 a span{
	background: transparent url(../images/tab_label.png) 96px 183px;}

li#tab1 a.active span, li#tab1 a:hover span{ background-position: 1px 1px;}
li#tab2 a.active span, li#tab2 a:hover span{ background-position: 3px 138px;}
li#tab3 a.active span, li#tab3 a:hover span{ background-position: 0 92px;}
li#tab4 a.active span, li#tab4 a:hover span{ background-position: 0 47px;} 
li#tab5 a.active span, li#tab5 a:hover span{ background-position: 1px 183px;}


#tab_inner_content{
	padding:0px 12px 10px 4px;
}

/* override global ul li left margin */


#tab_inner_content ul li{
	margin-left:10px;
	padding-bottom:4px;
}

#tab_inner_content ul {
	margin-bottom:10px;
}


#tab_inner_content a:link{
	color:#4e2c6a;
	text-decoration:underline;
}

#tab_inner_content a:hover{
	color:#ed7d00;
	text-decoration:underline;
}

#tab_inner_content a:visited{
	color:#4e2c6a;
	text-decoration:underline;
}

/* Whats Next Box */

#whats_next{
	background:transparent url(../images/whats_next_box.gif) no-repeat scroll 0 0px;
	width:422px;
	height:104px;
	padding:10px;
	}

ul.what_next {

	width:415px;
	list-style:none;}
	
ul.what_next li {
float:left;
height:36px;
padding:0 0 0 40px;
vertical-align:middle;
width:167px;
line-height:36px;
}

ul.what_next li.id1{ background:transparent url(../images/tab_questionmark.gif) no-repeat scroll left center;
} 
ul.what_next li.id2{ background:transparent url(../images/tab_tick.gif) no-repeat scroll left center;} 
ul.what_next li.id3{ background:transparent url(../images/tab_book.gif) no-repeat scroll left center;} 
ul.what_next li.id4{
	background:transparent url(../images/tab_door.gif) no-repeat scroll left center;
	line-height:16px;
}

/*-------------------End tabs-----*/

/*---- AHL headline pod ----*/

.compareCont{
	float:left;
	width:686px;
	height:332px;
	padding:16px 14px;
	background:url(../images/home-loan/homePage/bg-wide.jpg) no-repeat 0 0;
}
/*.compareCont p{
	margin:0;
	padding-top:0;
}
.moreInfo{
	width:686px;
	height:50px;
	margin-top: 8px;
	padding:10px;
}
.moreInfo p{
	float:left;
	width:500px;
}
.moreInfo a{
	text-decoration:none;
	font-weight:bold;
}
.moreInfo a.moreinfobut {
	display:inline;
	float:left;
	background:url(../images/home-loan/homepage/ahl-headline-button-moreinfo.jpg) no-repeat scroll 0 0 transparent;
	height:36px;
	margin: 12px 0 0 18px;
	width:128px;
}
.moreInfo a.moreinfobut:hover{
	background:url(../images/home-loan/homepage/ahl-headline-button-moreinfo.jpg) no-repeat scroll 0 -36px transparent;
}
.moreInfo a.moreinfobut span{
	display:none;
}*/

		.compareCont h1{
			float: left;
			width: 245px;
			margin-top:10px;
			margin-left:7px;
			margin-bottom:0 !important;
		}
		
		.compareCont h2{
			margin-bottom:5px !important;
			text-decoration:none;
		}
		
		.compareCont a h2, .compareCont a h1, .compareCont a h2:hover, .compareCont a h1:hover, .compareCont a:hover, .compareCont a h2:visited , .compareCont a h1:visited , .compareCont a:visited {
			text-decoration:none !important;
		}
		
		.compareCont ul{
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		.compareCont ul li{
			/*margin: 0 5px 0 0;
			padding: 13px 14px 0;*/
			padding:0 !important;
			margin: 0 !important;		
			float:left;
			background:none;
			position:relative;
		}
		
		a.more_info{
			position:absolute;
			width:62px;
			height:14px;
			background:url('../images/home-loan/homePage/more_info.png') no-repeat;
			top:14px;
			left:138px;
		}
		
		a.more_info:hover{
			background-position:0 -14px;
		}
		
		a.vr_head{
			width:200px;
			height:75px;
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat -252px 1px;
			display:block;
			margin-right:4px;
		}
		a.fr_head{
			width:200px;
			height:75px;
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat;
			display:block;
		}
		
		a.vr_head:hover, a.fr_head:hover{
			background-position:-694px 0;
		}
		
		.fr_head.no-selected{
			background-position: -472px 0;
		}
		
		/*.hover{
			background-position: -694px 0 !important;
		}*/
		
		.fr_head, .vr_head{
			padding-left:16px;
			padding-top:11px;
		}
		
		.no-selected h2{
			color:#ffffff;
		}
		
		.ver1 h2{
		
		}
		
		.ver2{
			display:none;
		}
		
		.fr_head h1, .vr_head h1{
			color:#000000;
			margin:0;
			padding:0;			
			font-size:30px;
			float:left;
			width:60px;
		}
		.fr_head div, .vr_head div{
			float:left;
		}
		div.comp{
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat -125px 11px;
			padding-bottom:14px;
		}
		div.fixed{
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat -33px 11px;
			padding-bottom:14px;
		}

		
		.vr_head span.pa, .fr_head span.pa{
			float:left;
			display:block;
			width:19px;
			height:24px;
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat -7px -3px;
		}
		
		.vr_head .comp span.pa, .fr_head .comp span.pa{
			margin-right:0px;
		}
		
		.vr_content{
			height:198px;
			padding-left: 18px;
			padding-top: 12px;
			width: 670px;
			float:left;
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat 0 -88px;
		}
		
		.fr_content{
			height:197px;
			padding-left: 18px;
			padding-top: 12px;
			width: 670px;
			float:left;
			background:url('../images/home-loan/homePage/ahl_assets.png') no-repeat 0 -440px;
			display:none;
		}
		
		.compareCont {
			padding: 11px 8px !important;
			width:698px !important;
		}



/*---- End AHL headline pod ----*/

.podDual{
	padding-top:0px;
}

.podModalDouble .podBody {
	padding:8px 14px;	
}

.podModalDouble h1 {
	margin-left:0px;
}

.textured-pod{
	background:url(../images/home-loan/homePage/textured_pod_bg.jpg) no-repeat scroll 0 0;
	width:466px;
	height:82px;
}

#slide2, #slide3, #slide4, #slide5{
	width:432px;
	position:absolute;
	left:-999999px;
	bottom:0px;
}
#slide1{
	width:432px;
	position:absolute;
	left:4px;
	top:45px;
}

.tab_wrapper{
	position:relative;	
}

#tabbed_banner{
	width:437px;
	height:48px;
	margin:0 0 11px 0;
	padding:0;
}	
#tabbed_banner #banner_label{
	width:437px;
	height:48px;
	font-size:0px;
	line-height:10em;
	color:transparent;
}

.banner_1{
			background:transparent url(../images/home-loan/homePage/bannerLabel1.gif) repeat-x scroll 0 0px;
	}
.banner_2{
			background:transparent url(../images/home-loan/homePage/bannerLabel2.gif) repeat-x scroll 0 0px;
	}
.banner_3{
			background:transparent url(../images/home-loan/homePage/bannerLabel3.gif) repeat-x scroll 0 0px;
	 }
.banner_4{
			background:transparent url(../images/home-loan/homePage/bannerLabel4.gif) repeat-x scroll 0 0px;
	 }
.banner_5{
			background:transparent url(../images/home-loan/homePage/bannerLabel5.gif) repeat-x scroll 0 0px;
	 }
	 
	 
