﻿
.menu
{
    font-family:Arial, Helvetica, sans-serif;
    background:url(/images/menu_bg.gif) repeat-x bottom;
    width:960px;
    margin:0 auto;
}

.menu td
{
    vertical-align:bottom;
    text-align:center;
    width:137px;    
    padding-bottom:18px;
}

.menu .sng a
{
    background:url(/images/menu.gif) no-repeat right bottom;
}

.menu .dbl a
{
    background:url(/images/menu_dbl.gif) no-repeat right bottom;
}


.menu a, .menu a:visited
{
    display:block;
    width:100%;
    color:#3a3a3a;
    text-decoration:none;
    text-align:center;   
    font-size:8pt;
}

.menu a:hover
{
    text-decoration:underline;
}

.menu .selected
{
    background:url(/images/menu_selected.gif) no-repeat bottom;
}

.menu .selected a, .menu .selected a:visited
{
    color:#d6151d
}

/* SubMenu */
.SubMenu
{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    padding:13px 0px 15px 39px;
    min-height:15px; 
}

.SubMenu a, .SubMenu a:visited
{
    color:#3a3a3a;
    text-decoration:none;
    display:inline-block;
    padding:0px 10px;
    font-size:8pt;
}

.SubMenu a:hover
{
    text-decoration:underline;
}

.SubMenu a.selected, .SubMenu a.selected:visited
{
    color:#d6151d
}

.SubMenu span.seperator { color: #cccccc; }






div.containerTabMenu {
/*float:left;*/
width:100%;
font-size: 8pt;
/*padding-bottom: 18px;*/
}


div.hsbcDivletTabMenu {
background:url("/images/menu/tab_bg.gif") repeat-x scroll left bottom transparent;
clear:left;
height:44px;
width:100%;
}
div.hsbcDivletTabMenu ul {
margin:0;
padding:0;
}
div.hsbcDivletTabMenu ul li {
background:url("/images/menu/tab_off_left.gif") no-repeat scroll left top transparent;
float:left;
height:44px;
list-style:none outside none;
margin:0;
padding:0 0 0 6px;
text-align:center;
}
div.hsbcDivletTabMenu ul li a, div.hsbcDivletTabMenu ul li span.extNoLink {
background:url("/images/menu/tab_off_right.gif") no-repeat scroll right top transparent;
color:#333333;
display:block;
float:left;
height:44px;
line-height:36px;
margin:0;
padding:0 9px 0 2px;
text-decoration:none;
vertical-align:50%;
}
div.hsbcDivletTabMenu ul li a:hover, div.hsbcDivletTabMenu ul li a:active, div.hsbcDivletTabMenu ul li a:focus {
color:#D3222A !important;
text-decoration:none;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected {
background:url("/images/menu/tab_on_left.gif") no-repeat scroll left top transparent;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected a {
background:url("/images/menu/tab_on_right.gif") no-repeat scroll right top transparent;
color:#D3222A;
}
div.hsbcDivletTabMenu ul li.extFirstTab {
background:url("/images/menu/first_tab_off_left.gif") no-repeat scroll left top transparent;
padding-left:15px;
margin-left:30px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected {
background:url("/images/menu/first_tab_on_left.gif") no-repeat scroll left top transparent;
padding-left:15px;
margin-left:30px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected a {
background:url("/images/menu/tab_on_right.gif") no-repeat scroll right top transparent;
color:#D3222A;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight {
background:url("/images/menu/tab_off_left_selected_right.gif") no-repeat scroll left top transparent;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight a {
background:url("/images/menu/tab_off_right_selected_right.gif") no-repeat scroll right top transparent;
}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft {
}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft a {
background:url("/images/menu/tab_off_right_selected_left.gif") no-repeat scroll right top transparent;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected {
background:url("/images/menu/tab_on_left.gif") no-repeat scroll left top transparent;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected a {
background:url("/images/menu/last_tab_on_right.gif") no-repeat scroll right top transparent;
color:#D3222A;
padding-right:29px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTab {
float:right;
padding-right:10px;
margin-right: 30px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected {
background:url("/images/menu/first_tab_on_left.gif") no-repeat scroll left top transparent;
float:right;
padding-left:15px;
padding-right:0;
margin-right: 30px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected a {
background:url("/images/menu/right_align_tab_on_right.gif") no-repeat scroll right top transparent;
color:#D3222A;
padding-left:3px;
padding-right:19px;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRightEndBlock {
background:url("/images/menu/tab_off_left_selected_right_end_block.gif") no-repeat scroll left top transparent;
}
div.hsbcDivletTabMenu ul li a.extDoubleLine {
height:40px;
line-height:13px;
padding-top:4px;
}
div.hsbcDivletTabMenu ul li a .extMacIE {
clear:left;
float:left;
padding-top:0;
}

