﻿/* Top Menu 2 */
.divTopMenu {height:100%; width:100%; position:relative;}
.divTopMenuItems {height:auto; overflow:hidden; width:100%; border-top:1px solid #e0ddd8;}
.divTopMenuItemSel {background:#fff;}

/*Top Menu Item Style*/
.topMenuItemMobile {font-size:18px; color:#292929; padding:15px 0px 15px 20px; display:block;}
a.topMenuItemMobile:link, a.topMenuItemMobile:visited {color:#292929; text-decoration:none;}
a.topMenuItemMobile:hover, a.topMenuItemMobile:active{color:#101261; text-decoration:none;}

.topMenuItemMobileSel {font-size:18px; color:#292929; padding:15px 0px 15px 20px; display:block;}
a.topMenuItemMobileSel:link, a.topMenuItemMobileSel:visited {color:#292929; text-decoration:underline;}
a.topMenuItemMobileSel:hover, a.topMenuItemMobileSel:active {color:#292929; text-decoration:underline;}

.menuLevel {font-size:16px; color:#191919; padding:15px 0px 15px 20px; display:block; background:#fff url('../../img/usr/mobile/icon-menu-expand.gif') no-repeat right 20px top 15px;}
a.menuLevel:link, a.menuLevel:visited {color:#191919; text-decoration:none;}
a.menuLevel:hover, a.menuLevel:active{color:#191919; text-decoration:none; background:#fff url('../../img/usr/mobile/icon-menu-expand.gif') no-repeat right 20px top 15px;}

.menuLevelSel {font-size:16px; color:#191919 ; padding:15px 0px 15px 20px; display:block; background:#fff url('../../img/usr/mobile/icon-menu-expand.gif') no-repeat right 20px top -45px;}
a.menuLevelSel:link, a.menuLevelSel:visited {color:#191919; text-decoration:none;}
a.menuLevelSel:hover, a.menuLevelSel:active {color:#191919; text-decoration:none; background:#fff url('../../img/usr/mobile/icon-menu-expand.gif') no-repeat right 20px top -45px;}

/*End Top Menu Item Style*/


/* Links 
.ulTopMenu {padding:0; margin:0; list-style:none;}
.ulTopMenu li {height:auto; overflow:hidden;}*/

/*SubMenu Item*/
.ulSubMenu li a.hypTopSubMenu {color:#919191; font-size:13px; display:block; padding:0px 20px 10px 20px; }
.ulSubMenu li a.hypTopSubMenu:link, .ulSubMenu li a.hypTopSubMenu:visited {color:#919191; text-decoration:none;}
.ulSubMenu li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active {color:#454545; text-decoration:none;}

.ulSubMenu li.sel a.hypTopSubMenuSel {color:#454545; font-size:13px; display:block; padding:0px 20px 10px 20px; }
.ulSubMenu li.sel a.hypTopSubMenuSel:link, .ulSubMenu li.sel a.hypTopSubMenuSel:visited {color:#454545; text-decoration:none;}
.ulSubMenu li.sel a.hypTopSubMenuSel:hover, .ulSubMenu li.sel a.hypTopSubMenuSel:active {color:#454545; text-decoration:none;}

.ulSubMenuLv2 li a {color:#919191; font-size:13px; display:block; padding:0px 0px 10px 20px; background:none;}
.ulSubMenuLv2 li a:link, .ulSubMenuLv2 li a:visited{color:#919191; text-decoration:none;}
.ulSubMenuLv2 li a:hover, .ulSubMenuLv2 li a:active {color:#454545; text-decoration:none;}

.ulSubMenuLv2 li.sel a {color:#454545; font-size:13px; display:block; padding:0px 0px 10px 20px; background:none;}
.ulSubMenuLv2 li.sel a:link, .ulSubMenuLv2 li.sel a:visited{color:#454545; text-decoration:none;}
.ulSubMenuLv2 li.sel a:hover, .ulSubMenuLv2 li.sel a:active  {color:#454545; text-decoration:none;}
/* Links */
.ulTopMenu, .ulSubMenu {padding:0; margin:0; list-style:none;}
.ulTopMenu li.liTopMenu, .ulSubMenu li{height:auto; overflow:hidden; padding-bottom:0px;}

.liMenuSeperator {border-bottom:1px solid #bbbbbb;}
/* End of Links */
/* End of Top Menu 2 */

/* ============= sidemenumb.css ============*/
.divMenuSeperator{border-top:1px solid #e0ddd8;}

.divSocialLinkContainer {border-bottom:1px solid #e0ddd8;}
.divSideMenu .divCopyrightContainer .divCopyText {
    color:#144379;
}

.divSwitchDesktop {height:auto; overflow:hidden; padding:10px 20px; }
.divSwitchDesktop .divDesktopView {text-align:center; color:#222; font-size:16px; font-weight:700; }

/* ============= End of sidemenumb.css ============*/

/* ============= topmenumb.css ============*/
.divTopMenuItemSel {background:inherit;}
.liMenuSeperator,
.liSubMenuSeperator{border-bottom:1px solid #e0ddd8;}

.topMenuItemMobile {font-size:16px; color:#222; background:#fff; font-weight:400;}
a.topMenuItemMobile:link, a.topMenuItemMobile:visited {color:#222; background:#fff;}
a.topMenuItemMobile:hover, a.topMenuItemMobile:active{color:#fff; background:#222;}

.topMenuItemMobileSel {font-size:16px; color:#fff; background:#222; text-decoration:none;  font-weight:400;}
a.topMenuItemMobileSel:link, a.topMenuItemMobileSel:visited {color:#fff; background:#222; text-decoration:none;}
a.topMenuItemMobileSel:hover, a.topMenuItemMobileSel:active {color:#fff; background:#222; text-decoration:none;}

.ulSubMenu{background-color: #0b294d;}
.ulSubMenu li a.hypTopSubMenu,
.ulSubMenu li a.hypTopSubMenu:link, .ulSubMenu li a.hypTopSubMenu:visited {color:#ffffff;font-size:16px; padding: 10px 20px 10px 40px;}
.ulSubMenu li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active {color:#7bb8f6;font-size:16px; padding: 10px 20px 10px 40px;}

.ulSubMenu li.sel a.hypTopSubMenuSel,
.ulSubMenu li.sel a.hypTopSubMenuSel:link, .ulSubMenu li.sel a.hypTopSubMenuSel:visited,
.ulSubMenu li.sel a.hypTopSubMenuSel:hover, .ulSubMenu li.sel a.hypTopSubMenuSel:active {color:#7bb8f6;font-size:16px;padding: 10px 20px 10px 40px;}

.ulSubMenuLv2{padding-left: 10px;border-top: 1px solid #53c587;background-color:#009b47;}
.ulSubMenuLv2 li a.hypTopSubMenuLv2,
.ulSubMenuLv2 li a.hypTopSubMenuLv2:link, .ulSubMenuLv2 li a.hypTopSubMenuLv2:visited {color:#cbf7d3;font-size:14px;padding: 10px 20px;}
.ulSubMenuLv2 li a.hypTopSubMenuLv2:hover, .ulSubMenuLv2 li a.hypTopSubMenuLv2:active {color:#ffffff;font-size:14px;padding: 10px 20px;}

.ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel,
.ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:link, .ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:visited,
.ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:hover, .ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:active {color:#ffffff;font-size:14px;padding: 10px 20px;}


.menuLevel,
a.menuLevel:link, a.menuLevel:visited {
    color: #fff;
    background: url('../../img/usr/mobile/icon-menu-expand-2nd-lvl.png');
    background-repeat: no-repeat;
    background-position: 96% 175%;
}
a.menuLevel:hover, a.menuLevel:active{
    color:#041830;
    background: url('../../img/usr/mobile/icon-menu-expand-2nd-lvl.png');
    background-repeat: no-repeat;
    background-position: 96% 175%;
    background-color:#fff;
}
.menuLevelSel ,
a.menuLevelSel:link, a.menuLevelSel:visited ,
a.menuLevelSel:hover, a.menuLevelSel:active {
    color:#041830;
    background: url('../../img/usr/mobile/icon-menu-expand-2nd-lvl.png');
    background-color:#fff;
    background-repeat: no-repeat;
    background-position: 96% -80%;

}

.menuSubLevel,
a.menuSubLevel:link,
a.menuSubLevel:visited{
	background: url('../../img/usr/mobile/icon-menu-expand-3nd-lvl.png');
    background-repeat: no-repeat;
    background-position: 98.5% -35%;
}
a.menuSubLevel:hover, a.menuSubLevel:active {

}
.menuSubLevelSel ,
a.menuSubLevelSel:link, a.menuSubLevelSel:visited ,
a.menuSubLevelSel:hover, a.menuSubLevelSel:active {
    background: url('../../img/usr/mobile/icon-menu-expand-3nd-lvl.png');
    background-repeat: no-repeat;
    background-position: 98.5% 135%;

}
.menuSubLevel .dropdown{
    float: right;
    width: 15px;
    height: 15px;
    background: url('../../img/usr/mobile/icon-menu-expand-3nd-lvl.png');
    background-repeat: no-repeat;
    background-position: right top;
}

.menuSubLevelSel .dropdown {
    background: url('../../img/usr/mobile/icon-menu-expand-3nd-lvl.png');
    background-repeat: no-repeat;
    background-position: 98.5% 135%;

}

/* ============= End of topmenumb.css ============*/
