/* Reset -------------------------------------------------------------------- */
body,legend{ color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,hr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
table, td{vertical-align:top;}
fieldset,img,hr{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,address{font-style:normal;text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}

/* Tools -------------------------------------------------------------------- */
.hide           { display:none; }
.replace        { text-indent:-999em; background-repeat:no-repeat; }
.accessibility  { position:absolute; top:-999em; left:-999em; }

.noindent       { margin:0; }
.nomargin       { margin-top:0; margin-bottom:0; }

/* Typography --------------------------------------------------------------- */
body    { font:.75em Arial,Helvetica,sans-serif; }

/* Headings */
h1	{ font-size:20px; font-weight:normal; color: #BD0926; }
h2	{ font-size:1.75em; font-weight:bold; }
h3	{ font-size:1.5em; font-weight:bold; }
h4	{ font-size:1.25em; font-weight:bold; }
h5	{ text-transform:uppercase; font-weight:bold; }
h6	{ font-weight:bold; }

/* Text */
p, hr,
dl, ul, ol,
li.spaced, .spaced li,
address, table			{  }
.important          	{ font-size:1.25em; }

/* Lists */
dt          			{ font-weight:bold; }
ul     					{  }
ol						{ list-style-position:inside; }
li.plain, .plain		{ list-style:none; }

/* Tables */
table       {  }

/* Links */
a,
a.inline	{ text-decoration:none; color:#BD0926; }
a.anchor    { display:none; }

/* Other */
hr          { color:#444; background:#444; height:1px; clear:both; }

/* Content ------------------------------------------------------------------ */

/* Column */
.col				{ float:left; overflow:hidden; margin:0; }
.col-first          { margin-left:0; }
.col-last           { margin-right:0; }

.col-two            { width:50%; }
.col-three          { width:33%; }
.col-four           { width:25%; }

img.left,
img.right			{ margin-bottom:1em; display:inline; }
img.left 			{ margin-right:1em; float:left; }
img.right 			{ margin-left:1em; float:right; }

/* Icons */
.icon						{ display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:16px; min-height:16px; }
.iconText					{ text-indent:18px; width:auto; }
.iconAdd					{ background-image:url('/images/icons/add.png'); }
.iconCss					{ background-image:url('/images/icons/css.png'); }
.iconDbImport				{ background-image:url('/images/icons/dbImport.gif'); }
.iconDelete					{ background-image:url('/images/icons/delete.png'); }
.iconEdit					{ background-image:url('/images/icons/edit.png'); }
.iconExit					{ background-image:url('/images/icons/exit.png'); }
.iconLock					{ background-image:url('/images/icons/lock.png'); }
.iconPrinter				{ background-image:url('/images/icons/printer.png'); }
.iconStar					{ background-image:url('/images/icons/star.png'); }
.iconTable					{ background-image:url('/images/icons/table.png'); }
.iconTableLink				{ background-image:url('/images/icons/tableLink.png'); }
.iconCancel					{ background-image:url('/images/icons/cancel.png'); }
.iconAccept					{ background-image:url('/images/icons/accept.png'); }

.searchForm					{ margin-bottom:20px; }
.searchForm .field			{ float:left; margin-right:10px; }
.searchForm .field label	{ display:inline; }
.searchForm .buttons		{ width:auto; clear:none; margin-top:2px; }

/* Tree list */
.treeList,
.treeList ul 				{ margin:0; }
li.subTree ul				{ padding:0 0 0 6px; }

/* Data table */
.dataTable					{ width:100%; }
.dataTable th				{ text-align:left; background:#5d5d5d; border:none; padding:3px 5px; }
.dataTable th a				{ color:#fff; }
.dataTable tr				{ background-color:#191919; }
.dataTable tr:hover			{ background-color:#5b5b5b; }
.dataTable td				{ padding:3px 5px;  }

/* Form in table */
.inTable .field				{ position:relative; }
.inTable .field label		{ position:absolute; top:-1.5em; left:0; width:100%; text-indent:-999em; }
.inTable .field input,
.inTable .field select		{ width:95%; }

/* Pagination */
ul.paginationList			{ border:0; margin:10px 0; padding:0; display:block; }

ul.paginationList li		{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
ul.paginationList a			{ border:solid 1px #6a6a6a; margin-right:2px; }
ul.paginationList .previous-off,
ul.paginationList .next-off { color:#666666; display:block; float:left;	font-weight:bold; padding:3px 4px; }
ul.paginationList .next a,
ul.paginationList .previous a		{ font-weight:bold; }
ul.paginationList li.active a		{ color:#FF0036; font-weight:bold;	display:block; float:left; padding:3px 6px; }
ul.paginationList a:link,
ul.paginationList a:visited 		{ color:#9C7D51; display:block; float:left; padding:3px 6px; text-decoration:none; }
ul.paginationList a:hover			{ border:solid 1px #ffffff; color:#9C7D51; }
.entriesTotal						{ clear:both; color:#808080; }

dl.marginal					{ overflow:hidden; }
dl.marginal dt				{ width:10em; float:left; clear:left; }

.ajaxLoad{
	height:300px;
	background:transparent url('/images/templates/default/throbber.gif') no-repeat center center;
}

.infoContent,
.mceContentBody,
.templateShow {
	width: 500px;
	letter-spacing: 1px;
}	
.orderFormFormAdd {
	width: 270px;
	padding: 0 20px;
	letter-spacing: 1px;
}
h1 {
	text-transform: uppercase;
	padding: 10px 0;
}
p {
	line-height: 20px;
	font-size: 14px;
	padding: 0;
}
h2 {
	line-height: 20px;
	font-size: 14px;
	padding: 10px 0 0 0;
}
.small {
	font-size: 12px;
	line-height: normal;
	letter-spacing: normal;
	padding-top: 0px;
}
	
	
.campaign {
	position: absolute;
	right: 21px;
	top: 74px;
	padding: 12px 15px;
	background: #BD0926;
}
	.campaign a {
		font-size: 30px;
		color: white;
		text-transform:uppercase;
		text-decoration: none;
		font-weight: bold;
	}
	
.infoContent100,
.infoContent149,
.infoContent151,
.infoContent153,
.infoContent154 {
	width: 665px;
	float: none;
	padding: 50px 30px;
}
	.infoContent100 h1 {
		font-size:30px; 
		font-weight:bold; 
		text-align: center; 
		margin-bottom: 50px;
		letter-spacing:2px
	}
	.infoContent100 ul {
		color: #030303;
		font-size: 19px;
		letter-spacing:1px;
		margin-left: 30px;
		line-height: 30px;
	}
	.infoContent100 p {
		padding:5px;
	}
	
.infoTable {
	border: 1px solid #000;
}
	.infoTable td {
		width: 50%;
		padding: 10px;
	}
	.infoTable p {
		letter-spacing: 0;
		font-size: 11px;
	}
	
.priceTable {
	float: left;
	margin: 15px;
}
	.priceTable th {
		background: #e1e2e3;
		font-weight: normal;
	}
	.priceTable th,
	.priceTable tbody td {
		border: 1px solid #000;
		text-align: center;
		vertical-align: middle;
		padding: 3px 7px;
	}
	.priceTable tbody td {
		font-size: 11px;
	}


.footerTable td,
.footerTable th {
	padding: 0 10px;
	white-space: nowrap;
}
.footerTable th {
	font-weight: bold;
	color: #FEFDFD;
	width: 100%;
}
.footerTable td {
	border-left: 1px solid #FEFDFD;
}
.footerTable td.first {
	border: none;
}
	.footerTable a {
		color: black;
		text-decoration: none;
	}

/* Form styles -------------------------------------------------------------- */
/* Inline form */
form.inline fieldset,
fieldset.inline .field              { display:inline; float:left; }

/* Vertical form */
.vertical .field                { margin-bottom:.25em; }
.vertical label                 { display:block; }

.vertical .multiple             { margin-bottom:.25em; }
.vertical .multiple .field      { margin-bottom:0; }
.vertical .multiple label,
.vertical .result label         { display:inline; }

/* Marginal form */
.marginal .field                {  height:100%; overflow:hidden; }
.marginal label                 { width:110px; float:left; }

.marginal .multiple             { margin-bottom:-2em; }
.marginal .multiple .field      { margin-bottom:0; position:relative; top:-2em; left:11.5em; }
.marginal .multiple label,
.marginal .result label			{ width:auto; float:none; }

/* Form --------------------------------------------------------------------- */
form            { width:100%; overflow:hidden; }
form .field     { line-height:2; position:relative; }
fieldset        { border:0; margin-bottom:1.25em; padding:0; padding-top:.5em; }
legend          {  font-weight:bold; line-height:1; font-family: "Arial Black", Arial, Helvetiva, sans-serif; }
label           { cursor:pointer; }
.result label	{ font-weight:normal; }

/* Input */
/*
input.text,
input.secret,
select,
textarea        { border:1px solid #455560; }
*/
input.text,
input.secret	{ text-indent:3px;  }
textarea        { /*padding:5px;*/ height:80px; }
input.radio		{ border:0; background:none; }

input.text,
input.secret,
.fakeupload input,
button,
textarea,
select 				{ width: 155px; border: 1px solid #000; line-height: 16px; }

select 				{ width: 157px; }


/* Special handle of file upload */
input.upload {
	position:absolute;
	top:0;
	right:0;
	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */
	z-index:2; /* bring the real upload interactivity up front */
	width:155px;
}
.fakeupload input,
button {
	background: #000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
}

/* Multiple */
fieldset.multiple           { border:0; margin:0; padding:0; }
/*fieldset.multiple legend    { text-transform:none; font-size:1em; line-height:2; color:#000; }*/
fieldset.multiple .field    { float:left; clear:left; position:relative; }
fieldset.multiple label		{ padding-left:1.25em; font-weight:normal; }
fieldset.multiple input     { position:absolute; top:.5em; left:0; }

/* Control & Output */
button              { width: 157px; }
form .buttons       { overflow:hidden; margin: 10px 3px 0 0; float: right; }

form .error         { color:#ed1c24; }
form .error input   { border-color:#ed1c24; }
form .notice        {  }
form .success       {  }
form .errorField input,
form .errorField textarea{ background:#ff0000; }

.costGroup {
	text-align: right;
	
}
	.costGroup .field {
		display: inline;
	}
		.costGroup .field .text {
			width: 71px;
			margin: 5px 3px 0 7px;
			text-align: center;
		}
		
.notification {
	background: #defefd;
	padding: 5px 15px;
}
	.notification li {
		list-style: none;
	}
	
#orderFormOrderFormContainer .fieldGroup {
	float: left;
	margin-right: 20px;
	min-height: 120px;
	width: 300px;
}
.outer {
	width: 990px;
	margin: 0 auto;
}

body { background: #000; }

.header {
	position: relative;
	height: 196px;
	cursor: pointer;
	background: url('/images/custom/header.png');
}
		
.menu {
	height: 28px;
	background: #000;
	padding: 0 30px;
}
	.menu ul {
		list-style: none;
	}
		.menu li {
			position: relative;
			float: left;
			white-space: nowrap;
			padding: 0 18px;
		}
			.menu li a {
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
				font-size: 13px;
				line-height: 28px;
			}
				.menu li.selected>a {
					color: #BD0926;
				}
			.menu li.subTree ul {
				position: absolute;
				z-index: 10;
				top: 28px;
				left: 10px;
				width: 175px;
				background: black;
				display: none;
				padding-bottom: 5px;
			}
				.menu li.subTree li {
					float: none;
					padding: 0 8px 0 5px;
				}
					.menu li.subTree li a {
						line-height: 22px;
					}
				.menu li.subTree ul ul {
					left: 175px;
					top: 0px;
				}

.slideShow {
	width: 225px;
	background: #D9D9D9;
}
	.slideShow .images {
		position: relative;
		width: 228px;
		height: 213px;
	}
		.slideShow img {
			position: absolute;
			z-index: 0;
			margin: 15px 15px 0 15px;
			width: 198px;
			height: 198px;
			display: none;
		}
			.slideShow img.active,
			.slideShow img.last-active {
				display: block;
			}
			.slideShow img.active {
				z-index: 3;
			}
			.slideShow img.last-active {
				z-index: 2;
			}
	.slideShow p {
		padding:5px;
	}
	
.content {
	background: #fff;
	width: 545px; 
}
	.content .contentContainer {
		position: relative;
		padding: 20px;
	}
		.content .contentContainer .cart {
			background: #9f9f9f;
			font-size: 12px;
			padding: 2px 20px;
			text-align: center;
		}
		.content .contentContainer .cartTable,
		.content .contentContainer .cartTableCost,
		.content .contentContainer .order,
		.content .contentContainer .receiptTable  {
			width: 665px;
			margin: 1px 50px;
		}
			.content .contentContainer .cartTable tbody td,
			.content .contentContainer .cartTable thead th  {
				border-bottom: 1px dotted #aaa;
				padding: 2px 10px;
			}
			.content .contentContainer .cartTableCost {
				border-top: 1px dotted #aaa;				
			}
		.content .contentContainer .movieContainer {
				position: absolute;
				bottom: 0;
				right: 0;
		}
			.content .contentContainer .movieContainer .movie {
				position: absolute;
				bottom: 0;
				right: 0;
			}
			.content .contentContainer .movieContainer .still {
				position: absolute;
				bottom: 0;
				right: 0;
				background: url('/images/custom/movie_still.png') no-repeat center center;
				width: 250px;
				height: 400px;
			}
	.content .imageList li {
		position: relative;
		float: left;
		list-style: none;
		text-align: center;
		padding: 0 0 20px 5px;
		width: 119px;
		overflow: hidden;
	}
		.content .imageList .thumbnail {
			display: block;
			position: relative;	
			height: 99px;
			background-repeat: no-repeat;
			background-position: center center;
		}
		.content .imageList li p {
			font-size: 12px;
			line-height: normal;
			letter-spacing: normal;
		}
		.content .imageList li .iconDelete {
			position: absolute;
			right: 7px;
			top: 85px;
		}

.breaker {
	width: 3px;
	background: url('/images/custom/news_breakline.png') repeat-y;
}
.news {
	width: 222px;
	line-height: 0;
	background: #fff;
}
	.slideShow .newsList {
		padding: 20px 24px;
		overflow: auto;
	}
	.news .newsList {
		padding: 20px 24px;
		overflow: auto;
		height: 670px;/*346 är default när de vill ha en bild under nyheterna*/
		background: #fff url('/images/custom/news_bg.jpg') no-repeat top center;
	}
		.newsList ul {
			list-style: none;
			letter-spacing: 1px;
		}
			.newsList li {
				width: 175px;
				cursor: pointer;
				padding-bottom: 20px;
			}
		.newsList h2 {
			font-size: 16px;
			color: #BD0926;
			font-weight: normal;
		}
		.newsList,
		.newsList p {
			font-size: 12px;
			line-height: 16px;
		}
		.newsList .publishStart {
			color: #8A8888;
			line-height: 28px;
		}
		
.fotokalender {
	height: 318px;
	width: 222px;
	background: #fff url('/images/custom/fotokalender.jpg') no-repeat;
}

.footer {
	background: #BD0926;
	padding: 9px 23px;
}