.mainNavMenu {
            border: none;
            border-radius: 0;
            margin-bottom: 0;
            margin-left: 100px !important;
            min-height: 29px;
            margin-top: 5px;
            height: 29px;
            transition: margin-left 0.3s ease-in-out 0s;
            background-image: url('/dist/css/images/menu_bg.png') !important;
        }

            .mainNavMenu li {
                list-style: none;
                display: block;
                float: left;
                height: 29px;
                position: relative;
            }

                .mainNavMenu li a {
                    padding: 0px 10px 0px 10px;
                    margin: 0px 0;
                    line-height: 29px;
                    text-decoration: none;
                    height: 29px;
                    color: #FFF;
                    font-weight: bold;
                }

            .mainNavMenu ul {
                background: #383330;
                padding: 0px;
                border-bottom: 1px solid #DDDDDD;
                border-right: 1px solid #DDDDDD;
                border-left: 1px solid #DDDDDD;
                border-radius: 0px 0px 3px 3px;
                box-shadow: 2px 2px 3px #ECECEC;
                -webkit-box-shadow: 2px 2px 3px #ECECEC;
                -moz-box-shadow: 2px 2px 3px #ECECEC;
                width: 230px;
            }


            .mainNavMenu li:hover {
                background: #3aa056;
                color: #fff;
            }

            .mainNavMenu li.active {
                background: #3aa056;
                color: #f6f6f6;
            }

            .mainNavMenu li a {
                display: block;
            }

            .mainNavMenu ul li {
                border-right: none;
                border-bottom: 1px solid #DDDDDD;
                width: 230px;
                height: 29px;
            }

                .mainNavMenu ul li a {
                    border-right: none;
                    color: #fff;
                    /*text-shadow: 1px 1px 1px #FFF;*/
                    border-bottom: 1px solid #FFFFFF;
                }

                .mainNavMenu ul li:hover {
                    background: #3aa056;
                    /*#DFEEF0;*/
                }

                .mainNavMenu ul li:last-child {
                    border-bottom: none;
                }

                    .mainNavMenu ul li:last-child a {
                        border-bottom: none;
                    }
            /* Sub menus */
            .mainNavMenu ul {
                display: none;
                visibility: hidden;
                position: absolute;
                top: 29px;
            }

                /* Third-level menus */
                .mainNavMenu ul ul {
                    top: 0px;
                    left: 230px;
                    display: none;
                    visibility: hidden;
                    border: 1px solid #DDDDDD;
                }
                    /* Fourth-level menus */
                    .mainNavMenu ul ul ul {
                        top: 0px;
                        left: 230px;
                        display: none;
                        visibility: hidden;
                        border: 1px solid #DDDDDD;
                    }

                .mainNavMenu ul li {
                    display: block;
                    visibility: visible;
                }

            /*.mainNavMenu li:hover > ul {
                display: block;
                visibility: visible;
            }*/

            .has-submenu:hover > ul {
                display: block!important;
                visibility: visible;
                z-index:1000!important;
            }

            .submenu:hover {
                z-index:1000!important;
            }



/* Fallback if menu_bg.png is missing */
.mainNavMenu {
    background-color: #383330; /* fallback dark background */
}