/* Starter CSS for Flyout Menu */
#cssmenu {
    padding: 0;
    margin: 0;
    border: 0; }

#cssmenu ul, #cssmenu li {
    list-style: none;
    margin: 0;
    padding: 0 2px 0 0;
}

#cssmenu ul {
    position: relative;
    z-index: 597;
    float: left; }

#cssmenu ul li {
    float: left;
    min-height: 1px;
    line-height: 1.5em;
    vertical-align: middle; }

#cssmenu ul li.hover,
#cssmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default; }

#cssmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 100%; }

#cssmenu ul ul li {
    float: none; }

#cssmenu ul ul, #cssmenu ul ul ul {
    top: -1px;
    left: 99%; }

#cssmenu ul li:hover > ul {
    visibility: visible; }

#cssmenu ul li {
    float: none; }

#cssmenu a, #cssmenu span {
    display: block; }

/* Custom CSS Styles */
#cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; }

#cssmenu ul li {
    position: relative; }

#cssmenu ul ul {
    background-color: #fff;
    width: 275px; }

#cssmenu ul ul ul{
    background-color: #fff;
    width: 175px; }

#cssmenu a, #cssmenu span {
    padding: 8px 10px; }

#cssmenu a:link, #cssmenu a:visited {
    text-decoration: none; }

#cssmenu a:hover, #cssmenu span:hover {
    background-color: #BBBBBB;
    color: #FFF;  }

#cssmenu a:active, #cssmenu span:active {
    color: #ffa500; }

#cssmenu .has-sub:hover > a:after,
cssmenu .has-sub.hover > a:after
#cssmenu .has-sub:hover > span:after,
cssmenu .has-sub.hover > span:after {
    border-color: transparent transparent transparent #FFF; }

#cssmenu .has-sub > a:after, #cssmenu .has-sub > span:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #808080;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -4px;
    -webkit-transform: rotate(360deg); }

li.active {
    /*background-color: #E0E0E0;*/
}

.menu-horizontal > ul  {
    width: 100%;
}

.menu-horizontal > ul > li  {
    float: left !important;
}

.menu-horizontal > ul > li > ul {
    top: 99% !important;
    left: 0% !important;
}

.menu-horizontal:after,.menu-horizontal ul:after {
    display: inline !important;
}

.menu-horizontal > ul > li > a:after, .menu-horizontal > ul > li > span:after  {
    content: none !important;
}

.submenu-pull-left {
    left: auto !important;
    right: 100% !important;
}