@charset "utf-8";
/* CSS Document */

		/* GENERAL STYLING */
/* The full body of the document - all pages */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D262C;
	background-color: #d7d8d6;
}


a{
	color: #1D262C;
}

/* Previous navigation link for each article - article pages */
a.back{
	text-decoration: underline;
	color: #1D262C;
	font-size: 10px;
}

/* General styling for a links - all pages: */
/* bold */
a.strong{
	font-weight: bold;
}

/* underline */
a.underline{
	text-decoration: underline;
}

/* bold and underline */
a.strunder{
	font-weight: bold;
	text-decoration: underline;
}


/* contains everything from under the banner to footer - all pages */
.wrapper{
	width: 590px; 
	margin: 0 auto; 
	display: block; 
	position: relative; 
	background-color: #fff
}



/* titles, all pages */
/* Category titles on index pages and article titles - all pages */
h3 {
	color: #3e505d;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 43px;
}

/* article titles on index page - articles intra-titles - all pages */
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1d262c;
	font-weight: bold;
	margin: 12px 0;
}   


/* class for the "(new)" after each article description - index 1st page */
.new{
	font-weight: bold;
}

/* "Select to enlarge" styling under any image - all pages */
.imgCaption{
	text-align: center; 
	margin-top: 3px; 
	font-size: 8pt;
}


			/* Tables within article - all pages */
/* will center any table - all pages*/
table.art {
    margin: 0 auto;
}

/* custom padding for article tables - all pages */
table.art td {
    padding: 2px 20px 2px 0;
}

/* table headers styling */
th{
	background-color:#4d6474;
	color:#ffffff;
	height:30px;
	width:245px;
	text-align:center;
}

/* Table rows styling */
.odd{
	background-color:#d7d8d6;
	height:30px;
	text-align:center;
	text-align: left !important;
    padding-left: 10px;
}

.even{
	background-color:#f3f3f3;
	height:30px;
	text-align: left !important;
    padding-left: 10px;
}



/*  */
/* .bg{
	background:url(https://connect-content.us.hsbc.com/hsbc_pcm/onetime/css/2025/bg.jpg) repeat-y;
	background-color: #fff;
	width: 590px;
	margin: 0 auto;
} */

/* top part of banner (HSBCnet - HSBC logo) - all pages */
/* Global banner */
.topBanner{
	background-image:url('https://connect-content.us.hsbc.com/hsbc_pcm/onetime/css/2025/header_logo.jpg');
	background-repeat:no-repeat;
	height:90px;
	margin: 0 auto;
	position: relative;
	display: block;
	width: 590px;
	background-color: #fff;
}

/* HASE banner */
.headerhase{
	background-image:url('https://connect-content.us.hsbc.com/hsbc_pcm/onetime/Banner/header_hase.jpg');
	background-repeat:no-repeat;
	height:77px;

}

/* SABB banner */
.headersabb{
	background-image:url('https://connect-content.us.hsbc.com/hsbc_pcm/onetime/css/2025/header_sab.jpg');
	background-repeat:no-repeat;
	height:90px;
}


/* Header - Nav */
/* Monthly banner title, text position- index page*/
.btitle {
    width: 238px;
    height: 35px;
    padding: 13px 20px 27px;
    margin-left: 32px;
    margin-top: 20px;
    background-color: #ffffff;
	font-size: 18px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    color: #1b2329;
	opacity: 0.85;
	display: block;
	position: absolute;
}

/* Monthly banner background - index page */
.banner {
    background-repeat: no-repeat;
	height: 250px !important;
	margin-bottom: 15px;	
	width: 590px;
	position: relative;
	margin: 0 auto;
}


	/* TABS PLUGIN  */
/* Tabs - index only */
.ui-tabs {
    zoom: 1;
}


.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: 6px 0 0 20px;
    margin: 0;
    width: 566px;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.ui-tabs-nav li {
    width: 24% !important;
    text-align: center !important;
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 10px 0;
	background-image:url('https://connect-content.us.hsbc.com/hsbc_pcm/onetime/CSS/tabinactivebg.gif') ;	
	border: 0px #f0f1f1 solid;
	border-bottom-color: #f0f1f1;
	outline: none;
	font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.ui-tabs .ui-tabs-nav li a span, .ui-tabs .ui-tabs-nav li a:hover span {
	padding:8px 12px;
}


.ui-tabs-nav li.ui-tabs-selected a {
    background: #ffffff !important;
    color: #db0011 !important;
    text-decoration: none !important;
    border-left: 1px solid #636469 !important;
    border-top: 2px solid #db0011 !important;
    border-right: 1px solid #636469 !important;
    border-bottom: none !important;
}

.ui-tabs-nav li.ui-tabs-selected a:hover {
    border-left: 1px solid #636469 !important;
    border-top: 2px solid #db0011 !important;
    border-right: 1px solid #636469 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
    clear: both;
    border-bottom: 2px #f0f1f1 solid;
	padding: 10px 40px 10px 20px;
	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: none !important;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}   


.ui-tabs .ui-tabs-nav li a span,
.ui-tabs .ui-tabs-nav li a:hover span {
    padding: 0 !important;
    text-align: center !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	display: block;
	padding: 10px 0;
	background: #db0011;
	border: 0px #f0f1f1 solid;
	border-bottom-color: #f0f1f1;
	outline: none;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: #ffffff;
    color: #db0011;
    text-decoration: none;
    border-bottom-style: none;
    padding: 10px 0 9px 0;
    margin: -2px -1px;
}

/* End tabs */

/* div containing top navigation - article pages */
.navTop {
	margin-top: 3px; 
	margin-bottom: 37px; 
	display: block; 
	position: relative; 
	height: 20px;
	width: 536px; 
}




/* List styling */
/* For unordered or ordered lists, each child list item element margin- all pages */
ul.mt>li,
ol.mt>li {
	margin-top: 10px;
}




		/* Bottom Part */

/* Back to top link at the bottom of each page - all pages */
.backIndex {
	margin: 33px 0 12px;
}

/*footer section - all pages*/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #1d262c;
	background-color:#d7d8d6;
	padding:25px;
}
.footer a{
	color:#1d262c;
	text-decoration:underline;
}


/*Language links in footer - all pages*/
.lang a{
	color:#1d262c !important;
	font-weight:bolder;
}

/* INDEX - Security page */
/* Full container of the promo box "Protect your self" */
.box {
	background-color:#e6e6e6;
	padding:10px;
	overflow:hidden;
	width:195px;
}

/* Text section of the promo box "Protect your self" */
.promo{
	margin: 45px -25px 12px 10px;
	background-color:#e6e6e6;
	padding: 0;
	width: 225px;
	float:right;
	overflow: hidden;
}

/* Button styling "Protect your self" */
.button{
	display:block; 
	width:100px;
	font-weight:bold; 
	/*margin: 5px 10px 5px 0;*/
	margin-bottom:10px;
	float:right;
	padding:10px; 
	border-radius:3px; 
	-webkit-border-radius:3px;
	text-decoration:none;
	background-image:url('https://connect-content.us.hsbc.com/hsbc_pcm/onetime/CSS/primarybuttonbg.gif');
	background-repeat:repeat-x; 
	background-color:#db0011; 
	box-shadow:#999 0 0 2px;
	-webkit-box-shadow:#999 0 0 2px;
}

/* END Index - Security page */

/* bold red arrows - all pages  */
ul.red{
	list-style-image:url(https://connect-content.us.hsbc.com/hsbc_pcm/onetime/CSS/list.png);
}

.red>li{
	font-weight: normal;
}


/* Links styling included in list items - all pages  */
li a{
	color:#1d262c;
	font-size:inherit;
	text-decoration:none;
}



.msg{
	font-size:8px;
	color:#1d262c;
	text-align:center;
}
.msg a{	
	color:#1d262c;
	text-decoration:underline;
}



.title{
	padding:5px 0px 5px 20px;
	font-size:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
    

.btitle span{
	color:#1d262c;
	font-size:20px !important;
	font-weight:normal;
}


/* navigation links / right side of the page - article pages */
.bright{
	float:right;
	margin-top: 10px;
}

/* footnote at the bottom of articles - all pages */
.footnote {
    font-size: 9px;
    margin-top: 25px;
}

/* bottom right */
.brightBottom{
	float:right;
	margin-top: 10px;
}


/* bottom left */
.bleft{
	float:left;
	margin-top: 10px;
}


/* div containing the bottom navigation - all pages */
.navBottom{
	width: 536px; 
	position: relative; 
	margin: 0 auto; 
	background-color: #fff; 
	height: 30px;
}

.nav_bottom{
	margin-top: 50px;
	padding-bottom: 30px;
}

/* in case the gline class is still at the bottom of a previously old page */
.gline {
    border: none;
  }