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

History:
23 May 2005
	Copied logo, search, footer, entity and tab divlet from international build, and removed 
	legacy styles
	
---------------------------------------------------------------------------------------------- */

/* 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_right.gif") no-repeat top right;
	padding-right:20px;
	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;
	/* */
}


/* LOGON DIVLET
---------------------------------------------------------------------------------------------- */
div.hsbcDivletLogon
{
	float: right;
	white-space: nowrap;
	margin: 5px 0px 4px;
}
div.hsbcDivletLogon p
{
	float: left;
	font-size: 74%;
	margin: 5px 6px;
	/* \*/
	font-size: 69%;
	margin: 4px 6px 4px 3px;
	/* */
}
div.hsbcDivletLogon img
{
	float: left;
	margin-right: 8px;
}

.hsbcFixHeight23
{
	height: 23px;
}


/* 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:61%;
	clear:both;
	/* */
	padding: 0px 7px 0px 11px ;
	width: 742px;
}

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
---------------------------------------------------------------------------------------------- */
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;
      border-top: 0px solid #ccc;
}
.hsbcDivletNavImage00
{
      background: none;
      padding-top: 0px !important;
      border-top: 1px solid #ccc;
}
.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.6em;*/
	color: #666;
}
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;
}
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: #f00;
}