#header,
#container {
	width: 983px;
}

/* !menu */
.mainMenu {
	position: relative;
	height: 30px;
	overflow: hidden;
}

	.mainMenu li {
		float: left;
		height: 30px;
		padding: 0;
		list-style-type: none;
		background: none;
		border-left: 1px solid #fff;
	}

	.mainMenu .m1 {
		border-left: 0;
	}

		.mainMenu a {
			float: left;
			height: 16px;
			margin-top: 6px;
			padding: 6px 10px 2px;
			font-size: 11px;
			line-height: 11px;
			text-transform: uppercase;
			text-decoration: none;
			color: #fff;
			background: #000;
			outline: 0;
		}

			.mainMenu a.active, 
			.mainMenu a:hover,
			.mainMenu .hover a {
				margin-top: 2px;
				text-decoration: none;
				border-top: 4px solid #000;
			}

			.mainMenu .active:hover {
				cursor: default;
			}
		
			.mainMenu .shop a {
				padding-left: 28px;
				background: #000 url(images/menu_shop.png) no-repeat 10px 3px;
			}
		
			.mainMenu .fashion a {
				width: 74px;
				text-indent: -9999em;
				background: #000 url(images/menu_fashion.png) no-repeat 10px 100%;
			}
		
				.mainMenu .fashion .active,
				.mainMenu .fashion .hover {
					background-position: -84px 100%;
				}

		.mainMenu div {
			display: none;
			position: absolute;
			z-index: 2;
			left: 0;
			top: 30px;
			width: 983px;
			height: 26px;
		}

		.mainMenu .active div { display: block; }
		.mainMenu .shown div { z-index: 3; }			
		.mainMenu .hover div { z-index: 4; }

			.mainMenu p {
				float: left;
				display: inline;
				width: 82px;
				margin: 5px -5px 0 10px;
				font: 11px/12px Georgia, Serif;
				text-transform: uppercase;
				display: none;
			}
		
			.mainMenu ul {
				margin: 0 0 0 -1px;
			}

				.mainMenu ul li {
					height: 26px;
					padding-left: 1px;
				}

				.mainMenu ul .first {
					background: none;
				}

					.mainMenu ul a {
						width: auto !important;
						height: 26px;
						margin: 0 !important;
						padding: 0 8px 0 !important;
						line-height: 26px;
						vertical-align: middle;
						color: #000;
						text-indent: 0 !important;
						background: transparent !important;
						border: 0 !important;
						text-transform: none;
						font-size: 1.2em !important;
					}
					
					

					.mainMenu ul a:hover,
					.mainMenu ul a:active,
					.mainMenu ul a:focus,
					.megamenu .column ul a:hover,
					.megamenu .column ul a:active,
					.megamenu .column ul a:focus {
						background: #5C0066 !important;
						color: #FFFFFF;
					}
					
/* Mega Menu start */
.megamenu{
	background-color: #e3cce5;
	color: #5C0066;
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 100;
}

.megamenu .column{
	float: left;
	min-width: 130px;
}

.megamenu .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.megamenu .column ul li {
	width: 100%;
}

.megamenu .column ul a,
.megamenu .column h3 {
	vertical-align: middle;
	color: #000;
	font-size: 1.2em;
 	line-height: 20px;
 	height: 20px;
 	display: block;
 	text-decoration: none;
 	padding-left: 12px;
 	padding-right: 5px;
 	min-width: 130px;
}

.megamenu .column ul li.last a {
	height: 30px;
}


.megamenu .brandsBorder {
	border-right: 1px solid #ffffff;
}

.megamenu .categoriesBorder {
	border-left: 1px solid #ffffff;
}


.megamenu .column h3 span {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 5px;
}

.megamenu .column ul li.viewAll {
	background: transparent url(../images/nav_arrow_small.gif) no-repeat 0 5px;
}

/* Mega Menu end */
					
/* footer */
.mainFooter {
	float: left;
	width: 983px;
	margin: 0 auto;
	padding-top: 145px;
	background: url(images/bottom_default.png) no-repeat;
	border-bottom: 20px solid #000;
}					
					
.mFooter {
	float: left;
	width: 983px;
	background: #fff url(../images/footer.png) repeat-x 0 100%;
}

	.mFooter ul {
		margin: 0;
	}

	.mFooter li {
		float: left;
		width: 205px;
		padding: 20px;
		margin-left: 1px;
		background: none;
	}
	
	.mFooter li:hover,
	.mFooter .hover {
		background: #ffece6 url(../images/footer.png) repeat-x 0 100%;
	}
	
	.mFooter .first {
		margin-left: 0;
	}
	
		.mFooter h2 {
			font: bold 24px/28px 'Times New Roman', Serif;
			font-style: italic;
			margin-bottom: 5px;
		}
	
		.mFooter li li,
		.mFooter li li:hover,
		.mFooter li .hover {
			clear: left;
			padding: 0;
			margin: 0;
			background: none;
		}
		
			.mFooter a {
				float: left;
				padding: 0 2px;
				margin: 2px 4px;
				font-size: 11px;
				line-height: 18px;
				text-transform: uppercase;
				color: #000;
				text-decoration: none;
			}
			
				.mFooter a:hover {
					color: #fff;
					text-decoration: none;
					background: #000;
				}
				
/* black - front */

.mainMenu .m1 .active,
.mainMenu .m1 .hover,
.mainMenu .m1 a:hover {
	background-color: #000;
	border-color: #000 !important;
}

	.mainMenu .m1 p {
		color: #72007f;
	}

	.mainMenu .m1 ul .active,
	.mainMenu .m1 ul a:hover {
		background-color: #5c0066 !important;
	}

.color1 .mainCorner h1,	
.color1 .mainCorner h2,
.color1 .mainCorner .intro,
.color1 .mainCorner a,
.color1 .mainCorner a:hover {
	color: #72007f;
}
	
/* purple - shop */

.mainMenu .m2.active a,
.mainMenu .m2.hover a,
.mainMenu .m2 a:hover {
	background-color: #72007f;
	margin-top: 2px;
	text-decoration: none;
	border-top: 4px solid #72007f;
}

	.mainMenu .m2 p {
		color: #72007f;
	}
	
	.mainMenu .m2 ul .active,
	.mainMenu .m2 ul a:hover {
		background-color: #5c0066 !important;
	}
	
.color2 .mainCorner h1,	
.color2 .mainCorner h2,
.color2 .mainCorner .intro,
.color2 .mainCorner a,
.color2 .mainCorner a:hover {
	color: #72007f;
}

/* brown - nyheder */

.mainMenu .m3 .active,
.mainMenu .m3 .hover,
.mainMenu .m3 a:hover {
	background-color: #845b34;
	border-color: #845b34 !important;
}

	.mainMenu .m3 ul .active,
	.mainMenu .m3 ul a:hover {
		background-color: #583a1d !important;
	}

.color3 .mainCorner h1,	
.color3 .mainCorner h2,
.color3 .mainCorner .intro,
.color3 .mainCorner a,
.color3 .mainCorner a:hover {
	color: #845b34;
}
	
/* pink - fashion */
	
.mainMenu .m4 .active,
.mainMenu .m4 .hover,
.mainMenu .m4 a:hover {
	background-color: #de2c6b;
	border-color: #de2c6b !important;
}

	.mainMenu .m4 ul .active,
	.mainMenu .m4 ul a:hover {
		background-color: #a33f62 !important;
	}
	
.color4 .sideMenu .active {
	color: #de2c6b;
	background-color: #f8d4df !important;
}

.color4 .mainCorner h2, .color4 h1 
.color4 a:hover {
	color: #de2c6b;
}
	
.color4 .mainCorner h1,	
.color4 .mainCorner h2,
.color4 .mainCorner .intro,
.color4 .mainCorner a,
.color4 .mainCorner a:hover {
	color: #de2c6b;
}	
	
/* olive - mad & vin */
	
.mainMenu .m5 .active,
.mainMenu .m5 .hover,
.mainMenu .m5 a:hover {
	background-color: #8d9a00;
	border-color: #8d9a00 !important;
}

.mainMenu .m5 ul .active,
.mainMenu .m5 ul a:hover {
	background-color: #818c03 !important;
}

.color5 .sideMenu .active {
	color: #6f7216;
	background-color: #e8ebcc !important;
}

.color5 .mainCorner h2, .color5 h1 
.color5 a:hover {
	color: #6f7216;
}
	
.color5 .mainCorner h1,	
.color5 .mainCorner h2,
.color5 .mainCorner .intro,
.color5 .mainCorner a,
.color5 .mainCorner a:hover {
	color: #8d9a00;
}

/* teal - forretninger */

.mainMenu .m6 .active,
.mainMenu .m6 .hover,
.mainMenu .m6 a:hover {
	background-color: #0ecb97;
	border-color: #0ecb97 !important;
}

	.mainMenu .m6 ul .active,
	.mainMenu .m6 ul a:hover {
		background-color: #00a181 !important;
	}

.color6 .mainCorner h1,	
.color6 .mainCorner h2,
.color6 .mainCorner .intro,
.color6 .mainCorner a,
.color6 .mainCorner a:hover {
	color: #10cb98;
}

/* yellow - alt om magasin */

.mainMenu .m7 .active,
.mainMenu .m7 .hover,
.mainMenu .m7 a:hover {
	background-color: #f8a900;
	border-color: #f8a900 !important;
}

	.mainMenu .m7 ul .active,
	.mainMenu .m7 ul a:hover {
		background-color: #ef880e !important;
	}
	
.color7 .mainCorner h1,	
.color7 .mainCorner h2,
.color7 .mainCorner .intro,
.color7 .mainCorner a,
.color7 .mainCorner a:hover {
	color: #efa616;
}

/* blue - karriere */

.mainMenu .m8 .active,
.mainMenu .m8 .hover,
.mainMenu .m8 a:hover {
	background-color: #02abcc;
	border-color: #02abcc !important;
}

	.mainMenu .m8 ul .active,
	.mainMenu .m8 ul a:hover {
		background-color: #0080b6 !important;
	}
	
.color8 .mainCorner h1,	
.color8 .mainCorner h2,
.color8 .mainCorner .intro,
.color8 .mainCorner a,
.color8 .mainCorner a:hover {
	color: #02abcc;
}

/* orange - kundeservice */

.mainMenu .m9 .active,
.mainMenu .m9 .hover,
.mainMenu .m9 a:hover {
	background-color: #d73c0d;
	border-color: #d73c0d !important;
}

	.mainMenu .m9 ul .active,
	.mainMenu .m9 ul a:hover {
		background-color: #bd0113 !important;
	}
	
.color9 .mainCorner h1,	
.color9 .mainCorner h2,
.color9 .mainCorner .intro,
.color9 .mainCorner a,
.color9 .mainCorner a:hover {
	color: #d73c0d;
}

.mainMenu .fashion .active, .mainMenu .fashion .hover, .mainMenu .fashion a:hover {
	background-position: -84px 3px;
}

.invoiceDetails {
	margin: 20px 0;
}

.invoice_spacer {
	margin-top: 200px;
}

.invoice_btn {
	float: right;
	padding-top: 28px;
}

.invoice_asset {
  float: right;
}