﻿#MenuLink { display: none; }

#Menu {
    width: auto;
    height: 40px;
    float: right;
    margin: 12px 15px 0 0;
    padding: 0;
    position: relative;
    }
    .ie7 #Menu { 
        position: absolute;
        right: 110px;
        }

    #Menu li {
        float: left;
        list-style: none;
        margin: 0 13px 0 0;
        padding: 0;
        list-style-image: none;
        list-style-type: none;
        }
        
    #Menu li.last { margin-right: 0; }

    #Menu li.expandable, #Menu li.expanded { 
        background: url("images/icon_menu_expandable.jpg") no-repeat scroll right 5px transparent;
        padding-right: 17px;
        }
        #Menu li.expanded { background-image: url('images/icon_menu_expanded.jpg'); }
        
        #Menu a {
            color: #475f6e;
            font-size: 1.3em;
            line-height: 1.4em;
            white-space: nowrap;
            display: block;
            font-weight: normal;
            font-family: 'HelveticaNeueLTPro-Lt', 'Helvetica Neue', Arial;
            }
    
            /* MENU Level 2 */
            #Menu .level2 {
                display: none;
                position: absolute;
                left: 0;
                z-index: 10;
                margin-top: 42px;
                }

            #Menu .level2 li { 
                float: none; 
                margin: 0;
                display: inline-block;
                border-right: 1px solid #d2d2d2;
                }
                
            #Menu .level2 li.last { border-right: 0; }
                    
                #Menu .level2 a {
                    color: #828282;
                    font-size: 1em;
                    line-height: 1em;
                    padding: 5px 10px;
                    }
                    
                #Menu .level2 .expandable, #Menu .level2 .expanded { 
                    background: none; 
                    padding-right: 0;
                    }
                        
                #Menu .level2 .expandable > a { background: url(images/icon_menu_level2_expandable.png) 95% 50% no-repeat; }
                    
                #Menu .level2 .expanded > a { background: url(images/icon_menu_level2_expanded.png) 95% 50% no-repeat; }
                
                /* MENU Level 3 */
                #Menu .level3 {  
                    display: none;
                    z-index: 10;
                    background-color: #ebebeb;
                    }
                        
                    #Menu .level3 a { padding: 10px 10px 10px 40px;}

#SubMenuBackground {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #d2d2d2;
    background-color: #fff;
    -webkit-transition: height 0.5s;
       -moz-transition: height 0.5s;
         -o-transition: height 0.5s;
            transition: height 0.5s;
}

/* MOBILE LANDSCAPE */
@media only screen and (max-width: 960px) {

	#SearchBox { display: none; }
		
	#MenuLink {
	    display: block;
	    clear: both;
	    color: #fff;
        font-size: 1.3em;
        line-height: 1.2em;
        white-space: nowrap;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        background: #f5822b url("images/bg_menu.png") repeat-x scroll bottom center;
        width: 95%;
        position: absolute;
        top: 0;
	    }
	#MenuLink:hover { text-decoration: none; }
	
	    #MenuLink span {
	        background: url("images/icon_menu_expand.png") no-repeat scroll left center;
	        text-indent: 20px;
	        display: block;
	        }
		
	#Menu {
	    width: 99%;
	    height: auto;
	    display: none;
	    position: absolute;
	    top: 38px;
	    z-index: 10;
	    background-color: #fff;
	    border-bottom: 1px solid #d2d2d2;
	    margin-top: 0;
	    }
	    
	    #Menu li {
	        float: none;
	        position: static;
	        border-style: solid;
            border-color:  #d2d2d2;
            border-width: 1px 1px 0 1px;
            width: 100%;
	        }
	    
	    #Menu li.expandable, #Menu li.expanded { 
	        padding-right: 0; 
	        background-position: 95% 12px;
	        }
	        
	        #Menu li a { 
	            padding: 8px 2%; 
	            display: block;
	            }
	        
	        /* MENU LEVEL 2 */
	        #Menu .level2 {
	            position: static;
	            border: 0;
	            margin-top: 0;
	            }
	            
	              #Menu li li {
	                border-style: solid;
                    border-color:  #d2d2d2;
                    border-width: 1px 0 0 0;
	                }

    #SubMenuBackground { display: none; }
	
}/* /LESS THAN FULLWIDTH */
@media only screen and (max-width: 790px) {
    #HeaderMenuChatLink {
        display: none !important;
    }
}