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
/*
/* Version: P2G131006#MYM2021
/* Date:   21-Oct-05
/* Change: Dropdown box workaround
/* Who:   LNW
/*
/* Version: P2G1310102
/* Date:    15-Nov-05
/* Change:  Right-alignment of
/*		table.hsbcTableStyle06 th.hsbcTableColumn03
/*		table.hsbcTableStyle07 th.hsbcTableColumn03
/* Who:     CY
/*
/* Version: P2G1310103, P2G1310114
/* Date:    17-Nov-05
/* Change:  Add style for table column width of 35%
/*              for hsbcTableColumn14
/* Who:     LNW
/*
/* Version: P2G1310114
/* Date:    21-Nov-05
/* Change:  Modified tableStyle06 & 07
/* Who:     DFA
/**********************************************************/


/******************************/
/* table styles
/******************************/
table.hsbcTableStyle06,
table.hsbcTableStyle07
{
	font-family: arial,helvetica; 
	width: 100%;
	text-align: left;
	border: 0;
	border-collapse: collapse;
}
/* P2G1310114  start*/

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

*/

/* added   */
table.hsbcTableStyle06 td,
table.hsbcTableStyle06 th
{
	font-size:74%; 
	color:#333333; 
	vertical-align:top; 
	padding:5px 6px 5px 6px;
	line-height: 1.9em;
}

/* added   */
table.hsbcTableStyle07 td,
table.hsbcTableStyle07 th
{
	font-size:74%; 
	color:#333333; 
	vertical-align:top; 
	padding:5px 6px 5px 6px;
	line-height: 1.9em;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* P2G1310114  end*/



/******************************/
/* 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,
table.hsbcTableStyle06 th.hsbcTableColumn03,
table.hsbcTableStyle07 th.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.hsbcTableColumn12,
table.hsbcTableStyle07 td.hsbcTableColumn12
{
	width: 20%;
}
table.hsbcTableStyle06 td.hsbcTableColumn13,
table.hsbcTableStyle07 td.hsbcTableColumn13
{
	width: 15%;
}
table.hsbcTableStyle06 td.hsbcTableColumn14,
table.hsbcTableStyle07 td.hsbcTableColumn14
{
	width: 35%;
}
table.hsbcTableStyle06 td.hsbcTableColumn15,
table.hsbcTableStyle07 td.hsbcTableColumn15
{
	width: 50%;
}
table.hsbcTableStyle06 td.hsbcTableColumn18,
table.hsbcTableStyle07 td.hsbcTableColumn18
{
	white-space:nowrap;
}

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

table.hsbcTableStyle06 td.hsbcTableColumn22,
table.hsbcTableStyle07 td.hsbcTableColumn22
{
	background-color: #999999;
	color:#ffffff; 
	font-size:79%; 
	font-weight:bold; 
	line-height:1.4em !important;
}



/******************************/
/* 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("../bullet.gif") no-repeat left;
	padding-left:12px;
}

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

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

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

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



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

select.hsbcInputStyle08
{
	width:270px;
	font-family:Verdana;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}
select.hsbcInputStyle09
{
	width:230px;
}
select.hsbcInputStyle10
{
	width:162px;
}


select.hsbcInputStyle11
{
	width:185px;
	font-family:Verdana;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}


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




/* -- Virtual Keyboard -- */
#keyboardUpper		{position:absolute;z-index:1;left:0;top:0;width:290;height:129;visibility:hidden;}
#keyboardLower		{position:absolute;z-index:1;left:0;top:0;width:290;height:129;visibility:hidden;}
#colorDiv			{position:absolute;z-index:0;left:0;top:0;width:20;height:20;visibility:hidden;background-color:#C2C2C2}
#underlineDiv		{position:absolute;z-index:0;left:0;top:0;width:20;height:20;visibility:hidden;background-color:#EEEEEE}
#colorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#underlineDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#delColorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#delunderlineDiv_NS4	{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#capsColorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#capsunderlineDiv_NS4	{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#shadedKeyPad_NS4		{background-color:#C2C2C2;}
#shadedVKBgColor_NS4	{background-color:#E5E5E5;}

/* -- Static Highlighting -- */
form.withinTable		{display:inline;}
#parentDiv				{position:relative;z-index:0;left:100;top:0;width:600px;height:175px;visibility:show;background-color:#EEEEEE}

#selfReg_parentDiv		{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#EEEEEE}
#reAuth_parentDiv   	{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#EEEEEE}
#chgPwd_parentDiv		{position:relative;z-index:0;left:0;top:0;height:185px;visibility:show;background-color:#EEEEEE}
#manChgPwd_parentDiv	{position:relative;z-index:0;left:0;top:0;height:185px;visibility:show;background-color:#EEEEEE;}

#rewardsRedemption_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#rewardsRedemption_buttonDiv 	{position:relative;z-index:0;left:0;top:0;display:inline;}

#unmigratedLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#unmigratedLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;display:inline;}

#migratedLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#migratedLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}

#migratingLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;display:inline;}
#migratingLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;display:inline;}

#camPwdLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#camPwdLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;display:inline;}


/* -- Dynamic Highlighting -- */
#selfReg_pwdDiv0		{position:relative;z-index:0;left:0;top:0;}
#selfReg_pwdDiv1		{position:relative;z-index:0;left:0;top:0;}
#selfReg_pwdDiv2		{position:relative;z-index:0;left:0;top:0;}

/* Block Background Color in Gray*/
.highLightBackground { background-color: #dddddd; font-family: arial,helvetica; font-size:10pt; color:BLACK;}
.highLightDarkBackground { background-color: #666666; font-family: arial,helvetica; font-size:10pt; color:#FFFFFF; font-weight:Bold;}
.smallRedText { font-family: arial,helvetica; font-size:8pt; color:RED; }

#reAuth_pwdDiv0   {position:relative;z-index:0;left:0;top:0;}

#chgPwd_pwdDiv1			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_pwdDiv2			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_pwdDiv3			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_spacerDiv		{position:relative;z-index:0;left:0;top:0;display:inline;}
#chgPwd_dummyDiv		{position:relative;z-index:0;left:0;top:0;display:inline;}

#manChgPwd_pwdDiv1			{position:relative;z-index:0;left:0;top:0;}
#manChgPwd_pwdDiv2			{position:relative;z-index:0;left:0;top:0;}
#manChgPwd_pwdDiv3			{position:relative;z-index:0;left:0;top:0;}


/*------- Teamsite related -------*/
#teamsite_adjusted		{position:relative;}

/*------- VK Look&Feel ----------*/
#vk_pwdDiv			{position:relative;z-index:0;left:0;top:0;}
#vk_keyDiv		{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#E5E5E5}
.shadedVKBgColor		{background-color:#E5E5E5;}
.id_on {
	position:absolute;cursor:pointer;visibility:hidden
}
.id_off {
	position:absolute;cursor:pointer;visibility:hidden
}
.id_key {
	position:absolute;cursor:pointer;visibility:hidden; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-size:10pt;font-family:Arial
}
.id_key_red {
	position:absolute; cursor:pointer; visibility:hidden; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-size:10pt; font-family:Arial; color:red}
FONT.caption {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.inputField {
	cursor:default; font-weight:bold; font-size:12px; letter-spacing:1; color: black; background-color: #B3D1D8
}




.slothead { padding-left:12; height:22; background: #666666 url(../images/leftend_arrow.gif) no-repeat;}

.tab_off_top {font: 7pt arial,helvetica; color: white; width:78; height:12; padding-left:2; background:url(../images/tab_off_top.gif);}
.tab_off_bottom {font: 7pt arial,helvetica; vertical-align:top; line-height:11px; padding-top:2; width:75; height:38; padding-left:5; background:url(../images/tab_off_bottom.gif);}
.tab_on_top {font: 7pt arial,helvetica; color: white; width:78; height:12; padding-left:2; background:url(../images/tab_on_top.gif);}
.tab_on_bottom {font: 7pt arial,helvetica; vertical-align:top; line-height:11px; padding-top:2; color: #CC0000; width:75; height:38; padding-left:5; background:url(../images/tab_on_bottom.gif)}
.tab_title {font: 7pt arial,helvetica; color: #FFFFFF; line-height:8px;}

.nextlink {font-family: arial,helvetica; font-size:10pt; color:black; font-weight:Bold; text-decoration:none;}
.nextlink:hover {font-family: arial,helvetica; font-size:10pt; color:red; font-weight:Bold; text-decoration:none;}

.securitybox {font-size:10pt; background:LightSlateGray}




/* Top Level Containers
---------------------------------------------------------------------------------------------- */
div.containerGlobal
{
	width: 974px;
	margin:auto;
}

div.popupContainerLogoArea
{
	width: auto;
	float: left;
	clear:left;
}

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%;
/*HBBM030#074 removed	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:438px;
	float:left;
}
div.containerControlLeftRight div.containerControlOne div.hsbcColumn
{
	width: 438px;
}
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;
}




/*
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: 52px;
		width: auto;
	}
	
		div.hsbcDivletLogo .hsbcDivletLogoImage
		{
			padding: 13px 0px 0px 10px;
			float: left;
			width: 141px;
			height: 40px;
		}
		
		div.hsbcDivletLogo .hsbcDivletLogoTagLine
		{
			float: left;
			vertical-align: middle;
			padding: 18px 0px 0px 12px;
			font: bold 14px 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
	{
		font-size: 70%;
		width: 100%;
		float: left;
		margin: 0px 0px;
	}
		div.hsbcDivletFooterLinks p,
		.wpsCopyrightText p
		{
			margin: 4px 10px 0px 10px;
			padding: 6px 0px;
			background: url("../dash_line.gif") repeat-x top left;
			height: 1em;
			color: #666;
		}
		div.hsbcDivletFooterLinks p a,
		.wpsCopyrightText p a
		{
			font-weight: bold;
			color: #666;
			text-decoration: none;
		}
		div.hsbcDivletFooterLinks p a:hover,
		.wpsCopyrightText p a:hover
		{
			text-decoration: underline !important;
		}
		div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft,
		.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
		{
			float: left;
		}
		div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight,
		.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
		{
			float: right;
			font-weight: bold;
		}
/* 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;
/*HBBM030#074 removed
	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
{
}
/* HBBM030#074 removed begins /

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

/ HBBM030#074 removed end */

/* 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
*********************/
/* HBBM030#074 begin */
div.containerTabMenu
{
	width:100%;
	float:left;
}
div.hsbcDivletTabMenuPopup
{
	background:url("../popup_bg.gif") repeat-x left bottom;
	height:10px;
	width:100%;
	clear:left;
	margin-bottom:16px;
}
/* HBBM030#074 end */