@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:143px;
	background:none;
	padding:0;
}

ul.tabs li a {
	background-image:url(/assets/images/home-loan/prodPage/tab_off.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:45px;
	margin:0;
	width:143px;
	cursor:pointer;
}

ul.tabs li a:hover {
	background-image:url(/assets/images/home-loan/prodPage/tab_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

ul.tabs li a.active {
	outline: none;
	background-image:url(/assets/images/home-loan/prodPage/tab_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:none;
}

#content_2, #content_3, #content_4, #content_5 { display:none; }

.podDual .podFoot {
	/*background:transparent url(/assets/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;
}

#content_1 #tabbed_banner #banner_label { background:transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px 16px;}
#content_2 #tabbed_banner #banner_label { background:transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px -26px;}
#content_3 #tabbed_banner #banner_label { background:transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px -69px ;}

ul.tabs li a span {
	font-size:0px;
	color:white;
	line-height:60em;
	display:block;
	width:121px;
	height:45px;
}
	
li#tab1 a span{background:transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px -113px;}
li#tab2 a span{background: transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px -156px;}
li#tab3 a span{background: transparent url(/assets/images/home-loan/prodPage/titles.png) no-repeat scroll 14px -199px;}

li#tab1 a.active span, li#tab1 a:hover span{ background-position:14px 16px;}
li#tab2 a.active span, li#tab2 a:hover span{ background-position:14px -26px;}
li#tab3 a.active span, li#tab3 a:hover span{ background-position:14px -69px;}

/*------------------------- Styling----*/

/* Whats Next Box */

div.whats_next{
	background:transparent url(/assets/images/whats_next_box.gif) no-repeat scroll 0 0px;
	width:422px;
	height:104px;
	padding:10px;
	margin-left:8px;
	float: left;
}

ul.what_next {
	width:415px;
	list-style:none;
}
	
ul.what_next li {
float:left;
height:36px;
padding:0 0 0 40px;
vertical-align:middle;
line-height:36px;
}

ul.what_next li.id1{ background:transparent url(/assets/images/tab_questionmark.gif) no-repeat scroll left center;width:132px;} 
ul.what_next li.id2{ background:transparent url(/assets/images/tab_tick.gif) no-repeat scroll left center; line-height:36px;width:200px;} 
ul.what_next li.id3{ background:transparent url(/assets/images/tab_book.gif) no-repeat scroll left center;width:124px;} 
ul.what_next li.id4{ background:transparent url(/assets/images/tab_door.gif) no-repeat scroll left center;line-height:36px;width:200px;}

/*------------------------- Other styling----*/

h1 {
	margin-bottom:20px!important;
}

.podDual{
	padding-top:0px;
}

.podModalDouble .podBody {
	padding:8px 14px;	
}

.podModalDouble h1 {
	margin-left:0px;
}

#slide2, #slide3, #slide4, #slide5{
	width:466px;
	position:absolute;
	left:-999999px;
}

#slide3{
	background:transparent url(/assets/images/width_gradiant_tabbed_content.gif) repeat-x scroll 0 -3px;
	width:458px;
}

.moreCont{
	padding:18px;
}

.tab_wrapper{
	position:relative;	
}
.tab_wrapper .trDiv h2{
	margin:0;	
}

.content {
	background:transparent url(/assets/images/tabbed_content_pod_bg.gif) repeat-y scroll 0 0;
	background-color:#FFFFFF;
	clear:both;
	padding:0px 4px;
}

#slide1{
	width:466px;
	position:absolute;
	left:4px;
	top:45px;
}

.tableContainer{
	width:442px;
	padding:8px;
	float:left;
	background:url(/assets/images/home-loan/prodPage/tabBack.jpg) no-repeat scroll 0 0;
}

.trDiv{
	width:442px;
	height:auto;
	background:url(/assets/images/home-loan/compTable/tableBack.gif) repeat-y;
	border-bottom:1px solid #fff;
	float:left;
}

.trDiv .title {
	font-weight:bold;
	color: #482566;
}

.alt{
	background:url(/assets/images/home-loan/compTable/tableBackAlt.gif) repeat-y;
}

.td{
	height:auto;
}

.left{
	padding:8px;
	width:164px;
	float:left;
}

.right{
	width:245px;
	padding:8px;
	float:left;
}