﻿/*
	MAIN MENU STYLESHEET FOR SKI.DK
	all rights reserved
	
	VERSION: 		0.9
	LAST MODIFIED:	27-MAR-2007
	MODIFIED BY:	MSA
	
	LOADED FROM:	master.css
*/

/* MAIN MENU */
#mainmenu
	{
		background-image: url(/Style Library/Images/SKI/bg_mainmenu.gif);
		list-style: none;
		background-repeat: repeat-x;
		margin: 0 20px;
		clear: both;
		height: 40px;
		
	}
	
	#mainmenu li, #globalnav li {
		float: left;
		display:inline;
		position: relative;
	}
	
	#mainmenu li ul {			/* the dropdown menus */
		position: absolute; 
		top: 31px;
		left: -9999px;
		width: 176px;
	}
	
	
	#mainmenu li:hover ul, #mainmenu li.sfhover ul {		/* show the dropdown menu */
		left: 0;
	}
	
	#mainmenu li:hover {
		z-index: 202;
	}	
	
	#mainmenu li ul {
		padding: 5px 0;
		border-bottom: 1px solid #fff;
	}
	
	#mainmenu li a {			/* menu links */
		display: inline;
		float: left;
	}
	
	#mainmenu li ul a {			/* dropdown menu links */
		padding: 3px 8px;
		color: #fff;
		text-decoration: none;
		width: 160px;
	}
	
	/* MENU 1 */
	#mainmenu li.menu1 img {
		border-bottom: 6px solid #d2dcdc;
	}
	
	#mainmenu li.menu1:hover img,
	#mainmenu li.menu1 img.sfhover {
		border-bottom: 6px solid #668686;
	}
	
	#mainmenu li.menu1 ul {
		background-color: #668686;
	}
	
	#mainmenu li.menu1 li {
		border-bottom: 1px solid #729393;
	}
	
	#mainmenu li.menu1 ul li a:selected,
	#mainmenu li.menu1 ul li a:hover {
		background-color: #4a6565;
	}
		
	/* MENU 2 */
	#mainmenu li.menu2 img {
		border-bottom: 6px solid #c5d2da;
	}
	
	#mainmenu li.menu2:hover img,
	#mainmenu li.menu2 img.sfhover {
		border-bottom: 6px solid #3a667f;
	}
	
	#mainmenu li.menu2 ul {
		background-color: #3a667f;
		
	}
	#mainmenu li.menu2 li {
		border-bottom: 1px solid #4e798d;
	}
	
	#mainmenu li.menu2 ul li a.selected,
	#mainmenu li.menu2 ul li a:hover {
		background-color: #2a4a5d;
	}
	
	/* MENU 3 */
	#mainmenu li.menu3 img {
		border-bottom: 6px solid #f9c6ca;
	}
	
	#mainmenu li.menu3:hover img,
	#mainmenu li.menu3 img.sfhover {
		border-bottom: 6px solid #e83e49;
	}
	
	#mainmenu li.menu3 ul {
		background-color: #e83e49;
	}
	#mainmenu li.menu3 li {
		border-bottom: 1px solid #eb5963;
	}

	
		
	#mainmenu li.menu3 ul li a.selected,
	#mainmenu li.menu3 ul li a:hover {
		background-color: #db1b1f;
	}
	
	/* MENU 4 */
	#mainmenu li.menu4 img {
		border-bottom: 6px solid #fbd3c5;
	}
	
	#mainmenu li.menu4:hover img,
	#mainmenu li.menu4 img.sfhover {
		border-bottom: 6px solid #f2683b;
	}
	
	#mainmenu li.menu4 ul {
		background-color: #f2683b;
	}
	
	#mainmenu li.menu4 li {
		border-bottom: 1px solid #f47d57;
	}
	
	#mainmenu li.menu4 ul li a.selected,
	#mainmenu li.menu4 ul li a:hover {
		background-color: #ee4c2b;
	}
	
	/* MENU 5 */
	#mainmenu li.menu5 img {
		border-bottom: 6px solid #e6eed3;
	}
	
	#mainmenu li.menu5:hover img,
	#mainmenu li.menu5 img.sfhover {
		border-bottom: 6px solid #abc46c;
	}
	
	#mainmenu li.menu5 ul {
		background-color: #abc46c;
	}
	
	#mainmenu li.menu5 li {
		border-bottom: 1px solid #b7cc81;
	}
	
	#mainmenu li.menu5 ul li a.selected,
	#mainmenu li.menu5 ul li a:hover {
		background-color: #94b44f;
	}
	
	/* MENU 6 */
	#mainmenu li.menu6 img {
		border-bottom: 6px solid #dbe3d4;
	}
	
	#mainmenu li.menu6:hover img,
	#mainmenu li.menu6 img.sfhover {
		border-bottom: 6px solid #839e6a;
	}
	
	#mainmenu li.menu6 ul {
		background-color: #839e6a;
	}
	
	#mainmenu li.menu6 li {
		border-bottom: 1px solid #89a77d;
	}
	
	#mainmenu li.menu6 ul li a.selected,
	#mainmenu li.menu6 ul li a:hover {
		background-color: #61854d;
	}
	
	
	#mainmenu li.menu1 a.selected img,
	#mainmenu li.menu2 a.selected img,
	#mainmenu li.menu3 a.selected img,
	#mainmenu li.menu4 a.selected img,
	#mainmenu li.menu5 a.selected img,
	#mainmenu li.menu6 a.selected img {			/* hide border from level1 images */
		border: none;
	}
	
	#mainmenu li li.last {			/* hide border from last element in dropdown */
		border: none;
	}

