
/* Default
 * Text styles
---------------------------------------------------------------------------------------------- */
html body,
body
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

/* Form, Input, Select
 * Layout styles
---------------------------------------------------------------------------------------------- */
form
{
	display:inline;
}
input,
select,
label
{
	vertical-align:middle!important;
}

/* A, A Img
 * Text stlyes
---------------------------------------------------------------------------------------------- */
a img
{
	border:0px;
}
a
{
	color:#DB0011;
	text-decoration:underline;
}



/* Table Style Base - used for all tables, gives a set of specific styles that can be used for
	table text
---------------------------------------------------------------------------------------------- */
table
{
	border-collapse:collapse;
	margin:0 0 20px 0;
	border:1px solid #ccc;
}
table td,
table th
{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border:1px solid #ccc;
	padding:8px 10px;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}

table td ul,
table td ol
{
	font-size:100%!important;
	margin-top:0px!important;
}
table td ol
{
	padding-left:8px!important;
}
table td ul li,
table td ol li
{
	line-height:1.6em;
}

table .hsbcSizeText01
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}

table .hsbcTableColor01
{
	background-color:#eee;
}
table .hsbcTableColor02
{
	background-color:#FFEAEA;
}


/* Flexible Style Container - styles used for the flexible style container
---------------------------------------------------------------------------------------------- */
div.hsbcFlexStyle01
{
	margin:0px 16px 16px 32px!important;
	padding:14px!important;
}
div.hsbcFlexStyle01 ul li
{
	padding-bottom:4px;
}
/* hsbcTextStyle01 - 11pt text */
div.hsbcFlexStyle01 .hsbcSizeText01
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
/* hsbcTextStyle02 - 12pt text - default */
div.hsbcFlexStyle01 .hsbcSizeText02
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
/* hsbcTextStyle03 - 13pt text */
div.hsbcFlexStyle01 .hsbcSizeText03
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
/* hsbcTextStyle04 - 14pt text */
div.hsbcFlexStyle01 .hsbcSizeText04
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
/* hsbcTextStyle05 - 18pt text */
div.hsbcFlexStyle01 .hsbcSizeText05
{
	font-size:118%;
	/* \*/
	font-size:112%;
	/* */
}
/* hsbcTextStyle06 - 24pt text */
div.hsbcFlexStyle01 .hsbcSizeText06
{
	font-size:155%;
	/* \*/
	font-size:150%;
	/* */
}
/* hsbcTextStyle07 - 30pt text */
div.hsbcFlexStyle01 .hsbcSizeText07
{
	font-size:174%;
	/* \*/
	font-size:169%;
	/* */
}

div.hsbcFlexStyle01 .hsbcColorText01
{
	color:#000;
}
div.hsbcFlexStyle01 .hsbcColorText02
{
	color:#fff;
}
div.hsbcFlexStyle01 .hsbcColorText03
{
	color:#f00;
}
div.hsbcFlexStyle01 .hsbcColorText04
{
	color:#666;
}

.hsbcBackground03 p, .hsbcBackground06 p,
.hsbcBackground03 h2, .hsbcBackground06 h2,
.hsbcBackground03 h3, .hsbcBackground06 h3,
.hsbcBackground03 h4, .hsbcBackground06 h4,
.hsbcBackground03 a, .hsbcBackground06 a,
.hsbcBackground03 ul, .hsbcBackground06 ul,
.hsbcBackground03 ol, .hsbcBackground06 ol
{
	color:#fff!important;
}
.hsbcBackground03 ul li, .hsbcBackground06 ul li
{
	background:url("../images/arrow_white_circle.gif") no-repeat top left!important;
}

.hsbcBackground06 .hsbcInnerContent,
.hsbcBackground05 .hsbcInnerContent
{
	padding-left:64px;
}



/* Content Style Base - includes base html text elements (p,h1,h2,h3 etc).
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContentBase
{
	float:none; margin-left:180px;
}

div.hsbcStyleContentBase .hsbcContent
{
	padding-bottom:18px!important;
}

h1, h2, h3, h4, h5, h6
{
	margin:5px 0px!important;
}
h1,
div.hsbcStyleContentBase h1
{
	margin:0px!important;
	color:#DB0011!important;
	font-weight:normal;
	font-size:156%;
	/* \*/
	font-size:149%;
	/* */
}
h2,
div.hsbcStyleContentBase h2
{
	color:#666;
	margin-top:0px!important;
	padding-top:4px;
	font-weight:normal;
	font-size:119%;
	/* \*/
	font-size:113%;
	/* */
}
h3,
div.hsbcStyleContentBase h3
{
	padding-top:6px!important;
	font-weight:bold;
	font-size:  80%;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContentBase p
{
	margin-bottom:0px!important;
	margin-top:6px;
	padding-bottom:6px;
	/* mac-ie */
	/*font-size:12px; MG */
	/*non-mac-ie \*/
	/*font-size:12px; MG */
	/* */
}
div.hsbcStyleContentBase ol
{
	margin-left:12px;
	padding-left:10px;
	/* mac-ie */
	font-size:12px;
	/*non-mac-ie \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContentBase ul
{
	margin:0px 0px 0px; padding:0;
	list-style:none;
	line-height:1.5em;
	/* mac-ie */
	font-size:12px;
	/*non-mac-ie \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContentBase ul li
{
	background:url("../images/arrow_black_circle.gif") no-repeat top left;
	padding-left:12px;
}


/* Content Style 01
 * Used for legal or adobe text at bottom of page (above footer)
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent01 h4
{
	padding:0!important; margin:0!important;
	font-weight:bold;
	color:#999;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent01 img
{
	padding-left:16px;
}
div.hsbcStyleContent01 p
{
	margin:0!important;
	color:#999;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}

/* Content Style 02, 13
 * Used for specific list style (red arrow, and line seperated list items). Style 13 has red
 * background
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent02,
div.hsbcStyleContent13
{
	padding-bottom:18px;
}
div.hsbcStyleContent02 h2,
div.hsbcStyleContent13 h2
{
	margin:0px 0px 0px!important;
	padding-bottom:14px;
}
div.hsbcStyleContent02 ul,
div.hsbcStyleContent13 ul
{
	border-top:1px solid #ccc;
	clear:right;
	padding:0; margin:0;
	list-style:none;
}
div.hsbcStyleContent13 ul
{
	background-color:#f00;
	border-top:0;
}
div.hsbcStyleContent02 ul li,
div.hsbcStyleContent13 ul li
{
	border-bottom:1px solid #ccc;
	margin-top:5px;
	padding-bottom:7px;
	padding-left:0px!important;
	background:none;
}
div.hsbcStyleContent13 ul li
{
	border-bottom:1px solid #fff;
	margin:0px; padding:6px 0px;
}
div.hsbcStyleContent02 ul li a:hover,
div.hsbcStyleContent13 ul li a:hover
{
	text-decoration:underline;
}
div.hsbcStyleContent02 ul li a,
div.hsbcStyleContent13 ul li a
{
	font-size:112%;
	font-weight:bold;
}
div.hsbcStyleContent02 ul li p,
div.hsbcStyleContent13 ul li p
{
	padding:0px; margin:0px;
	padding-left:16px;
	font-size:112%;
	font-weight:bold;
	color:#f00;
	margin-left:0px;
	/*background:url("../images/arrow_black_circle.gif") no-repeat top left;*/
	background:url("../images/arrow_red_right.gif") no-repeat top left;
}
div.hsbcStyleContent13 ul li p
{
	background:url("../images/arrow_invert_right.gif") no-repeat top left;
	color:#fff;
}
div.hsbcStyleContent13 ul li a
{
	color:#fff;
}
div.hsbcStyleContent02 .hsbcListStyle01,
div.hsbcStyleContent13 .hsbcListStyle01
{
	margin-top:0px;
	border-bottom:none;
	padding:0px;
}
div.hsbcStyleContent02 .hsbcListStyle01 p,
div.hsbcStyleContent13 .hsbcListStyle01 p
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
	color:#666;
	font-weight:normal;
	background:url("../images/textphone.gif") no-repeat top left;
	padding-top:3px;
	/* \*/
	padding-top:2px;
	/* */
}
div.hsbcStyleContent13 .hsbcListStyle01 p
{
	background:#fff url("../images/textphone.gif") no-repeat top left;
}


/* Content Style 03
 * Used for bordered boxes and reduced size text
---------------------------------------------------------------------------------------------- */



/* Content Style 04, 05, 09, 10
 * Used for grey shaded boxes with small text and white headings
 * Note:09 and 10 are used for full width boxes
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent04
{
	background-color:#C7C6C2;
	margin:0px 16px 0px 32px!important;
	padding:16px 14px 0px!important;
}
div.hsbcStyleContent09
{
	background-color:#C7C6C2;
	margin:0px 0px 0px 16px!important;
	padding:16px 14px 0px!important;
}
div.hsbcStyleContent05
{
	background-color:#E0DFDD;
	margin:0px 16px 18px 32px!important;
	padding:0px 14px!important;
}
div.hsbcStyleContent10
{
	margin:0px 0px 0px 16px!important;
	padding:0px 16px!important;
}
div.hsbcBackgroundStyle03 div.hsbcStyleContent10
{
	margin:0px 0px 18px 16px!important;
	padding:14px 16px 0px!important;
}

div.hsbcStyleContent04 h2,
div.hsbcStyleContent09 h1
{
	padding:0px!important;
	margin:0px!important;
	font-style:italic;
	font-weight:normal;
	color:#fff;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent04 h2 span,
div.hsbcStyleContent09 h1 span
{
	padding:0px!important;
	margin:0px!important;
	color:#fff;
	font-weight:normal;
	font-style:normal;
	font-size:191%;
	/* \*/
	font-size:252%;
	/* */
}
div.hsbcStyleContent10 h2
{
	border-top:1px solid #C7C6C2;
	border-bottom:1px solid #C7C6C2;
	background-color:#fff;
	margin:0px!important;
	padding:12px 0px!important;
	font-size:12px;
}
div.hsbcStyleContent10 h2 img
{
	float:right;
	margin-right:-5px;
	/* \*/
	margin-right:0px;
	/* */
}
div.hsbcStyleContent10 h2 a
{
	line-height:1.2em;
	display:block;
	width:170px;
	color:#666;
	margin-left:10px;
	padding:0px 0px 0px 12px;
	/* \*/
	margin-left:10px;
	/* */
}
div.hsbcStyleContent05 p,
div.hsbcStyleContent10 p,
div.hsbcStyleContent10 ul,
div.hsbcStyleContent05 ul
{
	padding:10px 0px 0px 0px!important;
	margin:0px!important;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent05 a,
div.hsbcStyleContent10 a
{
	color:#666;
}
div.hsbcStyleContent10 div.extHrType01
{
	padding-top:10px!important;
	width:100%;
	clear:both;
}

/* Content Style 06
 * Used for post-it note divlets
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent06
{
	background:url("../images/divlets/postit.gif") no-repeat bottom right;
	margin:0px 16px 16px 32px!important;
	padding:13px 16px 18px!important;
}
div.hsbcStyleContent06 p
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}

/* Content Style 07
 * Used in the cards and resource centre pages for 11pt text with horizontal lines and right
 * aligned images
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent07 p,
div.hsbcStyleContent07 ul
{
	margin-top:10px!important;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent07 div.extHrType01
{
	padding-top:10px!important;
	width:100%;
	clear:both;
}
div.hsbcStyleContent07 img
{
	margin-left:16px;
	float:right;
}
div.hsbcStyleContent07 h2 img
{
	float:none;
	margin-left:0px;
	margin-top:16px;
}
div.hsbcStyleContent07 h3
{
	font-style:italic;
	font-weight:normal;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}

/* Content Style 08
 * Used for red bordered box (with white inner arrows)
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent08
{
	background:url("../images/divlets/border_red_bottom.gif") no-repeat bottom left;
	padding:0px!important;
	margin-bottom:18px;
	margin-left:32px!important;
}
div.hsbcStyleContent08 .hsbcInnerContent
{
	background:url("../images/divlets/border_red_top.gif") no-repeat top left;
	padding:5px 5px 0px;
}
div.hsbcStyleContent08 .hsbcInnerContent h2
{
	padding:12px 16px 0px;
	width:230px;
	margin:0px!important;
	height:1.6em;
	color:#f00;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent08 .hsbcInnerContent p
{
	padding:3px 16px 0px;
	margin:0px;
	font-size:12px;
	width:160px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent08 .hsbcLeftContent
{
	float:left;
	width:175px;
}
div.hsbcStyleContent08 .hsbcRightContent
{
	float:left;
	width:90%;
	text-align:right;
}
div.hsbcStyleContent08 .hsbcInnerImage img
{
	position:relative;
	top:5px;
	margin-top:-66px;
}
div.hsbcStyleContent08 .hsbcOuterImage img
{
	position:relative;
	top:26px;
	margin-top:-146px;
	padding-top:40px;
}
* html div.hsbcStyleContent08 .hsbcInnerImage
{
	width:80%;
	wid\th:90%;
}
* html div.hsbcStyleContent08 .hsbcOuterImage
{
	width:80%;
	wid\th:90%;
}
* html div.hsbcStyleContent08 .hsbcInnerImage img
{
	left:-5px;
	lef\t:0;
}
* html div.hsbcStyleContent08 .hsbcOuterImage img
{
	margin-top:-108px;
	mar\gin-top:-146px;

	left:-5px;
	lef\t:0;
}

/* Content Style 11
 * used for search results header
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent11
{
	margin-left:32px!important;
	margin-right:16px!important;
	padding:0px!important;
	margin-bottom:35px;
	/* \*/
	margin-bottom:70px;
	/* */
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent11 a
{
	color:#666;
}
div.hsbcStyleContent11 div.hsbcSearchHeader
{
	float:left;
	background-color:#eee;
	width:90%;
	wid\th:100%;
	/* \*/
	/*float:none;
	clear:both;*/
	/* */
}
div.hsbcStyleContent11 div.hsbcSearchHeader div.hsbcSearchHeaderLeft
{
	float:left;
	width:45%;
	padding:8px 10px;
}
div.hsbcStyleContent11 div.hsbcSearchHeader div.hsbcSearchHeaderRight
{
	float:right;
	text-align:right;
	width:45%;
	padding:8px 10px;
}
div.hsbcStyleContent11 div.hsbcSearchPageList
{
	background-color:#eee;
	float:left;
	width:90%;
	wid\th:100%;
	/* \*/
	/*clear:both;
	float:none;*/
	/* */
}
div.hsbcStyleContent11 div.hsbcSearchUpperBorder
{
	border-top:1px solid #fff;
}
div.hsbcStyleContent11 div.hsbcSearchPageList div.hsbcSearchPageNumber
{
	float:left;
	padding:8px 10px;
	font-weight:bold;
	border-right:1px solid #fff;
}
div.hsbcStyleContent11 div.hsbcSearchPageList div.hsbcSearchPageSelected
{
	background-color:#fff;
	color:#f00;
}
div.hsbcStyleContent11 div.hsbcSearchPageList div.hsbcSearchListRight
{
	float:right;
	padding:8px 10px;
}



/* Content Style 12
 *
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent12
{
	background-color:#fff;
	padding-top:1px!important;
}


/* Content Style 14
 * Used in the online services section for grey background area with italic header
---------------------------------------------------------------------------------------------- */
div.hsbcStyleContent14
{
	background-color:#eee;
}
div.hsbcStyleContent14 h2
{
	padding-top:13px;
	font-style:italic;
	font-size:155%;
	/* \*/
	font-size:150%;
	/* */
}
div.hsbcStyleContent14 ul,
div.hsbcStyleContent14 p
{
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
div.hsbcStyleContent14 a
{
	color:#666;
}



.hsbcBackgroundStyle01
{
	background:url("../images/divlets/NOTE2.gif") repeat-y top left;
}
.hsbcBackgroundStyle02
{
	background:url("../images/divlets/NOTE.gif") repeat-y bottom left;
}
.hsbcBackgroundStyle03
{
	background:url("../images/page_back_grey.gif") repeat-y bottom left;
}



/* Custom homepage styles
---------------------------------------------------------------------------------------------- */
div.containerControlHomeFull img
{
	margin-right:2px;
}



/* Horizontal Line
---------------------------------------------------------------------------------------------- */
p.extHrType01
{
	background:#ccc;
	height:1px;		/* This could be causing extra padding */
	line-height:1px;
	display:block;
	font-size:1%;
}
div.extHrType01
{
	border-bottom:1px solid #ccc;
	line-height:1px;
	display:inherit;
	font-size:1%;
	height:1px;
}
div.extHrType02
{
	border-top:1px solid #ccc;
	line-height:1px;
	display:inherit;
	font-size:1%;
	height:1px;
}
div.extHrType03
{
	border-bottom:1px solid #ccc;
	line-height:1px;
	display:inherit;
	font-size:1%;
	height:1px;
	padding-top:12px;
}


.hsbcSpacing01
{
	margin:0px!important;
	padding:0px!important;
	padding:0px 0px 16px 16px!important;
}
.hsbcSpacing11
{
	margin:0px!important;
	padding:0px!important;
	padding:0px 5px 0px 5px!important;
}

.hsbcSpacing02
{
	padding-top:3px;
	float:none;
	padding-bottom:3px;
}
.hsbcSpacing02_print {
	FLOAT: none;
	PADDING-LEFT:3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px
}
.hsbcSpacing03
{
	padding-bottom:0px!important;
	margin-bottom:0px!important;
}
.hsbcSpacing04
{
	padding-top:16px!important;
}
.hsbcSpacing05
{
	margin-top:8px!important;
}
.hsbcSpacing06
{
	margin-left:22px;
}
.hsbcSpacing07
{
	padding:0px!important;
	margin:  0px!important;
	padding-top:5px;
	width:100%;
}
.hsbcSpacing08
{
	border-right:10px solid #fff;
}
.hsbcSpacing09
{
	padding-bottom:8px!important;
}
.hsbcSpacing10
{
	margin-top:4px!important;
	margin-bottom:0px!important;
}


.hsbcAlign01
{
	float:right;
	width:100px;
	text-align:right;
}
.hsbcAlign02
{
	padding-left:140px;
}
.hsbcAlign03
{
	float:right;
}
.hsbcAlign04
{
	float:left;
	padding:0px; margin:0px;
	position:relative;
	left:0;
}


.hsbcTableStyle01
{
	width:90%;
	wid\th:100%;
	border-collapse:collapse;
	border:0px;
	margin-top:10px;
}
.hsbcTableStyle01 td
{
	border:0px;
	margin:0px; padding:2px 0px;
	width:50%;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}


.hsbcTextStyle01
{
	color:#666;
}
.hsbcTextStyle02,
.hsbcTextStyle07
{
	color:#f00;
}
.hsbcTextStyle04
{
	color:#999;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
.hsbcTextStyle05
{
	color:#000;
	font-weight:bold;
}
.hsbcTextStyle06
{
	color:#666;
	font-size:105%;
	/* \*/
	font-size:112%;
	/* */
}
/*
 - 03 - just bold
 - 09 - bold and underline
 - 13 - bold underline and italic
 - 10 - just italic
 - 14 - italic and underline
 - 08 - just underline
*/
.hsbcTextStyle03,
.hsbcTextStyle07,
.hsbcTextStyle09,
.hsbcTextStyle11,
.hsbcTextStyle13
{
	font-weight:bold!important;
}
.hsbcTextStyle08,
.hsbcTextStyle09,
.hsbcTextStyle13,
.hsbcTextStyle14
{
	text-decoration:underline;
}
.hsbcTextStyle10,
.hsbcTextStyle11,
.hsbcTextStyle13,
.hsbcTextStyle14
{
	font-style:italic;
}
.hsbcTextStyle12
{
	font-size:150%;
	font-weight:bold;
}
.hsbcTextStyle15
{
	font-weight:normal!important;
}


.hsbcLinkStyle01
{
	color:#000;
}
.hsbcLinkStyle02
{
	color:#999;
}
.hsbcLinkStyle03
{
	font-size:124%;
	/* \*/
	font-size:118%;
	/* */
	text-decoration:none;
	padding-left:16px;
	padding-top:2px;
	background:url("../images/arrow_red_right.gif") no-repeat top left;
}
.hsbcLinkStyle04
{
	padding-left:10px;
	text-decoration:none;
	background:url("../images/arrow_red.gif") no-repeat top left;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
.hsbcLinkStyle05
{
	color:#666;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
.hsbcLinkStyle06
{
	margin-top:5px;
	float:right;
	color:#666;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}
.hsbcLinkStyle07
{
	background:url("../images/arrow_black_large.gif") no-repeat top left;
	padding-left:12px;
	text-decoration:none;
	color:#666;
	font-weight:normal;
	font-size:136%;
	/* \*/
	font-size:131%;
	/* */
}
.hsbcLinkStyle07:hover
{
	text-decoration:underline;
}
.hsbcLinkStyle08
{
	font-size:124%;
	/* \*/
	font-size:118%;
	/* */
	text-decoration:none;
	padding-left:16px;
	padding-top:2px;
	background:url("../images/arrow_invert_right.gif") no-repeat top left;
}
.hsbcLinkStyle09
{
	color:#666;
}
.hsbcLinkStyle10,
.hsbcLinkStyle11
{
	float:right;
	background-color:#999;
	color:#fff;
	padding:0px 3px;
	margin-left:6px;
	text-decoration:none;
	font-size:12px;
}
.hsbcLinkStyle11
{
	background-color:#f00;
}


.hsbcEndFloat
{
	clear:both;
	width:auto;
	height:auto;
	display:inherit;
	visibility:none;
}

.hsbcEndFloat02
{
	/* \*/
	clear:none;
	width:200px;
	display:block;
	height:1px;
	/* */

	c\lear:both;
	wid\th:auto;
	heigh\t:auto;
	di\splay:inherit;
	\visibility:none;
}




.hsbcBackground01
{
	background:url("images/divlets/NOTE.gif") no-repeat bottom right!important;
}
.hsbcBackground02
{
	background-color:#eee;
}
.hsbcBackground03
{
	background-color:#f00;
}
.hsbcBackground04
{
	border:1px solid #ccc;
	background-color:#fff;
}
.hsbcBackground05
{
	background:#C7C6C2 url("../images/soundbite.gif") no-repeat bottom left;
}
.hsbcBackground06
{
	background:#f00 url("../images/soundbite.gif") no-repeat bottom left;
}

.hsbcFullBackground01
{
	background:url("../images/bg_line.gif") repeat-y top left ;
	float:left;
	padding-top:16px;
	border-top:1px solid #ccc;
}


.ie6Fix
{
	height:1px;
	font-size:1px;
	position:absolute;
	top:-2000px;
	left:-2000px;
}

a.hsbcSkiplink
{
	color:#fff;
	font-size:12px;
	/* \*/
	font-size:12px;
	/* */
}


/* ***************  FLOATING CONTAINER STYLES ************************ */

.hsbcColumn .hsbcColumn
{
	width:294px!important;
	/* \*/
	width:296px!important;
	/* */
	float:right;
	margin-top:16px;
	margin-right:0px!important;
}
.hsbcColumn .hsbcColumn .hsbcContent
{
	padding-right:0px;
	margin-right:0px;
}
.hsbcColumn .hsbcColumn .hsbcStyleContent08 h2
{
	width:220px;
}

.hsbcColumn .hsbcSecondaryContent01
{
	width:294px!important;
	/* \*/
	width:296px!important;
	/* */
	float:left;
}
.hsbcColumn .hsbcSecondaryContent01 .hsbcContent
{
	margin-left:0px!important;
	margin-right:16px!important;
}

.hsbcColumn .hsbcColumn .hsbcContent
{
	margin-right:0px!important;
}

.hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent04,
.hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent05
{
	border-right:32px solid #fff;
	width:236px;
}

.hsbcColumn .hsbcColumn .hsbcStyleContent02
{
	padding-right:16px!important;
	margin-right:-16px!important;
	margin-left:16px!important;
	padding-left:16px;
}

.hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent02
{
	padding-left:0px!important;
	margin-left:0px!important;
	margin-right:16px!important;
	padding-right:16px!important;
}

.hsbcColumn .hsbcColumn div.hsbcStyleContent08 .hsbcRightContent
{
	width:96%!important;
}
.hsbcColumn .hsbcSecondaryContent01 div.hsbcStyleContent08 .hsbcRightContent
{
	width:85%!important;
}

.hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent06
{
	padding-left:16px!important;
	margin-left:0px!important;
	margin-right:32px!important;
	padding-right:16px!important;
}

.hsbcColumn .hsbcSecondaryContent01 .hsbcFlexStyle01
{
	padding-left:14px;
	margin-right:32px!important;
}

TABLE.hsbcBibTable1Print {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
}
.hsbcBibTable1Print1{
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; text-align: right;
}
.hsbcBibTable1Print2{
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; text-align: left;
}
