/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/04/07
	Last Edit:	02/05/07
				04/07/08 - Fix OL LI
				05/08/08 - New Search results page
	CONTENTS
	========
	Definitions for the inner content pages
*/

/* 3 Column Layout and 2 column layout
=========================================== */

.pageConRow2col, .pageConRow3col, .pageConRow1col {
	padding:0px 0px 20px 0px;
	margin:0px;
}

/* column style used for category level pages */
.bottomAddOptions { margin-top: 10px; }

.greyGradientHeading {
    background: url("/images/css/bgGreyGradient.gif") repeat-x;
    height: 31px;
    width: 752px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    padding: 9px 0px 0px 20px;
    margin-top: -28px;
    border-radius-topright: 5px;
    border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

.contentColumn {
	float:left;
	color:#666666;
	padding:0px;
	margin:0px;
	border:0;
}

.greyGradientContent {
    width: 740px;
    padding: 18px 10px 6px 20px;
    margin-top: 2px;
    background-color: #efefef;
    border: 1px solid #e8e7e7;
    border-radius-bottomright: 5px;
    border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.greyGradientContent a { font-weight: bold; color: #3b3b3b; font-size: 110%; margin: 0 !important; }
.pageConRow1col .greyGradientContent p { margin: 0px 0px 12px 0px !important; padding: 0 !important; color: #444444; }
.pageConRow1col .greyGradientContent p a { color: #444444; font-size: 90%; font-weight: normal; }

.contentColumn img {
	padding:0px;
	margin:0px;
	border:none;
	overflow:hidden;
}

.bottomAdTile h5 img, .summaryColumn h5 img {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
}

.bottomAdTile a:hover, .summaryColumn a:hover {
	text-decoration:underline;
}

/* 3 column layout */
.pageConRow3col .contentColumn {
	width: 177px;
	padding:0px 11px 0px 0px;
	margin:0px;
}

/* 1 and 2 column layouts */
.pageConRow2col .contentColumn {
	width: 270px;
	padding:0px 12px 0px 0px;
	margin:0px;
}

.contentColumn ul, .summaryColumn ul, .productInfoContainer ul, #errorWrap ul { 
	list-style-type: none; 
	margin: 5px 0px 5px 0px;
	padding: 0px 13px 0px 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
}

.contentColumn li, .summaryColumn li, .productInfoContainer li, #errorWrap li {
	background: transparent url("../images/css/navArrowGrey.gif") no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1px 0px;
}

.contentColumn ol li, .summaryColumn ol li, .productInfoContainer ol li, #errorWrap ol li{
	padding: 2px 0px 2px 0px;
	margin:0px 0px 1px 35px;
}

/* 04/07/08 - reset incorrect font-size inheritance */
.contentColumn ol ul,
.contentColumn ul ol,
.productInfoContainer ol ul,
.productInfoContainer ul ol { 
	font-size:1em;
}

/* 04/07/08 - bring back grey arrow */
.contentColumn ol ul li,
.productInfoContainer ol ul li {
	background: url("../images/css/navArrowGrey.gif") no-repeat !important;
	background-position: 0px 6px !important;
	padding-left:10px;
}


ul#orangeListError li {
	background: transparent url("../images/css/navArrowOrange.gif") no-repeat !important;
	background-position: 0px 6px !important;
}

ul#orangeListError li a {
	color:#000000;
	text-decoration:none;
}

ul#orangeListError li a:hover {
	text-decoration:underline;
}

ol {
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
	margin:0;
	padding:0;
}

ol li { background-image:none !important; }
/* column style used for product summary pages */
.summaryColumn {
	background:url("../images/css/gradientBackground.gif") repeat-x;
	float:left;
	color:#666666;
	width:155px;
	padding:10px;
	margin:0px 4px 0px 5px;
}

*html .summaryColumn {
	margin:0px 6px 0px 4px;
}

.imageHeading {
	position:absolute;
}

.contentColumn .imageHeading h2 {
	font-size:1.4em;
	font-weight:bold;
	color:#999;
	margin:10px 0 0 0;
}


/* Inner Product Page
=========================================== */

.productInfoContainer {
	background:url("../images/css/productInfo_bg.gif") top right no-repeat;
	margin:0px 5px 0px 0px;
	padding-top:15px;
}

.productInfoContainer a {
	color:#666666;
	text-decoration:underline;
}

.productInfoContainer a:hover {
	color:#000000;
	text-decoration:underline;
}

.productImage {
	float:left;
	width:270px;
	margin-right:12px;
}

.productText {
	width:270px;
	float:left;
}

.productFeatures {
	background-image: url("../images/css/gradientBackground.gif");
	background-position:top left;
	background-repeat: repeat-x;
	float:left;
	margin-right:10px;
	width: 174px;
}

.formContainer {
	background-image: url("../images/css/comparecrnr.gif");
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	min-height:80px;
	height:auto!important;
	height:80px;
}

.formContainer ul {
	margin:12px 0px 0px 0px;
}

.sortFormContainer {
	margin: 0;
	padding: 0;
	float: right;
	padding-bottom: 10px;
}

/* Bottom Page Tiles - Need Assistance etc
=========================================== */

.bottomAdTile {
	width: 270px;
	color:#000000;
	padding: 20px 12px 0px 0px;
	float: left;
	background-repeat:no-repeat;
	background-position:top right;
}

.bottomAdTile ul { 
	list-style-type:none; 
	margin:0px;
	padding:0px 0px 0px 0px;
	width:180px;
	line-height:1.3em;
	float:left;
}

.bottomAdTile li {
	display:block;
	font-size: 1.1em;
	color:#000000;
	background-image: url("../images/css/navArrowOrange.gif");
	background-repeat: no-repeat; 
	background-position: 5px 5px;
	padding: 2px 0px 2px 16px;
	margin:0px;
}

.bottomAdListWrap { 
	background-repeat:no-repeat; 
	background-position:top right; 
	padding-top:5px;
	min-height:60px;
	height:auto !important;
}

/* ie 6 only hack */
*html .bottomAdListWrap  { height:60px !important; }

.bottomAdTile img {
	float:right;
	padding: 7px 2px 0px 7px;
	margin:0px;
}

.gradientWrap, .gradientWrapNOBG {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.gradientWrap {
	background: url("../images/css/cc_bg.gif") top right no-repeat;
	width:90%;
	padding-right:10%;
	min-height: 50px; /* firefox, ie7 and other compliant browsers */
	height:auto !important; /* overides below height declaration for firefox */
	height: 50px; /* ie 6.0 and below */
}

.gradientContent {
	padding-top:10px;
}

.netBankAdTileInner {
	background:url("../images/personal/tileBack.jpg") top right no-repeat;
	background-position:0 0;
	height:171px;
}

.netBankAdTile img {
	float:left;
	display:inline;
	margin:8px 0 0 10px;
}


/* Tables
=========================================== */

.contentColumn table {
	vertical-align: middle;
	width: 780px;
}

.contentColumn tr.tableRowOneBG {
	background:#525252 url("../images/css/tableRowOneBG.gif") repeat-x;
	color: #ffffff;
	font-size:1.1em;
	font-weight: 700;
	height: 30px;
}

.contentColumn tr.tableRowOneBG td {
	padding: 4px 15px 4px 10px;
	color: #ffffff;
}

.contentColumn tr {
	background:#ffffff url("../images/css/tableRowBG.gif") top left repeat-x;
	margin:0px;
	padding:0px;
}

.contentColumn tr td {
	color: #000000;
	padding: 0px 16px 0px 10px;
}

.contentColumn tr td.wideCol {
	width: 100px;
}

.contentColumn tr td.ccImage {
	padding-top: 15px;
}

/* Forms
=========================================== */

form div.radioFormContainer input {
	height: 50px;
	border: solid 1px #f0f;
	float: left;
}

form div.radioFormContainer label {
	float: left;
}

.radioFormContainer ul {
	list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#666666;
}

.radioFormContainer ul li {
	display:block;
	height: 44px;
	color: #000000;
	padding: 10px 40px 0px 14px !important;
	margin:0px 0px 0px 0px !important;
}

.radioFormContainer ul li.BG {
	background-image: url("../images/css/radioBG.gif");
	background-repeat: repeat-x;
	background-position: top;
}	

.radioFormContainer ul li.NOBG {
	background-image: none !important;
}

.radioFormContainer input {
	
}

.radioFormContainer label {
	float: left;
	padding-right: 20px;
}

.radioFormContainer {
	margin: 30px 0px 0px 0px;
	border: 1px solid #cccccc;
}

.contentColumn input.userFindButton {
	padding: 20px 0px 100px 15px;
}

.closeWrap {
	float: right;
}


/* Search Results page
=========================================== */

#searchResultsWrap {PADDING-LEFT: 10px;width:74%;}
#searchResultsWrap p { 
	margin:0;
	color:#666666;
}

#searchResultsWrap p a { color:#000; }

#searchResultsWrap ol h4  {	
	font-size:1.2em;
	margin:0;
}

#searchResultsWrap ol { margin-left:20px;}
#searchResultsWrap ol li {
	background:none !important;
	background-position:0 0;
	padding:0px;
	margin: 0 0 25px 0px;
}

/* left side search results */

#resultSummary {
	margin:20px 0px 0px 0px;
	padding:0px;
}

#resultRecommend {
	margin:20px 0px 0px 0px;
}

.searchResultModule {
	margin:0px 0px 20px 0px;
}

.searchResultModule p, #resultSummary p, #resultRecommend p  {
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin:0px;
	padding:0px 0px 3px 10px;
}

#resultRecommend h2 {
	font-size:1.3em;
	color:#666666;
	margin:0px 0px 4px 0px;
	padding:0px;
	font-style:italic;
}

.searchResultModule h2 {
	font-size:1.3em;
	color:#000000;
	margin:0px 0px 4px 0px;
	padding:0px;
}

.searchResultModule a, #resultRecommend a {
	color:#000000;
}

/* right side search results */
#searchResultsSponsored {
	margin: 65px 0px 0px 722px;
	width:237px;
	background:#f3f3f3 url("../images/css/searchresults_top.gif") top left no-repeat;
	position:absolute;
}

#searchResultsSponsoredNested {
	padding:15px;
}

#searchSponsoredBottom {
	background:#f3f3f3 url("../images/css/searchresults_bottom.gif") bottom left no-repeat;
	width:237px;
	height:13px;
	overflow:hidden;
}

.copyContainer ul {	margin: 0px 0px 15px}
.copyContainer { padding-right: 14px; padding-left: 14px; padding-bottom: 10px;	padding-top: 10px}
.copyContainer a {	color: #000000;	text-decoration: underline}


/* div to contain headings on most pages */
.containHeadings { 
	border-bottom:1px solid #ffcc00; 
	margin:0 0 15px 0;	
}

.containHeadings h1{ 
	height:35px;
	font-size:0px; color:white; margin:0 0 6px 0;
	background-image: url("../images/personal/h1_search-results.gif");
	background-repeat: no-repeat;  	
}

.containHeadings select {
	float:right;
	position:relative;
	top:-30px;
}

.containHeadings span { 
	float:right;
	position:relative;
	top:-20px;
	right:6px;
	padding-bottom:7px;
	color:#777777;
	display:block;
}

#resultsPaginationControl {
	background:url("../images/css/resultNavBG.gif") no-repeat #626262;
	width: 100%;
	margin:10px 0px 0px 0px;
	text-align:center;
}

#paginateNest {
	width:100%;
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:small;
}

#resultsPaginationControl #paginateNest ul {
	padding:5px 0px 0px 0px;
	margin:0px;
	list-style:none;
	text-align:center;
}

#resultsPaginationControl #paginateNest li {
	font-size:1.1em;
	display:inline;
	color:#ffffff;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	text-align:center;
}

#resultsPaginationControlBottom {
	background:url("../images/css/resultNavbottom.gif") no-repeat;
	width:100%;
	height:5px;
	overflow:hidden;
	display:block;
	margin:0px 0px 10px 0px;
}


#searchPagination 
{
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 5px;	
	PADDING-TOP: 5px; 
	background:url("../images/css/resultNavBGNew.gif") no-repeat #ffffff;
}

#searchPagination UL 
{
	font-size: 1.1em;	
	text-align: center; 
}
	 
#searchPagination ul li,
#searchPagination ul li a 
{	
	background:none !important;
	background-position:0 0;
	padding:0;
	margin:0;
	display:inline;
	color:White;
}

#searchPagination ul li {
	padding:0 7px;
}


/* 
 * Table Content Display 
**/
table.tableContentDisplay { width:100%; border-collapse:collapse; border:1px solid #ebebeb; } 

table.tableContentDisplay tr {  border-collapse:collapse; background:none; }

table.tableContentDisplay tr th,
table.tableContentDisplay tr td {
	border:1px solid #ebebeb;
	vertical-align: middle;
	font-size: 1.1em;
	text-align:left;	
}

table.tableContentDisplay p { font-size:1em; }

table.tableContentDisplay tr th {
	font-weight: bold;
	color:#fff;
	padding: 9px 7px 9px 7px;
	background: #535353 url("../images/css/table_header_bg.gif") repeat-x;
	position:relative;
	border:none;
}

table.tableContentDisplay tr td {
	color:#666666;
	padding:7px;
}

table.tableContentDisplay td.td-subheading { background-color: #ebebeb; font-weight: bold; padding-left: 7px; }

table.tableContentDisplay tr td a { color:#000000; }

table.tableContentDisplay tr td a img, 
table.tableContentDisplay tr td img { display: block; margin: 7px 0 7px 0; }
table.tableContentDisplay th.borderRight {border-right: 1px solid #f6f4f4;}

.pageConRow1col .important-information h4 { color: #000000; font-weight: bold; margin:0 0 10px 0; font-size: 96%; }
.important-information li { font-size: 94%;}