﻿@media screen {
    ul.topmenu
    {
        width: auto;
        list-style: none;
        margin: 0 0 0 7px;
    }
    ul.topmenu ul
    {
        padding: 0;
    }

    ul.topmenu li
    {
        float: left;
        list-style: none none;
        position: relative;
    }
    

    ul.topmenu li.root
    {
        line-height: 39px;
        height: 45px;
        display: block;
        text-align: left;
        margin: 0 10px 0 0;
        /*z-index:2000;*/
   }
   
   ul.topmenu li.root div.topmenuitem { z-index: 2000; }
   ul.topmenu li.root div.topmenuitem * { z-index: auto; }
 
    ul.topmenu li.root span
    {
        display: block;
        margin: 0 15px 0 0;
        padding: 3px 0 3px 15px;
    }
    ul.topmenu li.root span.none
    {
        display: inline;
        margin: 0;
        padding: 0;
    }
    ul.topmenu li.root > span
    {
        color: #ffffff;
        font-size: 14px;
        cursor: pointer;
    }

    ul.topmenu li.root a
    {
        color: #ffffff;
    }
    ul.topmenu li.root a:hover
    {
        color: #ffffff;
        text-decoration: none;
        background: #606060;
    }
    ul.topmenu li.root a:hover span
    {
    }

    ul.topmenu li.root img.mmArrow
    {
        margin-left: 5px;
    }

    body ul.topmenu li.mmItemHover a, body ul.topmenu li.mmItemHover a:hover
    {
        color: #ffffff;
        background-color: #606060;
        position: relative;
        /*z-index: 1230;*/
    }
    body ul.topmenu li.mmItemHover a span, body ul.topmenu li.mmItemHover a:hover span
    {
    }

    ul.topmenu li a
    {
        display: inline-block;
    }

    ul.topmenu li:hover a, ul.topmenu li a:hover
    {
    }

    ul.topmenu li .topmenuitem
    {
        position: absolute;
        top: 45px;
        left: 0px;
        /*z-index: 1200;*/
        float: left;
        display: none; /*--Hidden with js turned off--*/
        background: #606060;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    ul.topmenu li .topmenuitem *
    {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    ul.topmenu .topmenuitem .1stlevel
    {
        display: block;
        border-top: 0;
        border-bottom: 0;
        min-height: 135px;
    }

    /*--Sub nav heading style--*/
    ul.topmenu .topmenuitem ul li.category
    {
        margin: 10px 0 10px 0;
        border-right: 1px solid #cccccc;
    }
    ul.topmenu .topmenuitem ul li.category > span
    {
        font-size:1.1em;
        line-height:1.1em;
        /*border-bottom:1px solid #fff;*/
        color:#ddd;
    }
    ul.topmenu .topmenuitem ul li.mmLast
    {
        background: none;
    }
    ul.topmenu .topmenuitem ul li.mmRightColumn
    {
        background: none;
    }
    ul.topmenu .topmenuitem ul li.category a, ul.topmenu .topmenuitem ul li.category a span
    {
        background: none;
        height: auto;
    }

    ul.topmenu li.category
    {
        display: block;
        width: 180px;
        float: left;
        font-weight: 600;
        font-size: 12px;
    }

    ul.topmenu li.category > span
    {
        min-height: 35px;
    }

    ul.topmenu li.category a
    {
        display: block;
        padding: 0;
        margin: 0;
    }
    ul.topmenu li.category a span
    {
        display: block;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 0;
    }
    ul.topmenu li.category a:hover span
    {
        color: #CD071E;
    }

    ul.topmenu li.category ul
    {
        padding: 8px 0 0 0;
        font-weight: normal;
    }

    ul.topmenu li.category li.leaf, ul.topmenu li.category li.mmLast
    {
        clear: left;
        float: none;
        position: static;
        padding: 0;
        margin: 0;
    }
    ul.topmenu li.category li.leaf a span
    {
        border: 0;
        line-height: 1.05em;
        margin-bottom: 0.8em;
    }

    ul.topmenu img.mmIcon
    {
        max-height: 24px;
        margin-right: 5px;
        vertical-align: middle;
    }
    ul.topmenu li.root > a > span img.mmIcon
    {
        height: 16px;
    }
}