/*
----------------------------------------------------------------------------------------------
HSBC UK Commercial BASE StyleSheet
Author:   Gordon Dougal
Created:  23 May 2005
Updated:  23 May 2005

History:

---------------------------------------------------------------------------------------------- */

/* 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:#f00;
	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: 0px;
	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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}

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: 80%;
	/* \*/
	font-size: 75%;
	/* */
}

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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
/* hsbcTextStyle02 - 12pt text - default */
div.hsbcFlexStyle01 .hsbcSizeText02
{
	font-size: 80%;
	/* \*/
	font-size: 75%;
	/* */
}
/* hsbcTextStyle03 - 13pt text */
div.hsbcFlexStyle01 .hsbcSizeText03
{
	font-size: 86%;
	/* \*/
	font-size: 81%;
	/* */
}
/* hsbcTextStyle04 - 14pt text */
div.hsbcFlexStyle01 .hsbcSizeText04
{
	font-size: 93%;
	/* \*/
	font-size: 87%;
	/* */
}
/* 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 .hsbcContent
{
	padding-bottom: 18px !important;
}

h1, h2, h3, h4, h5, h6
{
	margin: 5px 0px !important;
}
h1,
div.hsbcStyleContentBase h1
{
	margin: 0px !important;
	color: #f00;
	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: 76%;
	/* */
}
div.hsbcStyleContentBase p
{
	margin-bottom: 0px !important;
	margin-top: 6px;
	padding-bottom: 6px;
	/* mac-ie */
	font-size:80%;
	/*non-mac-ie \*/
	font-size:76%;
	/* */
}
div.hsbcStyleContentBase ol
{
	margin-left: 12px;
	padding-left: 10px;
	/* mac-ie */
	font-size:80%;
	/*non-mac-ie \*/
	font-size:76%;
	/* */
}
div.hsbcStyleContentBase ul
{
	margin: 12px 0px 8px; padding: 0;
	list-style: none;
	line-height: 1.5em;
	/* mac-ie */
	font-size:80%;
	/*non-mac-ie \*/
	font-size:76%;
	/* */
}
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: 75%;
	/* \*/
	font-size: 69%;
	/* */
}
div.hsbcStyleContent01 img
{
	padding-left: 16px;
}
div.hsbcStyleContent01 p
{
	margin: 0 !important;
	color: #999;
	font-size: 68%;
	/* \*/
	font-size: 61%;
	/* */
}

/* 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: 93%;
	/* \*/
	font-size: 94%;
	/* */
	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: 80%;
	/* \*/
	font-size: 75%;
	/* */
}
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: 87%;
}
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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}

/* 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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}

/* 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: 93%;
	/* \*/
	font-size: 86%;
	/* */
}
div.hsbcStyleContent08 .hsbcInnerContent p
{
	padding: 3px 16px 0px;
	margin: 0px;
	font-size: 93%;
	width: 160px;
	/* \*/
	font-size: 86%;
	/* */
}
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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
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;
}
.hsbcSpacing02
{
	padding-top: 3px;
	padding-bottom: 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: 86%;
	/* \*/
	font-size: 81%;
	/* */
}


.hsbcTextStyle01
{
	color: #666;
}
.hsbcTextStyle02,
.hsbcTextStyle07
{
	color: #f00;
}
.hsbcTextStyle04
{
	color: #999;
	font-size: 80%;
	/* \*/
	font-size: 87%;
	/* */
}
.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: 93%;
	/* \*/
	font-size: 86%;
	/* */
}
.hsbcLinkStyle05
{
	color: #666;
	font-size: 93%;
	/* \*/
	font-size: 94%;
	/* */
}
.hsbcLinkStyle06
{
	margin-top: 5px;
	float: right;
	color: #666;
	font-size: 74%;
	/* \*/
	font-size: 69%;
	/* */
}
.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: 90%;
}
.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;
}

.hsbcBorderStyleSolid
{
	border-style: solid;
}
.hsbcBorderColourRed
{
	border-color: red;
}
.hsbcBorderColourGrey
{
	border-color: #ccc;
}
.hsbcBorderColourBlack
{
	border-color: black;
}

.hsbcBorderWidth1
{
	border-width: 1px;
}

.hsbcBorderWidth2
{
	border-width: 2px;
}

.hsbcBorderWidth3
{
	border-width: 3px;
}

.hsbcBorderWidth4
{
	border-width: 4px;
}

.hsbcBorderWidth5
{
	border-width: 5px;
}

.hsbcBorderWidth6
{
	border-width: 6px;
}

.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;
}
.hsbcBackground07
{
	background-color: #f0f8ff;
}

.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: 74%;
	/* \*/
	font-size: 69%;
	/* */
}


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