
.menu-collapser { position:relative; color:#FFF; width:100%; height:20px; line-height:32px; box-sizing:border-box; float: right; width: 40px;}
.collapse-button { position:relative;     width: 31px;    top: 0;    height: 20px; padding:0; cursor:pointer; background:url(../images/menu-btn.gif) no-repeat }

ul.slimmenu *{box-sizing: border-box; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box; }
ul.slimmenu { padding:0; margin:0px; list-style:none; float: left; width:100%; }
ul.slimmenu li {padding-bottom: 10px; float:left; position:relative; }
ul.slimmenu > li > a{ background:url('../images/nav-bar.gif') left 8px no-repeat; padding: 8px 22px 11px; position: relative; z-index: 10;}
ul.slimmenu > li.activeNav > a:hover,ul.slimmenu > li > a.active,ul.slimmenu > li.activeNav + li > a,ul.slimmenu > li > a.activeWhite.active{ background:url('../images/nav-bar-hover.png') left 8px no-repeat;}
ul.slimmenu > li > a.has{padding: 8px 22px 14px;}
ul.slimmenu > li > a.activeWhite{    background: url('../images/nav-bar.gif') left 8px no-repeat; padding-bottom:10px; background-color:white;}
ul.slimmenu > li > a.activeWhite.active{padding-bottom:22px;}
ul.slimmenu > li:last-child > a{padding-right:0;}
ul.slimmenu > li > a:hover,ul.slimmenu > li:first-child > a:hover,ul.slimmenu > li > a.active{background-color:white !important; z-index: 41;}
ul.slimmenu > li:first-child > a{ background-image:none; border-left:none;  }
ul.slimmenu > li:first-child > a:hover{background:url('../images/nav-bar.gif') right 8px no-repeat;}
ul.slimmenu > li:last-child { margin-right:0 }
ul.slimmenu li a { color:#000000; font-size:13px; font-family:'OpenSansSemibold', arial;}
/*ul.slimmenu li a:hover, ul.slimmenu li a.active { color:#ce2163; }*/
ul.slimmenu li .sub-collapser { position:absolute; right:0; top:0; width:40px; height:100%; text-align:center; z-index:99; cursor:pointer;  background:url(../images/plus-nav.png) no-repeat center center; display:none; }
ul.slimmenu.collapsed li .sub-collapser { display:block; }
ul.slimmenu li .sub-collapser.expanded { background:url(../images/minus.png) no-repeat center center; }
ul.slimmenu li .sub-collapser:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.25em; }
ul.slimmenu li .sub-collapser > i { color:#333; font-size:18px; display:none; vertical-align:middle; width:100%; }

ul.slimmenu li ul { margin:0; list-style-type:none; padding:0; width:270px; z-index:8; position:absolute; text-transform:none; }
ul.slimmenu li ul li {width:20%;  text-align:center; /*padding:0 20px; margin:0;  display:block; text-transform:none; background-color:#1C2292; */}
ul.slimmenu li ul li a {display:block; /*width:230px; font-size:14px; color:#ffffff; padding:8px 0; display:block; margin:0; height:auto; border-top:1px solid white;*/ }
ul.slimmenu li ul li:first-child a{border-top:none;}
ul.slimmenu li ul li a:hover, ul.slimmenu li ul li a.activeNav { color:#07A1E2;}
ul.slimmenu li ul li i { display:none; }
ul.slimmenu.collapsed li ul li ul li a { padding-left:75px; }

ul.slimmenu li > ul > li ul { display:block; position:absolute; left:100%; top:0; z-index:999; width:270px; background:#0b773f url(../images/subnav-arrow.gif) no-repeat left 13px; height:100%; }
ul.slimmenu li ul li ul li {  padding:0 20px; margin:0; width:230px; float:left; background:#0b773f;  }
ul.slimmenu li ul li ul li:first-child { background:#0b773f url(../images/subnav-arrow.gif) no-repeat left 13px; }
ul.slimmenu li ul li ul li a { width:230px; font-size:14px; color:#ffffff; padding:15px 0; display:block; margin:0; height:auto; float:left; border-top:1px solid #258651; }
ul.slimmenu li ul li ul li a:hover, ul.slimmenu li.activeNav ul li ul li a:hover { color:#f0b625; }

ul.slimmenu li > ul { display:none; position:absolute;  top:100%; list-style-type:none; padding:0; width: 795px; z-index:40; border:solid 1px #888683; background: white; padding:18px; left: 50%; margin-left:-340px;}
ul.slimmenu.collapsed { border-top:1px solid #cccccc; }
ul.slimmenu.collapsed li { display:block; width:100%; padding:0; background:none; }
ul.slimmenu.collapsed li a { display:block; border-bottom:1px solid #cccccc; padding:10px 0 10px 25px; } 
 ul.slimmenu.collapsed li .sub-collapser { height:40px; }
ul.slimmenu.collapsed li > ul { display:none; position:static; width:100%; }
ul.slimmenu.collapsed li > ul a { width:100%; color:#1C2292; border-top:0; padding-left:50px; }
ul.slimmenu.collapsed li ul li ul li, ul.slimmenu.collapsed li ul li ul li:first-child { background:none !important; }
ul.slimmenu.collapsed li ul li ul, ul.slimmenu.collapsed li ul li ul:first-child { background:none !important; }
ul.slimmenu li > ul>span{display:block; border-top:solid 1px #888683; padding-top:22px; margin-top:12px;}
ul.slimmenu li > ul>span:first-child{border-top:none; padding-top: 0; margin-top: 0;}
ul.slimmenu li ul li a span{display:block; margin-top:10px;}

