﻿#cssvmenu {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
}

    #cssvmenu ul,
    #cssvmenu ul li,
    #cssvmenu ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #cssvmenu ul {
        position: relative;
        z-index: 597;
        float: left;
    }

        #cssvmenu ul li {
            float: left;
            min-height: 1px;
            line-height: 1em;
            vertical-align: middle;
            position: relative;
        }

            #cssvmenu ul li.hover,
            #cssvmenu ul li:hover {
                position: relative;
                z-index: 599;
                cursor: default;
            }

        #cssvmenu ul ul {
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0px;
            z-index: 598;
            width: 100%;
        }

            #cssvmenu ul ul li {
                float: none;
            }

            #cssvmenu ul ul ul {
                top: -2px;
                right: 0;
            }

        #cssvmenu ul li:hover > ul {
            visibility: visible;
        }

        #cssvmenu ul ul {
            top: 1px;
            left: 99%;
        }

        #cssvmenu ul li {
            float: none;
        }

        #cssvmenu ul ul {
            margin-top: 1px;
        }

            #cssvmenu ul ul li {
                font-weight: normal;
            }
/* Custom CSS Styles */
#cssvmenu {
    width: 200px;
   background-image:repeating-linear-gradient(#2a0303, #15782f);
    font-family: Tahoma, Arial, sans-serif;
    zoom: 1;
    font-size: 12px;
}

    #cssvmenu:before {
        content: '';
        display: block;
    }

    #cssvmenu:after {
        content: '';
        display: table;
        clear: both;
    }

    #cssvmenu a {
        display: block;
        padding: 15px 20px;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
    }

    #cssvmenu > ul {
        width: 200px;
    }

    #cssvmenu ul ul {
        width: 200px;
    }

    #cssvmenu > ul > li > a {
        border-right: 4px solid #D50000;
        color: #ffffff;
    }

        #cssvmenu > ul > li > a:hover {
            color: #ffffff;
        }

    #cssvmenu > ul > li.active a {
        background: #F44336;
    }

    #cssvmenu > ul > li a:hover,
    #cssvmenu > ul > li:hover a {
        background: #4b0606;
    }

    #cssvmenu li {
        position: relative;
    }

    #cssvmenu ul li.has-sub > a:after {
        content: '+';
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -6px;
    }

    #cssvmenu ul ul li.first {
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
    }

    #cssvmenu ul ul li.last {
        -webkit-border-radius: 0 0 3px 0;
        -moz-border-radius: 0 0 3px 0;
        border-radius: 0 0 3px 0;
        border-bottom: 0;
    }

    #cssvmenu ul ul {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    #cssvmenu ul ul {
        border: 1px solid #D50000;
    }

        #cssvmenu ul ul a {
            font-size: 12px;
            color: #ffffff;
        }

            #cssvmenu ul ul a:hover {
                color: #ffffff;
            }

        #cssvmenu ul ul li {
            border-bottom: 1px solid #B71C1C;
        }

            #cssvmenu ul ul li:hover > a {
                background: #B71C1C;
                color: #ffffff;
            }

    #cssvmenu.align-right > ul > li > a {
        border-left: 4px solid #d50000;
        border-right: none;
    }

    #cssvmenu.align-right {
        float: right;
    }

        #cssvmenu.align-right li {
            text-align: right;
        }

        #cssvmenu.align-right ul li.has-sub > a:before {
            content: '+';
            position: absolute;
            top: 50%;
            left: 15px;
            margin-top: -6px;
        }

        #cssvmenu.align-right ul li.has-sub > a:after {
            content: none;
        }

        #cssvmenu.align-right ul ul {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: -100%;
            z-index: 598;
            width: 100%;
        }

            #cssvmenu.align-right ul ul li.first {
                -webkit-border-radius: 3px 0 0 0;
                -moz-border-radius: 3px 0 0 0;
                border-radius: 3px 0 0 0;
            }

            #cssvmenu.align-right ul ul li.last {
                -webkit-border-radius: 0 0 0 3px;
                -moz-border-radius: 0 0 0 3px;
                border-radius: 0 0 0 3px;
            }

        #cssvmenu.align-right ul ul {
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
        }
