﻿/*--------- StandardMenu style ----------*/
#standardMenu { position: relative; }
    #standardMenu ul { list-style: none; margin: 0; padding: 0; }
    #standardMenu li { position: relative; display: block; float: right; margin: 0; list-style: none; }
        #standardMenu li.lampback { position: absolute; top: 0; z-index: 8; background: #3a3a3a; width: 100%; height: 90px; border-top: solid 4px #36bddd; }
            #standardMenu li.lampback .lampleft { position: absolute; top: 0; left: 45%; z-index: 100; }
                #standardMenu li.lampback .lampleft .lampcenter { height: 0; width: 0; border-top: 6px solid #36bddd; border-left: 5px solid #3a3a3a; border-right: 5px solid #3a3a3a; }

    #standardMenu .rootMenu li a { display: block; position: relative; float: none; z-index: 10; cursor: pointer; text-decoration: none; }
        #standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration: none; }

        #standardMenu .rootMenu li a span { display: block; padding: 0 10px; height: 40px; line-height: 40px; color: #fff; white-space: nowrap; font-size: 14px; font-weight: normal; text-transform: none; }
        #standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { color: #ffba00; }

    /*-- submenu --*/
    #standardMenu .subMenu { position: absolute; right: 0; width: 180px; top: 100%; z-index: 1210; display: none; padding: 0; border-top: 3px solid #ce7e20; }
    #standardMenu .rootMenu li.rmHover .subMenu { display: block; }
    #standardMenu .subMenu ul { margin: 0; padding: 0; position: relative; z-index: 1200; background: #fff; background: rgb(255, 255, 255); border: 1px solid #fff; border: 1px solid rgba(200,200,200,.3); }
    #standardMenu .subMenu li { float: none; clear: both; background: none; width: 100%; padding: 0; *margin-bottom: -3px; }
        #standardMenu .subMenu li.item a { border: none; border-bottom: 1px solid #666; border-bottom: 1px solid rgba(64, 59, 59, 0.15); padding: 0; margin: 0; background: none; }
        #standardMenu .subMenu li.last > a { border-bottom: none; }
        #standardMenu .subMenu li.item a span { display: block; background: none; font-size: 14px; color: #000; font-weight: normal; white-space: normal; height: auto; line-height: 1.5em; padding: 10px 15px 10px 15px; text-transform: none; margin: 0; border: none; text-align: right; }
        #standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { cursor: pointer; color: #ce7e20; }
    #standardMenu .subMenu .subarrow { background: url(../images/menu-arrow01.gif) no-repeat; position: absolute; left: 0; top: 15px; width: 15px; height: 7px; z-index: 9999; }
    #standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow { background: url(../images/menu-arrow02.gif) no-repeat; }

    #standardMenu ul li ul li ul { display: none; width: 180px; margin: 0; }
        #standardMenu ul li ul li ul.level1 { display: none; position: absolute; right: 178px; top: -1px; }
        #standardMenu ul li ul li ul li ul.level2 { display: none; position: absolute; right: 178px; top: -1px; }
        #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; position: absolute; right: 178px; top: -1px; }
        #standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block; position: absolute; right: 178px; top: -1px; }

    #standardMenu img.mmIcon { max-height: 24px; margin-right: 7px; vertical-align: middle; }
    #standardMenu img.rootIcon { max-height: 40px; margin-left: 7px; margin-right: -10px; vertical-align: middle; }
.mega-menu { background: #fff;box-shadow:0 10px 20px 0 rgba(36,50,56,0.3); position: absolute; min-height: 100px; z-index: 9; right: 0; margin:auto;overflow: hidden; display: none; padding: 35px 0 35px 0; top: 100%; }
span.close-menu { position: relative; top: 35px; left: 15px; font-size: 24px; cursor: pointer; z-index: 10; float: left; }
#standardMenu li.opened a span { color: #ffbc01; }

#standardMenu li.opened:after { content: ""; position: absolute; left: 50%; bottom: 0; transition: all 0.5s linear; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; transform: translate(-50%,0%); }
