/* CSS Document */


#list {
	width: 177px;
	float: left;
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#list li a {
	display: block;
	padding: 1px 8px 3px 0px;
	background: #dcddde;
	color: #4f2f9c;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	font-size: 11px;
}

#list li a:hover {
	background: #4f2f9c;
	color: #FFFFFF;
}

#list li a.selected {
	background: #4f2f9c;
	color: #FFFFFF;
}

#list li.home a {
	background: #dcddde;
	color: #802a38;
	text-align: center;
}

#list li.home a:hover {
	background: #d77c8a;
	color: #f8cfd6;
}

#list li.home a.selected {
	background: #bc5f6d;
	color: #fbdde2;
}

#content {
	width: 825px;
	padding-left: 19px;
	float: left;
}

span.clr {
	display: block;
	clear: both;
}

a:link, a:visited {
	color: #4f2f9c;
}

a:hover, a:active {
	color: #4f2f9c;
}




/*	Product Categories SubNav
---------------------------------------------------------------------------------------------------------------------------*/

#CategoriesSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	float:left; 
	margin-top:3px;
	width:200px;
	background: url(/img/subnav/subnav_bg.jpg) no-repeat top right #dcdddf;
	border-bottom:3px solid #98999b;
	color:white;
}

#CategoriesSubNav ul{
	margin-bottom:10px;
}

#CategoriesSubNav li{
	background:url(/img/subnav/submenu_bullet.gif) no-repeat 0px 3px transparent;
	padding-left:13px;
}

#CategoriesSubNav li.none{
	background:none;
	padding:0;
}

#CategoriesSubNav h2{
	padding:5px;
}
#CategoriesSubNav a{
	color:white;
}
#CategoriesSubNav img{
	
	padding:2px;
	margin: 2px 5px 5px -1px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#CategoriesSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #CategoriesSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#CategoriesSubNav p a{
	float:right;
}
#CategoriesSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#Container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}




/*	Product Shipping SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#ShippingSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 350px;
	background: url(/img/subnav/subnav_large_bg.jpg) no-repeat; 
	color:white;
	float:left;
}
#ShippingSubNav h2{
	padding:5px;
}
#ShippingSubNav a{
	color:white;
}
#ShippingSubNav img{
	
	padding:2px;
	margin: 3px 5px 3px -1px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#ShippingSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #ShippingSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#ShippingSubNav p a{
	float:right;
}
#ShippingSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#Container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}



/*	Personal Banking SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#PersonalBankingSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/nav/personal_banking_subnav_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#PersonalBankingSubNav h2{
	padding:5px;
}
#PersonalBankingSubNav a{
	color:white;
}
#PersonalBankingSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#PersonalBankingSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #PersonalBankingSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#PersonalBankingSubNav p a{
	float:right;
}
#PersonalBankingSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}



/*	Business Banking SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#BusinessBankingSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/nav/business_banking_subnav_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#BusinessBankingSubNav h2{
	padding:5px;
}
#BusinessBankingSubNav a{
	color:white;
}
#BusinessBankingSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#BusinessBankingSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #BusinessBankingSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#BusinessBankingSubNav p a{
	float:right;
}
#BusinessBankingSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}


/*	Student Loan SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#StudentLoanSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/nav/student_loan_subnav_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#StudentLoanSubNav h2{
	padding:5px;
}
#StudentLoanSubNav a{
	color:white;
}
#StudentLoanSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#StudentLoanSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #StudentLoanSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#StudentLoanSubNav p a{
	float:right;
}
#StudentLoanSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}


/*	Products SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#ProductsSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/nav/products_subnav_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#ProductsSubNav h2{
	padding:5px;
}
#ProductsSubNav a{
	color:white;
}
#ProductsSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#ProductsSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #ProductsSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#ProductsSubNav p a{
	float:right;
}
#ProductsSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}



/*	News SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#NewsSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/news/latest_news_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#NewsSubNav h2{
	padding:5px;
}
#NewsSubNav a{
	color:white;
}
#NewsSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#NewsSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #NewsSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#NewsSubNav p a{
	float:right;
}
#NewsSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}


/*	Internet Banking SubNav
---------------------------------------------------------------------------------------------------------------------------*/


#InternetBankingSubNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:200px;
	height: 430px;
	background: url(/website/img/nav/internet_banking_subnav_bg.jpg) no-repeat top #e5e2da; 
	color:white;
	float:left;
}
#InternetBankingSubNav h2{
	padding:5px;
}
#InternetBankingSubNav a{
	color:white;
}
#InternetBankingSubNav img{
	
	padding:2px;
	margin:15px 5px 5px 9px;
	border:0px dotted white;
}
.news_title{
	display:block; 
	font-weight:bold;
}
#InternetBankingSubNav p{
	padding:0px;
	margin:10px 5px;
	min-height:100px;
	_height:100px;
	border-top:1px dotted white;
}* html #InternetBankingSubNav p { height:80px; } /* required by ie6 - doesnt know min-height, but height works in a similar way, however height would break the other browsers */
#InternetBankingSubNav p a{
	float:right;
}
#InternetBankingSubNav_bottom{
	background: url(/website/img/news/latest_news_bottom.jpg) no-repeat bottom #e5e2da; 
	width: 200px;
	height: 17px;
	float:left;
}
#container_main_centre_bg{
	_margin-top:-10px;//fixes a random 10px gap produced by ie
}

/* @end */