/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-emcorvia > li > a { ... } instead of .sm-emcorvia a { ... }
---------------------------------------------------------------*/
/* EMCOR Via Colors */
/* Menu box
===================*/
.sm-emcorvia,
.sm-emcorvia ul {
    background: #6d6e70;
    color: #ffffff;
    font-weight: bold;
}

/* Menu items
===================*/

.sm-emcorvia a {
    border: 1px solid #6d6e70;
    color: #ffffff;
    line-height: 16px;
    padding: 3px 8px;
    text-decoration: none;
    /*border: 1px solid #ffffff;*/
}

.sm-emcorvia a:visited { color: #ffffff; }

/* current items - add the class manually to some item or check the "markCurrentItem" script option */

.sm-emcorvia a.current,
.sm-emcorvia a.current:hover,
.sm-emcorvia a.current:focus,
.sm-emcorvia a.current:active {
    background-color: #8cc63c;
    border-color: #6d6e70;
    color: #404041;
}

.sm-emcorvia a:hover,
.sm-emcorvia a:focus,
.sm-emcorvia a:active,
.sm-emcorvia a.highlighted {
    background: #404041 !important;
    border: 1px solid #6d6e70 !important;
    border-bottom: 1px solid #8cc63c !important;
    color: #8cc63c !important;
    font-weight: bold !important;
}

.sm-emcorvia a.has-submenu { padding-right: 18px; }

.sm-emcorvia ul a.has-submenu,
.sm-emcorvia-vertical a.has-submenu { padding-right: 18px; }

/* Sub menu indicators
===================*/

.sm-emcorvia a span.sub-arrow {
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: -5px;
    top: 50%;
    width: 16px;
}

.sm-emcorvia ul a span.sub-arrow,
.sm-emcorvia-vertical a span.sub-arrow { right: -5px; }

/* Items separators
===================*/

.sm-emcorvia li { border-left: 1px solid #6d6e70; }

.sm-emcorvia li:first-child { border-left: 0; }

.sm-emcorvia ul li,
.sm-emcorvia-vertical li {
    border-left: 0;
    border-top: 1px solid #6d6e70;
}

.sm-emcorvia ul li:first-child,
.sm-emcorvia-vertical li:first-child { border-top: 0; }

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

.sm-emcorvia span.scroll-up,
.sm-emcorvia span.scroll-down {
    background: #ffffff;
    border: solid #9b9b9b;
    border-width: 1px 0;
    display: none;
    height: 22px;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    /* width and position will be automatically set by the script */
}

.sm-emcorvia span.scroll-up-arrow,
.sm-emcorvia span.scroll-down-arrow {
    border-color: transparent transparent #6d6e70 transparent;
    /* tweak size of the arrow */
    border-style: dashed dashed solid dashed;
    border-width: 8px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width: 0;
}

.sm-emcorvia span.scroll-down-arrow {
    border-color: #6d6e70 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    top: 6px;
}