﻿/* Common styles for both menus */
#guiSiteMenu  ul.siteMenu
{
}
#guiSiteMenu ul.siteMenu li
{
	padding: 0 0 0 5px;

	background-repeat: no-repeat;
}
#guiSiteMenu ul.siteMenu li a
{
	display: block;
	height: 20px;
	line-height:20px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

#guiSiteMenu ul.siteMenu li.section a
{
	height: 20px;
}

#guiSiteMenu ul.siteMenu li a.active
{
	background-image: url('../images/menuCollapse.gif');
}

/* Extra menu - Newsletter */
ul#menuExtra
{
	margin-top: 10px;
}
    ul#menuExtra li
    {
	    height: 26px;
	    background-image: url('../images/menuExtraItemBg.png');
    }
        ul#menuExtra li a:hover
        {
            text-decoration:none;
            color:#666666;
        }
        
        
/* ContentManager menu - Magasinet */
#menuContentManager
	{
		position:relative;
		z-index:100;
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	#menuContentManager > li
		{
			background-image:url(../images/menuItemLastBg.png);
			background-repeat:no-repeat;
			padding-left:5px;
			margin-top: 15px;
		}
		#menuContentManager > li:hover > a
			{
				background-image:url(../images/menuExpand.gif);
				background-position:95px center;
				background-repeat:no-repeat;
			}
		
	#menuContentManager li
		{
			position:relative;
		}		
	#menuContentManager a
		{
			display:block;
			color:#ffffff;
			font-size:12px;
			line-height:20px;
			text-decoration: none;
		}		
	#menuContentManager li li:hover 
		{
			color: #ffffff;
			background-image:url(../images/optionsBg.png);
			text-decoration:none;
			background-repeat:repeat-x;
		}
		#menuContentManager > li > div > ul > li:hover > a
		{
			background-image: url('../images/menuExpand.gif');
			background-position: 155px center;
			background-repeat: no-repeat;
		}
		#menuContentManager > li > div > ul > li > ul li:hover  
		{
			background-image: none;
		}
		#menuContentManager > li > div > ul > li > ul a:hover 
		{
			color:#B5D928;
			background-image: none;
		}
	#menuContentManager > li > div
		{
			display:none;
			background-color:#000000;
			background-image:url(../images/optionsBg.png);
			background-repeat:repeat-x;
			position:absolute;
			top:0px;
			left:105px;
			width:auto;
			padding-top:20px;
			filter: alpha(opacity=90);
			opacity: 0.98;
		}
		#menuContentManager > li:hover > div
			{
				display:block;
			}
		#menuContentManager > li > div > ul > li
			{
				width:160px;
				position: relative;
				background-color:#393836;
			}
			#menuContentManager > li > div > ul > li > a
				{
					padding: 3px 10px 0px 10px;
					height:20px;
					line-height: 12px;
				}
			#menuContentManager > li > div > ul > li > ul
				{
					display:none;
					margin-bottom:30px;
					position: absolute;
					left: 160px;
					background-color: Black;
					filter: alpha(opacity=90);
					opacity: 0.92;
					margin-top: -23px;
					width: 220px;
					padding-top: 20px;
					background-image: url("/modulecommon/images/optionsBg.png");
					background-repeat: repeat-x;
				}
				#menuContentManager > li > div > ul > li:hover > ul
				{
					display:block;
				}
			#menuContentManager > li > div > ul > li > ul > li
				{
					display:block;
					padding:0px 10px 10px 10px;
				}
				#menuContentManager > li > div > ul > li > ul > li a
					{
						line-height: 12px;
						padding-top:5px;
					}
				
/* ContentManager menu - Magasinet END */	

/* Category menu - Handle START */			
				
				
.XXLMenu
	{
		position:relative;
		margin:0px;
		padding:0px;
		list-style-type:none;
		background-color:#000000;
		list-style-type:none;
		list-style:none;
		z-index:40;
	}
	/* Felles for alle element */
	.XXLMenu li
		{
			position:relative;
			line-height: 20px;
			display:block;
			padding:0px 0.5em 0px 0.5em;
			font-size: 12px;
		}
		.XXLMenu li:hover		
			{	
				z-index:100;			
				background-image:url(../images/menuItemBg.png);
				background-repeat:repeat-x;	
				line-height: 20px;	
				background-color:#000000;		
			}
			.XXLMenu li.categoryMenuAction:hover > a
				{
					background-image: none;
				}
			.XXLMenu li:hover > a
				{
					background-image: url('../images/menuExpand.gif');
					background-position:right center;
					background-repeat:no-repeat;
					text-decoration: none;
				}
			.XXLMenu li:hover > ul /* Åpner neste nivå */
				{
					display:block;
				}
		/* "showAll" */		
		.XXLMenu li.showAll		
			{				
				background-image:url(../images/optionsBg.png) !important;
				background-repeat:repeat-x;	
				line-height:20px;		
				height:20px;	
			}
			
			.XXLMenu li.showAll:hover > a
				{
					background-image:none;
					color:#ffffff;
					height:20px;
				}
	.XXLMenu a
		{
			color:#ffffff;
			display:block;
		}
	.XXLMenu .content,  .XXLMenu .content:hover
		{
		    color:White; 
		    font-size:12px;
			background-color: Transparent;
			background-image: url("../images/greenbg.gif");
			background-position:0px 0px;
		}
		
    .XXLMenu .seeMore, .XXLMenu .seeMore:hover
        {
            background-position:0px -21px;
        }

    .XXLMenu .seeLess, .XXLMenu .seeLess:hover
        {
            background-position:0px -42px;
        }        
		
		
	/* Alle undernivå */	
	.XXLMenu li ul
		{
			display:none;
			position:absolute;
			top:0px;
			left:76px;
			padding-left:30px;
			width:190px;/*160px*/
			background-image:url(/Modulecommon/images/transp_100x100.png);
			background-position:left top;
			background-repeat:no-repeat;
			
		}
	/* Niv 2 */				
	.XXLMenu > li > ul > li
		{
			background-image:url(/modulecommon/images/background_menu_level_2.png);
			background-repeat:repeat;
		}
		.XXLMenu > li > ul > li:hover		
			{				
				background-image:url(../images/optionsBg.png);
				background-repeat:repeat-x;				
			}	
	/* Niv 3 */		
	.XXLMenu > li > ul > li > ul
		{
			left:160px;
			width:190px;/*160px*/
		}			
	.XXLMenu > li > ul > li > ul > li
		{ 
			background-image:url(/modulecommon/images/background_menu_level_3.png);
			background-repeat:repeat;
		}	
		.XXLMenu > li > ul > li > ul > li:hover
			{
				background-image:none;
			}
			.XXLMenu > li > ul > li > ul > li:hover a
				{
					background-image:none;
					color:#B5D928;
				}
/* Category menu - Handle END */
