/* 
 * Selector
 * Born: 25/05/2010
 * Define: @media screen, @media print
**/

html, body { height:101%; }
body { font:62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; }

#selectorWrap { 
	width:772px;
	top:-30px;
	position:relative;
}

a { color:#000; }

.printCheckBox,
.printCheckBox * { display:none; }

.tickerHolder { margin-bottom: 10px; }
.printTicker { display: none; }

#loadingItems { background-color:Red; padding:5px 10px; color:white; font-size:10px; position:absolute; top:0; left:0; display:none; }

#selectorControls { padding:0px 15px 10px 0px; display: block; }
.comparisonSelector { float: right; margin-top: -23px; }
#selectorControls a {
	color:#333333;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	line-height:20px;
	padding:0 0 0 25px;
	margin:0 0 0 18px;
	text-decoration:none;
}

#selectorControls a.print { background:url(../../../images/personal/home-loan-selector-tool/btnPrint.gif) no-repeat 0 0 transparent; }
#selectorControls a.download { display:none; background:url(../../../images/personal/home-loan-selector-tool/btnDownload.gif) no-repeat 0 0 transparent; }

#startScreen { 
	background-color: #f9f3df;
	margin:0 px;
	padding: 4px;
	height:100% !important;
	visibility:visible;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #ffffff;
}

#startScreen p {
	background: url(../../../images/personal/home-loan-selector-tool/blkArrow.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
	position:absolute;
	top:50%;
	left:30px;
	color: #000000;
}

/* Steps */
.step {
	background-color:#efefef;
	padding:0px 10px 5px 10px;
	margin:0 0 10px 0;
	border:1px solid #e2e2e2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}

.step,
#startScreen p { font-size:1.1em; }
.step ul.options {
	width:380px;
	*width: 400px;
	float:left;
	margin:0; padding:4px 0 10px 6px;
	list-style-type:none;
	color:#000;
	font-size:1em;
	
}
.step ul.options li { display:inline; float: left; width: 149px; *width: 198px; padding:12px 0px 0 0; background:none; }

.step table {
	width:400px;
	float:left; 
	text-align:left;
	margin-top: 3px;
	*margin-top: 6px;
}
.step table tr { float:left;  }
.step table tr td {
	width: 150px;
	float: left;
	padding-top: 3px;
    *padding-top: 0px;  
}

.step table tr td.last {
	width: 230px;
}

#step1 .accountSelect { padding:0; }

#step1 .accountSelect label,
#step1 .accountSelect input { display:block; float:left; }

#step1 .accountSelect input {  }
#step1 .accountSelect label { padding:2px 0px 0px 2px; }

#step1 .accountSelect br { display:none; }

td div.iconText { float: left; }

td img.helpToolTip 
{
	float:left;
	margin-left: 5px;
}

.step h2,
#filtersAndProducts h2 { 
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 32px;
	margin: 11px 0 0 0;
	text-indent:-999em;
	overflow:hidden;
	height:34px;
	clear:right;
}

#step1 h2 { background-image:url(../../../images/personal/home-loan-selector-tool/h2Step1.gif); float:left; width:310px; }
#step2 h2 { background-image:url(../../../images/personal/home-loan-selector-tool/h2Step2.gif); float:left; width:309px; }
.step .hgroup h2 { float:left; width:345px; position:relative; margin-bottom:5px; left:6px; } 
h2#step3 { background-image:url(../../../images/personal/home-loan-selector-tool/h2Step3.gif); margin: 9px 0 0 0; padding-bottom: 10px; }
h2#step4 { background-image:url(../../../images/personal/home-loan-selector-tool/h2Step4.gif); margin: 9px 0 0 0; padding-bottom: 10px; }



/* Filters n Products */
#filtersAndProducts { padding:4px 0 4px 4px; }
#filtersAndProducts #wrapFiltersAndProducts { background:url(../../../images/personal/home-loan-selector-tool/filtersAndProductsBg.gif) top left repeat-y; height: 100%; }

	#filtersAndProducts #filterList { margin:0 4px 0 0; }
	#filtersAndProducts #filterList,
	#filtersAndProducts #productList {
		width:379px;
		padding:0 0 0 0;
		background-color:#fff;
		float:left;
		position:relative;
	}

	#filtersAndProducts #filterList #filters,
	#filtersAndProducts #productList #products { padding:4px; }

	/*#filtersAndProducts .item { border-top:1px solid #eee; }*/
	#filtersAndProducts #filterList .itemInner { border-top: 1px solid #eee; }
	#filtersAndProducts .item .itemInner { 
		position:relative;
		/*background:url(../../../images/personal/home-loan-selector-tool/itemBgTop.gif) top right no-repeat;*/
		padding:2px 10px 10px 5px;
		clear:both;
	}
	
	#filtersAndProducts .item .itemInner img { opacity:.5; filter:alpha(opacity=50); display:block; margin-right: 7px; }
	#filtersAndProducts #filters .active img,
	#filtersAndProducts .item .itemInner .activeImg { opacity:1; filter:alpha(opacity=100); }
	
	#filtersAndProducts .item .itemInner span,
	#filtersAndProducts .item .itemInner img,
	#filtersAndProducts #filterList .item .itemInner .itemInfo,
	#filtersAndProducts #productList .item .itemInner .itemInfoWrap {
		display:block;
		float:left;
	}
	#filtersAndProducts .item .itemInner span { padding:5px 0 0 0; }
	#filtersAndProducts .item .itemInner .itemInfo { width:280px; padding:0 0 5px 0;}
	#filtersAndProducts .item .itemInner .itemInfo label {  display:block;}
	#filtersAndProducts .item .itemInner h3 { padding:6px 0 0 0; margin:0; font-size:1em; }
	
	#filtersAndProducts .item .itemInner input { margin: 3px 3px 0 -2px; }
	
	

	/* filters */
	#filtersAndProducts #filterList .active { background:url(../../../images/personal/home-loan-selector-tool/filterBg.gif) bottom right no-repeat;  }
	
	#filtersAndProducts .active .itemInner { 
		position:relative;
		background: url(../../../images/personal/home-loan-selector-tool/itemBgTop.gif) top right no-repeat;
		padding:2px 10px 10px 5px;
		clear:both;
	}
	
	* html #filtersAndProducts #filterList .active { position:relative; }
	#filtersAndProducts #filters .item .itemInner img,
	#filtersAndProducts #filters .item .itemInner .itemInfo,
	#filtersAndProducts #filters .item .itemInner .itemInfo label { cursor:pointer; }
	
	#filtersAndProducts #filters .item .itemInner .itemInfo label {color: #303030; }


	/* products */
	#filtersAndProducts #productList .item .itemInner { border-top: 1px solid #eee; }
	#filtersAndProducts #productList .item .itemInner span { padding-right:10px; }
	#filtersAndProducts #productList .active  { background: url(../../../images/personal/home-loan-selector-tool/productBgHomeLoan.gif) bottom right no-repeat; border-top: none; } /* productBg, bottom left */
	#filtersAndProducts #productList .tempActive { background: url(../../../images/personal/home-loan-selector-tool/productBgHomeLoan.gif) bottom right no-repeat; border-top: none;  } /* productBg, bottom right */
	
	#filtersAndProducts #products .item a.prodCta {
		display:block;
		position:absolute;
		bottom:15px;
		right:15px;
	}
	#filtersAndProducts #products .item ul { 
		list-style-type:none;
		margin:0;
		padding:5px 0 0 0;
	}
	#filtersAndProducts #products .item ul li { 
		float:left;
		display:block;
		margin:0; 
	}
	
	.selectorButtons { clear:both; padding:15px 15px 10px; background-color:#ebebeb; }
	.selectorButtons input,
	.selectorButtons a { float:right; margin:0 5px 0 0; }

	#selectorButtons { clear:both; padding:15px 15px 10px; background-color:#858585; }
	#selectorButtons input,
	#selectorButtons a { float:right; margin:0 5px 0 0; }

	#selectorAll {
		clear:both;
		padding:8px 12px 8px 0px; 
		background-color:#858585; 
		width: 748px; 
		border-top: 1px solid #6a6a6a; 
		border-right: 1px solid #777777; 
		border-left: 1px solid #777777; 
		border-bottom: 1px solid #818181; 
	}
	#selectorAll input,
	#selectorAll a { float:right; margin:0 0px 0 0; }
	
	#selectorCurrent input,
	#selectorCurrent a { float:right; margin:0 5px 0 0; }
	
	#compareProducts {
		display: block;
		float: left;
		padding:8px 12px 8px 0px; 
		background-color:#858585; 
		width: 365px; 
		border-top: 1px solid #6a6a6a; 
		border-right: 1px solid #777777; 
		border-left: 1px solid #777777; 
		border-bottom: 1px solid #818181; 
	}
	#compareProducts input,
	#compareProducts a { float:right; margin:0 0px 0 0; }
	
	/* Split Loan Sub-products */
	.subItemInfoWrpper { margin-top: 10px; }
	.subItemInfo {
		 width: 293px;
		 border-top: 1px solid #b8b8b8; 
		 border-left: 1px solid #b8b8b8; 
		 border-right: 1px solid #b8b8b8; 
		 border-bottom: 1px solid #cfcfcf;
		 margin-bottom: 1px;
		 background: #dedede url(/images/personal/home-loan-selector-tool/subProductBg.gif) repeat-x top left;
		 padding: 0 10px 5px 15px;
	}
	.subItemInfo label { margin-bottom: 5px; }
	.subItemInfoWrpper a.subMoreInfo { margin: 0 0 0 185px; text-decoration: underline; cursor: pointer; }
	#P4 a.prodCta { display: none !important; }
	
/* 
 * Comparison Table 
**/

table.tableComparison { width:772px; table-layout:fixed; border-collapse:collapse; border:1px solid #ebebeb; } 

table.tableComparison tr {  border-collapse:collapse; }
table.tableComparison tr.highlight {  border-collapse:collapse; background-color: #fff5cb; }
table.tableComparison tr.lowLight {  border-collapse:collapse; background-color: #c0c0c0; }

table.tableComparison tr th {
	color:#fff;
	text-align:center;	
	vertical-align: top;
	font-size: 1.1em;height: 46px;padding-bottom: 5px;
	background: #858585 url('/images/personal/home-loan-selector-tool/table-th-bg.gif') repeat-x;
	position:relative;
}

table.tableComparison tr th.headerRowClose {
	text-align:center;	
	vertical-align: middle;
	margin: 0px;
	background-image: none;
	background-color: #858585;
	position:relative;	
	height: auto!important;
	padding-bottom: 0px!important;
	border-bottom: none !important;xborder-bottom:1px solid #858585 !important;
}


table.tableComparison tr th span {
	border-right:1px solid #a1a1a1;
	display:block;
	padding:5px 0;
}

table.tableComparison tr td {
	color:#666666;
	font-size: 1.1em;
	text-align:center;
	padding:7px 12px;
	border:1px solid #ebebeb;
}

table.tableComparison tr td td { border:none; }

table.tableComparison tr td a { color:#666666; }
table.tableComparison tr td.apply { padding:7px 12px 0; border-top: none !important; border-bottom: none !important; }
table.tableComparison tr td.info { padding:0 12px 7px; border-top: none !important; border-bottom: none !important; }

table.tableComparison tr td a.info { background: url('/images/personal/home-loan-selector-tool/yellow-arrow.gif') 0 4px no-repeat; padding-left: 10px; }

table.tableComparison tr td.apply a.apply { 
	display:block; 
	margin:0 auto; 
	background:url(/images/personal/home-loan-selector-tool/btnApply.gif) top left no-repeat; 
	width:73px; 
	height:25px; 
	overflow:hidden;
	text-indent:-999em;
}


table.tableComparison tr td div.tooltip { display:none; } /* ______TEMPORARY______ */

table.tableComparison tr.trProperty { background-color:#ebebeb; }

table.tableComparison td.tdFeature { 
	text-align:left;
	font-weight:bold;
	border: none;
	border-top:1px solid #ebebeb !important;
	border-bottom: 1px solid #ebebeb !important;
	vertical-align: top;
}

table.tableComparison td.tdFeature div { position:relative; float: left; }

table.tableComparison th.tdClose
{
	width:27px;
	padding: 0px;
	margin: 0px;
}
table.tableComparison td.tdClose 
{
	width:27px;vertical-align: top;
	border: none;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding-left: 10px;
	padding-right:0px;
}

table.tableComparison td.tdCloseFeature
{
	width:27px;
	border:none;
	border-top: 1px  solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 0 0px 0 10px;
}


.close {
    width:17px;
	height:17px;
    background:url(/images/personal/home-loan-selector-tool/closetdWhite.gif) no-repeat;
    cursor:pointer;
	position:relative;
	vertical-align:middle;
	text-align:center;
	z-index:5;
}

.highlight .close { background:url(/images/personal/home-loan-selector-tool/closetdOrange.gif) no-repeat; }


/*scb*/
.tdCloseFeature div.close 
{
	background:url(/images/personal/home-loan-selector-tool/closetdGrey.gif) no-repeat !Important;
}

/*table.tableComparison td.tdCloseFeature .close { background-image: none; } scb*/

th .close {
	width:13px;
	height:13px;
	background:url(/images/personal/home-loan-selector-tool/close.gif) top left no-repeat no-scroll;
	cursor:pointer;
	position:relative;
	vertical-align:middle;
	text-align:center;
	margin: 0px auto 0px auto;

}
th .alt { background:url(/images/personal/home-loan-selector-tool/closeDark.gif) top left no-repeat;}

table.tableComparison td.apply { border-bottom:1px solid #ffffff; vertical-align:bottom; border-collapse:collapse; }
table.tableComparison td.info { vertical-align:top;  border-top:1px solid #ebebeb; border-bottom: 1px solid #ebebeb !important;}

table.tableComparison td.tdFeature.noBorderTop { border:none !important;  }

td.noBorderRight { border-right:none !important; border:none !important; }

.tip-wrap
{
	z-index: 13000;
	border: 1px solid #e2d08f;
	border-radius: 10px;
	border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	background: #feeca4;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	max-width: 400px;
	display: none;
}

.promo {
	width:57px;
	height:43px;
	position:absolute;
	top:0;
	right:0;
	background:url(/images/personal/home-loan-selector-tool/promoFlag.gif) top right no-repeat;
}

.off { display:none; }

/*.tclist li { background: none; list-style-type: circle; margin-left: 15px; }*/

 /* Clearing class */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#highlightDifferences
{
	width:769px; 
	overflow:hidden;
	text-align: right;
	height: 44px;
	vertical-align:text-top;
	background-color: #ebebeb;
	padding-right: 3px;
	font-weight:normal;
}
#highlightDifferences h3
{
	padding-top:14px;
	width: 200px;
	float:right;
	padding-right:5px;	
	font-size: 11px;
	font-weight: bold;
}
#highlightDifferences img
{
	padding-top:10px;
	padding-right: 11px;
	float:right;
}

#aHighlight
{
	cursor:pointer;
}