/*
----------------------------------------------------------------------------------------------
HSBC Privat Banking StyleSheet
Created:  17 July 2007	
---------------------------------------------------------------------------------------------- */

/* Default
 * Text styles
---------------------------------------------------------------------------------------------- */
html body,
body
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
}
/* Form, Input, Select
 * Layout styles
---------------------------------------------------------------------------------------------- */
form
{
	display:inline;
}
input,
select,
textarea,
label
{
	vertical-align:middle;
	border:1px #d1d1d1 solid;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
input.radio {
	margin-top:-2px;
	border:none;
}
input.checkbox {
	border:none;
}
input.InputSubject{
	width: 490px;
  	height: 18px;
}
textarea.InputText{
	width: 490px;
	overflow: auto;
	margin-bottom:10px;
}
input.InputPasswordChange{
/*	width: 375px;	*/
	width: 265px;
  	height: 18px;
}
input.InputField01{
	width: 140px;
}
input.InputField02{
	width: 382px;
}
textarea.InputMsg{
	width: 325px;
	overflow: auto;
	margin-bottom:10px;
}
select.InputSelect01{
	width: 325px;
}

/* A, A Img
 * Text styles
---------------------------------------------------------------------------------------------- */
a img
{
	border:0px;
}
a
{
	color:#333;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
.copy{
	font-size:12px;
}
.redtxt{
	color:#d90000;
}
.bold{
	font-weight:bold;
}


.hsbcColorText06
{
	color: #f00;
}
.hsbcColorText07
{
	color: #999;
}
.hsbcColorText08
{
	color: #666;
}
.hsbcColorText09
{
	color: #ee2624;
}



.hsbcSizeText10
{
	font-size:10px;
}
.hsbcSizeText11
{
	font-size:11px;
}
.hsbcSizeText12
{
	font-size:12px;
}


.hsbcTextStyle23
{
	font-weight:bold !important;
}


/* Spacing
 *Alignment
---------------------------------------------------------------------------------------------- */
.hsbcSpacing42 {
	margin-top:16px !important;
}
.hsbcSpacing43 {
	margin-bottom:20px !important;
}
.hsbcSpacing44 {
	margin-top:24px !important;
	margin-right:-3px !important;
}
.hsbcSpacing45 {
	padding-top:11px;
	font-size:0px;
}
.hsbcSpacing46 {
	margin-right:-3px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.hsbcSpacing47 {
	margin-bottom:7px;
}
.hsbcSpacing48 {
	padding-top:30px;
}
.hsbcSpacing49 {
	margin-top:136px !important;
	margin-right:-3px !important;
}
.hsbcSpacing50 {
	margin-bottom:16px !important;
}
.hsbcSpacing51 {
	padding-bottom:10px !important;
}
.hsbcSpacing52 {
	padding-bottom:0px !important;
}
.hsbcSpacing53 {
	padding-top:12px !important;
}
.hsbcSpacing54 {
	margin-top:16px !important;
}
.hsbcSpacing55 {
	padding-bottom:14px !important;
}
.hsbcSpacing56 {
	margin-left:16px !important;
}
.hsbcSpacing57 {
	margin-left:95px !important;
}
.hsbcSpacing58 {
	padding-top:0px !important;
}
.hsbcSpacing59 {
	padding-right:24px !important;
}
.hsbcSpacing60 {
	margin-top:16px !important;
	margin-bottom:16px !important;
}
.hsbcSpacing61 {
	margin-top:0px !important;
	margin-bottom:12px !important;
}
.hsbcSpacing62 {
	padding-left:16px !important;
}
.hsbcSpacing63 {
	margin-bottom:24px !important;
}
.hsbcSpacing64 {
	margin-top:4px !important;
}
.hsbcSpacing65 {
	margin-top:22px !important;
	margin-bottom:16px !important;
}
.hsbcSpacing66 {
	margin-right:-3px !important;
}
.hsbcSpacing67 {
	margin-left:76px !important;
}
.hsbcSpacing68 {
	padding-bottom:48px !important;
}
.hsbcSpacing69 {
	padding-top:2px !important;
	#padding-top:1px !important;
	_padding-top:2px !important;
}
.hsbcSpacing70 {
	padding-right:14px;
}
.hsbcSpacing71 {
	margin-right:0px !important;
	margin-left:24px !important;
}
.hsbcSpacing72{
	margin-top:8px !important;
	margin-bottom:16px !important;
}
.hsbcSpacing73 {
	margin-bottom:26px !important;
}
.hsbcSpacing74 {
	padding-top:7px !important;
}
.hsbcSpacing75 {
	margin-bottom:12px !important;
}
.hsbcSpacing76 {
	padding-bottom:260px !important;
}
.hsbcSpacing77 {
	margin-bottom:60px !important;
}
.hsbcSpacing78 {
	margin-bottom:144px !important;
}
.hsbcSpacing79 {
	padding-left:36px !important;
}
.hsbcSpacing80 {
	margin-top:0px !important;
}




.hsbcAlign09
{
/*	float:right;*/
	text-align:right;  
}
.hsbcAlign10
{
	vertical-align:top;
}
.hsbcAlign11
{
	text-align:left;  
}
.hsbcAlign12
{
	text-align:center;  
}
.hsbcAlign13
{
	float:left;  
}
.hsbcAlign14
{
	clear:both;
}
.hsbcAlign15
{
	vertical-align:bottom;
}


/* Table
---------------------------------------------------------------------------------------------- */
/*
table
{
	border-collapse: collapse;
	margin: 0px;
}
*/

/* Home page  
---------------------------------------------------------------------------------------------- */
div.containerGlobalHKPB {
	padding:0;
	margin: 0px 0px 10px 0px;
	width: 996px;
	min-width:996px;
}

div.containerHeader{
	height: 68px;
	width: 996px;
	min-width:996px;
	background: url("../images/header/ci_top_red_ext.gif") repeat-x top left;
}
div.hsbcTopBar{
	height: 3px;
	min-height:3px;
	font-size:0px;
}
div.hsbcHKPBLogo{
	width: 996px;
	height: 65px;
	background: url("../images/header/ci_shade_bck_ext.gif") repeat-x top left;
	float:left;
	min-width:996px;
	margin-top:3px;
}
div.hsbcHKPBLogo div.Logoleft{
	width:600px;
/*	padding:22px 0px 0px 10px;	*/
	float:left;	
	height:65px;
	background: url("../images/header/logo.jpg") no-repeat 10px 22px;
}
div.hsbcHKPBLogo div.Logoright{
	width:370px;
	margin-right:8px;
	padding-top:45px;
	float:left;
	text-align:right;
}

div.containerMainMenu{
	width: 986px;
	background: url("../images/mainmenu/nav_main_bck_ext.gif") repeat-x top left;
	padding-left:10px;
	height: 34px;
	min-width:986px;
}
div.containerMainMenu ul {
	padding:0 !important;
	margin:0 !important;
}
div.containerMainMenu ul li {
	height:34px;
	list-style:none;
	display:inline;
	text-align:center;
	font-size:0px;
}
div.containerMainMenu ul li a {
	margin:0px 1px 0px 0px!important;
	padding:0px 16px 0px 16px;
	height:34px;
	font-size:0px;
	font:bold 11px/34px Arial;
	text-align:center;
	float:left;
	color:#fff;
}
div.containerMainMenu ul li a:hover {
	margin:0px 1px 0px 0px!important;
	padding:0px 16px 0px 16px;
	height:34px;
	font-size:0px;
	font:bold 11px/34px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_off.gif") repeat-x top left;
	text-decoration:none;
}
div.containerMainMenu ul li.wrap a {
	margin:0px 1px 0px 0px!important;
	padding:5px 16px 0px 16px;
	height:29px;
	font-size:0px;
	font:bold 11px/12px Arial;
	text-align:center;
	float:left;
	color:#fff;
}
div.containerMainMenu ul li.wrap a:hover {
	margin:0px 1px 0px 0px!important;
	padding:5px 16px 0px 16px;
	height:29px;
	font-size:0px;
	font:bold 11px/12px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_off.gif") repeat-x top left;
	text-decoration:none;
}
div.containerMainMenu ul li.selected a {
	margin:0px 1px 0px 0px!important;
	padding:0px 16px 0px 16px;
	height:34px;
	font-size:0px;
	font:bold 11px/34px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_on.gif") repeat-x top left;
}
div.containerMainMenu ul li.selected a:hover {
	margin:0px 1px 0px 0px!important;
	padding:0px 16px 0px 16px;
	height:34px;
	font-size:0px;
	font:bold 11px/34px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_on.gif") repeat-x top left;
	text-decoration:none;
}
div.containerMainMenu ul li.wrapselected a {
	margin:0px 1px 0px 0px!important;
	padding:5px 16px 0px 16px;
	height:29px;
	font-size:0px;
	font:bold 11px/12px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_on.gif") repeat-x top left;
}
div.containerMainMenu ul li.wrapselected a:hover {
	margin:0px 1px 0px 0px!important;
	padding:5px 16px 0px 16px;
	height:29px;
	font-size:0px;
	font:bold 11px/12px Arial;
	text-align:center;
	float:left;
	color:#fff;
	background: url("../images/mainmenu/nav_on.gif") repeat-x top left;
	text-decoration:none;
}

/*
div.containerMainMenu ul {
	padding:0 !important;
	margin:0 !important;
	float:left;
}
div.containerMainMenu ul li {
	padding:0 !important;
	margin:0 !important;
	height:34px;
	list-style:none;
	display:inline;
	float:left;
	font-size:0px;
}
*/
div.hsbcDivletMainMenuBar{
	width: 996px;
	height: 5px;
	background: url("../images/mainmenu/nav_main_bar_ext.gif") repeat-x top left;
	font-size:0px;
	min-width:988px;
}

div.breadcrumbs{
	width: 996px;
	height: 33px;
	min-height: 33px;
	background: url("../images/breadcrum_bck_ext.gif") repeat-x top left;
	float:left;
}
div.breadcrumbs div.breadcrumbsleft {
	width:700px;
	padding:0px 0px 0px 10px;
	color:#000;
	font-size:10px;
	line-height:31px;
	float:left;
}
div.breadcrumbs div.breadcrumbsleft a {
	color:#000;
	text-decoration:underline;
}
div.breadcrumbs div.breadcrumbsleft a:hover {
	color:#d90000;
	text-decoration:underline;
}
div.breadcrumbs div.lastloginright{
	width: 200px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	float:left;
	line-height:31px;
	text-align:right;
}
div.breadcrumbs div.lastloginimg{
	width: 78px;
	float:left;
	text-align:right;
	padding-top:6px;
}
div.breadcrumbs div.lastloginimg2{
	width: 278px;
	float:left;
	text-align:right;
	padding-top:6px;
}


div.containerMainContent
{
	width:988px;
	float:left;
	background: url("../images/utilities/left_nav_bck_ext.gif") repeat-y top left;
}
div.containerLeftNav
{
	width:154px;
	float:left;
	padding-top:0px;
	padding-bottom:20px;
}
div.containerLeftNav div.hsbcDivletLeftNav {
	float:left;
	width:153px;
	background:url("../images/utilities/blank_arrow_grey_stroke.gif") no-repeat bottom left; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 178px 0px;
}
.whitearrow {
	background:url("../images/utilities/blank_arrow_grey_stroke02.gif") no-repeat bottom left !important; 
	padding:0px 0px 449px 0px !important; 
}
div.containerLeftNav div.hsbcDivletLeftPubNav {
	float:left;
	width:154px;
	margin:0px 0px -10px 0px;
	padding:7px 0px 0px 0px;
	BACKGROUND: url("../images/sidemenu/nav_top_red_shade.gif") #fff no-repeat left top;
}
div.containerLeftNav div.hsbcDivletLeftPubNav img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLeftNav div.hsbcDivletLeftNav h4,
div.containerLeftNav div.hsbcDivletLeftPubNav h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLeftNav div.hsbcDivletLeftNav h5 {
	height:33px;
	margin:16px 0px 0px 0px !important;
	padding:0px 0px 0px 10px !important;
	font:bold 11px/24px Arial;
	color:#666;
	background: url("../images/utilities/utilities_tab.gif") no-repeat top left;
}

div.containerLeftNav div.hsbcDivletLeftNav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 19px 0px;
	width:146px;
	background-color:#fff;
	background:#fff url("../images/utilities/utilities_btm.gif") no-repeat bottom left; 
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul {
	float:left;
	margin:11px 0px 0px 0px;
	padding:0px 0px 13px 0px;
	/* IE 7 */
	#padding:0px 0px 19px 0px;
	/* IE 6 */
	_padding:0px 0px 13px 0px;
	background:url("../images/sidemenu/nav_btm_grey_shade.gif") no-repeat bottom left;
}

div.containerLeftNav div.hsbcDivletLeftNav ul li,
div.containerLeftNav div.hsbcDivletLeftPubNav ul li{
	list-style:none;
	display:block;
}
div.containerLeftNav div.hsbcDivletLeftNav ul li {
	margin-left:10px;
	font-size:12px;
	padding-bottom:3px;
	width:134px;
}

div.containerLeftNav div.hsbcDivletLeftPubNav ul li{
	float:left;
	font-size:12px;
	padding:9px 2px 3px 20px;
	margin:0px 0px 6px 0px;
	width:132px;
	border-top:1px solid #f4f4f4;
	background:url("../images/arrow_grey_3px.gif") no-repeat 0.8em 1.1em;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.first {
	border:none;
	padding-top:2px;
	background:url("../images/arrow_grey_3px.gif") no-repeat 0.8em 0.5em;
}

div.containerLeftNav div.hsbcDivletLeftPubNav ul li.selected {
	background:url("../images/arrow_red_sm.gif") no-repeat 0.8em 1.1em;
	font-weight:bold;
}


div.containerLeftNav div.hsbcDivletLeftNav ul li a {
	background:url("../images/arrow_grey_3px.gif") no-repeat 0em 0.3em;
	padding-left:10px;
}
div.containerLeftNav div.hsbcDivletLeftNav ul li a.selected,
div.containerLeftNav div.hsbcDivletLeftNav ul li a.selected:hover {
	background:url("../images/arrow_red_sm.gif") no-repeat 0em 0.3em;
	font-weight:bold;
}
div.containerLeftNav div.hsbcDivletLeftNav ul li a:hover {
	background:url("../images/arrow_grey_3px.gif") no-repeat 0em 0.3em;
	text-decoration:underline;
}

div.containerLeftNav div.hsbcDivletLeftPubNav ul li a {
	color:#000;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li a:hover {
	color:#000;
	text-decoration:underline;
}

div.containerLeftNav div.hsbcDivletLeftPubNav ul li ul {
	background:none;
	margin:7px 0px -7px 0px ;
	padding:0px 0px 0px 0px ;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li ul li {
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	border:none;
	background:url("../images/arrow_grey_1px.gif") no-repeat 0em 0.35em;
	padding:0px 0px 7px 9px;
	margin:0px 0px 0px 0px;
	width:122px;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li ul li a,
div.containerLeftNav div.hsbcDivletLeftPubNav ul li ul li a:hover {
	color:#333;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li ul li.selected {
	font-weight:bold;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.35em;
}



div.containerContentMain{
	padding-top:16px;
	padding-bottom:24px;
	padding-left:16px !important;
	float:left;
	width:818px;
}

div.containerMainTop{
	width:818px;
	padding-bottom:16px;
	float:left;
	}
div.containerMainTop div.topleft{
	float:left;
	display:inline;
}
div.containerMainTop div.topright{
	float:left;
	display:inline;
	margin-right:-3px !important;
}

div.containerMainMiddle{
	float:left;
	width:818px;
	background:url("../images/divider_h_content.gif") repeat-x 0% 100%;
	margin-bottom:12px;
}
div.containerMainMiddle div.Middleleft {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	width:497px;	
	padding-right:16px;
	background:url("../images/divider_v_content.gif") repeat-y 100% 0%;		*/
}
h1,
h1 a,
h1 a:hover{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size: 110%;
	font: Arial, Helvetica, sans-serif;
	color:#d353239;
}
h1 a:hover{
	text-decoration:underline;
}
div.containerMainMiddle div.Middleleft h1{
	float:left;
/*	width:345px;	*/
}
div.containerMainMiddle div.Middleleft div {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
div.containerMainMiddle div.Middleleft div.featurefirstLeft,
div.containerMainMiddle div.Middleleft div.featuresecondLeft  {
	float:left;
	width:497px;   
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}
div.containerMainMiddle div.Middleleft div.featuresecondLeft {
	float:left;
	padding-top:16px;
	background:url("../images/divider_h_content.gif") repeat-x 0% 0%;
}
div.containerMainMiddle div.Middleleft div.featurefirstLeft h1,
div.containerMainMiddle div.Middleleft div.featuresecondLeft h1 {
	float:left;
	width:345px;
}

div.containerMainMiddle div.Middleleft div.featurefirstLeft img {
	float:left;
	padding-right:16px;
	padding-bottom:36px;
}
div.containerMainMiddle div.Middleleft div.featuresecondLeft img {
	float:left;
	padding-right:16px;
	padding-bottom:48px;
}
.date{
	font-size:11px;
	color:#666;
}

div.containerMainMiddle div.Middleleft div.featurefirstLong,
div.containerMainMiddle div.Middleleft div.featuresecondLong {
	float:left;
	margin:0px -3px 0px 0px !important;
	padding:0px 0px 0px 0px;
	width:818px;
}
div.containerMainMiddle div.Middleleft div.featurefirstLong {
	background:none;
}
div.containerMainMiddle div.Middleleft div.featuresecondLong {
	padding:16px 0px 0px 0px;
	background:url("../images/divider_h_content.gif") repeat-x 0% 0%;
}
div.containerMainMiddle div.Middleleft div.featurefirstLong h1,
div.containerMainMiddle div.Middleleft div.featuresecondLong h1 {
	float:left;
	width:666px;
}
div.containerMainMiddle div.Middleleft div.featurefirstLong img,
div.containerMainMiddle div.Middleleft div.featuresecondLong img {
	float:left;
	padding-right:16px;
	padding-bottom:16px;
}
div.containerMainMiddle div.Middleleft div.featurefirstLong p,
div.containerMainMiddle div.Middleleft div.featuresecondLong p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

div.containerMainMiddle div.Middleright {
	float:left;
	width:289px;	
	font-size:11px;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 32px;
	background:url("../images/divider_v_content.gif") repeat-y 15px 0px;
}
h2,
h2 a,
h2 a:hover{
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif ;
	color:#353239;
	width:190px;
}
h2 {
	float:left;
}
h2 a:hover{
	text-decoration:underline;
}
div.containerMainMiddle div.Middleright div {
	margin-right:-3px !important;
	padding:0px 0px 0px 0px;
}
div.containerMainMiddle div.Middleright div.featurefirstRight {
	float:left;
	width:289px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerMainMiddle div.Middleright div.featuresecondRight {
	float:left;
	width:289px;
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 0px;
	border-top:1px #f3f3f3 solid;  
}
div.containerMainMiddle div.Middleright div img {
	float:left;
	padding-right:16px;
	padding-bottom:32px;
}


div.containerMainBtm{
	width:818px;
	background:url("../images/divider_h_content.gif") repeat-x 0% 100%;
	margin-bottom:32px;
	float:left;
}
div.containerMainBtm h5{
	float:left;
	width:800px;
	list-style:none;
	padding:0px 0px 12px 10px;
	margin:0px 0px 0px 0px;
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.15em;
	/*	IE	*/
	#background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.1em;
}

div.containerMainBtm div.Btmleft{
	border-top:1px solid #f4f4f4;
	width:367px;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 0px;
	float:left;
	display:inline;
}
div.containerMainBtm div.Btmright{
	border-top:1px solid #f4f4f4;
	width:443px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
}

h3,
h3 a,
h3 a:hover{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 2px 0px !important;
	font:bold 14px/16px Times New Roman;
	color:#333;
	width:310px;
}
h3{
	float:left;
}
h3 a:hover{
	text-decoration:underline;
}

ul.Featuredvideo { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:11px;
	color:#666;
	padding-top:8px;
}
ul.Featuredvideo li {
	width:412px;
	float:left;
	list-style:none;
	padding-bottom:4px;
}
ul.Featuredvideo li img {
	float:left;
	padding-right:16px;
	padding-bottom:4px;
}

.arrowsm{
	background:url("../images/arrow_solid_left.gif") no-repeat 0em 0.4em;
	padding-left:10px;
}

div.containerFooter{
	
	font-size:11px;
	width:1025px;
	bottom:0;
	padding: 10px;
	/*margin-right:-3px;*/
	padding-left: 10px;
	clear:both;
	background-color: white;
}
div.containerFooter ul,
div.containerFooter ul li {
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	list-style:none;
	float:left;
	display:inline;
}
div.containerFooter ul li a {
	color:#000;
	text-decoration:underline;
	
}


/* Section Home page  
---------------------------------------------------------------------------------------------- */
div.containerMainTitle {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 135%;
	font-weight:bold;
	color:#000;
	padding-bottom:1px;
	margin-bottom:15px;
	border-bottom:1px #bfbab6 solid;

}

div.containerInsideTop {
	width:818px;
	float:left;
}
div.containerInsideTop div p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
div.containerInsideTop img{
	float:left;
	padding-right:16px;
	padding-bottom:16px;
	margin-bottom:0px;
}
div.containerInsideTop div.Insidetopleft {
	width:385px;
	float:left;
	padding-right:32px;
	padding-left:16px;
}
div.containerInsideTop div.Insidetopright{
	width:377px;
	float:left;
	padding-left:8px;
	margin-right:-3px !important;
}
div.containerInsideTop div.InsidetopLong {
	width:802px;
	float:left;
	padding-left:16px;
}


div.containerInsideMiddle{
	width:818px;
	float:left;
	margin-bottom:16px;
	background:url("../images/divider_v_content.gif") repeat-y 50% 0%;
}
div.containerInsideMiddle div img{
	padding:8px 16px 55px 16px;
	float:left;
}
div.containerInsideMiddle div.left,
div.containerInsideMiddle div.right {
	padding-top:16px;
	padding-bottom:6px;
	font:normal 11px/13px Arial;
	color:#000;
}
div.containerInsideMiddle div.left {
	float:left;
	background:url("../images/divider_h_content.gif") repeat-x 0% 0%;
	width:393px;
	margin-right:16px;
}
div.containerInsideMiddle div.right {
	float:left;
	background:url("../images/divider_h_content.gif") repeat-x 0% 0%;
	width:393px;
	margin-left:16px;
	margin-right:-3px;
}
div.containerInsideMiddle div p {
	margin-top:0px ;
	margin-bottom:0px ;
	padding-bottom:16px;
}
div.containerInsideMiddle div p.last {
	margin-top:0px ;
	margin-bottom:0px ;
	padding-bottom:2px;
}
div.containerInsideMiddle div h1 a,
div.containerInsideMiddle div h1 a:hover {
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.35em;
	padding-bottom:0px !important;
	padding-left:16px;
	font:normal 18px/12px Times New Roman;
	color:#000;
	text-decoration:underline;
}
div.containerInsideMiddle div h2 {
	padding-top:4px;
	padding-bottom:6px;
	width:255px;
	float:left;
}
div.containerInsideMiddle div h2 a {
	color:#353239;
	font:bold 16px/18px Times New Roman;
	text-decoration:none;
}
div.containerInsideMiddle div h2 a:hover {
	color:#333;
	font:bold 16px/18px Times New Roman;
	text-decoration:underline;
}


div.note {
	margin-top:0px ;
	font-size:11px;
	color:#999;
	padding:10px 0px 18px 0px;
	clear:both;
}
div.note a,
div.note2 a,
div.note3 a {
	color:#999;
	text-decoration:underline;
}

/* Compose a Message page  
---------------------------------------------------------------------------------------------- */
div.topnote{
	margin:-4px 0px 12px 16px;
	padding:10px 12px 10px 12px;
	font:normal 11px/15px Arial;
	width:564px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}
div.dividerh{
	background: url("../images/divider_h_content.gif") repeat-x 0% 100%;
}
table.hsbcTableStyle03{
	font-size:12px;
	color:#000;
	margin-left:16px;
	margin-bottom:0px;
	width:590px;
	border-top:1px solid #f4f4f4;
}
.tablebtn {
	padding:7px 0px 16px 10px;
}
table.hsbcTableStyle03 tr td{
	padding:9px 0px 6px 0px;
}
table.hsbcTableStyle03 tr td.left {
	width:100px;
}
table.hsbcTableStyle03 tr td.left02 {
	width:200px;
}
table.hsbcTableStyle03 tr td.grey{
	padding:12px 12px 12px 12px;
	background-color:#f5f5f5;
}
table.hsbcTableStyle03 tr td.alignright {
	text-align:right;
	padding-right:12px;
}





/* My accounts page  
---------------------------------------------------------------------------------------------- */
div.containerContentMainLeft{
	float:left;
	width:606px;
	padding-right:16px;
}

div.topnote2{
	margin:0px 0px 12px 16px;
	padding:10px 16px 10px 16px;
	font:normal 11px/15px Arial;
	width:556px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}
div.note2 {
	margin:22px 0px 0px 32px;
	padding:0px 16px 18px 0px;
	font-size:11px;
	color:#999;
	width:558px;
}

h6 {
	margin:-4px 0px 12px 16px  !important;
	padding:6px 16px 7px 16px;
	font:normal 18px/16px Times;
	width:554px;
	color:#333;
	background-color:#f9f9f9;
}

table.hsbcTableStyle04 {
	font:bold 14px/14px Times;
	color:#333;
	margin-left:16px;
	margin-bottom:16px;
	width:590px;
}

table.hsbcTableStyle04 tr td {
	border-top:1px solid #f0f0f0;
	padding:13px 0px 13px 16px;
}
table.hsbcTableStyle04 tr td.left {
	width:152px;
}
table.hsbcTableStyle04 tr td.right {
	width:402px;
}
table.hsbcTableStyle04 tr td.last {
	border-bottom:1px solid #f0f0f0;
}
table.hsbcTableStyle04 tr td.last2 {
	border-bottom:1px solid #f0f0f0;
	width:131px;
}
table.hsbcTableStyle04 tr td.last3 {
	border-bottom:1px solid #f0f0f0;
	width:255px;
}

select.selectanaccount {
	width:283px;
}
select.period {
	width:130px;
}
select.changeoffice {
	width:291px;
}

div.containerContentMainRight{
	float:left;
	width:196px;
	margin-top:29px;
}

/* Indices page  
---------------------------------------------------------------------------------------------- */
div.topsublinks {
	margin:-4px 0px 22px 0px  !important;
	padding:8px 16px 8px 16px;
	font:normal 11px/11px Arial;
	width:574px;
	color:#000;
	background-color:#f1f1f1;
	border-bottom:1px #dbdcdd solid;
}
div.topsublinks a {
	text-decoration:underline;
}

div.containerMainSubTitle {
	font:bold 16px/16px Times New Roman;
	color:#000;
	margin:12px 0px 12px 0px;
	padding-left:14px;
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.3em;
	/*	IE	*/
	#background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.25em;
}


table.hsbcTableStyle05 {
	font:normal 11px/11px Arial;
	color:#000;
	margin-left:0px;
	margin-bottom:8px;
	margin-top:-4px !important;
	width:606px;
}
table.hsbcTableStyle05 tr th {
	height:26px;
	font-weight:bold; 
	background:url("../images/table_head_bck.gif") repeat 0% 0%;
	border-bottom:2px #d81f2a solid;
	text-align:center;
/*	padding-top: 2px;	*/
}
table.hsbcTableStyle05 tr th.greyline {
	border-bottom:2px #787878 solid !important;
}
table.hsbcTableStyle05 tr th.thleft {
	height:26px;
	font-weight:bold; 
	background:url("../images/table_head_bck.gif") repeat 0% 0%;
	border-bottom:2px #d81f2a solid;
	text-align:left;
	padding-left:16px;
}

table.hsbcTableStyle05 tr th.wideleft {
	height:30px;
	font-weight:bold; 
	background:url("../images/table_head_bck.gif") repeat 0% 0%;
	border-bottom:2px #d81f2a solid;
	text-align:left;
	padding-left:16px;
}
table.hsbcTableStyle05 tr th.wide {
	height:30px;
	font-weight:bold; 
	background:url("../images/table_head_bck.gif") repeat 0% 0%;
	border-bottom:2px #d81f2a solid;
	text-align:center;
}
table.hsbcTableStyle05 tr.grey {
	background-color:#f5f5f5;
}
table.hsbcTableStyle05 tr td {
	height:24px;
	text-align:right;
	padding-right:16px;
}
table.hsbcTableStyle05 tr td.second {
	width:76px;
	min-width:76px;
}
table.hsbcTableStyle05 tr td.second02 {
	width:90px;
}
table.hsbcTableStyle05 tr td.second03 {
	width:50px;
}
table.hsbcTableStyle05 tr td.second04 {
	width:45px;
}
table.hsbcTableStyle05 tr td.third {
	width:104px;
	min-width:104px;
}
table.hsbcTableStyle05 tr td.forth {
	width:104px;
}

table.hsbcTableStyle05 tr td.left {
	border-left:1px #f0f0f0 solid;
	padding-left:16px;
	text-align:left;
}
table.hsbcTableStyle05 tr td.right {
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle05 tr td.aligncenter {
	text-align:center;
}
table.hsbcTableStyle05 tr td.leftwhite {
/*	background:url("../images/table_border.gif") repeat-y 0% 0%;	*/
	border-left:1px #f0f0f0 solid;
	padding-left:16px;
	text-align:left;
}
table.hsbcTableStyle05 tr td.rightwhite {
/*	background:url("../images/table_border.gif") repeat-y 100% 0%;	*/
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle05 tr td.bottom {
	border-bottom:1px #f0f0f0 solid;
}
table.hsbcTableStyle05 tr td.bottomBorder {
	font-size:0px;
	line-height:0px;
	height:1px;
	padding:0px 0px 0px 0px !important;
	background-color:#f0f0f0;
}
table.hsbcTableStyle05 tr td.bottomHighlight {
	font-size:0px;
	line-height:0px;
	height:1px;
	padding:0px 0px 0px 0px !important;
	background:url("../images/table_border_deep.gif") repeat-x 0% 0%;
	border-left:1px #fff solid;
	border-right:1px #fff solid;	
}
table.hsbcTableStyle05 tr td.bottomHighlight02 {
	text-align:left;
	height:24px;
	padding:0px 0px 0px 16px !important;
	background:url("../images/table_border_deep.gif") repeat-x 0% 0%;
	border-left:1px #fff solid;
	border-right:1px #fff solid;	
}
table.hsbcTableStyle05 tr td a,
table.hsbcTableStyle05 tr td a:hover {
	color:#000;
}
.redTxt {
	color:#ee2624;
}
.greenTxt {
	color:#008000;
}
.redTxtSmallBold {
	font-weight:bold;
	font-size:11px;
	color:#ee2624;
}

div.backtotop {
	font:normal 11px/11px Arial;
	width:590px;
	margin-bottom:0px;
	margin-left:16px;
	text-align:right;
	background:url("../images/arrow_red_top.gif") no-repeat 521px 4px;
}
div.backtotop a {
	color:#000;
}
div.backtotop02 {
	font:normal 11px/11px Arial;
	width:590px;
	padding-bottom:12px;
	margin-bottom:12px;
	margin-left:16px;
	text-align:right;
	background:url("../images/arrow_red_top.gif") no-repeat 521px 4px;
	border-bottom:1px #f0f0f0 solid;
}
div.backtotop02 a {
	color:#000;
}
div.backtotop03 {
	font:normal 11px/11px Arial;
	width:700px;
	padding-bottom:12px;
	padding-right:0px;
	margin-bottom:12px;
	margin-left:16px;
	text-align:right;
	background:url("../images/arrow_red_top.gif") no-repeat 631px 4px;
	border-bottom:1px #f0f0f0 solid;
}
div.backtotop03 a {
	color:#000;
}


.borderbottom {
	border-bottom:1px #f0f0f0 solid;
	margin-bottom:12px !important;
}


div.relatedinfo {
	font: normal 12px/15px Arial;
	color:#000;
}
div.relatedinfo h1 {
	background:url("../images/related_title.gif") no-repeat 0% 0%;
	height:33px;
	font: bold 12px/23px Arial;
	padding:0px 0px 0px 16px;
	margin:0px 0px 0px 0px;
	color:#666;
}
div.relatedinfo p {
	padding:0px 12px 0px 16px !important;
	margin:2px 0px 6px 0px !important;
}
div.relatedinfo a {
	padding-right:12px;
/*	background:url("../images/arrow_solid_right.gif") no-repeat 0% 45%;	*/
	text-decoration:underline;
	color:#000;
}
div.relatedinfo img.arrow {
	float:left;
	padding-left:16px;
	padding-right:7px;
	margin-top:5px;
	margin-bottom:6px;
}
div.relatedinfo img {
	margin-top:8px;
}

div.topnote3{
	margin:0px 0px 12px 0px;
	padding:10px 16px 10px 16px;
	font:normal 11px/15px Arial;
	width:572px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}

/* Daily Publications page  
---------------------------------------------------------------------------------------------- */
div.note3 {
	margin:0px 0px 0px 0px;
	padding:0px 16px 18px 16px;
	font-size:11px;
	color:#999;
	width:574px;
}
div.redDate {
	margin-left:16px;
	margin-top:-6px;
	margin-bottom:19px;
	font: bold 14px/14px Times;
	color:#d90000;
}
div.contentHighlightsdivider {
	margin-top:0px;
	margin-bottom:20px;
	border-top:1px #f0f0f0 solid;
	font-size:0px;
	line-height:0px;
}
div.contentHighlights {
	margin:0px 0px 0px 0px;
	padding:0px 0px 18px 0px;
	width:606px;
}
div.contentHighlights h1 {
	font:normal 18px/19px Times;
	color:#000;
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.35em;
	/* IE 7*/
	#background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.3em;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 16px;
}
div.contentHighlights h1 a,
div.contentHighlights h1 a:hover {
	font:normal 18px/19px Times;
	color:#000;
}
.linkUnderline {
	text-decoration:underline;
}

.contentHighlightstime {
	font-size:11px;
	color:#666;
	margin:0px 0px 0px 16px;
	padding:0px 0px 0px 0px;
}
div.contentHighlights p {
	margin:0px 0px 0px 16px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
	color:#000;
}
div.contentHighlights p.wide {
	margin:0px 0px 0px 16px;
	padding:8px 0px 8px 0px;
	font-size:12px;
	line-height:15px;
	color:#000;
}
div.contentHighlights ul {
	list-style:none;
	margin:0px 0px 0px 16px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
	color:#000;
}
div.contentHighlights ul li{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.contentHighlights ul li a {
	color:#000;
}

.contentHighlightslast {
	border-bottom:1px #f0f0f0 solid;
}

div.bottombuts {
	margin:12px 0px 42px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#000;	
	width:606px;
	float:right;
}
div.bottombuts div {
	float:right;
}
div.bottombuts div img {
	vertical-align: middle;
}
div.bottombuts div span {
	padding: 0 5px; 
	vertical-align: middle;
}
div.bottombuts div a.deleteBtn,
div.bottombuts div a.deleteBtn:hover {
	margin-left:76px;
}

div.bottombuts div.bottombutsTxt {
	margin:0px 0px 0px 0px;
	padding:2px 8px 0px 8px;
}
div.bottombuts div.butleft {
	float:left;
	padding-left:406px;
}
div.bottombuts div.butleft02 {
	float:left;
	padding-left:430px;
}
div.bottombuts div.butleft03 {
	float:left;
	padding-left:206px;
}

.bordertop {
	border-top:1px #f0f0f0 solid;
	padding-top:12px !important;
}

/* Investment Products page  
---------------------------------------------------------------------------------------------- */
div.topPicTxt {
	background-color:#ccc;
	padding:0px 0px 0px 0px;
	margin:-4px 0px 13px 0px;
	width:606px;
	height:135px;
}
div.topPicTxt p {
	font:bold 14px/15px Times;
	color:#000;
	padding:12px 16px 0px 336px;
	margin:0px 0px 0px 0px;
}
div.topPicTxt img {
	float:left;
}

/* View Message page  
---------------------------------------------------------------------------------------------- */
table.hsbcTableStyle06 {
	font-size:12px;
	color:#000;
	margin-left:16px;
	margin-bottom:0px;
	width:590px;
}
table.hsbcTableStyle06 tr td {
	padding-right:16px;
	padding-left:16px;
}
table.hsbcTableStyle06 tr td.greylinetop {
	padding:12px 14px 16px 14px;
	border-top:2px #e6e6e6 solid;
}
.greylinetopleft {
	padding-left:14px !important;
	border-left:2px #e6e6e6 solid;
	width:15%;
}
.greylinetopright {
	padding-left:16px !important;
	border-right:2px #e6e6e6 solid;
	width:85%;
}
table.hsbcTableStyle06 tr td.greylinebtm {
	padding:16px 14px 12px 14px;
	border-bottom:2px #e6e6e6 solid;
}
table.hsbcTableStyle06 tr td p {
	margin:0px 0px 0px 0px;
	padding:22px 0px 0px 0px;
}
table.hsbcTableStyle06 tr td p.last {
	padding-bottom:22px;
}
table.hsbcTableStyle06 tr td.butsright {
	padding:24px 0px 0px 0px;
	border-top:1px #f0f0f0 solid;
	text-align:right;
}
table.hsbcTableStyle06 tr td.butsright img {
	margin:0px 0px 0px 8px;
}

.contentHighlightstime02 {
	font-size:11px;
	color:#666;
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
}

/* Deposit / Currency Investment page  
---------------------------------------------------------------------------------------------- */
div.topTxt {
	background-color:#f1f1f2;
	padding:12px 16px 12px 16px;
	margin:-4px 0px 14px 0px;
	width:574px;
}
div.topTxt p {
	font:bold 14px/15px Times;
	color:#000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* Alternative Inv. Fund Portfolio Mgt Programme page  
---------------------------------------------------------------------------------------------- */
div.contentHighlights h2 {
	width:590px;
	font:normal 18px/19px Times;
	color:#000;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 16px;
}
div.note3 p {
	margin:14px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnavfirst {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_grey_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnav {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_grey_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-bottom:9px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnavfirstselected {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
	font-weight:bold;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnavselected {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-bottom:9px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
	font-weight:bold;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.wrapthirdnavfirstselected {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
	font-weight:bold;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.wrapthirdnavselected {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-bottom:9px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
	font-weight:bold;
}


div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnav02 {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_grey_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-bottom:9px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
}
div.containerLeftNav div.hsbcDivletLeftPubNav ul li.thirdnav02selected {
	font-size:11px;
	line-height:12px;
	border:none;
	background:url("../images/arrow_red_1px.gif") no-repeat 0em 0.3em;
	padding-top:0px;
	padding-bottom:9px;
	padding-left:9px;
	margin-top:-3px;
	margin-left:20px;
	width:122px;
	font-weight:bold;
}

/* Portfolio Management Programmes page  
---------------------------------------------------------------------------------------------- */
div.contentHighlights02 {
	float:left;
	width:606px;
	margin:0px 0px 18px 0px;
	padding:0px 0px 0px 0px;
	background:url("../images/divider_v_content.gif") repeat-y 50% 0%;
}
div.contentHighlights02Left {
	float:left;
	width:286px;
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 0px;
	border-top:1px #f2f2f2 solid;
}
div.contentHighlights02Right {
	float:left;
	width:286px;
	margin:0px 0px 0px 32px;
	padding:16px 0px 0px 0px;
	border-top:1px #f2f2f2 solid;
}
.noborder {
	border-top:none !important;
}
.longtopborder {
	border-top:1px #f2f2f2 solid !important;
}
.nobackground {
	background:none !important;
}
div.contentHighlights02Left h1,
div.contentHighlights02Right h1 {
	font:normal 18px/19px Times;
	color:#000;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 16px;
	width:270px;
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.35em;
	/* IE 7*/
	#background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.3em;
}
img.h1arrow {
	float:left;
	margin-left:-16px !important;
	margin-top:6px !important;
	clear:both;
}
div.contentHighlights02Left h1 a,
div.contentHighlights02Left h1 a:hover,
div.contentHighlights02Right h1 a,
div.contentHighlights02Right h1 a:hover {
	font:normal 18px/19px Times;
	color:#000;
}
div.contentHighlights02Left p,
div.contentHighlights02Right p {
	margin:0px 0px 0px 16px;
	padding:0px 16px 14px 0px;
	font-size:12px;
	line-height:15px;
	color:#000;
}
div.contentHighlights02Left img,
div.contentHighlights02Right img {
	margin-left:16px;
	padding-bottom:6px;
}


div.contentHighlights02Left p.narrow,
div.contentHighlights02Right p.narrow
{
	margin-bottom:-8px !important;
}
div.contentHighlights02Left p.narrow02,
div.contentHighlights02Right p.narrow02
{
	padding-top:11px !important;
	margin-bottom:-8px !important;
}
div.contentHighlights02Left p.narrow03,
div.contentHighlights02Right p.narrow03
{
	padding-top:27px !important;
	margin-bottom:-8px !important;
}
div.contentHighlights02Left p.narrow a,
div.contentHighlights02Left p.narrow02 a,
div.contentHighlights02Left p.narrow03 a,
div.contentHighlights02Right p.narrow a,
div.contentHighlights02Right p.narrow02 a,
div.contentHighlights02Right p.narrow03 a
{
	text-decoration:underline;
	color:#000;
}

/* Others 
---------------------------------------------------------------------------------------------- */
table.hsbcTableStyle07{
	font-size:12px;
	color:#000;
	margin-top:-10px !important;
	margin-left:16px;
	margin-bottom:0px;
	width:440px;
}
table.hsbcTableStyle07 tr td{
	padding:4px 0px 3px 0px;
	text-align:right;
}
table.hsbcTableStyle07 tr td.left {
	width:169px;
}
table.hsbcTableStyle07 tr td.alignleft {
	padding:9px 0px 6px 16px;
	text-align:left;
}
table.hsbcTableStyle07 tr td.right {
	padding-left:16px;
	width:265px;
}


table.hsbcTableStyle08{
	font-size:12px;
	color:#000;
	margin-left:16px;
	margin-bottom:0px;
	border-top:1px solid #f4f4f4;
	width:590px;
}
table.hsbcTableStyle08 tr td{
	padding:12px 0px 0px 0px;
}
table.hsbcTableStyle08 tr td.left {
	width:84px;
	padding-right:16px;
	padding-left:16px;
	text-align:left;
}
table.hsbcTableStyle08 tr td.right {
	width:291px;
	text-align:right;
}
table.hsbcTableStyle08 tr td.third {
	width:183px;
}

div.topnote4{
	margin:-4px 0px 12px 16px;
	padding:10px 16px 10px 16px;
	font:normal 12px/15px Arial;
	width:564px;
	color:#000;
	background-color:#f9f9f9;
}






/* Logon Page
---------------------------------------------------------------------------------------------- */
div.containerLogonGlobalHKPB {
	padding:0px;
	margin:0px;
/*	width:1024px;*/
	width:996px;
	min-width:996px;
}
div.containerLogonHeader{
	height:68px;
	width:996px;
	background: url("../images/header/ci_top_red_ext.gif") repeat-x top left;
}
div.hsbcHKPBLogonLogo{
/*	width:1024px;*/
	width:996px;	
	height:65px;
	float:left;
	margin-top:3px;
	background: url("../images/logon/ci_shade_bck_ext02.gif") repeat-x top left;
}
div.hsbcHKPBLogonLogo div.Logoleft{
/*	width:860px;	*/
	width:832px; 
/*	padding:22px 0px 0px 10px;	*/
	float:left;	
	height:65px;
	background: url("../images/header/logo.jpg") no-repeat 10px 22px;
}
div.hsbcHKPBLogonLogo div.Logoright{
	width:140px;
	padding-right:14px;
	padding-top:45px;
	float:left;
	text-align:right;
	font-family:Arial;
}


div.containerLogonMainContent{
	width:996px;
	float:left;
	background: url("../images/logon/ci_shade_bck_ext.gif") repeat-x 0% 0%;
}
div.containerLogonLeft {
	width:154px;
	float:left;
	padding-top:0px;
	height:460px;
	min-height:460px;
	background: url("../images/logon/arrow_grey.gif") no-repeat 31px 44px;
}
div.containerLogonLeft img {
	margin-top:44px;
	margin-left:31px;
}


div.containerLogonContentMain{
	float:left;
	width:716px;
}
.LogonContentSpacing {
	padding-left:95px;
}

div.containerLogonTitle {
	font:normal 23px/23px Times;
	color:#000;
	padding-left:111px;
	margin-top:41px;
	padding-bottom:0px;
	margin-bottom:0px;
/*	padding-bottom:8px;
	margin-bottom:16px;
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;
	border-bottom:1px #e0e0e0 solid; */
	background:url(../images/arrow_red_lrg.gif) no-repeat 4.15em 0.18em;
	/* IE 7 */
	#background:url(../images/arrow_red_lrg.gif) no-repeat 4.15em 0.15em; 
}
div.containerLogonTitleBtm {
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;
	margin-bottom:16px;
	height:10px;
	font-size:0px;
}
div.containerLogonTitle img {
	margin-right:8px;
}
div.logontop{
	margin-bottom:16px;
	margin-left:95px;
	padding:11px 82px 9px 82px;
	width:360px;
	font:normal 10px/16px Arial;
	color:#666;
	background:url("../images/logon/login_panel_ext_bck.gif") repeat-x 0% 100%;
	border:1px #f2f2f2 solid;
}
div.logontop a {
	text-decoration:underline;
	color:#666;
}
div.logontop a:hover {
	text-decoration:underline;
	color:#666;
}
div.logontop h1{
	font:bold 12px/12px Arial;
	padding:0px 0px 2px 0px;
	color:#000;
}
div.logontop div{
	margin:0px 0px 0px 0px;
}
input.Logon{
	width:263px;
  	height:18px;
	margin-bottom:4px;
	margin-right:16px;
}
div.logontop img{
	margin:-24px 0px 0px 0px;
	padding-bottom:3px;
	float:right;
}


div.logontop02{
	margin-top:0px;
	margin-bottom:16px;
	margin-left:95px;
	padding:11px 0px 9px 0px;
	width:546px;
	font:normal 10px/16px Arial;
	color:#666;
}
div.logontop02 div{
	margin:0px 0px 0px 0px;
	float:left;
}
div.logontop02 div.text01{
	font:normal 12px/12px Arial;
	margin:0px 16px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000;
	width:160px;
	float:left;
}
div.logontop02 div.text01 p {
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 10px/12px Arial;
	color:#666;
}
div.logontop02 div.Logon{
	margin:-6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:263px;
}
input.Logon02{
	width:263px;
  	height:18px;
	margin-bottom:2px;
}
div.logontop02 a,
div.logontop02 a:hover {
	text-decoration:underline;
	color:#666;
}
div.logontop02 div.btn {
	padding:0px 0px 0px 0px;
	margin-left:18px;
	margin-top:-3px;
	width:77px;
}


div.logonmiddle{
	margin-bottom:30px;
	margin-left:95px;
	padding:12px 83px 11px 83px;
	width:360px;
	color:#000;
	background-color:#f1f1f3;
	float:left;
	display:inline;
}
div.logonmiddle img{
	vertical-align:middle;
	padding-bottom:1px;
	float:right;
}
div.logonmiddle span {
	margin:0px 0px 0px 0px;
	padding:0px 23px 0px 0px;
	font-weight:bold;
	float:left;
}


div.logonbottom{
	margin-bottom:0px;
	margin-left:95px;
	width:526px;
	text-align:center;
	font:normal 12px/14px Arial;
	color:#000;
}
div.logonbottom a {
	text-decoration:underline;
	color:#000;
}


div.containerLogonFooter {
	width:996px;
	margin-right:-3px;
	margin-bottom:24px;
	font-size:11px;
	color:#000;
	clear:both;
}
div.containerLogonFooter div.left {
	float:left;
	font-size:11px;
	color:#000;
	width:390px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
div.containerLogonFooter div.right {
	float:left;
	width:586px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}
div.containerLogonFooter div.right ul {
	margin:0px 8px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:inline;
}
div.containerLogonFooter div.right ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	list-style:none;
	display:inline;
}
div.containerLogonFooter div.right ul li a,
div.containerLogonFooter div.right ul li a:hover {
	font-size:11px;
	color:#000;
	text-decoration:underline;
}


div.assistance{
	margin-bottom:0px;
	margin-left:95px;
	padding:6px 0px 0px 0px;
	width:526px;
	font:normal 12px/13px Arial;
	color:#000;
}
div.assistance p {
	margin:0px 0px 0px 105px;
}
div.assistance ul {
	margin:22px 0px 0px 0px;
	padding:16px 0px 14px 105px;
	list-style:none;
	background-color:#f1f1f3;
}
div.assistance ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 20px;
	list-style:none;
/*	list-style-position:outside;
	list-style-image:url("../images/arrow_red_1px.gif");	*/
	background:url("../images/arrow_solid_right.gif") no-repeat 0em 0.3em ;
}
div.assistance ul li a{
	color:#000;
	text-decoration:underline;
}


p.LogonContent{
	margin-top:0px;
	margin-left:95px;
	margin-bottom:8px;
	padding:4px 0px 0px 0px;
	width:526px;
	font:normal 12px/15px Arial;
	color:#000;
}
p.LogonContent02{
	margin-top:0px;
	margin-left:95px;
	margin-bottom:24px;
	padding:4px 0px 0px 0px;
	width:526px;
	font:normal 12px/15px Arial;
	color:#000;
}
p.LogonContent03{
	margin-top:20px;
	margin-left:95px;
	margin-bottom:2px;
	padding:0px 0px 0px 0px;
	width:526px;
	font:normal 11px/15px Arial;
	color:#000;
}
p.LogonContent a,
p.LogonContent02 a,
p.LogonContent03 a
{
	color:#000;
}

div.Logontopnote01{
	margin:20px 0px 16px 95px;
	padding:9px 12px 9px 12px;
	font:normal 11px/15px Arial;
	width:500px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}

table.hsbcTableStyleLogon01{
	margin:-8px 0px 56px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#000;
	width:716px;
}
table.hsbcTableStyleLogon01 tr td{
	padding:4px 0px 3px 0px;
}
.boldRedTxt {
	font-size:11px;
	font-weight:bold;
	color:#ee2624;
}
table.hsbcTableStyleLogon01 tr td.btmline {
	border-bottom:1px #f0f0f0 solid;
	padding-bottom:12px;
}

input.LogonCreateUsername {
	width:368px;
  	height:18px;
}
table.hsbcTableStyleLogon01 tr td.left{
	width:220px;
	padding-right:16px;
	text-align:right;
}
table.hsbcTableStyleLogon01 tr td.right{
	width:480px;
	text-align:left;
}
table.hsbcTableStyleLogon01 tr td.right02{
	width:372px;
	text-align:right;
	padding-top:18px;
}
table.hsbcTableStyleLogon01 tr td.right03{
	width:372px;
	text-align:right;
	padding-top:13px;
}
table.hsbcTableStyleLogon01 tr td.third{
	width:108px;
	text-align:left;
}
.smallGreyTxt {
	font:normal 10px/12px Arial;
	color:#666;
}
.smallGreyTxt a {
	text-decoration:underline;
	color:#666;
}


div.LogonRedFrameNote01 {
	margin:0px 0px 30px 95px;
	padding:9px 12px 10px 12px;
	width:498px;
	border:2px solid #ee2624;
}
div.LogonRedFrameNote01 p {
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.35em;
	font:normal 11px/15px Arial;
	color:#ee2624;
	padding:0px 0px 0px 16px;
	margin:0px 0px 0px 0px;
}
div.LogonRedFrameNote01 ul {
	margin:8px 0px 0px 60px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
div.LogonRedFrameNote01 ul li {
	margin:0px 0px 12px 0px;
	padding:0px 40px 0px 0px;
	list-style:none;
	display:inline;
}
div.LogonRedFrameNote01 table {
	margin:8px 0px 2px 11px;
	width:470px;
}
div.LogonRedFrameNote01 table tr td {
	padding-left:0px;
	padding-right:0px;
	text-align:left;
}
div.LogonRedFrameNote01 table tr td.radio {
	width:24px;
}

div.Btnonly {
	text-align:right;
	width:526px;
	margin-left:95px;
}
div.Btnonly02 {
	text-align:center;
	width:526px;
	margin-left:95px;
}


div.containerLogonContentMain div.Left{
	float:left;
	width:342px;
	margin:0px 32px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLogonContentMain div.Right{
	float:left;
	width:342px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLogonContentMain ol {
	margin:16px 0px 16px 93px;
	padding:0px 0px 0px 24px;
	width:500px;
}
div.containerLogonContentMain ol li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 0px;
}


div.containerLogonTitleShort {
	font:normal 23px/23px Times;
	color:#000;
	padding-left:32px;
	margin-top:41px;
	padding-bottom:0px;
	margin-bottom:0px;
	width:310px;
/*	width:326px;
	padding-left:16px;
	padding-bottom:8px;
	margin-bottom:0px;
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;	
	border-bottom:1px #f0f0f0 solid;	*/
	background:url(../images/arrow_red_lrg.gif) no-repeat 0.7em 0.18em; 
	/* IE 7 */
	#background:url(../images/arrow_red_lrg.gif) no-repeat 0.7em 0.15em; 

}
div.containerLogonTitleShortBtm {
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;
	margin-bottom:0px;
	height:10px;
	font-size:0px;
}
div.containerLogonTitleShort img {
	float:left;
	margin-right:8px;
	padding-top:3px;
	margin-bottom:11px;
}


div.containerLogonContentMain02{
	float:left;
	width:716px;
	background:url("../images/divider_v_content.gif") repeat-y 50% 0%;
	padding-top:16px;
}
div.containerLogonContentMain02 div.Left{
	float:left;
	width:326px;
	margin:0px 32px 0px 0px;
	padding:0px 0px 0px 16px;
}
div.containerLogonContentMain02 div.Right{
	float:left;
	width:326px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}
input.SerialNo01 {
	width:28px;
  	height:18px;
}
input.SerialNo02 {
	width:60px;
  	height:18px;
}
input.SerialNo03 {
	width:16px;
  	height:18px;
}
input.SecurityCode {
	width:130px;
  	height:18px;
}
div.containerLogonContentMain02 div.Left p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 0px;
}
div.containerLogonContentMain02 div.Left img.device{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
.smallTxt {
	font:normal 10px/12px Arial;
	color:#000;
	margin-top:6px;
}
.smallTxt a {
	text-decoration:underline;
	color:#666;
}
.smallArrowTxt {
	font:normal 11px/12px Arial;
	color:#000;
	background:url("../images/arrow_solid_right.gif") no-repeat 0em 0.35em;
	padding-left:8px;
	margin-top:6px;
}
.smallArrowTxt a {
	text-decoration:underline;
	color:#000;
}
.smallArrowTxt02 {
	font:normal 11px/12px Arial;
	color:#000;
	background:url("../images/arrow_solid_left.gif") no-repeat 0em 0.35em;
	padding-left:10px;
	margin-top:24px;
	margin-left:95px;
}
.smallArrowTxt02 a {
	text-decoration:underline;
	color:#000;
}
.smallArrowTxt03 {
	font:normal 10px/12px Arial;
	color:#666;
	background:url("../images/arrow_solid_right.gif") no-repeat 0em 0.4em;
	padding-left:10px;
	margin-top:6px;
}
.smallArrowTxt03 a {
	text-decoration:underline;
	color:#666;
}
div.containerLogonContentMain02 div.Left div.Btn,
div.containerLogonContentMain02 div.Right div.Btn {
	text-align:right;
	margin-bottom:60px;
}

div.containerLogonContentMain02 div.Right p{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
div.redTxt {
	font:normal 18px/18px Times;
	color:#ee2624;
	margin:0px 0px 24px 0px;
	padding:0px 0px 0px 0px;
}

div.Logontopnote02{
	margin:0px 0px 16px 0px;
	padding:9px 12px 9px 12px;
	font:normal 11px/15px Arial;
	width:300px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}
div.Logontopnote02 a,
div.Logontopnote02 a:hover {
	color:#333;
	text-decoration:underline;
}

div.containerLogonContentMain03{
	float:left;
	width:716px;
	background:url("../images/divider_v_content.gif") repeat-y 50% 0%;
}
div.containerLogonContentMain03 div.Left{
	float:left;
	width:326px;
	margin:0px 32px 0px 0px;
	padding:0px 0px 0px 16px;
}
div.containerLogonContentMain03 div.Right{
	float:left;
	width:326px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}
div.containerLogonContentMain03 div.Left div.Btn,
div.containerLogonContentMain03 div.Right div.Btn {
	text-align:right;
}


table.hsbcTableStyle09{
	font-size:12px;
	color:#000;
	margin-top:0px;
	margin-bottom:18px;
	margin-left:95px;
	padding:0px 0px 0px 0px;
	border:2px solid #cecece;
	background-color:#f9f9f9;
	width:526px;
}
table.hsbcTableStyle09 tr td{
	padding:12px 12px 12px 0px;
	vertical-align:top;
}
table.hsbcTableStyle09 tr td.left {
	padding-left:16px;
	text-align:left;
	font-weight:bold;
	width:40px;
}
table.hsbcTableStyle09 tr td.left02 {
	padding:0px 16px 14px 16px !important;
	width:10px;
}
table.hsbcTableStyle09 tr td.right02 {
	padding:0px 16px 14px 0px !important;
}
table.hsbcTableStyle09 tr td.middle {
	padding-right:22px;
	text-align:left;
}

div.containerLogonContentMain04{
	float:left;
	width:526px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 95px;
	display:inline;
}
div.containerLogonContentMain04 div.Left{
	float:left;
	width:256px;
	margin:0px 0px 0px 0px;
	padding:0px 32px 0px 0px;
	display:inline;
}
div.containerLogonContentMain04 div.Right{
	float:left;
	width:238px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}
div.containerLogonContentMain04 div.Left p.first {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLogonContentMain04 div.Left p {
	margin:0px 0px 2px 0px;
	padding:13px 0px 0px 0px;
}
input.forgotPassword {
	width:252px;
  	height:18px;
}
div.Logontopnote03{
	margin:0px 0px 0px 0px;
	padding:10px 12px 10px 12px;
	font:normal 11px/15px Arial;
	width:212px;
	color:#333;
	background-color:#ebebeb;
	border:1px solid #e1e1e1;
}


table.hsbcTableStyle10 {
	font:normal 11px/11px Arial;
	color:#000;
	margin-left:95px;
	margin-bottom:2px;
	margin-top:0px;
	width:526px;
}
table.hsbcTableStyle10 tr th {
	height:24px;
	font-weight:bold; 
	background:url("../images/table_head_bck.gif") repeat-x 0% 0%;
	border-bottom:2px #d81f2a solid;
	text-align:center;
	width:33%;
}
table.hsbcTableStyle10 tr th.greyline {
	border-bottom:2px #787878 solid !important;
}
table.hsbcTableStyle10 tr.grey {
	background-color:#f5f5f5;
}
table.hsbcTableStyle10 tr td {
	height:24px;
	text-align:center;
	padding-right:16px;
	padding-left:16px;
	width:33%;
}
table.hsbcTableStyle10 tr td.left {
	border-left:1px #f0f0f0 solid;
/*	padding-left:16px;
	text-align:left;	*/
}
table.hsbcTableStyle10 tr td.right {
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle10 tr td.leftOnly {
	border-left:1px #f0f0f0 solid;
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle10 tr td.leftwhite {
/*	background:url("../images/table_border.gif") repeat-y 0% 0%;	*/
	border-left:1px #f0f0f0 solid;
/*	padding-left:16px;
	text-align:left;	*/
}
table.hsbcTableStyle10 tr td.leftwhiteOnly {
	border-left:1px #f0f0f0 solid;
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle10 tr td.rightwhite {
/*	background:url("../images/table_border.gif") repeat-y 100% 0%;	*/
	border-right:1px #f0f0f0 solid;
}
table.hsbcTableStyle10 tr td.bottom {
	border-bottom:1px #f0f0f0 solid;
}
table.hsbcTableStyle10 tr td.bottomBorder {
	font-size:0px;
	line-height:0px;
	height:1px;
	padding:0px 0px 0px 0px !important;
	background-color:#f0f0f0;
}
table.hsbcTableStyle10 tr td.bottomHighlight {
	font-size:0px;
	line-height:0px;
	height:1px;
	padding:0px 0px 0px 0px !important;
	background:url("../images/table_border_deep.gif") repeat-x 0% 0%;
	border-left:1px #fff solid;
	border-right:1px #fff solid;	
}


div.containerAuthentication{
	float:left;
	width:716px;
	padding-top:4px;
	margin:0px 0px 0px 0px;
}
div.containerAuthentication div.content {
	margin:0px 0px 0px 0px;
	padding:0px 90px 0px 126px;
	width:500px;
}
div.containerAuthentication div.content img.device{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
div.containerAuthentication div.content p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 3px 0px;
}
div.content ul li a{
	color:#000;
}

input.Authentication {
	width:280px;
  	height:18px;
}
.borderbottom {
	border-bottom:1px #f2f2f2 solid;
}
.borderbottom02 {
	border-bottom:1px #000 solid;
}
div.containerAuthentication div.content div.Btn {
	margin:70px 0px 0px 406px;
}


div.containerLogonContentMain05{
	float:left;
	width:716px;
}
div.containerLogonContentMain05 div.containerLogonTitle {
	font:normal 23px/23px Times;
	color:#000;
	padding-left:32px !important;
	margin-top:41px;
	padding-bottom:0px;
	margin-bottom:0px;
/*	padding-bottom:8px;
	margin-bottom:16px;
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;	*/
	background:url(../images/arrow_red_lrg.gif) no-repeat 0.7em 0.18em;
	/* IE 7 */
	#background:url(../images/arrow_red_lrg.gif) no-repeat 0.7em 0.15em; 
	width:700px;
}
div.containerLogonContentMain05 div.containerLogonTitleBtm {
	background:url("../images/logon/title_divider.gif") repeat-x 0% 100%;
	margin-bottom:16px;
	height:10px;
	font-size:0px;
}

div.containerLogonContentMain05 div.containerLogonTitle img {
	float:left;
	padding-right:9px;
	padding-top:3px;
	margin-bottom:20px;
}
div.containerLogonContentMain05 div.content {
	width:684px;
	margin:0px 0px 0px 0px;
	padding:0px 16px 0px 16px;
}
div.containerLogonContentMain05 div.content ul {
	list-style:none;
	margin:0px 0px 16px 16px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
	color:#000;
}
div.containerLogonContentMain05 div.content ul li{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.containerLogonContentMain05 div.content h1 {
	font:normal 18px/19px Times;
	color:#000;
	background:url("../images/arrow_solid_lrg.gif") no-repeat 0em 0.35em;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 16px;
}
div.containerLogonContentMain05 div.content h1 a,
div.containerLogonContentMain05 div.content h1 a:hover {
	font:normal 18px/19px Times;
	color:#000;
}
div.containerLogonContentMain05 div.content p {
	margin:0px 16px 0px 16px;
	padding:8px 0px 8px 0px;
	width:684px;
}
.fullMidLength {
	width:684px !important;
}


table.hsbcTableStyleLogon02{
	margin:16px 0px 22px 95px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#000;
	width:526px;
}
table.hsbcTableStyleLogon02 tr td{
	padding:6px 0px 6px 0px;
}
table.hsbcTableStyleLogon02 tr td.left{
	width:80px;
	padding-right:16px;
	text-align:left;
}
table.hsbcTableStyleLogon02 tr td.left02{
	width:180px;
	padding-right:16px;
	text-align:left;
}
table.hsbcTableStyleLogon02 tr td.right{
	width:430px;
	text-align:left;
}
table.hsbcTableStyleLogon02 tr td.right02{
	height:80px;
}
table.hsbcTableStyleLogon02 tr td a {
	text-decoration:underline;
	color:#000;
}

/* Added by Kin 
 * Date: 09 Nov 2007
---------------------------------------------------------------------------------------------- */

div.select_bar					
{ background-color: white; border: 1px solid #e9e9e7; width: 194px; height: 100%;}
div.select_bar div.signin	{ padding: 0px 0px 5px 16px; }
div.select_bar div.title { padding: 5px 0px 3px 16px; font-size:16px; color: #353239; font-weight: bold;}
div.select_bar div.option { padding: 0px 20px 5px 24px; background:url("../images/arrow_solid_lrg.gif") no-repeat 16px 4px; }
div.signMenu	{ visibility:hidden; border: solid 1px #999999; background-color: white;  width: 184px; position: absolute; top: 137px; left: 792px; padding: 10px 0px 5px 10px;  
 /* for IE */
  filter:alpha(opacity=93);
  /* CSS3 standard */
  opacity:0.93;
  /* for Mozilla */
  -moz-opacity:0.93;}
div.signMenu div.heading	{ width: 180px; font:13px Arial; font-weight: bold; color: #333333; text-decoration: underline}
div.signMenu div.serviceHeading { width: 180px; font:normal 11px/13px Arial; font-weight: bold; color: #black; margin: 15px 0px 0px 0px;}
div.signMenu div.service { width: 170px; font:normal 11px/13px Arial; font-weight: bold; padding: 3px 0px 0px 10px; background:url("../../../hsbcpb/content/en/images/arrow_grey_3px.gif") no-repeat 0px 6px; }
div.signMenu div.service a { color: #CC0000; }
div.signMenu div.service a:hover { color: #000000; }
div.signMenu div.closeButton	{ font:normal 9px Arial; margin: 30px 10px 0px 0px;}

div.regInterest	{ padding: 10px 5px 10px 15px; margin: 0px 0px 0px 0px; background-color:#EEEEEE;}
div.attention	{  border: solid 5px #cc0000; height: 100%; background-color:red; color: white; margin: 0px 0px 10px 0px; padding: 10px 5px 10px 13px; font-weight: bold; }

.whitemedbold						{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
a.whitemed								{	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; font-size: 11px;	font-weight: normal;}
a.whitemed:hover					{	color: #999999; }

a.greymed								{	font-family: Arial, Helvetica, sans-serif; color: #353239; text-decoration: underline; font-size: 11px;	font-weight: bold;}
a.greymed:hover					{	color: #999999; }

a.blacksmall						{	font-size: 11px; color: black; text-decoration: underline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
a.blacksmall:hover			{	color: #CC0000; }
a.redMedBold								{	font-family: Arial, Helvetica, sans-serif; color: #CC0000; text-decoration: underline; font-size: 11px; font-weight: bold;	}
a.redMedBold:hover					{	color: #000000; }
a.redmed								{	font-family: Arial, Helvetica, sans-serif; color: #CC0000; text-decoration: underline; font-size: 12px;	}
a.redmed:hover					{	color: #000000; }
div.portalbanner, div.portaldesc { margin: 0px 0px 20px 0px; color: #353239;}
div.asiahomeportalbanner  { margin: 0px 0px 28px 0px; color: #353239;}
div.asiahomeportaldesc  { margin: 0px 0px 20px 0px; color: #353239; border-bottom:1px #bfbab6 solid; padding-bottom:5px;}
.popupTxt	{ padding: 0px 10px 10px 10px; font-size: 11px;} 
.popupTable	{ width: 990px; }
.closePopup	{ position: absolute; top: 50px; left: 920px; }
.tcWindow	{ overflow: scroll; height: 300px; width: 760px; border: solid 1px #999999; }
.tcTable	{ width: 100%; border: 0px; }
.tcTable td	{ vertical-align: top; }
.tcTable td.col1	{ width: 30px; }
a.redsmall							{	color: #CC0000; text-decoration: underline;}
a.redsmall:hover				{	color: #000000; }

div.containerContentMainRightPortal{
	float:left;
	width:196px;
	margin-top:0px;
}
div.containerMainMiddlePortal{
	float:left;
	width:606px;
	background:url("../images/divider_h_content.gif") repeat-x 0% 100%;
	margin-bottom:12px;
	/*border: solid red 1px;*/
}

div.containerMainMiddlePortal div.Middleleft {
	float:left;
	width:283px;	
	font-size:12px;
	color:#353239;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:url("../images/divider_v_content.gif") repeat-y 15px 0px;*/
}
div.containerMainMiddlePortal div.Middleleft div {
	margin-right:-3px !important;
	padding:0px 0px 0px 0px;
}
div.containerMainMiddlePortal div.Middleleft div.featurefirstLeft {
	float:left;
	width:283px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
div.containerMainMiddlePortal div.Middleleft div.featuresecondLeft {
	float:left;
	width:283px;
	margin:0px 0px 0px 0px;
	padding:16px 0px 15px 0px;
	border-top:1px #f3f3f3 solid;  
}
div.containerMainMiddlePortal div.Middleleft div img {
	float:left;
	padding-right:16px;
	padding-bottom:16px;
}

div.containerMainMiddlePortal div.Middleright {
	float:left;
	width:280px;	
	font-size:12px;
	color:#353239;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 38px;
	/*background:url("../images/divider_v_content.gif") repeat-y 15px 0px;*/
}
div.containerMainMiddlePortal div.Middleright div {
	margin-right:-3px !important;
	padding:0px 0px 0px 0px;
}
div.containerMainMiddlePortal div.Middleright div.featurefirstRight {
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
div.containerMainMiddlePortal div.Middleright div.featuresecondRight {
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	padding:16px 0px 15px 0px;
	border-top:1px #f3f3f3 solid;  
}
div.containerMainMiddlePortal div.Middleright div img {
	float:left;
	padding-right:16px;
	padding-bottom:16px;
}