
/* LOGO DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletLogo
{
	height:52px;
	width:auto;
}
div.hsbcDivletLogo .hsbcDivletLogoImage
{
	padding:13px 0px 0px 10px;
	float:left;
	width:141px;
}
div.hsbcDivletLogo .hsbcDivletLogoTagLine
{
	float:left;
	vertical-align:middle;
	padding:18px 0px 0px 12px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f00;
}

/* SEARCH DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletSearch
{
	float:right;
	text-align:right;
	/* mac-ie */
	font-size:86%;
	/*non-mac-ie \*/
	font-size:82%;
	/* */
	margin-top:13px;
	padding-right:6px;
}
div.hsbcDivletSearch input
{
	vertical-align:middle;
}

/* TABMENU DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletTabMenu
{
	background:url("../images/tab_bg.gif") repeat-x left bottom;
	height:44px;
	width:100%;
	clear:left;
}
div.hsbcDivletTabMenu ul
{
	margin:0px;
	padding:0px;
}
div.hsbcDivletTabMenu ul li
{
	margin:0px;
	padding:0px 0px 0px 6px;
	list-style:none;
	float:left;
	height:44px;
	background:url("../images/tab_off_left.gif") no-repeat top left;
	text-align:center;
}
div.hsbcDivletTabMenu ul li a
{
	padding:0px 9px 0px 2px;
	margin:0px;
	height:44px;
	line-height:36px;
	float:left;
	display:block;
	background:url("../images/tab_off_right.gif") no-repeat top right;
	text-decoration:none;
	color:#000;
	/* mac-ie */
	font-size:74%;
	/*non-mac-ie \*/
	font-size:69%;
	/* */
	font-weight:bold;
	vertical-align:50%;
}
div.hsbcDivletTabMenu ul li a:hover
{
	color:#f00 !important;
	text-decoration:none;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected
{
	background:url("../images/tab_on_left.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected a
{
	background:url("../images/tab_on_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extFirstTab
{
	background:url("../images/first_tab_off_left.gif") no-repeat top left;
	padding-left:15px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected
{
	background:url("../images/first_tab_on_left.gif") no-repeat top left;
	padding-left:15px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected a
{
	background:url("../images/tab_on_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight
{
	background:url("../images/tab_off_left_selected_right.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight a
{
	background:url("../images/tab_off_right_selected_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft
{}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft a
{
	background:url("../images/tab_off_right_selected_left.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected
{
	background:  url("../images/tab_on_left.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected a
{
	background: url("../images/last_tab_on_right.gif") no-repeat top right;
	padding-right:34px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTab
{
	float:right;
	padding-right:10px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected
{
	background: url("../images/first_tab_on_left.gif") no-repeat top left;
	float:right;
	padding-left:15px;
	padding-right:0px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected a
{
	background:url("../images/right_align_tab_on_right1.gif") no-repeat top right;
	padding-right:10px;
	padding-left:3px;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRightEndBlock
{
	background:url("../images/tab_off_left_selected_right_end_block.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li a.extDoubleLine
{
	line-height:13px;
	padding-top:4px;
	/* FIX FOR:PC IE5.5 and PC IE5.01 */
	height:44px;
	hei\ght:40px;
}
div.hsbcDivletTabMenu ul li a .extMacIE
{
	float:left;
	clear:left;
	padding-top:0px;
	padding-bottom:-10px;
	/*FIX FOR:MAC IE \*/
	float:none;
	clear:none;
	padding-top:0px;
	/* */
}
/*
ss additions
*/

div.hsbcDivletTabMenu ul li.extRightAlignTabNoPad
{
	float:right;
	padding-right:0px;
}

div.hsbcDivletTabMenu ul li.extRightAlignTabSelectedNoPad
{
	background: url("../images/tab_on_left.gif") no-repeat top left;
	float:right;

}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelectedNoPad a
{
	background:url("../images/right_align_tab_on_right.gif") no-repeat top right;
	padding-right:20px;
	padding-left:0px;
}

div.hsbcDivletTabMenu ul li.extRightAlignLastTabSelected
{
	background:url("../images/first_tab_on_left.gif") no-repeat top left;
	padding-left:15px;
	float:right;
}
div.hsbcDivletTabMenu ul li.extRightAlignLastTabSelected a
{
	background:url("../images/tab_on_right.gif") no-repeat top right;
	padding-right:9px;
}

div.hsbcDivletTabMenu ul li.extRightAlignSelectedTabRight
{
	background:url("../images/tab_off_left_selected_right_small.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.extRightAlignSelectedTabRight a
{
	background:url("../images/tab_off_right.gif") no-repeat top right;
}
/*
end of ss additions
*/

/* LOGON DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletLogon
{
	padding-top:5px;
	padding-bottom:7px;
	color:#f00;
	float:right;
	line-height: 17px;
	margin-right: 1px;
	width:390px;
	position: relative; z-index: 1;
}
div>.hsbcDivletLogon
{
	padding-top:0px;

}
div.hsbcDivletLogon p
{
	/* mac-ie */
	font-size:74%;
	padding:7px 0px 0px 0px;
	/*non-mac-ie \*/
	font-size:69%;
	padding:7px 0px 8px 0px;
	/* */
	vertical-align:middle;
	text-align:right;
	width:390px;
}
div>.hsbcDivletLogon p
{
	padding-top:1px;
}
div>.hsbcDivletLogon a
{
	float: right;
}


div.hsbcDivletLogon img
{
	margin:0px 8px;
	vertical-align:middle;
}

/* Log on/log off Divlet (start) */			/*added */


	div.hsbcDivletLogon .hsbcDivletLogonCurrentlyLoggedOff span
	{
		color:#666;
	}

	div.hsbcDivletLogon a.hsbcDivletLogonLink
	{
		color:#36c;
		text-decoration:none;
		background: url("../images/btn_log_off.gif") no-repeat left;
		padding:3px 5px 4px 14px;
		margin:0px 0px 0px 3px;
		color:#fff;
	/*	font-weight:bold; */
	}
	div>.hsbcDivletLogon a.hsbcDivletLogonLink
	{background:none;color:#f00;text-decoration:underline;
		padding:3px 9px 4px 14px;
	}
	div > .hsbcDivletLogon a.hsbcDivletLogonLink
	{background: url("../images/btn_log_off.gif") no-repeat left;color:#fff;text-decoration:none;}

	div.hsbcDivletLogon .hsbcDivletLogonCurrentlyLoggedOff a.hsbcDivletLogonLink
	{
		background: url("../images/btn_log_on.gif") no-repeat left;
	}
	div>.hsbcDivletLogon .hsbcDivletLogonCurrentlyLoggedOff a.hsbcDivletLogonLink
	{background:none;color:#36c;}
	div > .hsbcDivletLogon .hsbcDivletLogonCurrentlyLoggedOff a.hsbcDivletLogonLink
	{background:url("../images/btn_log_on.gif") no-repeat left;color:#fff;}

	div.hsbcDivletLogon a.hsbcDivletLogonLink:hover
	{
		text-decoration:underline;
	}
	div.hsbcDivletLogon a.hsbcDivletLogonSupportLink
	{
		color:#36c;
	}

/* Log on/log off Divlet (end) */

/* FOOTER DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletFooterLinks
{
	width:100%;
	float:left;
	margin:16px 0px 16px;
	background-color:#eee;
	color:#333;
	line-height:180%;
	padding:0px;
}
div.hsbcDivletFooterLinks p
{
	/* mac-ie */
	font-size:68%;
	/*non-mac-ie \*/
	font-size:64%;
	/* */
	color:#333;
	line-height:180%;
	padding:0px;
	margin:0px;
}
div.hsbcDivletFooterLinks p a
{
	color:#333;
	text-decoration:none;
}
div.hsbcDivletFooterLinks p a:hover
{
	text-decoration:underline;
}
div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft
{
	float:left;
	margin-left:10px;
}
div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight
{
	float:right;
	margin-right:10px;
}

/* ENTITY DIVLET
---------------------------------------------------------------------------------------------- */

div.hsbcEntity
{
	float:left;
	background: url("../images/divlets/bgEntityTabBack.gif") repeat-x top left;

	/* mac-ie */
	font-size:68%;
	/*non-mac-ie \*/
	font-size:120%;
	clear:both;
	/* */
	padding: 0px 7px 0px 11px ;

}

div.hsbcEntity div.hsbcEntityTextArea01
{
	float:left;
	padding: 3px 0px 0px;
}

div.hsbcEntity div.hsbcEntityTextArea02
{
	float:right;
}
div.hsbcEntity ul
{
	display: inline;
	padding: 0px;
	margin: 0px;


}
div.hsbcEntity ul li
{
	float: left;
	list-style: none;
	padding: 3px 16px 0px 0px;
	margin: 0px;
	background: url("../images/divlets/bgEntityTabDivider.gif") no-repeat top right;

	height: 18px;
}
div.hsbcEntity ul li a
{

}
div.hsbcEntity ul li a:hover
{
	color: #f00;
	text-decoration: none;
}
div.hsbcEntity ul li.hsbcEntityTabSelectedLeft
{
	padding: 3px 0px 0px;
	background: none;
}
div.hsbcEntity ul li.hsbcEntityTabLastTab
{
	background: none;
	padding: 3px 13px 0px 0px;
}

div.hsbcEntity a
{
	color:#333;
	text-decoration:none;
}
div.hsbcEntity a:hover
{
	color:#333;
	text-decoration:underline;
}
div.hsbcEntity ul li.hsbcEntityTabSelected
{
	background: url("../images/divlets/bgEntityTabLeft.gif") no-repeat top left;
	padding: 3px 0px 0px 14px;
}
div.hsbcEntity ul li.hsbcEntityTabSelected a
{
	background: url("../images/divlets/bgEntityTabSlider.gif") no-repeat top right;
	height: 18px;
	padding: 3px 14px 6px 0px;
	color: #F00;
	\margin-top: -3px;
}
div.hsbcEntity ul li.hsbcEntityTabSelected a:hover
{
	color:#F00;
}


/* LEFT NAVIGATION DIVLET - changes are rollback to original of CSA and new classes are created for PvtBnk LEFT NAVIGATION DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletNavigation
{
      background-color: #fff;
      background: none;
      /* mac-ie */
      font-size:74%;
      /*non-mac-ie \*/
      font-size:69%;
      /* */
}
.hsbcDivletNavImage
{
      background: none;
      padding-top: 0px !important;
}
.hsbcDivletNavImage00
{
      background: none;
      padding-top: 0px !important;
}
.hsbcDivletNavImage01
{
      padding-top: 131px;
      background: url("../images/navheads/comweb_leftnav_BusAccounts.jpg")
no-repeat top left !important;
}
.hsbcDivletNavImage02
{
      padding-top: 131px;
      background: url("../images/navheads/comweb_leftnav_SurplusFunds.jpg")
no-repeat top left !important;
}
.hsbcDivletNavImage03
{
      padding-top: 131px;
      background:
url("../images/navheads/comweb_leftnav_FinanceBorrowing.jpg") no-repeat top left !important; }
.hsbcDivletNavImage04
{
      padding-top: 131px;
      background: url("../images/navheads/comweb_leftnav_CardsPayment.jpg")
no-repeat top left !important;
}
.hsbcDivletNavImage05
{
      padding-top: 131px;
      background: url("../images/navheads/comweb_leftnav_Insurance.jpg")
no-repeat top left !important;
}
.hsbcDivletNavImage06
{
      padding-top: 131px;
      background: url("../images/navheads/comweb_leftnav_International.jpg") no-repeat top left !important; }

.hsbcDivletNavImage07
{
      padding-top: 131px;
      background: url("../images/navheads/search.gif") no-repeat top left !important; }

div.hsbcDivletNavigation img
{
	margin: 0px 0px 0px 0px;
}
div.hsbcDivletNavigation .hsbcDivletNavTitle
{
	background: #eee;
	padding: 34px 10px 5px;
	font-weight: bold;
}
div.hsbcDivletNavigation ul
{
	background: #eee;
	padding: 0px;
	margin: 0px;
}
div.hsbcDivletNavigation ul li
{
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 6px 10px 8px;
	margin:0px;
	font-weight: normal;
	/*line-height: 1.2em;*/
	color: #666;
	background-image: none;}

div.hsbcDivletNavigation ul li ul
{
	border-bottom: 1px solid #eee;}

div.hsbcDivletNavigation ul li ul li
{
	list-style: none;
	border-top: none;
	border-bottom: none;
	padding: 3px 10px 5px;
	margin:0px;
	font-weight: normal;
	/*line-height: 1.2em;*/
	color: #666;
	background-image: none;}

div.hsbcDivletNavigation ul.hsbcDivletNavList
{
	background: #fff;
}
div.hsbcDivletNavigation ul.hsbcDivletNavList li
{
	border-top: 0px;
}
div.hsbcDivletNavigation ul.hsbcDivletNavList li a:hover
{
	color: #f00;
}
div.hsbcDivletNavigation ul.hsbcDivletNavList li ul
{
	background:#fff;
	margin-top:5px;
	border-bottom:1px solid #fff;
}
div.hsbcDivletNavigation ul.hsbcDivletNavList li ul li
{
	border: 0px;
	padding: 3px 0px 5px 0px !important;
	margin:0px;
	font-weight: normal;
}
div.hsbcDivletNavigation a
{
	color: #666;
	text-decoration: none;
}
div.hsbcDivletNavigation a:hover
{
	text-decoration: underline;
}
div.hsbcDivletNavigation a.hsbcDivletNavigationSelected
{
	font-weight: bold;
}
div.hsbcDivletNavigation a.hsbcDivletNavigationSelected,
div.hsbcDivletNavigation .hsbcDivletNavList li ul li a
{
	color: #DB0011;
}

/* LEFT NAVIGATION DIVLET for 2G2G
---------------------------------------------------------------------------------------------- */

div.hsbcDivletNavigationPvtBnk
{
      background-color: #fff;
      background: none;
      /* mac-ie */
      font-size:74%;
      /*non-mac-ie \*/
      font-size:69%;
      /* */
}

div.hsbcDivletNavigationPvtBnk ul
{
	background: #eee;
	padding: 0px;
	margin: 0px;
}
div.hsbcDivletNavigationPvtBnk ul li
{
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 6px;
	margin:0px;
	font-weight: normal;
	line-height: 1.2em;
	color: #666;
}
div.hsbcDivletNavigationPvtBnk ul.hsbcDivletNavList
{
	background: #fff;
}
div.hsbcDivletNavigationPvtBnk ul.hsbcDivletNavList li
{
	border-top: 0px;
}
div.hsbcDivletNavigationPvtBnk ul.hsbcDivletNavList li a:hover
{
	color: #f00;
}
div.hsbcDivletNavigationPvtBnk ul.hsbcDivletNavList li ul
{
	background:#fff;
	margin-top:0px;
	border-bottom:1px solid #fff;
}
div.hsbcDivletNavigationPvtBnk ul.hsbcDivletNavList li ul li
{
	border: 0px;
	padding: 1px 0px 0px 0px !important;
	margin:0px;
	font-weight: normal;
}
div.hsbcDivletNavigationPvtBnk a
{
	color: #666;
	text-decoration: none;
}
div.hsbcDivletNavigationPvtBnk a:hover
{
	text-decoration:  underline;
}
div.hsbcDivletNavigationPvtBnk a.hsbcDivletNavigationSelected
{
	font-weight: bold;
}
div.hsbcDivletNavigationPvtBnk a.hsbcDivletNavigationSelected,
div.hsbcDivletNavigationPvtBnk .hsbcDivletNavList li ul li a
{
	color: #DB0011;

}



/* LOGON DIVLET for 2G2G
---------------------------------------------------------------------------------------------- */
div.hsbcDivletLogonPvtBnk
{
	padding-top:3px;
	padding-right:0px;
	padding-bottom:3px;
	color:#f00;
	float:none;
	border-bottom:1px solid #ccc;


}
div.hsbcDivletLogonPvtBnk p
{
	/* mac-ie */
	font-size:100%;
	margin:4px 0px 0px 0px;
	padding:7px 0px 0px 0px;
	/*non-mac-ie \*/
	font-size:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* */
	vertical-align:middle;
	text-align:right;

}

div.hsbcDivletLogonPvtBnk img
{
	margin:0px 8px;
	vertical-align:middle;
}

/* Log on/log off Divlet (start) */			/*added */


	div.hsbcDivletLogonPvtBnk .hsbcDivletLogonCurrentlyLoggedOffPvtBnk span
	{
		color:#666;
	}

	div.hsbcDivletLogonPvtBnk span.hsbcDivletLogonLinkPvtBnkSpan
	{

		background: url("../images/btn_log_off.gif") no-repeat left;
		background-repeat:no-repeat;
		background-position:left;
		padding:4px 20px 4px 14px;
		margin:0px 0px 0px 3px;

	}
	div.hsbcDivletLogonPvtBnk a.hsbcDivletLogonLinkPvtBnk
		{

			text-decoration:none;
			color:#fff;
		/*	font-weight:bold; */
	}
	div>.hsbcDivletLogonPvtBnk a.hsbcDivletLogonLinkPvtBnk
	{color:#f00;text-decoration:underline;}
	div > .hsbcDivletLogonPvtBnk a.hsbcDivletLogonLinkPvtBnk
	{color:#fff;text-decoration:none;}

	div.hsbcDivletLogonPvtBnk .hsbcDivletLogonCurrentlyLoggedOffPvtBnk a.hsbcDivletLogonLinkPvtBnk
	{
		background: url("../images/btn_log_off.gif") no-repeat left;
	}
	div>.hsbcDivletLogonPvtBnk .hsbcDivletLogonCurrentlyLoggedOffPvtBnk a.hsbcDivletLogonLinkPvtBnk
	{background:none;color:#36c;}
	div > .hsbcDivletLogonPvtBnk .hsbcDivletLogonCurrentlyLoggedOffPvtBnk a.hsbcDivletLogonLinkPvtBnk
	{background:url("../images/btn_log_off.gif") no-repeat left;color:#fff;}

	div.hsbcDivletLogonPvtBnk a.hsbcDivletLogonLinkPvtBnk:hover
	{
		text-decoration:underline;
	}
	div.hsbcDivletLogonPvtBnk a.hsbcDivletLogonSupportLinkPvtBnk
	{
		color:#36c;
	}


/* Log on/log off Divlet (end) */

table.hsbcBibLogonLogoffTable
{
	width:100%;
	border:0px;
	border-collapse:collapse;
	margin-bottom:0px;
	padding:0px 0px 0px 0px!important;
	/* mac-ie */
	font-size:105%;
	/* non mac-ie \*/
	font-size:100%;
}

table.hsbcBibLogonLogoffTable th,
table.hsbcBibLogonLogoffTable td
{
	text-align:left;
	border:0px;
	color:#000;
	padding-left:0px!important;
	padding-right:0px!important;
	/* mac-ie */
	font-size:74%;
	/* non mac-ie \*/
	font-size:69%;
	vertical-align:middle;
}
table.hsbcBibLogonLogoffTable th
{
       color:#f00;
}

table.hsbcBibLogonLogoffTable td a.selectBusinessButton
{
	color:#fff;
	background-color:#f00;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 2px 7px!important;
	margin:0px 2px 0px -6px;
	/* mac-ie */
	font-size:110%;
	/* non mac-ie \*/
	font-size:105%;
}

/* Profile Switching Divlet */

div.hsbcDivletProfileSwitch
{
	padding-top:10px;
	padding-bottom:7px;
	float:left;
	width: 100%;
	height: 20px;
	border-bottom:1px solid #ccc;
	margin-bottom:4px;
	/* IE fix */
	position: relative;
	margin-top: -50px;
}

div.hsbcDivletProfileSwitch
{
	position: relative;
	*margin-top: -30px;
}

table.hsbcBibProfileSwitchTable
{
	border:0px;
	border-collapse:collapse;
	margin-bottom:0px;
	padding:0px 0px 0px 0px!important;
	/* mac-ie */
	font-size:105%;
	/* non mac-ie \*/
	font-size:100%;
}

table.hsbcBibProfileSwitchTable td
{
	text-align:left;
	color:#000;
	border:0px;
	padding-left:3px!important;
	padding-right:3px!important;
	/* mac-ie */
	font-size:74%;
	/* non mac-ie \*/
	font-size:69%;
	vertical-align:middle;
}

table.hsbcBibProfileSwitchTable td a.selectBusinessButton
{
	color:#fff;
	background-color:#f00;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 2px 7px!important;
	margin:0px 2px 0px 0px;
	/* mac-ie */
	font-size:105%;
	/* non mac-ie \*/
	font-size:100%;
}
/* END Profile Switching Divlet */
