/*
	CBA CSS DEFINIITIONS
	===================================
	CONTENTS
	========
	Definitions for the inner content pages
*/

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

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

.pageConRow2col {
  margin:10px 0px 20px 0px;
}

/* column style used for category level pages */
.contentColumn {
	float:left;
	color:#666666;
	padding:0px;
	margin:0px;
}

.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;
}

/* 2 column layout */
.pageConRow2col .contentColumn {
	width: 270px;
	margin:0px;
	padding:0px 11px 0 0;
}


/* 1 column layout */
.pageConRow1col .singleColumn {
	position:relative;
	margin:0 12px 0px;
	width:539px;
}


.pageConRow1col .singleColumn .singleColumnWrap {
	padding:10px 15px 15px 15px;
	background:#e5e5e5 url(../images/css/singleColumn_bg.gif) no-repeat top left;
}

.pageConRow1col .singleColumn h2 {
	margin:0px;
	padding:3px 15px;
	height:23px;
	background:url(../images/css/h2_bg.png) no-repeat left top;
	font:normal 1.8em Verdana;
	color:#ffffff;
}

#flashTicker {
	padding:6px 0 0 0;
}

/* Lists */

.contentColumn ul, .summaryColumn ul, .productInfoContainer ul, #errorWrap ul, ul.orangeList { 
	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, ul.orangeList li {
	background: transparent url("../images/css/navArrowOrange.gif") no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 0 10px;
	margin:0px 0px 0px 0px;
}

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

/* 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 {
	line-height:1.3em;
	color:#666666;
	margin:0px 5px 0px 10px;
	padding:0;
	font-size:1.1em;
}

ol li { background-image:none !important; }

/* 04/07/08 - reset incorrect font-size inheritance */
.contentColumn ol ul,
.contentColumn ul ol,
.contentColumn ul ul,
.contentColumn ol ol,
.productInfoContainer ol ul,
.productInfoContainer ul ol,
.productInfoContainer ul ul,
.productInfoContainer ol ol { 
	font-size:1em !important;
	margin-top:0;
	margin-bottom:0;
}


/* 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;
}

/* Share price graph
=========================================== */
#sharePriceSummary {
	padding:10px 0 0 0;
}

#sharePriceSummary span.delay {
    float:right;
    margin-top:12px;
}

#sharePriceSummary table th, #sharePriceSummary table td {
    background:#F4F4F4;
    text-align:center;
    padding:0.5em;
}

#sharePriceSummary td.priceGain { color:#33cc33; }
#sharePriceSummary td.priceDrop { color:#d43434; }
#sharePriceSummary td.priceSteady { color:#fdd528; }

#sharePriceSummary table th { font-weight:normal; }

#sharePriceSummary table td { font-weight:bold; }

#sharePriceGraphWrap {
	width:560px;
}

#chartGeneratorForm label {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
}

#chartGeneratorForm select { 
	display:block;
	margin:0 0 5px 0;
	float:left;
	width:110px;
	font-size:1em;
	padding:1px;
}

#chartGeneratorForm select.selectLarge { width:340px; }

table#chartGeneratorFormFields { border:0; widows:100%; }
table#chartGeneratorFormFields td { width:25%; padding:0 0 10px 0; vertical-align:top; }

#chartGeneratorForm .paddRight10 { padding:0 10px 0 0; }

#chartGeneratorForm .chartDrawButton {
	border-top:1px solid #eee;
	padding:15px 0 0 0;
}

.chartDrawButton { text-align:right; }
.chartDrawButton a { color:#000; }

.chartDrawButton span { 
	background:url(../images/css/navArrowOrange.gif) 0 2px no-repeat;
	padding:0 0 0 10px;
}


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

.productInfoContainer {
	margin:0px 5px 0px 0px;
	padding-top:23px;
}

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

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

.productImage {
	float:left;
	width:120px;
	padding-left:22px;
	margin-right:15px;
}

.productText {
	width:350px;
	float:left;
	color:#666666;
}

.productText img { margin:0 8px 0 0; }

.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;
}

#internalContentWide div.productInfoContainer {
	background:none;
	padding-top:15px;
	padding-bottom:220px;
}


#internalContent .pageConRow1col .productInfoContainer table {
	width:526px;
	margin:0 9px 0 7px;
	border:1px #cccccc solid;
	border-collapse:collapse;
	font-size:1.1em;
	color:#666666;
}

#internalContentWide .pageConRow1col .productInfoContainer table {
	width:765px;
	margin:0 9px 25px 7px;
	border:1px #cccccc solid;
	border-collapse:collapse;
	font-size:1.1em;
}

#internalContentWide .pageConRow1col .productInfoContainer table th,
#internalContent .pageConRow1col .productInfoContainer table th {
	height:29px;
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background:#575757 url(../images/css/tableTH_bg.gif) repeat-x top;
	border:1px #cccccc solid;
	padding:5px 10px;
}

#internalContentWide .pageConRow1col .productInfoContainer table td,
#internalContent .pageConRow1col .productInfoContainer table td {
	padding:5px 10px 3px 10px;
	vertical-align:top;
	border:1px #cccccc solid;
	color:#000000;
	vertical-align:middle
}

#internalContentWide .pageConRow1col .productInfoContainer table tr.evenRow,
#internalContent .pageConRow1col .productInfoContainer table tr.evenRow {
	background-color:#f1f1f1;
}


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

.bottomAdTile {
	width: 267px;
	color:#000000;
	margin:0px 11px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}

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

.bottomAdTile li,
.promoAdTile 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: 12px 0px 0px 0px;
	min-height:60px;
	height:60px;
	height:auto !important;
}

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

/* Custom Ad tile (1 column with background) ******************************** */
.promoAdTileWrap {
	background:url("../images/css/adTilePromoBg.gif") top right no-repeat;
	padding:10px;
	width:528px;
}

.promoAdTile {
	width: 255px;
	color:#000000;
	margin:0px 0 0px 0px;
	padding: 0 8px 0px 0px;
	float: left;
}

.promoAdTile li a { color:#000000; text-decoration:none; }
.promoAdTile li a:hover { text-decoration:underline; }

.promoAdTile ul { 
	list-style-type:none; 
	margin:0px;
	padding:0px;
	line-height:1.3em;
}

/* Gradient wrap for .contentColumn */
.gradientWrap, 
.gradientWrapNOBG {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.pageConRow2col .contentColumn .gradientWrap,
.pageConRow3col .contentColumn .gradientWrap {
	background:url("../images/css/contentColGradBG.gif") top right no-repeat;
	padding:5px 3px 0 4px;
}


/* 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;
}



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

.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;
}


/* Share price calculator specific (pulled from existing inline styles)
=========================================== */

#sharePriceCalculatorRHS { width:192px; height:100px; padding:1px 0 0 0; }
#sharePriceCalculatorRHS input { margin:0; padding:0; float:left; }
#sharePriceCalculatorRHS p { display:block; margin:0 !important; padding:0; }
#sharePriceCalculatorRHS p.pMsg { margin:0 0 10px 0 !important; }
#sharePriceCalculatorRHS input.sharePriceCalcInput {
 margin:0 5px 6px 0;
 padding:2px 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sharePriceCalculatorRHS input.sharePriceCalcInput { width:100px; margin-bottom:10px; }