﻿#main-menu-bar {
    background: #6f1064;
    color: #ffffff;
    font-size: 13px;
}

#main-menu-bar-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0px 20px;
    text-align: center;
}

    #main-menu-bar-content a {
        display: block;
        padding: 15px 20px;
    }

        #main-menu-bar-content a:hover {
            display: block;
            padding: 15px 20px;
        }

    #main-menu-bar-content li {
        display: inline-block;
    }

        #main-menu-bar-content li a:hover {
            background: #9f5997;
        }

.menu-item-normal-link {
    color: #ffffff;
    text-decoration: none;
}

    .menu-item-normal-link img {
        margin-top: -3px;
    }


.dropbtn-MEGA {
    color: white;
    padding: 15px 5px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

    .dropbtn-MEGA:hover{
        color:white;
    }

    .dropdown-MEGA {
        position: relative;
        display: inline-block;
    }

.dropdown-content-MEGA {
    display: none;
    position: absolute;
    padding: 5px;
    background-color: #9f5997;
    min-width: 490px;
    max-width: 490px;
    z-index: 1;
    text-align: left;
}

.dropbtn-MEGA-right {
    color: white;
    padding: 15px 5px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

    .dropbtn-MEGA-right:hover{
        color:#fff;
    }

    .dropdown-MEGA-right {
        position: relative;
        display: inline-block;
    }

.dropdown-content-MEGA-right {
    display: none;
    position: absolute;
    right: 0px;
    padding: 5px;
    background-color: #9f5997;
    min-width: 732px;
    max-width: 732px;
    z-index: 1;
    text-align: left;
}

.dropdown-content-MEGA a {
}

    .dropdown-content-MEGA a:hover {
    }

.dropdown-MEGA:hover .dropdown-content-MEGA {
    display: block;
}

.dropdown-MEGA-right:hover .dropdown-content-MEGA-right {
    display: block;
}

.dropdown-MEGA:hover .dropbtn-MEGA {
    background-color: #9f5997;
}

.dropdown-MEGA-right:hover .dropbtn-MEGA-right {
    background-color: #9f5997;
}

.dropbtn {
    color: white;
    padding: 15px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}
    .dropbtn:hover{
        color:white;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #0e8b9d;
    min-width: 240px;
    z-index: 1;
    text-align: left;
}

    .dropdown-content a {
        color: #ffffff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.important {
    font-weight: bold;
}

.dropdown-content a:hover {
    background-color: #36a5b5
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #0e8b9d;
}

.ProductBoxLink {
    background: #f7f7f7;
    margin: 5px;
    float: left;
    vertical-align: middle;
    height: 182px;
    min-width: 230px;
    max-width: 230px;
    border-radius: 10px;
    cursor: pointer;
}
.ProductBoxLink:hover{
    filter: drop-shadow(2px 2px rgba(0,0,0,.6));
}

.MegaMenuLinkText {
    text-align: center;
    color: #000000;
    font-weight: bold;
}

    .MegaMenuLinkText img {
        margin-bottom: 10px;
        border-radius: 5px;
    }

#sub-menu-bar {
    background: #36a5b5;
    color: #ffffff;
    font-size: 12px;
}

#sub-menu-bar-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0px 10px;
    text-align: center;
}

    #sub-menu-bar-content a {
        display: block;
        padding: 11px 52px;
    }

        #sub-menu-bar-content a:hover {
            display: block;
            padding: 11px 52px;
        }

    #sub-menu-bar-content li {
        display: inline-block;
    }

        #sub-menu-bar-content li a:hover {
            background: #0e8b9d;
        }

.submenu-item-normal-link a {
    color: #ffffff;
    text-decoration: none;
}

    .submenu-item-normal-link a:hover {
        color: #ffffff;
        text-decoration: none;
        background: #0e8b9d;
    }
