﻿.MLMStaticItemli{
	margin:0 15px 0 0
}
.mobilemenucontainer { width: 100%;}

.mobilemenu .flexnav {display: none;}

.mobilemenu li:first-child > a{
	color:#7d7d7d!important
}



.mobilemenu .flexnav-show {display: block!important;}
.flexnav li {
    
    display: block;
    font-size: 100%;
    list-style: outside none none;
    position: relative;
    width: 96%;
    float:right;
}
.flexnav li a {
    color: #222222;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;

}
.flexnav li ul {
    width: 100%;
}
.flexnav li ul li {
    font-size: 100%;
    overflow: hidden;
    position: relative;
}
.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: 42px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 14px;
    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-top: -25px;*/
    width:30px;
}

.menu-title
{
	display:none;
}

.menu-button .touch-button {
    background: url("/Style Library/Portal_Images/menuicon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 15px;
    height: 30px;
    background-size: 30px;
    /*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%20Library/Portal_Images/Dwn_maroon.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
    margin-right:10px;
    transition:all 0.1s linear;
    background-size:12px;
}

/*.mobilemenucontainer ul#nav a.MLMStaticItem:hover ~ .touch-button{
	background: url("/Style%20Library/Portal_Images/Dwn_white.svg") no-repeat scroll center center rgba(0, 0, 0, 0);

}*/


.flexnav li .touch-button.active {
   /* background: url("/Style%20Library/Portal_Images/Dwn_white.svg") no-repeat scroll center center rgba(0, 0, 0, 0);*/	
    transform:rotate(180deg);
}


.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;
}

.MLMDynamicItemli {
    margin-top: 0px!important;
}

.flexnav li > ul {    left: 0;    top: auto;}
.flexnav li > ul li {    width: 100%;}
.flexnav li > ul li a{
	
}
.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 .MLMDynamicItemli{margin-left:0%}

.mobilemenucontainer .MLMStaticItemli {height:auto!important;border-bottom:1px solid #BEBEBE!important;padding:0!important;}

.mobilemenucontainer ul#nav {position:absolute;background-color:#fff; z-index:10000;margin-top:58px;float:left;margin-left:0!important;margin-bottom:10px!important;width:85%!important;right:0;left:8%}
.mobilemenucontainer .firstSubMenuCss{position:inherit!important;top:0px!important;left:0px!important;margin:0!important;}
.mobilemenucontainer .firstSubMenuCss li{width:100%;border:0!important}
.mobilemenucontainer .MLMSubMenuContainer .MLMDynamicItemli,.mobilemenucontainer .firstSubMenuCss .MLMDynamicItemli{}
.mobilemenucontainer .MLMDynamicItemli:hover,.mobilemenucontainer .MLMSubMenuContainer MLMDynamicItemli:hover{}


.mobilemenucontainer .MLMDynamicItemli a{width:auto!important;}
.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli a{display:none}
.mobilemenucontainer .MLMStaticItemli a:hover, .MLMStaticSelectedItem a:hover, MLMDynamicItemli a:hover{transition:none!important;box-shadow:none!important;}




/*------------Newsly added or modified-------------*/
.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem,.mobilemenucontainer .firstSubMenuCss li a{padding:10px 0px !important;color:#7d7d7d;font-size:1em!important;}
/*.mobilemenucontainer ul#nav a.MLMStaticItem:hover{background-color:#901235!important;color:#fff!important}*/
.mobilemenucontainer ul#nav a.MLMStaticItem:hover{color:#6d7785!important}

li .MLMDynamicItemli:hover{}
/*------------------------------*/
.mobilemenucontainer .firstSubMenuCss::after, .mobilemenucontainer .firstSubMenuCss::before{bottom:0!important;left:0!important;border:0!important;}
.mobilemenucontainer .firstSubMenuCss::after, .mobilemenucontainer .firstSubMenuCss::after{bottom:0!important;left:0!important;border:0!important;}

.flexnav li ul li > a {
    padding-left: 30px;
}

.mobilemenucontainer .firstSubMenuCss li a{
background-color:#f5f5f5;border-bottom:1px solid #d0b888!important
}

.MLMStaticItemli.item-with-ul.active{
	background-color:#ececec;
}

@media screen and (min-width:768px){
	.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem {
   		 padding: 10px 0% !important;
    }
    
    .mobilemenucontainer .firstSubMenuCss li a {
    padding-left: 40px !important;
	}
}
