﻿
.mobilemenucontainer { width: 100%;}

.mobilemenu .flexnav {display: none;}
.mobilemenu li.active > a {  font-weight: bold;}


.mobilemenu .flexnav-show {    display: inherit;}
.flexnav li {
    
    display: block;
    font-size: 100%;
    list-style: outside none none;
    position: relative;
    width: 100%;
    float:left;
}
.flexnav li a {
    color: #222222;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 13px;
    position: relative;
    z-index: 2;
}
.flexnav li ul {
    width: 100%;
}
.flexnav li ul li {
    font-size: 100%;
    overflow: hidden;
    position: relative;
}
.flexnav li ul li > a {
    padding-left: 30px;
}
.flexnav li ul.flexnav-show li {
    overflow: visible;
}


.flexnav ul li ul li {
    background: none repeat scroll 0 0 #f1f1f1;
    border-bottom: medium none !important;
}
.flexnav ul li ul li > a {
    padding: 10px 10px 10px 40px;
}
.flexnav ul li ul li:hover {
        color: #ffffff !important;
}
.flexnav ul li ul li ul li {
    background: none repeat scroll 0 0 #f1f1f1;
}
.flexnav .touch-button {
    display: inline-block;
    height: 35px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 35px;
    z-index: 999;
}
.flexnav .touch-button:hover {
    cursor: pointer;
}
.flexnav .touch-button .navicon {
    color: #666;
    font-size: 12px;
    position: relative;
    top: 8px;
}
.mobileMenu{float:right;width:100%!important}
.menu-button {
    color: #777;
    font-weight:bold;
    cursor: pointer;
    display: block;
    float: right;
    height: 25px;
    position: relative;
    text-transform: uppercase;
    margin:-5px 10px 0 0;
    width:50px
    
}
.menu-button .touch-button {
    background: url("/style library/portal_images/menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 15px;
    height: 25px;
    /*margin-left: -30px;
    margin-top: -20px;*/
}
.menu-button .touch-button .navicon, .flexnav li .touch-button .navicon {
    display: none;
}
.flexnav li .touch-button {
    background: url("/Style Library/Portal_Images/menudownarrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.flexnav li .touch-button.active {
    background: url("/Style Library/Portal_Images/menuuparrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.flexnav li .touch-button.active .navicon {
    display: none;
}
.flexnav {
    overflow: visible;
}
.flexnav.opacity {
    opacity: 1;
}
.flexnav.one-page {
    max-width: 1080px;
    right: auto;
    top: 0;
}


.flexnav li > ul {    left: 0;    top: auto;}
.flexnav li > ul li {    width: 100%;}
.flexnav li ul li > ul {    top: 0;}
.flexnav li ul li a {    border-bottom: medium none;}
.flexnav .LastMenuItem, .flexnav .SubLstMnuItem, .flexnav ul li:last-child {    border-bottom: medium none !important;}

.mobilemenucontainer .MLMStaticItemli {height:auto!important;min-height:20px!important;}
.mobilemenucontainer ul#nav {/*overflow:hidden;*/float:left;padding-top:16px;margin-left:16px!important;margin-bottom:10px!important;width:100%!important;position:absolute}
.mobilemenucontainer .firstSubMenuCss{position:inherit!important;top:0px!important;left:0px!important;margin:0!important;}
.mobilemenucontainer .firstSubMenuCss li{padding-left:2%;width:98%;border:0!important;}
.mobilemenucontainer .MLMSubMenuContainer .MLMDynamicItemli,.mobilemenucontainer .firstSubMenuCss .MLMDynamicItemli{background:#FFF!important;}
.mobilemenucontainer .MLMDynamicItemli:hover,.mobilemenucontainer .MLMSubMenuContainer MLMDynamicItemli:hover{color:#000;background:#FFF!important;}
.mobilemenucontainer .active > a{font-weight:bold!important;}
.mobilemenucontainer .MLMStaticItemli{border-bottom:1px solid #BEBEBE!important;}
.mobilemenucontainer .MLMDynamicItemli a{width:auto!important;}
.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli a{padding-bottom:0!important;}


.mobilemenucontainer{}
.mobilemenu li li.active {}
.mobilemenu li.active li {}
.mobilemenu li li.active li {}
.flexnav li ul li {}
.flexnav li a {}
.flexnav .MLMStaticItemli, .flexnav .MLMStaticItemli:hover {}
.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem{}
.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli,.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli a{}


/*------------Newsly added or modified-------------*/
.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem,.mobilemenucontainer .firstSubMenuCss li a{padding:15px 20px!important;!important;color:#777!important;background-color:#fff}
.mobilemenucontainer ul#nav a.MLMStaticItem:hover{background-color:#4a1320!important;color:#fff!important}
li .MLMDynamicItemli:hover{background-color:#4a1320!important;color:#fff!important}
.mobilemenucontainer .MLMDynamicItemli a:hover{color:#fff!important;background-color:#4a1320!important}
ul.firstSubMenuCss li.MLMStaticItemli{	/*display:none*/}
.mobilemenucontainer .MLMSubMenuContainer .MLMDynamicItemli a,.mobilemenucontainer .firstSubMenuCss .MLMDynamicItemli a{padding:20px 10px 10px 15px!important}



