﻿
.mobilemenucontainer {
    /*display: none;
    float: right;*/
    width: 100%;
    margin-top:6px;
}
.mobilemenucontainer{/*margin-bottom:10px;*/}



.mobilemenu .flexnav {
    display: none;
}

.mobilemenu li:first-child > a{
	color:#7d7d7d!important
}

.mobilemenu li.active > a:first-child {
	/*background-color:#901235;   */
	color:#901235; 
}


.mobilemenu li.active > a:first-child

.mobilemenu li li.active {
}
.mobilemenu li.active li {
}
.mobilemenu li li.active li {
}
.mobilemenu .flexnav-show {
    display: block!important;
}
.flexnav li {
    /*background-color: #9C9A9E;
    border-bottom: 1px solid #cccacb !important;font-size: 100%;*/
    display: block;
    list-style: outside none none;
    position: relative;
    width: 100%;
    float:left;
    font-size:16px;font-weight:bold!important
}
.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.flexnav-show li {
    overflow: visible;
}
.flexnav li ul li {
    /*background: none repeat scroll 0 0 #f1f1f1;*/
}
.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 {
    background: none repeat scroll 0 0 #2f74d4;
    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;
    left: 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;
}
.menu-button {
    color: #777;
    font-weight:bold;
    cursor: pointer;
    display: block;
    float: left;
    /*height: 25px;*/
    position: relative;
    text-transform: uppercase;
    /*margin-top: -25px;*/
    font-size: 18px;
}

.menu-title
{
	/*display:none;*/
}
.menu-button .touch-button {
    background: url("/style library/portal_images/menu-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 33px;
    margin-left: 5px;
    /*margin-top: -25px;*/
    width:30px;
}
.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-left: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;
}
.flexnav li a {
}
.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;
}
.flexnav .MLMStaticItemli, .flexnav .MLMStaticItemli:hover {
    /*border-color: -moz-use-text-color -moz-use-text-color #cccacb !important;
    border-style: none none solid !important;
    border-width: 0 0 1px !important;*/
}
.mobilemenucontainer .MLMStaticItemli {height:auto!important;border-bottom:1px solid #BEBEBE!important;}
.mobilemenucontainer ul#nav {z-index:10000;margin-top:58px;float:right;margin-left:0;margin-bottom:10px!important;width:100%!important;position:absolute;left:0;background-color:#fff;}
.mobilemenucontainer .firstSubMenuCss{position:inherit!important;top:0px!important;left:0px!important;margin:0!important;width:100%}
.mobilemenucontainer .firstSubMenuCss li{padding-left:2%;width:98%;border:0!important;}

.mobilemenucontainer .MLMDynamicItemli:hover,.mobilemenucontainer .MLMSubMenuContainer MLMDynamicItemli:hover{color:#000;background:#901235!important;}
.mobilemenucontainer .MLMDynamicItemli a{width:auto!important;font-weight:bold}


.mobilemenucontainer .MLMSubMenuContainer .MLMDynamicItemli a{padding:10px 19px !important;}
.MLMStaticItemli a:hover, .MLMStaticSelectedItem a:hover, MLMDynamicItemli a:hover{transition:none!important;box-shadow:none!important;}
.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli a{display:none;}
.mobilemenucontainer .MLMStaticItemli,.MLMDynamicItemli {padding:0!important}
.mobilemenucontainer .firstSubMenuCss li{width:100%!important;border:0!important;background-color: #f5f5f5;}
.mobilemenucontainer .firstSubMenuCss{padding:0px!important;}
.mobilemenucontainer .MLMStaticItemli a:hover, .MLMStaticSelectedItem a:hover, MLMDynamicItemli a:hover{
	color:#fff!important;
}

.MLMStaticItemli.item-with-ul.active > a:first-child{
	border-bottom:1px solid #3ca5cc!important;
}

/*-------------------Newsly added or modified----------------------*/
.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem,.mobilemenucontainer .firstSubMenuCss li a{padding:10px 30px !important;color:#7d7d7d;font-size:1em!important;}
/*.mobilemenucontainer ul#nav a.MLMStaticItem:hover{background:#901235!important;color:#fff!important}*/
.mobilemenucontainer ul#nav a.MLMStaticItem:hover{color:#901235!important}


li .MLMDynamicItemli:hover{}
.mobilemenucontainer .MLMDynamicItemli a:hover{/*background-color:#901235!important*/}

.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem{/*background:#D2D2D2!important;*/}
																								 
.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!important;
}

.mobilemenucontainer .firstSubMenuCss li a{
padding-right:50px!important;	
}

@media screen and (min-width:768px){
	.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem {
   		 padding: 10px 8.5% !important;
    }
    
    .mobilemenucontainer .firstSubMenuCss li a {
    padding-right: 100px !important;
	}
}

