/*
	CBA CSS DEFINIITIONS
	===================================
	Born:		10/04/07
	Last Edit:	02/05/07

	CONTENTS
	========
	Definitions for the businessUnit homepage
*/

/*  businessUnit Homepage
=========================================== */

#businessUnitBodyContent {
	margin:0px 0px 0px 5px;
	padding:0px 4px 50px 0px;
}

#businessUnitBodyBg {
	background:url("../images/css/businessUnitBodyBG.gif") top left repeat-x;
}

/* left column */
#businessUnitHomeLeft {
	width:729px;
	float:left;
	margin:0px 0px 0px 2px;
	padding:10px 0px 0px 0px;
	text-align:left;
}

/* this will vary from personal, business etc */
#businessUnitHomeMain {
	background-position:top left;
	padding:0px;
	background-repeat:no-repeat;
}

#businessUnitHomeBottom {
	background:url("../images/css/businessUnitMain_bottom.jpg") top left no-repeat;
	height:15px;
	overflow:hidden;
}

#businessUnitHomeMainNested {
	padding:38px 0px 0px 30px;
  width:699px;
  height:239px;
}

#businessUnitHomeMainNested h1 {
  background:url(../images/css/h1_businessBanking.gif) no-repeat top left;
  width:355px;
  height:41px;
  text-indent:-500em;
  margin:0px;
}

#businessUnitHomeMainNested p{
  width:256px;
  margin:10px 0px;
}



#businessUnitListLeft, #businessUnitListRight {
	float:left;
	width:220px;
	color:#000000;
	margin:0px 18px 0px 0px;
}

/* right column */
#businessUnitHomeRight {
	width:250px;
	float:right;
	margin:0px 0px 0px 3px;
	padding:10px 0px 240px 0px; /* keep the rhs module from coliding with didYouKnow */
}

/* news section top right */
#businessUnitNewsSection {
	background:url("../images/css/businessUnitNewsBg.gif") top center repeat-y;
	padding:0px;
	margin:0px;
}

#businessUnitNewsSectionList {
  background:url("../images/css/businessUnitNewsTopBg.gif") top center no-repeat;
	padding:14px 12px 0px 12px;
	margin:0px;
}

#businessUnitNewsSectionList a {
	color:#000000;
	text-decoration:none;
}

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

#businessUnitNewsSectionList ul { 
	list-style-type: none; 
	margin: 5px 0 0;
	padding: 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#000000;
}

#businessUnitNewsSectionList li {
	display:block;
	background: url("../images/css/navArrowGrey.gif") no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 5px 0px;
}

#businessUnitNewsSection p {
	margin-bottom:0px !important;
	padding:0px 0px 0px 0px;
}

#businessUnitNewsSectionList p a {
	font-weight:bold;
	color:#000000;
	margin:0px;
	padding:0px 0px 0px 10px;
  text-decoration:underline;
}

#businessUnitNewsSectionList h2#h2_news {
	background:url("../images/css/h2_businessUnitNews.gif") top left no-repeat;
	width:145px;
	height:21px;
	text-indent:-500em;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

/* rhs links (apply now etc */
#businessUnitHomeLinksRight {
	background:#d7d7d7 url("../images/css/businessUnitapplyLinksBottomBG.gif") bottom left no-repeat;
}

#businessUnitHomeBottomLinksRight {
	background:#d7d7d7 url("../images/css/businessUnitHomeLinksBottomRightBG.gif") bottom left no-repeat;
}

#homeLinksRightList, #homeLinksBottomRightList {
	background:url("../images/css/businessUnitapplyLinksBG.gif") top left no-repeat;
	padding:14px 8px 8px 8px;
	text-align:left;
	margin:0px;
	font-size:1.1em;
}

#homeLinksBottomRightList{
  background:url("../images/css/homeLinksBottomRightListBG.gif") top left no-repeat;
}

#homeLinksRightList a, #homeLinksBottomRightList a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#homeLinksRightList a:hover, #homeLinksBottomRightList a:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

#homeLinksRightList select, #homeLinksBottomRightList select {
	width:75px;
}

#homeLinksRightList table, #homeLinksBottomRightList table {
	width:auto;
	border:none;
	padding:0px;
	margin:0px;
	text-align:left;
}

#homeLinksRightList td, #homeLinksBottomRightList td {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
  padding:5px 4px 5px 0px;
}

#businessUnitExchangeRatesSection{
  background:#ffffff url(../images/css/businessUnitexchangeratesBG.gif) top left no-repeat;
}
#businessUnitExchangeRatesSectionList{
  padding:20px 13px 15px;
  margin:0;
  background:url(../images/css/businessUnitExchangeRates_bg.gif) no-repeat bottom;
}
#businessUnitExchangeRatesSection h2#h2_exchange {
	background:url("../images/css/h2_businessUnitExchange.gif") top left no-repeat;
	width:145px;
	height:21px;
	text-indent:-500em;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#businessUnitExchangeRatesSection table{
  width:218px;
  margin-top:5px;
  border-collapse:collapse;
  font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#businessUnitExchangeRatesSection table th{
  width:109px;
  font-weight:normal;
  padding:4px 0;
  text-align:left;
  background:url(../images/css/exchangeRateDivider_th.png) no-repeat right bottom;
}
#businessUnitExchangeRatesSection table td{
  width:109px;
  text-align:right;
  background:url(../images/css/exchangeRateDivider_td.png) no-repeat left bottom;
}
#businessUnitExchangeRatesSection table tr.noDivider td, #businessUnitExchangeRatesSection table tr.noDivider th{
  background:none;
}

/* businessUnit Homepage Tiles */

#businessUnitHomeTiles {
	padding:0px;
}

.topSectionTiles{
  width:335px;
  padding:0px 13px;
  float:left;
  margin:-33px 0px 0px;
}

*html .topSectionTiles{
  padding:0px 10px;
}

.topSectionTiles h2#businessBanking{
  margin:0px;
  width:343px;
  height:28px;
  text-indent:-500em;
  overflow:hidden;
  background:url(../images/css/h2_businessBanking_bg.png) no-repeat top left;
}

.topSectionTiles h2#corporateSpecialists{
  margin:0px;
  width:343px;
  height:28px;
  text-indent:-500em;
  overflow:hidden;
  background:url(../images/css/h2_corporateSpecialists_bg.png) no-repeat top left;
}

.topSectionTiles p{
  margin:0px 0px 8px;
	padding:0px;
	font-size:1.1em;
}

.topSectionTiles img {
  margin:0px;
  padding:0px;
}

.sectionTile {
	width: 339px;
	margin: 35px 0px 0px 19px;
  padding-top:5px;
	float: left;
	text-align:left;
  background:#ffffff url(../images/css/sectionTile_bg.gif) no-repeat top right;
}

*html .sectionTile{
  margin: 35px 0px 0px!important;
  padding:0px 0px 0px 15px;

  width:343px;
}

.sectionTile h5 {
	font-size:1.1em;
}

.sectionTile img {
	margin:0px 10px 30px 0px;
	padding:0px;
}

.sectionTile ul, .topSectionTiles ul { 
	list-style-type:none; 
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:1.3em;
	text-align:left;
}

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

.topSectionTileListWrap {
  width:313px;
  min-height:160px;
  padding:15px 15px 10px;
  text-align:left;
  color:#666666;
  background:#e6e6e6 url(../images/css/topSectionTile_bg.gif) no-repeat top left;
}

*html .topSectionTileListWrap {
  height:160px;
}

.topSectionTileListWrap a {
  text-decoration:none;
  color:#000000;
}

.sectionTileListWrap {
	padding:8px 10px 0px 0px;
	text-align:left;
	color:#666666;
}

div.sectionTileListWrap a {
	color:#000000;
	text-decoration:underline;
}

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

.sectionTile p {
	margin:0px;
	padding:0px;
	font-size:1.1em;
}

.sectionTile li a { 
	text-decoration: none; 
	color: #333333;
}

.sectionTile li a:hover { 
	text-decoration: underline; 
	color: #333333;
}

.sectionExtra {
	padding:10px 0px 0px 0px;
	width:200px;
	float:left;
	margin:0px 0px 0px -10px;
}
.sectionExtra p {
	margin:0px 0px 8px 0px;
	padding:0px;
}

.sectionTileContent {
  float:left;
  width:205px;
}

*html .sectionTileContent {
  height:110px;
}