body
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#global-wrapper
{
	width: 760px;
}

div.text-left
{
	float: left;
}

div.text-right 	
{
	text-align: right;
	white-space: nowrap;
}

img
{
	border: 0px;
}

form
{
	margin: 0px;
	display: inline;
}

select.text,
input.text,
input.text-day,
input.text-month,
input.text-year,
input.text-2digit,
select.med-input,
select.long-input,
input.med-input,
input.long-input
{
	background-color: #f1f1f1;
}

input.text-day,
input.text-month,
input.text-2digit
{
	width: 21px;
}

input.text-year
{
	width: 35px;
}

select.med-input,
input.med-input
{
	width: 130px;
}

select.long-input,
input.long-input
{
	width: 230px;
}

#noscript01,
#noscript02,
#noscript03
{
	margin-top: 10px;
	display: inline;
}

#noscript01 input,
#noscript02 input,
#noscript03 input
{
	display: inline;
	float: left;
	margin: 0px 3px;
}

span.disabled  #noscript01 input,
span.disabled  #noscript02 input,
span.disabled  #noscript03 input
{
	color: #666;
}
		/*Added 21/04/04*/
div.acc-name
{
	white-space: nowrap;  
}
		/**/
div.acc-type
{
	font-weight: bold;
	white-space: nowrap;  /*Added 21/04/04*/
}

div.acc-sort
{
	margin-right: 4px;
	display: inline;
	white-space: nowrap; /*Added 22/04/2004*/
}

div.acc-number
{
	display: inline;
}

a
{
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

a:hover
{
	text-decoration: underline;
}

a.selected,
span.text-highlight,
p.text-highlight
{
	color: #f00 !important;
}

span.text-disabled,
p.text-disabled
{
	color: #999;
} 
.print-only,
i
{
	display: none;
}

		/*- LOGO AREA -*/
#logo-area
{
	height: 52px;
	width: auto;
}

#logo
{
	padding: 13px 0px 0px 10px;
	float: left;
	width: 141px;
}

#strapline
{
	float: left;
	vertical-align: middle;
	padding: 18px 0px 0px 12px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #f00;
}

#banner
{
	float: right;
	height: 52px;
}
		/*- -*/
	
		/*- TOP MENU -*/
#top-menu
{
	background: url("bg.gif") no-repeat bottom;
	height: 33px;
	width: 760px;
	float: left;
}

div.menu-item,
#log-off
{
	float: left;
	height: 33px;
}

div.edge-left-on-off,
div.edge-left-off-off,
div.edge-left-off-on,
div.edge-right-on-off,
div.edge-right-off-off,
div.edge-right-off-on,
div.end-left-logoff,
div.end-right-logoff
{
	width: 7px;
	height: 33px;
	float: left;
}

div.end-left-logoff
{
	width: 12px;
}

div.end-left-on,
div.end-left-off,
div.end-right-on,
div.end-right-off
{
	width: 18px;
	height: 33px;
	float: left;
}

div.end-right-on,
div.end-right-off
{
	width: 55px;
}

div.centre-on,
div.centre-off-onleft,
div.centre-off-onright,
div.centre-off,
div.centre-logoff
{
	float: left;
	height: 33px;
	font-size: 0.75em;
	padding: 0px;
}

div.centre-on div.padding,
div.centre-off-onleft div.padding,
div.centre-off-onright div.padding,
div.centre-off div.padding
{
	padding-top: 8px;
	float: left;
}

div.centre-logoff div.padding
{
	padding-top: 4px;
	float: left;
}

div.centre-on	
{
	background: url("centre-on.gif") repeat-x;
}

div.centre-off-onright
{
	background: url("centre-off-onright.gif") right top no-repeat;
	width: auto;
	white-space: nowrap;
}

div.centre-off-onleft
{
	background: url("centre-off-onleft.gif") no-repeat;
	width: auto;
	white-space: nowrap;
}

div.centre-off
{
	background: url("centre-off.gif") no-repeat;
	width: auto;
	white-space: nowrap;
}

div.end-left-on 	
{
	background: url("end-left-on.gif") no-repeat;
}

div.end-left-off 	
{
	background: url("end-left-off.gif") no-repeat;
}

div.end-right-on 	
{
	background: url("end-right-on.gif") no-repeat;
}

div.end-right-off 	
{
	background: url("end-right-off.gif") no-repeat;
}

div.edge-left-on-off 	
{
	background: url("edge-left-on-off.gif") no-repeat;
}

div.edge-left-off-off 	
{
	background: url("edge-left-off-off.gif") no-repeat;
}

div.edge-left-off-on
{
	background: url("edge-left-off-on.gif") no-repeat;
}

div.edge-right-on-off
{
	background: url("edge-right-on-off.gif") no-repeat;
}

div.edge-right-off-off
{
	background: url("edge-right-off-off.gif") no-repeat;
}

div.edge-right-off-on
{
	background: url("edge-right-off-on.gif") no-repeat;
}

#log-off
{
	float: right;
	white-space: nowrap;
}

div.end-left-logoff
{
	background: url("end-left-logoff.gif") no-repeat;
	position: absolute;
	top: 52px;
	left: 695px;
}

div.centre-logoff
{
	background: url("centre-logoff.gif") no-repeat;
	position: absolute;
	top: 52px;
	left: 707px;
	width: 58px;
}
		/*- -*/	

		/*- LEFT HAND PANEL -*/
#left-panel
{	
	margin:0px;0px;0px;5px;
}

#left-panel-nav
{
	font-size: 0.75em;
	line-height: 120%;
	margin-bottom: 10px;
}

#left-panel-nav ul
{
	margin: 5px 0px 0px 19px;
	padding: 0px;
}

#left-panel-nav li
{
	list-style-image: url("arr_right_blk.gif");
	margin: 3px 0px 0px 0px;
}

#left-panel-nav li.selected
{
	list-style-image: url("arr_right_red.gif");
}		
#left-panel-nav li.selected a
{
	color: #f00;
}
		/*-  -*/
		
		/*- MAIN PANEL -*/
#main-panel
{

	margin: 14px 14px 0px 14px;
	margin-bottom: 10px;

}

#main-panel.expanded
{
	width: 611px;
	padding-left: 10px !important;
	margin-left: 0px;
}

h1
{
	font-size: 1.18em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h2
{
	font-size: 1em;
	margin: 2px 0px;
}

#main-panel p
{
	margin: 8px 0px;
	font-size: 0.75em;
}	
#main-panel a
{
	text-decoration: underline;
	color: #36c;
}
div.content-highlight-border
{
	border:1px solid #ccc;
	margin-top: 14px;
}

div.content-highlight
{
	border:0px;
	padding: 0px;
	position: relative;
	vertical-align: bottom;
	/* width: 473px; ->comment added 28/7 */
}

#main-panel.expanded div.content-highlight
{
	/* width: 609px; -> Comment added: 28/7*/
	padding-top: 0px;
}

#main-panel div.row,
div.row-separators
{
	padding: 5px 9px;
	clear: both;
	font-size: 0.75em;
}

div.row-separators
{
	border-bottom: 1px dashed #ccc;
}

#main-panel div.row p
{
	font-size: 1em;
	margin: 0px;
}

#main-panel div.padding
{
	padding: 0px;
}
	/* Styles for buttons */
div.row-button
{
	height: 25px;
	clear: both;
	font-size: 0.75em;
	padding: 6px 0px 5px 9px;
	margin: 0px;
}

div.content-highlight div.row-button
{
	padding-right: 9px;
}

div.buttons
{
	float: right;
	white-space: nowrap;
	display: inline;
	height: 22px;
}

div.button-left
{
	background: url("btn_left.gif") no-repeat right;
	width: 15px;
	height: 22px;
	float: left;
}

div.button-centre
{
	background: url("btn_bg.gif") repeat-x;	
	float: left;
}

div.button-centre a
{
	background: url("arr_right_blu.gif") no-repeat;
	text-decoration: none !important;
	color: #36c;		
	height: 22px;
	float: left;			
	margin: 3px 0px;			
	padding: 0px 0px 0px 8px !important;		
}

div.button-centre a:hover
{
	text-decoration: underline !important;
}

div.button-centre a.reverse-arr
{
	background: url("arr_left_blu.gif") no-repeat;
}

div.buttons span.disabled a
{
	background: url("arr_right_gry.gif") no-repeat;
	color: #ccc !important;
}

div.buttons span.disabled a.reverse-arr
{
	background: url("arr_left_gry.gif") no-repeat;
	color: #ccc !important;
}

div.button-right
{
	background: url("btn_right.gif") no-repeat;		
	width: 7px; 			
	height: 22px;		
	float: left;
}
	/* */
#account-viewing
{
	color: #f00;
	float: left;
	/* width: 215px;  /*Added 22/04/2004 -> Comment added: 28/7 */
}

div.row-button #account-viewing
{
	margin-top: -6px;
}

#main-panel div.acc-type,
#main-panel div.acc-name
{
	display: inline;
}
		/*Added 22/04/2004*/
#main-panel div.acc-name
{
	white-space: normal;
}
		/**/
a.contextual-help
{
	background: #ddd url("contextual_help.gif") no-repeat;
	color: #fff !important;
	padding: 0px 4px 3px 4px;
	text-decoration: none !important;
	font-size: 0.95em;
	margin-left: 5px;
}

/* Added 23/04/2004 */
div#show-detail-switch a,
div#hide-detail-switch a
{
	background: url("detail_switch.gif") no-repeat;
	padding-left: 18px;
}

a.contextual-help: hover
{
	text-decoration: none;
}
	/* Styles for products and services landing page */
#main-panel.expanded div.main-column-1 div.content-highlight,
#main-panel.expanded div.main-column-2 div.content-highlight
{
	width: 296px !important; /*previously 286px*/
}

#column-wrapper
{
	position: relative;
	width: 611px;
}

div.main-column-1,
div.main-column-2
{
	width: 298px !important; /*previously 286px*/
	float: left;
	display: block;
}

div.main-column-2
{
	margin-left: 15px; /*previously 20px*/
}

div.main-column-1 p,
div.main-column-2 p
{
	padding: 0px 7px 4px 7px;
	margin: 0px;
}

div.main-column-1 div.row-button,
div.main-column-2 div.row-button
{
	padding-left: 0px;
}

div.main-column-1 div.buttons,
div.main-column-2 div.buttons
{
	float: left;
}
	/* */
	
	/* Styles for tables */
table
{
	font-size: 9pt;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 4px;
}

table p
{
	font-size: 1em !important;
	margin: 0px !important;
}

table th
{
	color: #333;
	padding: 5px 0px;
	background-color: #e5e5e5;
}

table th a
{
	background: url("arr_right_blk_on_gry.gif") right top no-repeat;
	padding-right: 7px;
	color: #333 !important;
}

table th a.selected
{
	background: url("arr_down_red_on_gry.gif") right top no-repeat;
}

table td
{
	padding: 6px 8px 6px 9px;
}

table.row-separators td
{
	border-bottom: 1px dashed #ccc;
}

table tr.no-row-separator td
{
	border: 0px;
}

table .column-1
{
	width: 200px;
	padding-top: 5px;
	padding-right: 20px;
	font-weight: bold;
	vertical-align: top;
}

table .column-2
{
	text-align: right;
	white-space: nowrap;
}

table .column-3
{
	text-align: center;
	width: 30px;
}

table .column-4
{
	width: 180px;
}

table .column-5
{
	text-align: center;
}

table .column-6
{
	text-align: left;
	padding-left: 9px;
}
	/*  */
		/*- -*/	

		/*- RIGHT HAND MENU -*/
#right-panel
{

	margin: 5px 0px 0px 0px;

}

div.useful-tools
{
	background: url("rhm-bg.gif") no-repeat;
	height: 31px;
	display: block;
	width: 125px;
	/* float: left; -> Comment added: 28/7 */
}

div.useful-tools-text
{
	font-size: 0.75em;
	text-align: left;
	padding-left: 15px;
	margin: 9px 0px;
	float: left;
}

#print
{
	background: url("rhm-print.gif") no-repeat;
	margin-bottom: 8px;
}

#help
{
	background: url("rhm-help.gif") no-repeat;
	margin-bottom: 8px;
}

#contact
{
	background: url("rhm-contact.gif") no-repeat;
	margin-bottom: 8px;
}

div.tool-box
{
	font-size: 0.75em;
	text-align: left;
	margin-bottom: 10px;
	display: block;
	width: 125px;
	/* float: left; -> Comment added: 28/7 */
}

div.row-increase div.padding,
div.row-decrease div.padding
{
	padding: 3px 5px 2px 15px;
}

div.row-increase
{
	background: url("font-top.gif") no-repeat;
}

div.row-decrease
{
	background: url("font-bottom.gif") no-repeat bottom;
}

#font div.text-left
{
	margin-top: 2px;
	width: 150px;
}

/* #balances
{
	margin-top: 5px;
} -> Comment added: 28/7 */

#balances div.row
{
	background-color: #f1f1f1;
	border-bottom: 1px solid #fff;
	padding: 4px 7px 4px;
	height: auto;
	width: 111px;
	overflow: hidden;
}
#balances div.acc-name,
#balances div.acc-type,
#balances div.acc-sort,
#balances div.acc-number
{
	white-space: normal;
}

#balances #hide-account-switch a,
#balances #show-account-switch a,
#balances #balance-bottom a
{
	padding-left: 8px;
	display: block;
}

#balances #hide-account-switch
{
	background: #f1f1f1 url("hide-balance-top.gif") no-repeat !important;
	border-bottom: 1px solid #fff;
}

#balances #show-account-switch
{
	background: #f1f1f1 url("show-balance.gif") no-repeat !important;
}

#balances #balance-bottom
{
	background: #f1f1f1 url("hide-balance-bottom.gif") no-repeat bottom !important;
	border-top: 1px solid #ccc;
}

div.promotion
{
	margin: 8px 0px;
	display: block;
	width: 125px;
	float: left;
}
		/*- -*/

		/*- FOOTER -*/
#footer
{
	background-color: #e5e5e5;
	float: left;
	font-size: 0.75em;
	color: #666;
	width: 760px;
	margin: 20px 0px 10px 0px;
}

#footer div.text-right
{
	float: right;
}

#footer a
{
	color: #666;
	padding: 0px 6px;
}

#footer div.padding
{
	padding: 6px 6px 20px 0px;
}
		/*- -*/


/*********************************************************/
/* New base version of new_styles.css  
/* 
/* Version 0.1
/* Date:   01-Jun-05
/* Change: Added .hsbcTextStyle14 for GLT Issue 57  
/* Who:    TN
/*
/* Version 0.2
/* Date:   02-Jun-05
/* Change: expanded hex colors to use 6 hex numbers 
/*         instead of 3 for GLT Issue 61  
/* Who:    TN
/*
/* Version 0.3
/* Date:   06-Jun-05
/* Change: asdded hsbctableColumn19 for GLT Issue 27  
/* Who:    TN
/*
/* Version: P2GLF000123 
/* Date:   11-Aug-05
/* Change: Modify hsbcListStyle01 for Firefox work arounds 
/* Who:   LCG
/**********************************************************/


/******************************/
/* table styles
/******************************/
table.hsbcTableStyle06,
table.hsbcTableStyle07
{
	font-family: arial,helvetica; 
	width: 100%;
	text-align: left;
	border: 0;
	border-collapse: collapse;
}
table.hsbcTableStyle06 td,
table.hsbcTableStyle07 td,
table.hsbcTableStyle06 th,
table.hsbcTableStyle07 th
{
	font-size:74%; 
	color:#333333; 
	vertical-align:top; 
	padding:5px 6px 5px 6px;
	line-height: 1.9em;
}
table.hsbcTableStyle07 td,
table.hsbcTableStyle07 th,
{
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

table.hsbcTableStyle06 td.hsbcTableColumn12,
table.hsbcTableStyle07 td.hsbcTableColumn12
{
	width: 20%;
}
table.hsbcTableStyle06 td.hsbcTableColumn13,
table.hsbcTableStyle07 td.hsbcTableColumn13
{
	width: 15%;
}

/******************************/
/* table row styles
/******************************/
tr.hsbcTableRow03
{
	background-color: #EEEEEE;
}
tr.hsbcTableRow04
{
	background-color: #DBDBDB;
}
tr.hsbcTableRow05 td
{
	border-top: 1px solid #ffffff;
}
tr.hsbcTableRow06 td,
tr.hsbcTableRow06 th
{
	border-bottom: 15px solid #ffffff !important;
}
/* Added by Vancover team 
Use to create space above a row.*/

tr.hsbcTableRow07 td,
tr.hsbcTableRow07 th
{
	border-top: 15px solid #ffffff !important;
}
/*end*/

/******************************/
/* table column styles
/******************************/
table.hsbcTableStyle06 th,
table.hsbcTableStyle07 th,
table.hsbcTableStyle06 td.hsbcTableColumn02,
table.hsbcTableStyle07 td.hsbcTableColumn02
{
	background-color: #999999;
	color:#ffffff; 
	font-size:80%; 
	font-weight:bold; 
	line-height:1em !important;
}

table.hsbcTableStyle06 td.hsbcTableColumn03,
table.hsbcTableStyle07 td.hsbcTableColumn03
{
	/*padding: 10px 5px;*/
	text-align: right;
}
table.hsbcTableStyle06 td.hsbcTableColumn04,
table.hsbcTableStyle07 td.hsbcTableColumn04
{
	white-space: nowrap;
}

table.hsbcTableStyle06 td.hsbcTableColumn05,
table.hsbcTableStyle07 td.hsbcTableColumn05
{
	font-size:86%;
	color:#000000; 
	font-weight: bold; 
	padding-bottom: 5px;
	text-align: left;
}
table.hsbcTableStyle06 td.hsbcTableColumn06,
table.hsbcTableStyle07 td.hsbcTableColumn06
{
	width: 25px;
}
table.hsbcTableStyle06 td.hsbcTableColumn07,
table.hsbcTableStyle07 td.hsbcTableColumn07
{
	text-align: left;
}
table.hsbcTableStyle06 td.hsbcTableColumn08,
table.hsbcTableStyle07 td.hsbcTableColumn08,
table.hsbcTableStyle06 th.hsbcTableColumn08,
table.hsbcTableStyle07 th.hsbcTableColumn08
{
	background-color: #ffffff;
}
table.hsbcTableStyle06 td.hsbcTableColumn09,
table.hsbcTableStyle07 td.hsbcTableColumn09
{
	padding: 0;
	margin: 0;
}
table.hsbcTableStyle06 td.hsbcTableColumn09 select,
table.hsbcTableStyle07 td.hsbcTableColumn09 select
{
	width: 48%;
}
table.hsbcTableStyle06 td.hsbcTableColumn09 input,
table.hsbcTableStyle07 td.hsbcTableColumn09 input
{
	width: 19.9%;
}
table.hsbcTableStyle06 td.hsbcTableColumn10,
table.hsbcTableStyle07 td.hsbcTableColumn10
{
	padding: 10px 0px;
}
table.hsbcTableStyle06 td.hsbcTableColumn11,
table.hsbcTableStyle07 td.hsbcTableColumn11
{
	width: 25%;
}

table.hsbcTableStyle06 td.hsbcTableColumn18,
table.hsbcTableStyle07 td.hsbcTableColumn18
{
	white-space:nowrap;
}

table.hsbcTableStyle06 td.hsbcTableColumn19,
table.hsbcTableStyle07 td.hsbcTableColumn19
{
	text-align: center;
}


/******************************/
/* link styles
/******************************/
a.hsbcLinkStyle05
{/*
	color:#333333 !important;
	text-decoration:underline;*/
}
a.hsbcLinkStyle05:hover
{
	/*text-decoration:none;*/
}

a.hsbcLinkStyle06,
a.hsbcLinkStyle07
{
	border-top: 2px solid #ffffff; 
	border-left: 2px solid #ffffff; 
	border-right: 2px solid #404040; 
	border-bottom: 2px solid #404040; 
	background-color: #D4D0C8; 
	color: #000000; 
	padding: 3px 8px; 
	font-weight: bold; 
	margin-top: 5px; 
	text-decoration: none; 
	white-space:nowrap;
}
div > .hsbcLinkStyle06{ float: left; }

a.hsbcLinkStyle07
{
	 margin-right: 0px;
}

a.hsbcLinkStyle08
{
	 color: #ffffff;
}
a.hsbcLinkStyle08 img
{
	 margin-left: 10px;
}

a.hsbcLinkStyle09
{
	text-decoration: none;
}
a.hsbcLinkStyle10,
a.hsbcLinkStyle11
{
	font-weight: bold;
	text-decoration: none;
}
a.hsbcLinkStyle09:hover
{
	text-decoration: none;
}
a.hsbcLinkStyle10:hover,
a.hsbcLinkStyle11:hover
{
	font-weight: bold;
	text-decoration: none;
}

a.hsbcLinkStyle09
{
	color: #ff0000;
}
a.hsbcLinkStyle09:hover
{
	color: #8B0000;
}
a.hsbcLinkStyle10
{
	color: #0000ff;
}
a.hsbcLinkStyle10:hover
{
	color: #00008B;
}
a.hsbcLinkStyle11
{
	color: #00BB00;
}
a.hsbcLinkStyle11:hover
{
	color: #008B00;
}

/******************************/
/* text styles
/******************************/
span.hsbcTextStyle13
{
	font-weight:bold;
}
.hsbcTextStyle14
{
	font-size:86%;
	margin-left:6px;
	margin-bottom:6px;
	font-weight:bold;
}

.hsbcTextStyle15
{
	font-size:86%;
	margin-left:3px;
	margin-bottom:3px;
}
.hsbcTextStyle16
{
	background: url("../images/bullet.gif") no-repeat left;
	padding-left:12px;
}

.hsbcTextStyle17
{
	font-size:86%;
	margin-left:3px;
	margin-bottom:3px;
        font-style: italic;
}


.hsbcListStyle01
{	
	list-style-type: square;
	margin-left:15px; 
	padding-left:0;

}
.hsbcTextStyleError
{
	color:#ff0000;
	font-weight:bold;
}

.hsbcTextStyleWarning
{
	color:#ff0000;
	font-weight:bold;
}

.hsbcInputStyle01
{
	/* width: 96%; */
	font-size:100%;
	height:200px;
}

/* MYM2021 modified */
select.hsbcInputStyle09
{
	width:230px;
/*	font-family:Verdana;font-size:12px;  */
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}

/* MYM2000#134 */
table.hsbcTableStyle06 td.hsbcTableColumn20,
table.hsbcTableStyle07 td.hsbcTableColumn20
{
	white-space: normal;
}


/* MYM2000#134 */
table.hsbcTableStyle06 td.hsbcTableColumn20,
table.hsbcTableStyle07 td.hsbcTableColumn20
{
	white-space: normal;
}


.hsbcContentHeader1 {
	font-family:Arial,Helvetica,Verdana,Sans-Serif; 
	font-size:12pt; 
	color:#666666; 
	text-decoration:none; 
	padding-left:10;
	font-weight:bold;
	margin-left:10;
	padding: 0px 0px 4px 8px;	
}

.hsbcContentBody1 {
	font-family: arial,helvetica; 
	font-size:74%; 
	color:#000; 
	vertical-align:middle; 
	background-color: #fff; 
	border-bottom: 1px solid #fff; 
	padding: 4px 0px 4px 8px;
}

/* MYM2021 modified */
select.hsbcInputStyle08
{
	width:280px;
/*	font-family:Verdana;font-size:12px; */
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);

}


@import url("cam.css");
@import url("demo.css");

/* Ben Allen 04/05/05 */

/* ---enforce page background color--- */
BODY {background-color: white;}

/* ---Headings Styles--- */
.mainhead {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:16pt; color:#666666; text-decoration:none; padding-left:0;}
/* ---Section Heading--- OLD STYLE: {font-family: arial,helvetica; font-size:10pt; color:WHITE; background-color:#666666; font-weight:Bold; text-decoration:none;}
.sechead{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #cccccc; font-weight:Bold;} */
/* ---Section Heading--- Ben Allen 04/05/05 14:05 */
.sechead{font-family: arial,helvetica; font-size:86%; color:#fff; background-color: #999; font-weight:bold; padding: 4px 0px 4px 11px; border-bottom: 1px solid #fff;}
/* ---Temporary Button Styles--- */
.button {font-family: arial,helvetica; font-size:10pt; color:WHITE; font-weight:Bold; text-decoration:none;}

/* Main Body text Ben Allen */
/* Look and Feel remove */
/*.body1 {font-family: arial,helvetica; font-size:74%; color:#000; vertical-align:middle; background-color: #EEE; border-bottom: 1px solid #fff; font-weight: bold; padding: 4px 0px 4px 8px;} */
/* Look and Feel remove end */
/* Input and select elements in main body Ben Allen */
.body1 select, input, img {font-weight: normal; margin-left: 0px; padding-left: 0px; vertical-align:middle;}
/* Main Body text in BOLD */
.body1-b {font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; vertical-align:top;}
/* Main Body text in ITALIC */
.body1-i {font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; vertical-align:top;}
/* Main Body text with hyperlink */
.body-h {font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}
/* 2nd Body text */
.body2 {font-family: arial,helvetica; font-size:11pt; color:BLACK; vertical-align:top;}

/* Bullet point */
.bullet {list-style-type: square;}

/* ---Table style--- */
/* Table head 
.t-head{font-family: arial,helvetica; font-size:12pt; color:BLACK;}*/
/* New Table head - Ben Allen 04/05/05 10:19 */
.t-head{font-family: arial,helvetica; font-size:86%; color:#000; font-weight: bold; padding-bottom: 5px;}
/* Column head */
.p-head{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #ffffff; font-weight:Bold;}
/* Column head 
.c-head{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #cccccc; font-weight:Bold;}*/
/* Column head Ben Allen 04/05/05 10:38 */
.c-head{font-family: arial,helvetica; font-size:80%; color:#fff; background-color: #999; font-weight:bold; padding: 4px 0px 6px 7px;}
/* Column head with hyperlink */
.c-head-h{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #cccccc; font-weight:Bold; text-decoration:underline;}
/* Table body 
.t-body{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color:#EEEEEE; vertical-align:top;}*/
/* Table body Ben Allen 04/05/05 10:46 */
.t-body{font-family: arial,helvetica; font-size:74%; color:#333; background-color:#EEE; vertical-align:top; padding:5px 0px 5px 8px;}
/* Table body (RED text) */
.t-body-red{font-family: arial,helvetica; font-size:10pt; color:#FF0000; background-color:#EEEEEE; vertical-align:top;}
/* Table body in alt bgcolor 
.t-body-alt{font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}*/
/* Table body in alt bgcolor Ben Allen 04/05/05 10:52  */
.t-body-alt{font-family: arial,helvetica; font-size:74%; color:#333; vertical-align:top; padding:5px 0px 5px 8px; background-color: #DBDBDB;}
/* Table body in alt bgcolor (RED text) */
.t-body-alt-red{font-family: arial,helvetica; font-size:10pt; color:#FF0000; vertical-align:top;}
/* Table body with hyperlink
.t-body-h{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:underline; background-color:#EEEEEE; vertical-align:top;}*/
/* Table body with hyperlink Ben Allen 04/05/05 11:35 */
.t-body-h{font-family: arial,helvetica; font-size:86%; color:#333; text-decoration:underline; background-color:#EEE; vertical-align:top; padding:5px 0px 5px 4px;}
/* Table body with hyperlink in alr bgcolor
.t-body-alt-h{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:underline; vertical-align:top;}*/
/* Table body with hyperlink in alr bgcolor Ben Allen 04/05/05 11:38 */
.t-body-alt-h{font-family: arial,helvetica; font-size:86%; color:#333; text-decoration:underline; vertical-align:top; padding:5px 0px 5px 4px; background-color: #DBDBDB;}
/* Table body in ITALIC */
.t-body-i{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; background-color:#EEEEEE; vertical-align:top;}
/* Table body in alt ITALIC */
.t-body-alt-i{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; vertical-align:top;}
/* Table body in BOLD */
.t-body-b{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; background-color:#EEEEEE; vertical-align:top;}
/* Table body in alt BOLD */
.t-body-alt-b{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; vertical-align:top;}

.inputbox{font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}
.dropdown{font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}
/* .textarea{font-family: arial,helvetica; font-size:10pt; color:BLACK;} */
.textarea {font-family: arial,helvetica; font-size:9pt; color:#000000;}
.textarea-nls {font-family: MingLiu,Courier New,arial,helvetica; font-size:9pt; color:#000000;} 	
.disclaimer{font-family: arial,helvetica; font-size:8pt; color:RED;}

/* ---Left Navigation style--- */
/* 1st level */
.navl1{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:BLACK; text-decoration:none;}
/* 1st level selected */
.navl1-sel{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#FF0000; text-decoration:none;}
/* 2nd level */
.navl2{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#000000; text-decoration:none;}
/* 2nd level selected */
.navl2-sel{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#FF0000; text-decoration:none;}

.errmsg{font-family: arial,helvetica; font-size:10pt; color:#ff0000;}
.wrnmsg{font-family: arial,helvetica; font-size:10pt; color:#ff0000;}
.copyright{font-family: arial,helvetica; font-size:8pt; color:BLACK;}

.header{white-space: nowrap; font-family:Arial; font-size:10pt; font-weight:Bold; color: White;text-decoration:none;}
.logoff{font-family:Arial; font-size:10pt; font-weight:Bold; color: #ffffff;}

/* ---Calendar style--- */
/* Calendar text */
.cal{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:none;}
/* Top frame background */
.cal-top-bg{background-color:WHITE;}
/* Middle frame background */
.cal-middle-bg{background-color:WHITE;}
/* Bottom frame background */
.cal-bottom-bg{background-color:WHITE;}
/* Table background */
.cal-t-bg{background-color:BLACK;}
/* Table heading background */
.cal-t-head-bg{background-color:WHITE;}
/* Table heading text */
.cal-t-head{font-family: arial,helvetica; font-size:12pt;  font-weight:Bold; color:BLACK; text-decoration:none;}
/* Table body background */
.cal-t-body-bg{background-color:LIGHTGREY;}
/* Selected date (or current date) */
.cal-d-focus:link {font-family: arial,helvetica; font-size:10pt; color: GREEN; text-decoration: none;}
.cal-d-focus:visited {font-family: arial,helvetica; font-size:10pt; color: GREEN; text-decoration: none;}
.cal-d-focus:hover {font-family: arial,helvetica; font-size:10pt; color: DARKGREEN; text-decoration: none;}
/* Listed dates */
.cal-d:link {font-family: arial,helvetica; font-size:10pt; color: BLUE; text-decoration: none;}
.cal-d:visited {font-family: arial,helvetica; font-size:10pt; color: BLUE; text-decoration: none;}
.cal-d:hover {font-family: arial,helvetica; font-size:10pt; color: DARKBLUE; text-decoration: none;}
/* Weekend dates */
.cal-d-weekend:link {font-family: arial,helvetica; font-size:10pt; color: RED; text-decoration: none;}
.cal-d-weekend:visited {font-family: arial,helvetica; font-size:10pt; color: RED; text-decoration: none;}
.cal-d-weekend:hover {font-family: arial,helvetica; font-size:10pt; color: DARKRED; text-decoration: none;}
/* Month drop down */
.cal-dropdown{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:none;}

/* Please Wait Page style */
.please-wait {font-family: arial,helvetica; font-size:10pt; color: WHITE; background: BLACK; font-weight:Bold;}

/* Block Background Color in Gray*/
.highLightBackground { background-color: #EEEEEE;}
/* Main Body Text in BOLD RED */
.body1-rb {font-family: arial,helvetica; font-size:10pt; color:#BD0126; font-weight:Bold; vertical-align:top;}


/* Created by Ben Allen 04/05/05 12:24 */
.extHubPibRowSpacer{height: 20px; padding: 0px; margin: 0px; border: 0px;}
/* Created by Ben Allen 04/05/05 14:50 */
.extHubPibNoBorder td{ border-bottom: 0px !important; }
/* Created by Ben Allen 04/05/05 15:00 */
.extHubPibLinkButton {border-right: 2px solid #999; border-bottom: 2px solid #999; background-color: #fff; color: #36C; padding: 4px; font-weight: bold; margin-top: 5px; text-decoration: none; }
/* Created by Ben Allen - fix for IE 5.01 */
div > .extHubPibLinkButton{ float: left; }
/* Created by Ben Allen 04/05/05 15:00 */
.extHubPibButtonRow{font-family: arial,helvetica; background-color: #EEE; text-align: right;}
/* Created by Ben Allen 04/05/05 15:00 */
.extHubPibButtonRow td{ padding: 9px 5px 9px 5px; }
/* Created by Ben Allen 04/05/05 15:00 */
.extHubPibButtonRow td .extHubPibLinkButton{ margin-right: 8px;}
/* Created by Ben Allen 04/05/05 15:00 */
.extHubPibButtonRow td .extHubPibFinalButton{ margin-right: 0px; }


/* Look and Feel changes - start. PPCR P2GLF000110 */
div.mainhead {
font-family:Arial,Helvetica,Verdana,Sans-Serif; 
font-size:12pt; 
color:#666666; 
text-decoration:none; 
padding-left:10;
font-weight:bold;
margin-left:10;
padding: 4px 0px 4px 8px;	
}


.body1 {
font-family: arial,helvetica; 
font-size:60%; 
color:#000; 
vertical-align:middle; 
background-color: #fff; 
border-bottom: 1px solid #fff; 
 
padding: 4px 0px 4px 8px;
}

/* Look and Feel changes - end */


/*
----------------------------------------------------------------------------------------------
HSBC International CONTAINERS StyleSheet
Author:   Rew Islam
Created:  22 Feb 2005
Updated:  23 Feb 2005

History:
22 Feb 2005
	Copied top level container styles from co.uk build, will need to re-think layout control
	in terms of column control and the various types of templates. Templates must be controlled
	by containers only.
23 Feb 2005
	New control structure for column control.
04 Mar 2005
	Right column only with 4 column control added. All column control divs floated left. This
	fixed a problem on the mac where javascript jsfShowHide function was causing render issues.
	
---------------------------------------------------------------------------------------------- */

/* Top Level Containers
---------------------------------------------------------------------------------------------- */
div.containerGlobal
{
	width: 974px;
}
div.containerLogoArea
{
	width: 350px;
	float: left;
	clear:left;
}
div.containerLeft
{
	width: 146px;
	float: left;
}
div.containerTabMenu
{
	width:100%;
	float:left;
}
div.containerBreadCrumb
{
	width:100%;
	float:left;
}
div.containerFooter
{
	width: 100%;
	float: left;
}
div.containerEntity
{
	width: 100%;
}
div.containerMain
{
	width: 100%;
	padding-left:10px;
	float:left;
}

div.containerPopupMain
{
	width: 100%;
	padding-left:10px;
	float:left;
}


div.containerControlOne,
div.containerControlTwo,
div.containerControlThree,
div.containerControlFour,
div.containerContent,
div.containerOuterContent
{
	float:left;
}

/* 	The following styles can handle more complicated layouts than the existing three layouts:
	i.e. Left, Right, LeftRight. e.g. These styles can handle nested LeftRight layout.
---------------------------------------------------------------------------------------------- */
/* P2G CA styles start */
div.containerControlLeft div.containerContentOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerControlOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerControlOne div.containerContentOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerContentTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerControlTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerControlTwo div.containerContentTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerRightTools 
{
	width: 166px;
	float: left;
}
div.containerControlLeft div.containerControlRightTools 
{
	width: 166px;
	float: left;
}
div.containerControlLeft div.containerControlRightTools div.containerRightTools
{
	width: 166px;
	float: left;
}
/* P2G CA styles end */


/* Left and Right columns   | |    | |
---------------------------------------------------------------------------------------------- */
div.containerControlLeftRight div.containerContent
{
	width:652px;
	float:left;
}
div.containerControlLeftRight div.containerControlOne div.hsbcColumn
{
	width: 652px;
}
div.containerControlLeftRight div.containerControlTwo div.hsbcColumn
{
	width: 219px;
}
div.containerControlLeftRight div.containerControlThree div.hsbcColumn
{
	width: 146px;
}
div.containerControlLeftRight div.containerControlThree div.hsbcColumnDouble
{
	width: 292px !important;
}

div.containerControlLeftRight div.containerOuterContent
{
	width:604px;
}

/* Right column only   |      | |
---------------------------------------------------------------------------------------------- */
div.containerControlRight div.containerLeftNav
{
	display:none;
}
div.containerControlRight div.containerContent
{
	width:584px;
	float:left;
}
div.containerControlRight div.containerControlOne div.hsbcColumn
{
	width: 584px;
}
div.containerControlRight div.containerControlTwo div.hsbcColumn
{
	width: 292px;
}
div.containerControlRight div.containerControlFour div.hsbcColumn
{
	width:146px;
}
div.containerControlRight div.containerControlTwo div.hsbcColumnDouble
{
	width: 292px !important;
}

div.containerControlRight div.containerOuterContent
{
	width:750px !important;
}


/* Left column only   | |      |
---------------------------------------------------------------------------------------------- */
/*
div.containerControlLeft div.containerLeftNav
{
	margin-right:0px !important;
}
div.containerControlLeft div.hsbcContent
{
	margin-left:16px;
	margin-right:0px !important;
}
div.containerControlLeft div.containerRightTools
{
	display:none;
} */
div.containerControlLeft div.containerContent
{
	width:620px;
	float:left;
}
div.containerControlLeft div.containerControlOne div.hsbcColumn
{
	width: 620px;
}
div.containerControlLeft div.containerControlTwo div.hsbcColumn
{
	width: 310px;
}
div.containerControlLeft div.containerControlFour div.hsbcColumn
{
	width: 155px;
}
div.containerControlLeft div.containerControlFour div.hsbcColumnDouble
{
	width: 310px;
}
div.containerControlLeft div.containerControlFour div.hsbcTripleColumn
{
	width: 465px;
}

/* Column, Content, Right and Left div's
---------------------------------------------------------------------------------------------- */
div.hsbcColumn
{
	float:left;
}
div.hsbcContent
{
	margin-right:16px;
	width:auto;
	float:none;
}
div.containerLeftNav
{
	width:130px;
	margin-right:16px;
	float:left;
}
div.containerRightTools
{
	width:166px;
	float:left;
}


/* MYM2000#133 */
div.containerControlLeft div.containerControlWide div.containerContentThree
{
	width:966px;
	float:left;
}

div.containerControlLeft div.containerContentThree
{
	width:966px;
	float:left;
}



/*
HTML redefined styles
*/
body,
.wpsPortletBody,
.wpsPortletText,
.wpsEditText,
.wpsPortletSmText,
.wpsEditSmText,
.wpsPortletTinyText,
.portlet-font
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

img
{
	border: 0px;
}

form
{
	margin: 0px;
	display: inline;
}

input,
.wpsEditField,
.portlet-form-input-field
{
	vertical-align: middle;
}

textarea,
.wpsEditField,
.portlet-form-input-field
{
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 160%;
	font-weight: normal;
	margin: 0px 15px 5px 0px;
	padding: 0px;
}

h2
{
	font-size: 125%;
	margin: 0px 0px 5px 0px;
}

h3
{
	color: #333;
	font-size: 110%;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	line-height: 110%;
}

table td
{
	padding: 6px 8px 6px 9px;
}

table th a
{
	background: url("arr_right_blk_on_gry.gif") right top no-repeat;
	padding-right: 7px;
	color: #333 !important;
}

table p,
.wpsTableText,
.portlet-section-body
{
	/* font-size: 1em !important; */ /*pws*/
	margin: 0px !important;
}

table th,
.wpsTableHead th
{
	color: #333;
	padding: 5px 0px; /*background-color: #e5e5e5;*/ /*pws*/
}

table:lang(en)
{
	/* FIX FOR: mozilla*/
	/*font-size: 95% !important;*/ /*pws*/
}

table a:lang(en)
{
	/* FIX FOR: mozilla*/
	font-weight: bold !important;
}

table,
.wpsTable
{
	font-size: 100%;
	border-collapse: collapse;
	/* FIX FOR: PC IE5.5 & PC IE */
	width: 90%;
	wid\th: 100%;
	margin-bottom: 4px;
}

/* used to seperate links in order to allow screen readers to pause between links */
i
{
	display: none;
}

/*
Containers
*/

div.containerGlobal
{
	width: 760px;
}

div.containerLogoArea
{
	width: 350px;
	float: left;
}

div.containerLeft
{
	width: 146px;
	float: left;
}	

div.containerMain
{
	width: 614px;
	float: left;
}

div.extFullWidth div.containerMain
{
	width: 760px;
}

div.containerMainExpanded
{
	width: 760px;
	overflow: hidden;
}

	div.containerMainExpanded div.hsbcMainContent
	{
		padding-left: 10px;
		/* FIX FOR: PC IE5.5 & PC IE */
		width: 635px;
		wid\th: 625px;
	}
	.extIntBnk1
	{
		width: 272px;
	}
	.extIntBnk2
	{
		width: 488px;
	}
	
	
	.hsbcOneCols
	{
		width: 488px;
	}
	.hsbcTwoCols
	{
		width: 244px;
	}
	div.containerMainExpanded .hsbcOneCols
	{
		width: 624px;
	}
	div.containerMainExpanded .hsbcTwoCols
	{
		width: 312px;
	}
	
	.extIntBnk1 .hsbcOneCols
	{
		width: 272px !important;
	}
	.extIntBnk2 .hsbcOneCols
	{
		width: 488px !important;
		margin-bottom: 15px;
	}
	.extIntBnk2 .hsbcTwoCols
	{
		width: 244px !important;
		margin-bottom: 15px;
	}
	
	/*hsbcColsFour*/
	.hsbcFourCols
	{
		width: 122px;
	} /*hsbcColsFour*/
	div.containerMainExpanded .hsbcFourCols
	{
		width: 156px;
	}
	
	
div.containerFooter
{
	width: 100%;
	float: left;
}

div.hsbcMainContent
{
	float: left;
	width: 489px;
	font-size: 80%;
}
.extIntBnk1,
.extIntBnk2
{
	font-size: 80%;
}
.extFullWidth h1
{
	/* font-size: 140%; */ /*pws*/
}

/*
Divlets
*/

/* Logo Area Divlet (start) */
	div.hsbcDivletLogo
	{
		height: 48px;
		width: auto;
	}
	
		div.hsbcDivletLogo .hsbcDivletLogoImage
		{
			padding: 14px 0px 0px 10px;
			float: left;
			height: 24px;
			width: 127px;
		}
		
		div.hsbcDivletLogo .hsbcDivletLogoTagLine
		{
			float: left;
			vertical-align: middle;
			padding: 17px 0px 0px 11px;
			font: bold 12px Arial, Helvetica, sans-serif;
			color: #f00;
		}
/* Logo Area Divlet (end) */

/* Search Area Divlet (start) */
	div.hsbcDivletSearch
	{
		float: right;
		text-align: right;
		font-size: 80%;
		margin-top: 13px;
		padding-right: 6px;
	}
	div.hsbcDivletSearch input
	{
		vertical-align: middle;
	}
/* Search Area Divlet (end) */

/* Tab menu Divlet (start) */
	div.hsbcDivtletTabMenu,
	.wpsPortletTabSet
	{
		background: url("tab_bg.gif") no-repeat right bottom;
		height: 44px;
		width: 100%;
		clear: left;
	}
		div.hsbcDivtletTabMenu ul
		{
			margin: 0px;
			padding: 0px;
		}
		div.hsbcDivtletTabMenu ul li
		{
			margin: 0px;
			padding: 0px 0px 0px 6px;
			list-style: none;
			float: left;
			height: 44px;
			background: url("tab_off_left.gif") no-repeat top left;
			text-align: center;
		}
		div.hsbcDivtletTabMenu ul li a,
		.wpsPortletTabLink
		{
			padding: 0px 9px 0px 2px;
			margin: 0px;
			height: 44px;
			line-height: 36px;
			float: left;
			display: block;
			background: url("tab_off_right.gif") no-repeat top right;
			text-decoration: none;
			color: #333;
			font-size: 75%;
			font-weight:bold;
			vertical-align: 50%;
		}
		div.hsbcDivtletTabMenu ul li a:hover,
		.wpsPortletTabLink:hover
		{
			color: #f00 !important;
		}
		div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected,
		.wpsPortletSelectedTab
		{
			background: url("tab_on_left.gif") no-repeat top left;
		}
		div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected a,
		.wpsPortletSelectedTab a,
		.wpsPortletSelectedTabLink
		{
			background: url("tab_on_right.gif") no-repeat top right;
		}
		div.hsbcDivtletTabMenu ul li.extFirstTab
		{
			background: url("first_tab_off_left.gif") no-repeat top left;
			padding-left: 15px;
		}
		div.hsbcDivtletTabMenu ul li.extFirstTabSelected
		{
			background: url("first_tab_on_left.gif") no-repeat top left;
			padding-left: 15px;
		}
		div.hsbcDivtletTabMenu ul li.extFirstTabSelected a
		{
			background: url("tab_on_right.gif") no-repeat top right;
		}
		div.hsbcDivtletTabMenu ul li.extSelectedTabRight
		{
			background: url("tab_off_left_selected_right.gif") no-repeat top left;
		}
		div.hsbcDivtletTabMenu ul li.extSelectedTabRight a
		{
			background: url("tab_off_right_selected_right.gif") no-repeat top right;
		}
		div.hsbcDivtletTabMenu ul li.extSelectedTabLeft
		{}
		div.hsbcDivtletTabMenu ul li.extSelectedTabLeft a
		{
			background: url("tab_off_right_selected_left.gif") no-repeat top right;
		}
		div.hsbcDivtletTabMenu ul li.extLastTabSelected
		{
			background:   url("tab_on_left.gif") no-repeat top left;
		}
		div.hsbcDivtletTabMenu ul li.extLastTabSelected a
		{
			background:  url("last_tab_on_right.gif") no-repeat top right;
			padding-right: 34px;
		}
		div.hsbcDivtletTabMenu ul li.extRightAlignTab
		{
			float: right;
			padding-right: 14px;
		}
		div.hsbcDivtletTabMenu ul li.extRightAlignTabSelected
		{
			background:  url("first_tab_on_left.gif") no-repeat top left;
			float: right;
			padding-left: 15px;
			padding-right: 0px;
		}
		div.hsbcDivtletTabMenu ul li.extRightAlignTabSelected a
		{
			background: url("right_align_tab_on_right.gif") no-repeat top right;
			padding-right: 23px;
			padding-left: 3px;
		}
		div.hsbcDivtletTabMenu ul li.extSelectedTabRightEndBlock
		{
			background: url("tab_off_left_selected_right_end_block.gif") no-repeat top left;
		}
		div.hsbcDivtletTabMenu ul li a.extDoubleLine
		{
			line-height: 13px;
			padding-top: 4px;
			/* FIX FOR: PC IE5.5 and PC IE5.01 */
			height: 44px;
			hei\ght: 40px;
		}
		div.hsbcDivtletTabMenu ul li a .extMacIE
		{
			float: left;
			clear: left;
			padding-top: 2px;
			/*FIX FOR: MAC IE \*/
			float: none;
			clear: none;
			padding-top: 0px;
			/* */
		}
/* Tab menu Divlet (end) */

/* Breadcrumb Divlet (start) */
	div.hsbcDivletBreadCrumb,
	.wpsBreadcrumbTrail
	{
		float: left;
		margin: 6px 0px 0px 0px;
		padding:0px 0px 10px 10px;
		width: 620px;
	}
		div.hsbcDivletBreadCrumb ul
		{
			margin: 0px;
			padding: 0px;
		}
		div.hsbcDivletBreadCrumb ul li,
		.wpsBreadcrumbTrail
		{
			margin: 0px;
			padding: 0px 4px 0px 10px;
			list-style: none;
			float: left;
			background: url("breadcrumb_arrow.gif") no-repeat left;
			white-space: nowrap;
			font-size: 80%;
			color: #666;
		}
		div.hsbcDivletBreadCrumb ul li a,
		.wpsBreadcrumbTrail a
		{
			text-decoration: none;
			color: #666;
		}
		div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbFirst
		{
			background: none;
			padding-left: 0px;
		}
		div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbLast
		{
		}
/* Breadcrumb Divlet (end) */

/* Navigation list divlet (start) */
	div.hsbcDivletNavigation,
	.portlet-menu
	{
	}
		div.hsbcDivletNavigation ul
		{
			margin: 0px 0px 8px 7px;
			padding: 0px;
		}
		div.hsbcDivletNavigation ul li,
		.portlet-menu-item
		{
			background: url("nav_arrow_right.gif") no-repeat top left;
			list-style: none;
			line-height: 100%;
			padding: 1px 10px 3px 10px;
		}
		div.hsbcDivletNavigation ul li a
		{
			text-decoration: none;
			color: #333;
			font-size: 80%;
			font-weight: bold;
		}
		div.hsbcDivletNavigation ul li a:hover,
		.portlet-menu-item-hover
		{
			color: #f00 !important;
		}
		div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected,
		.portlet-menu-item-selected
		{
			background: url("nav_arrow_right_selected.gif") no-repeat top left;
		}
		div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren
		{
			background: url("nav_arrow_down_selected.gif") no-repeat top left;
		}
		div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected a,
		div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren a
		{
			color: #f00;
		}
		div.hsbcDivletNavigation ul li ul
		{
			margin: 3px 0px 0px 1px;
			padding: 0px;
		}
		div.hsbcDivletNavigation ul li ul li,
		.portlet-menu-cascade-item
		{
			margin: 0px;
			padding: 3px 0px 3px 2px;
			background: none;
			line-height: 80%;
			/* \*/
			line-height: 70%;
			/* */
		}
		div.hsbcDivletNavigation ul li ul li a
		{
			color: #333 !important;
			font-size: 70%;
		}
		div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected,
		.portlet-menu-cascade-item-selected
		{
			background: none;
		}
		div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected a
		{
			color: #f00 !important;
		}
		
		div.hsbcDivletNavigation .extNavigationHeading
		{
			color: #666;
			font-size: 80%;
			margin: 0px 0px 3px 10px;
			font-weight: bold;
			font-style: italic;
		}
		div.hsbcDivletNavigation .extBackLink
		{
			background: url("nav_arrow_left.gif") no-repeat top left;
		}
/* Navigation list divlet (end) */

/* Footer divlet (start) */
	div.hsbcDivletFooterLinks,
	.wpsCopyrightText
	{
		width:100%;
		float:left;
		margin:16px 0px 16px;
		background-color:#eee;
		color:#333;
		line-height:180%;
		padding:0px;
	}
	div.hsbcDivletFooterLinks p,
	.wpsCopyrightText p
	{
		/* mac-ie */
		font-size:68%;
		/*non-mac-ie \*/
		font-size:61%;
		/* */
		color:#333;
		line-height:180%;
		padding:0px;
		margin:0px;
	}
	div.hsbcDivletFooterLinks p a,
	.wpsCopyrightText p a
	{
		color:#333;
		text-decoration:none;
	}
	div.hsbcDivletFooterLinks p a:hover,
	.wpsCopyrightText p a:hover
	{
		text-decoration:underline;
	}
	div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft,
	.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
	{
		float:left;
		margin-left:10px;
	}
	div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight,
	.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
	{
		float:right;
		margin-right:10px;
	}

/* Footer divlet (end) */
/* END OF THEME STYLES */

/* Right Content (start) */
	div.hsbcRightContent
	{
		width: 125px;
		float: left;
	}
	.hsbcRightContent .hsbcDivletBox
	{
		margin: 0px 0px 10px 0px;
		border-top: 7px solid #f00;
		background: url("box_bg.gif") no-repeat bottom left;
		padding: 0px;
		width: 125px;
		float: left;
	}
	.hsbcRightContent .hsbcDivletBox .extSafariFix
	{
		font-size: 1px;
		margin: 0px;
		height: 1px;
		float: left;
		width: 111px;
		display: block;
	}
	.hsbcRightContent .hsbcDivletBox .extIESixFix
	{
		width:1px;
		height:1px;
		position:absolute;
		left:-2000px;
		top:-2000px;
	}
	.hsbcRightContent .hsbcDivletBox .hsbcSeparator
	{
		background: url("dash_line.gif") repeat-x top left;
		font-size: 1px;
		margin: 4px 0px;
		height: 1px;
		float: left;
		width: 111px;
		display: block;
	}
	.hsbcRightContent .hsbcDivletBoxContent
	{
		background: url("box_content_bg.gif") no-repeat bottom right;
		padding: 4px 7px 9px 7px;
		float: left;
	}
	.hsbcRightContent .hsbcDivletBoxRow
	{
		padding: 0px;
		/* background: url("dash_line.gif") repeat-x bottom left; */
		float: left;
		width: 100%;
		font-size: 70%;
	}
	.hsbcRightContent .hsbcDivletBoxRow a
	{
		font-weight: bold;
		color: #333;
		text-decoration: none;
		margin: 2px 0px;
		/* \*/
		margin: 0px;
		/* */
		display: block;
	}
	.hsbcDivletBoxRowNoLink
	{
		color: #333;
	}
	.hsbcDivletBoxRow span.hsbcDivletBoxRowText
	{
		float: left;
		padding: 2px 0px;
		clear: right;
	}
	.hsbcDivletBoxRow span.hsbcDivletBoxRowImage
	{
		float: right;
	}
	a span.hsbcDivletBoxRowText,
	a span.hsbcDivletBoxRowImage
	{
		cursor: pointer;
		cursor: hand;
	}
	a:hover.hsbcDivletBoxRowText,
	a:hover span.hsbcDivletBoxRowText
	{
		color: #f00 !important;
	}
	.hsbcDivletBoxRow a img
	{
		border: none;
	}
	.hsbcDivletBoxRow .hsbcTextInput
	{
		width: 107px;
	}
	.hsbcWarningText
	{
		color: #f00;
	}
	.hsbcSelected
	{
		color: #f00 !important;
	}
	.hsbcPositiveText
	{
		color: #090;
	}
	.hsbcRightContent .hsbcButtonCenter,
	.hsbcRightContent .hsbcButtonLeft,
	.hsbcRightContent .hsbcButtonRight
	{
		margin-top: 3px;
	}
	.hsbcRightContent .hsbcButtonCenter a
	{
		font-size: 110%;
	}
/* Right Content (end) */

/*
HSBC generic styles
*/

/* Button styles */
div.hsbcButtonLeft
{
	background: url("btn_left.gif") no-repeat right;
	width: 15px;
	height: 22px;
	float: left;
}
div.hsbcButtonCenter
{
	background: url("btn_bg.gif") repeat-x;	
	float: left;
}
div.hsbcButtonCenter a,
.wpsButtonText,
.portlet-form-input-field
{
	background: url("arr_right_blu.gif") no-repeat;
	text-decoration: none !important;
	color: #36c !important;
	height: 22px;
	float: left;			
	margin: 3px 0px;			
	padding: 0px 0px 0px 8px !important;
	font-weight: bold;
}
div.hsbcButtonCenter a:hover
{
	text-decoration: underline !important;
}
div.hsbcButtonRight
{
	background: url("btn_right.gif") no-repeat;		
	width: 7px; 			
	height: 22px;		
	float: left;
}
div.extRowButton
{
	height: 25px;
	clear: both;
/*	font-size: 75%;*/
	padding: 8px 15px 5px 9px;
	margin: 0px;
	float: none !important;
}
div.extContentHighlightPib div.extRowButton
{
	padding-right: 9px;
}
div.extButtons
{
	float: right;
	white-space: nowrap;
	display: inline;
	height: 22px;
}
div.hsbcButtonCenter a.hsbcButtonBack
{
	background: url("arr_left_blu.gif") no-repeat;
}
div.extButtons span.hsbcDisabled a
{
	background: url("arr_right_gry.gif") no-repeat;
	color: #ccc !important;
}
div.extButtons span.hsbcDisabled a.hsbcButtonBack
{
	background: url("arr_left_gry.gif") no-repeat;
	color: #ccc !important;
}
div.hsbcDivletBoxRow div.hsbcButtonLeft
{
	width: 10px;
}
div.hsbcDivletBoxRow span.hsbcDivletBoxRowText
{
	margin-top: 1px;
}
/* Button styles (end) */

/* Generic re-usable styles not part of any structure above. May or may not be used in HTML */

a.hsbcDivletNavigationSelected
{
	color: #f00 !important;
}

a.skiplink
{
   color: #fff;
   text-decoration: none;
   font-size: 55%;
}

.hsbcTextHighlight
{
	color: #f00 !important;
}

.hsbcTextHighlightError,
.wpsFieldErrorText,
.portlet-msg-error
{
	color: #f00 !important;
}

.hsbcDisabled,
.wpsButtonDisabledText
{
	color: #999;
} 

a.hsbcContextualHelp
{
	margin-left: 5px;
}

.hsbcPrintOnly
{
	display: none;
}

.hsbcAccountName
{
	white-space: nowrap;  
}

.hsbcAccountType
{
	font-weight: bold;
	white-space: nowrap;
}

.hsbcAccountSortcode
{
	margin-right: 4px;
	display: inline;
	white-space: nowrap;
}

.hsbcAccountNumber
{
	display: inline;
}

.hsbcActiveAccount
{
	color: #f00;
	float: left;
	width: 215px;
}

.hsbcSeparator
{
	background: url("dash_line.gif") repeat-x top left;
	font-size: 1px;
	margin: 1px 0px;
	margin-right: 14px;
	height: 1px;
}

.extIntBnk1 .hsbcSeparator
{
	margin: 6px 0px;
}

div.extPibRow
{
	float: none !important;
}

div.hsbcRow
{
	float: left;
}

div.hsbcCol
{
	float: left;
}
/* Generic re-usable styles (end) */



.hsbcMainContent .hsbcDivletBox .hsbcSeparator
{
	margin: 4px 0px;
	float: left;
	display: block;
	width: 100%;
}



/* PIB/PWS Specific styles */

.extContentHighlight
{
	border: 1px solid #ccc;
	margin: 9px 14px 15px 0px !important;
	padding: 12px 10px 10px 10px !important;
}
.extIntBnk1 .extContentHighlight
{
	margin: 9px 0px 15px 10px !important;
	padding: 12px 0px 10px 0px !important;
	border-top: none;
	background: url("my_hsbc_bg.gif") repeat-x top left;
}
/* place 10px padding left and right of all elements other then full span div's */
.extIntBnk1 .extPadding
{
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.extIntBnk1 .extNoPadding
{
	margin: 0px !important;
	padding: 0px !important;
	clear:both;
}
.extIntBnk1 .hsbcSeparator
{
	width: 240px !important;
	float: left;
}
.extIntBnk2 .extContentHighlight
{
	margin: 9px 0px 0px 14px !important;
}
.extIntBnk2 img
{
	float: left;
	margin: 9px 0px 0px 14px !important;
}
.extIntBnk2 .extContentHighlight img
{
	float: none;
}
.hsbcBackgroundImage
{
	background-position: right top;
	background-repeat: no-repeat;
}
div.extHeight1 .extContentHighlight
{
	
	height: 160px;
	heigh\t: 136px;
	min-height: 136px;
}
div.extHeight2 .extContentHighlight
{
	height: 240px;
	heigh\t: 216px;
	min-height: 216px;
}
div.extHeight1 .extContentHighlight:lang(en)
{
	height: 136px;
	/* \*/
	height: inherit;
	/* */
}
div.extHeight2 .extContentHighlight:lang(en)
{
	height: 216px;
	/* \*/
	height: inherit;
	/* */
}

.extContentHighlightPib
{
	border:1px solid #ccc;
	margin-top: 8px;
	margin-bottom: 7px;
	padding: 0px;
	position: relative;
	vertical-align: bottom;
	width: 472px;
}
.extContentHighlightPib .hsbcSeparator
{
	margin: 1px 10px;
	padding: 0px !important;
}
.extContentHighlightPib table
{
	width: 100%;
}
.extContentHighlightPib table th
{
	background-color: #e5e5e5;
}

div.containerMainExpanded .extContentHighlightPib
{
	width: 609px;
	padding-top: 0px;
}

.extContentHighlightPib div.hsbcRow,
div.hsbcRowSeparator
{
	padding: 5px 9px;
	clear: both;
}

.extContentHighlightPib div.hsbcRow p
{
	/*font-size: 100%;*/ /*pws*/
	margin: 0px;
}

div.hsbcTwoCols div.extContentHighlightPib
{
	width: 296px !important;
}

.hsbcTwoCols .hsbcBackgroundImage
{
	padding-right: 70px !important;
}

div.hsbcRowSeparator
{
	border-bottom: 1px dashed #ccc;
}

div.hsbcImportant
{
	background: #f00 url("icon_exclamation.gif") left no-repeat;
}

.hsbcImportant
{
	color: #fff;
}

.hsbcImportant a
{
	color: #fff !important;
	padding-left: 20px;
	margin-left: 3px;
}

.extShowHide
{
	background: url("icon_show_hide.gif") left no-repeat;
}

.extShowHide a
{
	padding-left: 20px;
	margin-left: 3px;
}

.hsbcContent
{
	margin: 0px 14px 0px 0px;
	padding: 9px 0px 15px 0px;
}

.extIntBnk2 .hsbcContent

{
	margin: 0px 0px 0px 14px;
}
.extFullWidth h1
{
	margin-left: 10px;
}
.hsbcContent a
{
	color: #36c !important;
	text-decoration: none !important;
}

.hsbcContent a:hover
{
	text-decoration: underline !important;
}

/* FIX FOR: PC IE 5.01 */
	div>.hsbcContent h3
	{
		float: left;
	}
	div > .hsbcContent h3
	{
		float: none;
	}
/*  */

.hsbcContent h3 a
{
	color: #333 !important;
}

.hsbcContent p
{
	padding: 0px 0px 8px 0px;
	/* Changed for content pages from padding: 0px 0px 4px 0px; */
	margin: 0px;
	color: #333;
	clear: left;
}

.hsbcContent p a
{
	text-decoration: underline !important;
}

.hsbcContent img
{
	margin: 0px;
}
img.extRightAlignImg
{
	margin: 0px 0px 0px 10px;
	float: right;
}
.hsbcContent a img
{
	margin: 0px 0px 10px 10px;
	border: 0px;
}

img.extPromotionImg
{
	margin: 9px 0px 15px 0px;
}
	

.hsbcContent ul
{
	margin: 0px;
	padding: 3px 0px 12px 8px;
	clear: left;
}

.hsbcContent ul li
{
	margin: 5px 0px 0px 1px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	background: url("bullet.gif") no-repeat top left;
}
.hsbcContent ul li a
{
	text-decoration: underline !important;
}
.hsbcContent ul.hsbcActionLink
{
	padding-left: 0px !important;
}
.hsbcContent ul.hsbcActionLink li
{
	margin: 3px 0px 3px 0px;
	background: url("action_link_arrow.gif") no-repeat top left;
}
.hsbcContent ul li.hsbcActionLink
{
	background: url("action_link_arrow.gif") no-repeat top left;
}
.hsbcContent ul.hsbcActionLink li a,
.hsbcContent ul li.hsbcActionLink a
{
	text-decoration: none !important;
	font-weight: bold !important;
	background: none !important;
}

.hsbcContent a.hsbcActionLink
{
	font-weight: bold;
	padding: 0px 0px 0px 8px;
	background: url("action_link_arrow.gif") no-repeat top left;
	color: #36c !important;
}
/* Fix FOR: PC IE 5.01 */
	div>.hsbcContent a.hsbcActionLink
	{
		background: none;
		padding: 0px;
	}
	div > .hsbcContent a.hsbcActionLink
	{
		background: url("action_link_arrow.gif") no-repeat top left;
		background-repeat: no-repeat !important;
		padding-left: 8px;
	}
/*  */
.hsbcContent .extToTop
{
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	background: url("to_top_link_arrow.gif") no-repeat top left;
}
/* Fix FOR: PC IE 5.01 */
	div>.hsbcContent .extToTop
	{
		background: none;
		padding: 0px;
	}
	div > .hsbcContent .extToTop
	{
		background: url("to_top_link_arrow.gif") no-repeat top left;
		padding-left: 10px;
	}
/*  */
.hsbcContent .hsbcPdf img
{
	margin: 0px;
}

.hsbcContent img.extIconImg
{
	margin: 0px;
	vertical-align:middle;
	border: 0px;
}

div.hsbcTextLeft
{
	float: left;
}
div.hsbcTextLeft h1
{
	display: inline;
}
div.hsbcTextRight 	
{
	text-align: right;
	white-space: nowrap;
}

.hsbcTextInput
{
	background-color: #f1f1f1;
}

input.hsbcTextInputDay,
select.hsbcTextInputDay,
input.hsbcTextInputMonth,
select.hsbcTextInputMonth,
input.hsbcTextInputTwoDigit,
select.hsbcTextInputTwoDigit
{
	width: 15px !important;
}

input.hsbcTextInputDay:lang(en),
select.hsbcTextInputDay:lang(en),
input.hsbcTextInputMonth:lang(en),
select.hsbcTextInputMonth:lang(en),
input.hsbcTextInputTwoDigit:lang(en),
select.hsbcTextInputTwoDigit:lang(en)
{
	/*FIX FOR: Mozilla*/
	width: 15px !important;
}

div > .hsbcTextInputDay,
div > .hsbcTextInputMonth,
div > .hsbcTextInputTwoDigit,
td > .hsbcTextInputDay,
td > .hsbcTextInputMonth,
td > .hsbcTextInputTwoDigit
{
	/*FIX FOR: Safari*/
	width: 21px !important;
}

input.hsbcTextInputYear,
input.hsbcTextInputFourDigit,
select.hsbcTextInputYear,
select.hsbcTextInputFourDigit
{
	width: 30px !important;
}

input.hsbcTextInputYear:lang(en),
input.hsbcTextInputFourDigit:lang(en),
select.hsbcTextInputYear:lang(en),
select.hsbcTextInputFourDigit:lang(en)
{
	width: 30px !important;
}

div > .hsbcTextInputYear,
div > .hsbcTextInputFourDigit,
td > .hsbcTextInputYear,
td > .hsbcTextInputFourDigit
{
	/*FIX FOR: Safari*/
	width: 35px !important;
}

input.hsbcTextInputMedium,
select.hsbcTextInputMedium
{
	width: 130px !important;
}

input.hsbcTextInputLong,
select.hsbcTextInputLong
{
	width: 210px !important;
}

textarea.extInputFullWidth
{
	margin-bottom: 8px;
	/* FIX FOR: PC IE5.5 & PC IE 5.01 */
	width: 90%;
	wid\th: 98%;
}

input.hsbcButtonInput,
input.hsbcButtonInput,
input.hsbcButtonInput
{
	display: inline;
	float: left;
	margin: 0px 3px;
}

span.hsbcDisabled input.hsbcButtonInput,
span.hsbcDisabled input.hsbcButtonInput,
span.hsbcDisabled input.hsbcButtonInput
{
	color: #666;
}

p.hsbcTextHighlight,
.wpsFieldSuccessText,
.portlet-msg-success
{
	font-weight:bold;
	background: url("confirm_tick.gif") left no-repeat;
	padding: 5px 0px 5px 24px;
}

div.containerMain p
{
	margin: 8px 15px 8px 0px;
}

div.extRowButton .hsbcActiveAccount
{
	margin-top: -6px;
}

div.containerMain div.hsbcAccountType,
div.containerMain div.hsbcAccountName
{
	display: inline;
}

div.containerMain div.hsbcAccountName
{
	white-space: normal;
}

table th a.hsbcDivletNavigationSelected,
.wpsTableHeadLink th a,
.wpsTableHeadLink th a:visited,
.wpsTableHeadLinke th a:hover
{
	background: url("arr_down_red_on_gry.gif") right top no-repeat;
}

table.hsbcRowSeparator td,
table tr.hsbcRowSeparator td
{
	background-image: url("dash_line.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}

table tr.hsbcNoRowSeparator td
{
	background: none;
}

table tr.extTableRow1 td,
table tr.extTableRow1 th
{
	padding-bottom: 20px !important;
}

table .extTableColumn1
{
	width: 160px;
	padding-top: 5px;
	padding-right: 20px;
	font-weight: bold;
	vertical-align: top;
}

table th.extTableColumn1
{
	vertical-align: middle;
}

table td.extTableColumn2
{
	text-align: right;
	white-space: nowrap;
}
table th.extTableColumn2
{
	text-align: right;
	padding-right: 8px;
}

table .extTableColumn3
{
	width: 30px;
	text-align: center;
}

table .extTableColumn4
{
	width: 180px;
}

table .extTableColumn5
{
	text-align: center;
}

table .extTableColumn6
{
	text-align: left;
	padding-left: 9px;
}

table.extTwoColumnTable th
{
	background-color: #fff;
	text-align: left;
	padding-left: 9px;
	vertical-align: top;
	width: 20%;
}

table.extTwoColumnTable td p
{
	padding-bottom: 10px;
}

.hsbcMainContent .hsbcDivletBoxRow
{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}
/*hsbcColsFour*/
.hsbcFourCols .hsbcContent
{
	padding: 6px 14px 0px 0px;
	margin-right: 0px;
	overflow:hidden;
	float: left;
}
	div>.hsbcFourCols .hsbcContent
	{
		overflow:hidden;
		float: left;
	}
	div > .hsbcFourCols .hsbcContent
	{
		float: none;
		overflow:inherit;
	}
div.hsbcFourCols a
{
	float: left;
}
div.hsbcFourCols p
{
	margin-right: 0px;
	margin-top: 4px;
}


/* LANDING PAGES */
/* .extLndPg
{
	font-size: 70% !important;
} */
.extLndPg p,
.extLndPg li,
.extLndPg ol,
.extLndPg a
{
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
.extLndPg p a,
.extLndPg h2 a,
.extLndPg h3 a,
.extLndPg li a
{
	font-size: 100%;
}

.extLndPg p
{
	color: #666;
	padding: 0px 0px 4px 0px;
}

/* .extLndPg h1
{
	font-size: 190% !important;
} */

.extLndPg h2
{
	/* font-size: 140% !important; */
	margin: 0px;
	padding: 0px;
	color: #333;
}

/* .extLndPg h3
{
	font-size: 130%;
} */
.extTtl .hsbcContent
{
	padding-bottom: 0px;
	padding-top: 12px;
}
.extLndPg ul
{
	margin: 0px 0px 3px 5px;
}
.extLndPg ul li
{
	font-weight: bold;
	color: #666;
	margin: 1px 0px;
}
/* End of Landing page styles */
.extIntBnk1 label
{
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
	width: 260px;
	wid\th: 240px;
	float: left;
	margin: 4px 0px !important;
	padding: 4px 10px !important;
	background-color: #efefef !important;
}
.extIntBnk1 label span
{
	color: #f00;
}
.extIntBnk1 h3
{
	width: 240px;
	clear: both;
	float: none !important;
}
.extIntBnk1 .extHeight1 .extContentHighlight
{
	
	height: 160px;
	heigh\t: 137px;
	min-height: 137px;
}
.extIntBnk1 .extHeight2 .extContentHighlight
{
	height: 240px;
	heigh\t: 217px;
	min-height: 217px;
}
.extIntBnk1 .extHeight1 .extContentHighlight:lang(en)
{
	height: 137px;
	/* \*/
	height: inherit;
	/* */
}
.extIntBnk1 .extHeight2 .extContentHighlight:lang(en)
{
	height: 217px;
	/* \*/
	height: inherit;
	/* */
}
.extIntBnk1 .extTwoCols 
{
	width: 100px;
	float: left;
}
.extIntBnk1 .extTwoCols ul
{
	padding-top: 0px !important;
}
.extIntBnk1 .extTwoCols ul li
{
	margin-top: 0px;
	margin-bottom: 2px;
	ma\rgin-bottom: 4px;
}
.extIntBnk1 ul
{
	padding-bottom: 0px;
}

.extIntBnk1 .extTopPadding
{
	padding-top: 0px !important;
}




.hsbcActionDivlet
{
	border: 1px solid #ccc;
	background: url("actions_divlet_bg.gif") repeat-y top right;
	float: left;
	margin-bottom: 10px;
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
.extSmTxt .hsbcActionDivlet
{
	font-size: 100%;
}
.hsbcActionDivlet .hsbcActionDivletText
{
	float: left;
	width: 316px;
	wid\th: 302px;
	padding: 4px 7px;
}

.hsbcActionDivlet .hsbcActionDivletActions
{
	width: 156px;
	wid\th: 146px;
	padding: 4px 3px 7px 7px;
	height: 100%;
	float: left;
}

.hsbcActionDivlet h2
{
	font-size: 185%;
	font-weight: normal;
	padding: 7px 5px;
}
.hsbcActionDivlet ul
{
	padding-top: 0px;
	margin-top: 0px;
}
.hsbcActionDivlet p,
.hsbcActionDivlet li
{
	color: #666;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

table.extPwsTable
{
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 8px;
}
table.extPibTable
{
	/* font-size: 90%; */ /*pws*/
}
div.containerMainExpanded .hsbcOneCols table
{
	width: 610px !important;
}
div.containerMainExpanded .hsbcTwoCols table
{
	width: 298px !important;
}
.hsbcOneCols table
{
	width: 474px !important;
}
.hsbcTwoCols table
{
	width: 230px !important;
}
table.extPwsTable th
{
	text-align: left;
	padding: 5px 3px 5px 8px;
	/* background: none; */
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
table.extPwsTable td
{
	padding: 5px 3px 5px 8px;
	color: #666;
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
.extLndPg table.extPwsTable li,
.extLndPg table.extPwsTable p,
.extSmTxt table.extPwsTable li,
.extSmTxt table.extPwsTable p
{
	font-size: 100%;
}
table ul.hsbcActionLink
{
	margin: 0px;
}
/* table ul.hsbcActionLink li
{
	padding: 0px 0px 0px 0px;
} */
table ul.hsbcActionLink li a
{
	text-decoration: none !important;
	font-weight: bold;
}
table.extPwsTable td p,
table.extPwsTable td li
{
	color: #666 !important;
	/* font-size: 100% !important; */ /*pws*/
}
table ul.hsbcActionLink li a
{
	/* font-size: 100%; */ /*pws*/
}
table.hsbcKeyPoints td
{
}
div.hsbcLegal
{
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
p.hsbcLegal
{
	color: #666;
}
.hsbcLegal a
{
	color: #666 !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}
div.hsbcLegal p a,
td.hsbcLegal p a
{
	color: #36c !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}
.extLndPg div.hsbcLegal,
.extSmTxt div.hsbcLegal
{
	font-size: 100%;
}
table.extPibTable td.hsbcLegal p
{
	font-size: 85%;
}
table.extPwsTable td.hsbcLegal p
{
	font-size: 90%;
}
.extLndPg td.hsbcLegal p,
.extSmTxt td.hsbcLegal p
{
	font-size: 90%;
}
div.extBgColour01,
div.extBgColour02,
div.extBgColour03,
div.extBgColour04,
div.extBgColour05
{
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
.extContentHighlightPib .extBgColour01,
.extContentHighlightPib .extBgColour02,
.extContentHighlightPib .extBgColour03,
.extContentHighlightPib .extBgColour04,
.extContentHighlightPib .extBgColour05
{
	padding-left: 0px;
	border: none;
	margin: 0px;
}
div.extBgColour01 p,
div.extBgColour02 p,
div.extBgColour03 p,
div.extBgColour04 p,
div.extBgColour05 p
{
	margin-right: 0px;
}
tr.extBgColour01 th,
tr.extBgColour02 th,
tr.extBgColour03 th,
tr.extBgColour04 th,
tr.extBgColour05 th,
tr.extBgColour01 td,
tr.extBgColour02 td,
tr.extBgColour03 td,
tr.extBgColour04 td,
tr.extBgColour05 td
{
	background-image: url("table_cell_border.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}
td.extBgColour01,
td.extBgColour02,
td.extBgColour03,
td.extBgColour04,
td.extBgColour05
{
	background-image: url("table_cell_border.gif");
	background-position: right top;
	background-repeat: repeat-y;
}
.extBgColour01
{
	background-color: #efefef;
}
.extBgColour02
{
	background-color: #ffeaea;
}
.extBgColour03
{
	background-color: #f1f1f1;
}
.extBgColour04
{
	background-color: #eaeffa;
}
.extBgColour05
{
	background-color: #e5e5e5;
}
div.extSeparator
{
	background: #ccc;
	height: 2px;
}
tr.extSeparator th,
tr.extSeparator td
{
	background-image: url("dash_line.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}
tr.extSeparator .extBgColour01,
tr.extSeparator .extBgColour02,
tr.extSeparator .extBgColour03,
tr.extSeparator .extBgColour04,
tr.extSeparator .extBgColour05
{
	background-image: url("seporator_with_bg_colour.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
}
.extLargerText
{
	font-size: 120% !important;
}
.extSmallerText
{
	/* font-size: 95%; */ /*pws*/
}
.extTextOne
{
	color: #666;
	margin-bottom: 4px;
}

div.containerMain a
{
	text-decoration: none;
	color: #36c;
	font-weight: bold;
}

div.containerMain a:hover
{
	text-decoration: underline !important;
}

div.extNavigationSeperator
{
	margin-left: 10px;
	padding-bottom: 6px;
}

.extSmTxt p,
.extSmTxt li,
.extSmTxt ol,
.extSmTxt a
{
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
.extSmTxt p a,
.extSmTxt h2 a,
.extSmTxt h3 a,
.extSmTxt li a
{
	font-size: 100%;
}

.extSmTxt p
{
	/* color: #666; changed 22/11/04 */
	padding: 0px 0px 4px 0px;
}

.extSmTxt h2
{
	margin: 0px;
	padding: 0px;
	color: #333;
}

.extSmTxt ul
{
	margin: 0px 0px 3px 5px;
}
.extSmTxt ul li
{
	/* font-weight: bold; changed 22/11/04 */
	/* color: #666; changed 22/11/04 */
	margin: 1px 0px;
}

.extLndPg .hsbcButtonCenter a
{
	font-size: 100%;
}

.hsbcSiteMap a.extIconLink
{
	padding-left: 6px;
}

.hsbcSiteMap a.extNonIconLink
{
	padding-left: 18px;
}

.hsbcSiteMap ul li
{
	background:none;
	padding-left: 0px;
}

.hsbcSiteMap ul
{
	padding-left: 0px;
	background: url("dash_line.gif") repeat-x top left;
}

.hsbcSiteMap ul li ul
{
	background: none;
}

.hsbcSiteMap ul li ul
{
	padding-left: 11px;
}

.hsbcSiteMap ul li ul li
{
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}
.hsbcSiteMap ul li ul li ul li
{
	font-size: 100%;
}
.extPopup
{
	width: 100% !important;
	wid\th: auto !important;
	margin-right: 20px;
}
.extPopup .containerMainExpanded
{
	width: 100% !important;
}
.extPopup .hsbcMainContent
{
	width: 100%;
}
.extPopup .hsbcMainContent .hsbcContent {
	padding-left: 10px;
}
.hsbcPopupCloser
{
	float: right;
	font-size: 75%;
	margin-top: 19px;
	padding-right: 6px;
}
.extPopup .hsbcDivletSearch
{
}
.hsbcPopupBar
{
	width: 100%;
	float: left;
	height: 10px;
	overflow: hidden;
	background: #d90000 url("popup_bg.gif") no-repeat bottom right;
}
.hsbcPopupBarInner
{
	width: 100%;
	float: left;
	height: 5px;
	overflow: hidden;
	background: #f00 url("popup_bg.gif") no-repeat top right;
}


/* HOME PAGE STYLES (start of) */
.extHomePageBar
{
	background-image: url("home_bar_bg.gif");
}
.extHomePageBar .hsbcPopupBarInner
{
	background-image: url("home_bar_bg.gif");
}
.extHomeSectionOne
{
	float: left;
	padding: 5px 0px 0px 10px;
	margin-top: 6px;
}
	.extHomeSectionOne h1
	{
		font-size: 145%;
		margin-top: 5px;
		padding-bottom: 2px;
		width: 550px;
	}
	.extHomeColOne
	{
		/*width: 160px;*/
		width: 185px;
	}
	.extHomeColTwo
	{
		/*width: 590px;*/
		width: 565px;
		height: 362px;
	}
	
	
	/* Styles for links through to site */
	.extHomeSectionOne .extHomeColOne p.extHomeTitle
	{
		padding: 0px;
		line-height: 100%;
		font-size: 125%;
		margin-top: 0px;
	}
	.extHomeSectionOne .extHomeColOne p.extHomeTitle a
	{
		font-weight: normal;
		text-decoration: none !important;
		color: #36c !important;
		background: url("home_title_arr.gif") no-repeat top left;
		padding-left: 10px;
		float: left;
	}
	
	.extHomeSectionOne .extHomeColOne p.extHomeTitle a:hover
	{
		text-decoration: underline !important;
	}

	
	.extHomeSectionOne .extHomeColOne ul a
	{
		font-size: 80%;
		/* \*/
		font-size: 75%;
		/* */
	
		text-decoration: none !important;
		font-weight: normal;
		line-height: 75%;
	}
	
	
	.extHomeSectionOne .extHomeColOne p
	{
		font-size: 80%;
		/* \*/
		font-size: 75%;
		/* */
		
		line-height: 95%;
		
		padding-left: 10px;
		padding-right: 0px;
		margin-right: 0px;
		
		
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
		
	.extHomeSectionOne .extHomeColOne ul
	{
		margin-left: 2px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	p.extHomeBusPara
	{
		padding-bottom: 0px;
	}
	
	.extHomeSectionOne ul.extHomePageList li
	{
		margin-top: 6px;
		margin-bottom: 6px;
	}
		
	.extHomeSectionOne .extHomeColOne ul li
	{
		padding-left: 10px;
		margin-left: 0px;
		list-style: none;
		background: url("nav_arrow_right_home.gif") no-repeat center left;
		
		/* need to check across all browsers how this value behaves */
		line-height: 60%;
	}
	
	.extHomeListItem01
	{
		margin-top: 10px !important;
	}
	
	ul.extHomePageInlineList li
	{
		display: inline;
		margin: 0px;
		background: url("nav_arrow_right_home_02.gif") no-repeat center left !important;
	}
	
	ul.extHomePageInlineList li a
	{
		padding-right: 10px;
	}
	
	ul.extHomePageInlineList
	{
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-left: 8px;
	}
	
	.extHomeColTwo
	{
		background-repeat:no-repeat;
	}

	
	
	
	
	
	
	
	
	.extHomeSectionOne img,
	.extHomeSectionTwo img
	{
		margin: 0px;
		padding: 0px;
	}
.extHomeSectionTwo
{
	float: left;
	padding: 6px 0px 6px 1px;
}
	.extHomeSectionTwo .extHomeColOne
	{
		width: 253px;
	}
	.extHomeSectionTwo .extHomeColTwoR
	{
		width: 380px;
	}
	.extHomeSectionTwo .extHomeColTwoL
	{
		width: 379px;
	}
	.extHomeSectionTwo .extHomeColLongOne
	{
		width: 759px;
	}
	.extHomeSectionTwo img
	{
		margin-left: 3px;
	}
	.extHomeSectionTwo .extHomeColTwoR img
	{
		margin-left: 4px;
	}
.extHomeSectionThree
{
	clear: left;
	float: left;
	width: 760px;
	wid\th: 750px;
	margin-top: 5px;
}
	.extHomeSectionThree p
	{
		margin: 0px 3px 0px 0px !important;
	}
	.extHomeSectionThree .hsbcMainContent
	{
		width: 760px !important;
	}
	.extHomeSectionThree h2
	{
		margin-bottom: 3px;
	}
	.extHomeSectionThree .hsbcOneCols
	{
		width: 760px !important;
	}
	.extHomeSectionThree .hsbcTwoCols
	{
		width: 370px !important;
		wid\th: 380px !important;
	}
	.extHomeSectionThree .hsbcTwoCols .hsbcTwoCols
	{
		width: 180px !important;
	}
	.extHomeSectionThree .hsbcTwoCols .hsbcTwoCols .hsbcContent
	{
		padding: 0px;
		margin: 0px;
	}

/* HOME PAGE STYLES (end of) */
.hsbcSearchPageHead,
.hsbcSummaryContent
{
	border: 1px solid #ccc;
	padding: 6px 8px 6px 10px;
	background: #e5e5e5;
	font-size: 90%;
	/* \*/
	font-size: 85%;
	/* */
}

.hsbcSearchPageHead
{
	height: 30px;
}
.hsbcSummaryContent
{
}
/* Fix for PC IE5.01 */
div>.hsbcSearchPageHead
{ height: 30px; }
div > .hsbcSearchPageHead
{ height: auto; }
/* */

.hsbcSearchPageHead p,
.hsbcSummaryContent p
{
	padding: 0px !important;
	margin: 0px !important;
}
.hsbcSearchPageHead .hsbcTextLeft p,
.hsbcSummaryContent .hsbcTextLeft p
{
	float: left;
	/* \*/
	float: none;
	/* */
}
/* Page List divlet (start) */
/* Used in search results. MUST remain at the bottom of the CSS file to work in Mac IE */
	.hsbcDivletPageList
	{
		padding: 0px 9px 0px 0px !important;
		background-color: #eaeffa !important;
		font-size: 90%;
		/* \*/
		font-size: 85% !important;
		/* */
		line-height: 250%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	/* Fix for PC IE5.01 */
	div>.hsbcDivletPageList
	{ height: 20px; }
	div > .hsbcDivletPageList
	{ height: auto; }
	/* */
	.hsbcDivletPageList ul
	{
		margin: 0px !important;
		padding: 0px !important;
		float: left !important;
		clear: none;
	}
	.hsbcDivletPageList li
	{
		float: left;
		margin: 0px !important;
		padding: 0px 11px !important;
		background: none !important;
		line-height: 250% !important;
		border-right: 1px solid #fff !important;
		font-weight: bold;
	}
	.hsbcDivletPageList li.hsbcDivletPageListSelected
	{
		background-color: #fff !important;
		border-right: 1px solid #eaeffa !important;
	}
	.hsbcDivletPageList li.hsbcDivletPageListSelected a
	{
		color: #333 !important;
		text-decoration: none !important;
		cursor: auto !important;
	}
	.hsbcDivletPageList li a
	{
		display:block;
		float: left !important;
		/* \*/
		float: none;
		/* */
	}
	.hsbcDivletPageList div.hsbcTextLeft
	{
		float: left;
	}
	.hsbcDivletPageList div.hsbcTextRight 	
	{
		text-align: right;
		white-space: nowrap;
	}
/* Page List divlet (end) */

/*********************
Good Fortune Landing Page
START
*********************/
.extContent {
	text-align: center;
}
.extGoodFortuneMain {
	width: 627px;
	margin: 0 auto;
}
img.extGoodFortuneImg
{
float:left;
margin-left: 26px;
margin-top:44px;
}
div.extGoodFortuneMainText
{
	width:310px;
	float:left;
	padding-top: 175px;
	margin-left: 25px;
	text-align: left;
	background: url("fan.jpg") no-repeat top right;
}
.extGoodFortuneRow2 {
	width: 100%;
	float: left;
}
div.clearer {
	width: 610px;
	margin: 0 auto;
	float:none;
}
.extGoodFortuneTwoCols01
{
	width: 280px;
	float: left;
	text-align: left;
}
.extGoodFortuneTwoCols02
{
	width: 320px;
	float: left;
	text-align: left;
}
.extGoodFortuneThreeCols01
{
	width: 200px;
	float: left;
	text-align: left;
}
.extGoodFortuneThreeCols02
{
	width: 200px;
	float: left;
	text-align: left;
}
.extGoodFortuneThreeCols03
{
	width: 200px;
	float: left;
	text-align: left;
}
div.extGoodFortuneTwoCols01 h3,
div.extGoodFortuneTwoCols02 h3
{
background: url("action_link_arrow.gif") no-repeat top left;
padding-left: 10px;
width: 200px;
}
div.extGoodFortuneThreeCols01 h3,
div.extGoodFortuneThreeCols02 h3,
div.extGoodFortuneThreeCols03 h3
{
background: url("action_link_arrow.gif") no-repeat top left;
padding-left: 10px;
width: 160px;
}
img.extGoodFortuneSmlImg
{
float:left;
padding-left: 10px;
}
div.extGoodFortuneTwoCols01 div.extGoodFortuneTxtBlock
{
float:left;
width: 120px; 
}
div.extGoodFortuneTwoCols02 div.extGoodFortuneTxtBlock
{
float:left;
width: 155px;
}
div.extGoodFortuneThreeCols01 div.extGoodFortuneTxtBlock
{
float:left;
width: 165px;
border-left: 10px solid #fff;
}
div.extGoodFortuneThreeCols02 div.extGoodFortuneTxtBlock
{
float:left;
width: 165px;
border-left: 10px solid #fff;
}
div.extGoodFortuneThreeCols03 div.extGoodFortuneTxtBlock
{
float:left;
width: 165px;
border-left: 10px solid #fff;
}
/*********************
Good Fortune Landing Page
END
*********************/