/************************************************
		NAVIGATIONMENU CONTROL
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 28/02/2013


        NB: DO NOT MODIFY THIS DOCUMENT. APPLY
        OVERRIDES IN STYLE.CSS with !important rule
	************************************************/
	
   .navigationMenu { list-style-type: none; background-color: transparent; color: #fff; height: 48px; line-height: 48px; font-size: inherit; margin: 0px; float: left; padding: 0px; width: 100%; }
	    .js .navigationMenu { overflow: hidden; }
        .navigationMenu li { background-repeat: no-repeat !important; background-position: 10px 16px; padding: 0px; display: block; }
        .navigationMenu li img { display: none; }
        
		.navigationMenu > li { margin: 0 0 0 0px; float: left; /*height: 2em;*/ }
		    .navigationMenu > li:first-child { margin-left: 0px !important; }
		    .navigationMenu li:hover { background-color: #79c3b6; color: #fff; }
		
		.navigationMenu a { display: block; text-decoration: none; padding: 0 10px; color: inherit; height: 48px; line-height: 48px; vertical-align: middle; outline: 0 }

			/* flexMenu styles */
			.flexMenu-viewMore { position: absolute; right: 0px; }
			.flexMenu-viewMore > a { background-color: #666; font-weight: bold;  margin: 0px !important;  }
			.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover { background-color: #79c3b6;  }
			
			.flexMenu-popup { list-style-type: none; padding: 10px; background-color: #79c3b6; color: #fff; margin: 0; z-index: 1000 !important; right: 0px; }
			    
			    /* position override for when all in */
			    .flexMenu-viewMore.flexMenu-allInPopup, .flexMenu-viewMore.flexMenu-allInPopup .flexMenu-popup { right: auto; }
			        
			
			    .flexMenu-popup li { display: block; white-space:nowrap; }
			    .lt-ie8 .flexMenu-popup {  }
			    .flexMenu-popup a { display: block; padding: 0px;  padding: 0px 4px; }
			    .flexMenu-popup a:hover { background-color: inherit; color: #fff; display: block; }	
			
		/* Special for dropdown support */			
		.navigationMenu { overflow: hidden; }
		.navigationMenu li.root ul.sub { display: none; list-style: none; padding: 10px 0px !important; margin: 0px !important; width: auto; height: auto; background-color: #79c3b6; color: #fff; position: absolute; top: 48px; z-index: 1000;  }
		    .navigationMenu li.root ul.sub li:hover, .flexMenu-popup li:hover { background-color: rgba(0,0,0,0.5); }
		
		/* .navigation li.top:hover ul.sub { display: block; } */
		
		.flexMenu-popup li.root ul.sub  { display: none; position: relative;  top: auto; left: 0; overflow: hidden; }		 			
            
                
        /* link types */
        .urlItem { background-image: url(/images/menu/mnuUrl.png); text-indent: 30px !important; }
        .articleItem { background-image: url(/images/menu/mnuArticle.png); text-indent: 30px !important; }
        .collectionItem { background-image: url(/images/menu/mnuFolder.png); text-indent: 30px !important; }
        .galleryItem { background-image: url(/images/menu/mnuGallery.png); text-indent: 30px !important; }
        .userAccountItem { background-image: url(/images/menu/mnuUSer.png); text-indent: 30px !important; }

   
        /* Vertical Menu setup and overrides */
        ul.navigationMenu.vertical {  width: auto; height: auto; overflow: visible; }
            ul.navigationMenu.vertical li.root { display: block; width: 100%; min-width: auto; border-radius: 6px; position: relative; }
            ul.navigationMenu.vertical li.root ul { left: 98%; top: -5px; border-radius: 6px; }
                ul.navigationMenu.vertical li.root ul li { }