@charset "utf-8";
/* CSS Document */

/**
* Copyright (c) 2009. kundesign.dk. All rights reserved.
**/

/*********************************************************/
/**					 HTML STYLE							**/
/*********************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
	}

body{
	padding:			0;
	margin: 			0;
	font: 				12px Arial, Helvetica, sans-serif;
	color: 				#000;
	font-weight: 		normal;
	background:	 		#f0f0f0;
	height: 			100%;
	}
	
a {
	text-decoration: 	none;
	color: 				#00adff
	}
	
a:hover{
	color: 				#ffab44;
	text-decoration: 	none;
	}
	
hr {
	height: 1px;
	border:	1px solid #FFF;
	background: url(../images/hr_line.png) #FFF repeat-x;
	}

.clear {
	clear: 				both;
	}

.divider {
	clear: 				both;
	height: 			1px;
	border-bottom: 		1px dotted #303030;
	padding-top: 		10px;
	}

form{
	padding:	 		0;
	margin: 			0;
	}

/*.inputSearch label{height:21px;float:left;background: url(/images/bg_label.gif) no-repeat;padding:5px 0 0 10px;margin:0 0 2px;font-weight:bold;}
.inputSearch input{height:21px;float:left;background: url(/images/bg_input.gif) right no-repeat;border:0;padding:5px 0 0;margin:0 0 2px;}

.inputSearch .inputSearch{width:120px;}
.inputSearch #inputSearchLabel{width:30px;}*/

input{
	background:			#f7f7f7;
	border:				1px solid #00adff;
	height:				20px;
	}

input.text {
	width:				200px;
	margin:				0.5em 0.5em 0.5em 0;
	color:				#FFFFFF;
	border:				1px solid #1c1c1c;
	background:			#292929;
	padding:			4px;
	}

input.text:focus  {
	border:				1px solid #1c1c1c;
	background:			#2f2f2f;
	}

textArea{
	background:			#f7f7f7;
	border:				1px solid #00adff;
	}

select{
	background:			#f7f7f7;
	border:				1px solid #00adff;
	}

label{
	font-weight:		bold;
	}

.radio-style{
	border:				none !important;
	background:			none !important;
	padding: 			0;
	margin: 			0 0 -6px 0;
	}

.search_button{
	height:				27px;
	width:				27px;
	border:				none;
	background:			url(../images/sog_kanp.png) no-repeat;
	display:			block;
	float:				right;
	cursor:				pointer;
	}
	
.bye_button{
	height:				31px;
	width:				154px;
	border:				none;
	background:			url(../images/button_L.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	cursor:				pointer;
	}

.next_button{
	height:				31px;
	width:				154px;
	border:				none;
	background:			url(../images/button_next.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	cursor:				pointer;
	text-align:			left;
	}

.more_button{
	height:				31px;
	width:				154px;
	border:				none;
	background:			url(../images/button_more.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	cursor:				pointer;
	text-align:			left;
	}

.empty_button{
	height:				31px;
	width:				154px;
	border:				none;
	background:			url(../images/button_empty.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	cursor:				pointer;
	text-align:			left;
	}

.ok_button{
	height:				31px;
	width:				154px;
	border:				none;
	background:			url(../images/button_ok.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	cursor:				pointer;
	text-align:			left;
	}

.bye_button_mini{
	height:				28px;
	width:				115px;
	border:				none;
	background:			url(../images/button_m.png) no-repeat;
	display:			block;
	color: 				#ff8c00;
	font-weight:		bold;
	font-size:			10px;
	cursor:				pointer;
	}


.info_button{
	height:				28px;
	width:				115px;
	border:				none;
	background:			url(../images/button_m.png) no-repeat;
	display:			block;
	color: 				#00adff;
	font-weight:		bold;
	cursor:				pointer;
	}

.inputSearch{
	float:				left; 
	padding-top:		4px; 
	padding-left:		2px;
	margin-right:		2px;
	}

.input{
	padding-top:		4px; 
	padding-left:		2px;
	margin:				2px;
	}

.select{
	padding:			4px;
	}

h1 {
	font:				18px Arial, Helvetica, sans-serif;
	font-weight:		bold;
	padding: 			0;
	margin: 			0;
	}

h2 {
	font:				14px Arial, Helvetica, sans-serif;
	color:				#00adff;
	font-weight:		bold;
	padding: 			0;
	margin: 			0;
	}

h3 {
	font:				12px Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#ff8c00;
	padding: 			0;
	margin: 			0;
	}

h4 {
	font:				12px Arial, Helvetica, sans-seriff;
	padding: 			0;
	margin: 			0;
	}

h5 {
	font:				10px Arial, Helvetica, sans-serif;
	padding: 			0;
	margin: 			0;
	}

/*********************************************************/
/**					SITE CONTENT STYEL					**/
/*********************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // CONTENT // 
*/

div#container{
	width: 				914px;
	border-left: 		4px solid #e8e8e8;
	border-right: 		4px solid #e8e8e8;
	background:			#FFFFFF;
	margin-left: 		auto;
	margin-right: 		auto;
	padding: 			6px 20px 20px 20px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // TOP CELL // 
*/

div#breadcrumbs{
	margin: 			0;
	padding: 			10px 4px;
	clear: 				none;
	width: 				904px;
	font-size:			10px;
	color:				#999;
	}

div#breadcrumbs a{
	color:				#999;
	text-decoration: 	none;
	}

div#breadcrumbs a:hover{
	color: 				#ff8c00;
	text-decoration: 	none;
	}

div#top{
	width: 				100%;
	height: 			84px;
	margin-bottom:		6px;
	}
	
div#top .logo{
	float: 				left;
	width: 				457px;
	margin-top: 		8px;
	}

div#top .basket{
	float:				right;
	width:				200px;
/*	border:				1px solid #e8e8e8;
*/	padding:			4px;
	font-size: 			11px;
	text-align:			left;
	margin-top:			0px;
	}

div#top .basket .basketText{
	float:				left;
	margin-left: 		2px;
	}

div#top .basket .basketPrice{
	float:				right;
	padding-right:		2px;
	}

div#top .basket .totalItems{
	width:				200px;
	line-height:		24px;
	}

div#top .basket .totalFright{
	width:				200px;
	line-height:		18px;
	}

div#top .basket .totalPrice{
	width:				200px;
	background:			#00adff;
	color:				#FFF !important;
	line-height:		24px;
	font-weight:		bold;
	}
	
.search{
	position:			absolute;
	right:				0;
	width: 				457px;
	text-align:			right;
	margin-top: 		25px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // TOP MENU // 
*/

div#topMenu{
	background:	 		#01adfe url(../images/topMenu.png) no-repeat top left;
	width: 				902px;
	height: 			37px;
	padding:			0 6px 0 6px;
/*	margin-bottom:		12px;
*/	font: 				12px Arial, Helvetica, sans-serif;
	}

div#topMenu a {
	color: 				#ffffff;
	text-decoration: 	none;
	}

div#topMenu a:hover{
	background:			url(../images/topmenu_over.png) no-repeat top left;
	display:			inherit;
	}

div#topMenu .current {
	font-weight:		bold;
	text-decoration: 	none;
	background:			url(../images/topmenu_down.png) no-repeat top left;
	display:			inherit;
	}

div#topMenu ul{
	list-style-type: 	none;
	padding: 			0;
	margin:				0;
	}

div#topMenu li{
	width:				130px;
/*	padding:		 	0 10px 0 10px;
*/	text-align:			center;
	float: 				left;
	border-right: 		1px solid #0079b3;
	line-height: 		37px;
	}

div#topMenu #search{
	position:			relative;
	right:				0;
	width:				210px;
	background:			#F93
	
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // BANNER // 
*/	

div#banner{
	width: 				912px;
	border:				1px solid #e8e8e8;
	display:			none; /* Fjernes hvis banneren skal være synlig*/
	}

div#banner img{
	border:				1px solid #fff;
	}

div#carousel{
	width:				912px;
	background-color:	#f4f5f6;
	margin-bottom:		12px;
	border-left:		1px solid #e8e8e8;
	border-right:		1px solid #e8e8e8;
	border-top:			1px solid #e8e8e8; /* fjern hvis banneren er synlig */
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // MENU // 
*/

#pagesCell{
	width: 				100%;
	}

/* left menu */

div#left{
	float:				left;
	width: 				184px;
	border-right:		1px solid #fff;
	}

div#leftMenu{
	width: 				184px;
	background:			#00acfc url(../images/left_menuTop.png) no-repeat top left;
	padding:			38px 0 18px 0;
	}

/* ul */

div#leftMenu ul{
	list-style-type: 	none;
	padding: 			0;
	margin:				0;
	clear: 				both;
	}

div#leftMenu li{
	padding: 			2px 4px;
	line-height:		24px;
	border-bottom: 		1px solid #def5ff;
	}

div#leftMenu li #current{
	font-weight: 		bold !important; 
	text-decoration: 	none;
	}

div#leftMenu li a {
	font-size: 			12px !important;
	text-decoration: 	none;
	display:			block;
	color: 				#fff;
	padding: 			4px 0;
	text-transform:		uppercase;
	}
	
div#leftMenu li a:hover{
	color: 				#ff8c00;
	text-decoration: 	none;
	}

/* ul ul */

div#leftMenu ul ul{
	font-weight: 		normal !important;
/*	padding-left:		8px;
*/	color: 				#000;
	background-color:	#6cd0ff;
	}

div#leftMenu ul ul li a{
	font-size: 			11px !important;
	text-decoration: 	none;
	display:			block;
	color: 				#000;
	padding-left:		14px;
/*	padding: 			4px 0;
	border-bottom: 		1px dashed #e2e2e2;
*/	}

/* ul ul ul */

div#leftMenu ul ul ul{
	font-weight: 		normal !important; 
	background-color:	#9dd4ee;
	}

div#leftMenu ul ul ul li li a {
	font-size: 			11px !important;
	text-decoration: 	none;
	display:			block;
	color: 				#000;
	padding: 			0 0 0 18px !important;
	border-bottom: 		0 !important;
	}

/* content */

div#content{
	float:				left;
	width: 				544px;
	}

div#content #innerContent{
	padding:			24px 6px 6px 6px;
	}

div#content #innerContent h2 a:hover{
	color:				#00adff;
	}

div#ProductContent{
	float:				left;
	width: 				728px;
	}

div#rightContainer{
	float:				right;
	width: 				184px;
	}

div#right{
	width: 				184px;
	border-left:		1px solid #fff;
	margin-bottom: 		15px;
	}
	
div#rightBox{
	width: 				156px;
	background:			url(../images/menu_bg.png) no-repeat top left;
	padding:			44px 14px 18px 14px;
	color:				#fff;
	font-size:			12px;
	}
	
div#rightBox a{
	color:				#fff;
	}

div#rightBox a:hover{
	color: 				#ff8c00;
	}

div#rightBox h3 {
	font:				18px Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#97deff;
	padding: 			0;
	margin: 			0;
	}


div#rightBoxSquar{
	width: 				156px;
	background:			#00acfc url(../images/rightBoxSquar_bg.png) repeat-x top left;
	padding:			44px 14px 18px 14px;
	color:				#fff;
	font-size:			12px;
	}	

div#rightBoxSquarHola{
	width: 				156px;
	background:			#00acfc url(../images/rightBoxSquarHola_bg.png) repeat-x top left;
	padding:			44px 14px 18px 14px;
	color:				#fff;
	font-size:			12px;
	}	
	
div#rightBoxBottom{
	width: 				184px;
	}

div#right #indkob{
	background:			#c9c9c9 url(../images/lndkobsliste_bg.png) no-repeat top left;
	width: 				156px;
	padding:			34px 14px 18px 14px;
	margin-bottom:		12px;
	}

div#right #indkob table{
	width:				100%;
	padding:			2px;
	margin: 			2px;
	border:				0;
	}

div#right #indkob table a{
	color:				#fff;
	}

div#right #indkob hr{
	display: 			block;
	height:				1px;
	width:				100%;
	border: 			1px solid #fff;
	}

div#right #indkob .delete{
	color:				#FF0000;
	font-weight:		bold;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // FOOTER // 
*/

div#footer{
	width: 				914px;
	border-left: 		4px solid #dddddd;
	border-right: 		4px solid #dddddd;
	background: 		#f7f7f7;
	margin-left: 		auto;
	margin-right: 		auto;
	color:				#797979;
	padding:		 	15px 20px 15px 20px;
	font-size:			10px;
	}

div#footer h1{
	color:				#797979;
	font-size:			12px;
	margin-bottom:		10px;
	}
	
div#footer a{
	color:				#797979;
	text-decoration:	none;
	}

div#footer a:hover{
	color:				#ff8c00;
	text-decoration:	none;
	}

/*********************************************************/
/**					Product table						**/
/*********************************************************/

div#productTable{
	display: 			table;
	width:				534px;
	margin-right:		2px;
	border-bottom:		1px solid #e2e2e2;
	margin-bottom:		10px;
	padding-bottom:		10px;
	}

div#productTableRow{
	display: 			table-row;
	}

div#productTableColumn{
	display:			table-column;
	}

div#productTableLeft{
	display: 			table-cell;
	width:				200px;
	vertical-align:		top;
	}

div#productTableRight{
	display: 			table-cell;
	width:				330px;
	padding:			4px;
	vertical-align:		top;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Product price // 
*/

div.productPrice{
/*	background: 		url(../images/price_bg.png) repeat-x;*/
	background-color:	#9dd4ee;
	padding:			8px 4px 8px 4px;
	color:				#000;
	}

div.productPrice span.pText{
	float:				left;
	margin-left: 		2px;
	line-height:		24px;
	}

div.productPrice span.pPrice{
	float:				right;
	padding-right:		2px;
	line-height:		24px;
	}

div.productPrice span.pYourText{
	float:				left;
	margin-left: 		2px;
	font-size:			18px;
	font-weight:		bold;
	line-height:		24px;
	padding-bottom:		4px;
	padding-top:		4px;
	}

div.productPrice span.pYourPrice{
	float:				right;
	padding-right:		2px;
	font-size:			18px;
	font-weight:		bold;
	line-height:		24px;
	padding-bottom:		4px;
	padding-top:		4px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Product Info table // 
*/

div#productInfoTable{
	display: 			table;
	width:				724px;
	margin-right:		2px;
	margin-left:		2px;
	}

div#productInfoTableRow{
	display: 			table-row;
	}

div#productInfoTableColumn{
	display:			table-column;
	}

div#productInfoTableLeft{
	display: 			table-cell;
	width:				300px;
	vertical-align:		top;
	}

div#productInfoTableRight{
	display: 			table-cell;
	width:				416px;
	padding:			4px;
	vertical-align:		top;
	}

div#productInfoTop{
	margin: 			0px;
	padding: 			8px 0px;
	float: 				left;
	clear: 				none;
	width: 				727px;
	background: 		#fff url(../images/tab_bg.png) repeat-x;
	border:				1px solid #e8e8e8;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Product Basket table // 
*/

div#productBasketTable{
	display: 			table;
	width:				724px;
	margin-right:		2px;
	margin-left:		2px;
	}

div#productBasketTableRow{
	display: 			table-row;
	}

div#productBasketTableColumn{
	display:			table-column;
	}

div#productBasketTableLeft{
	display: 			table-cell;
	width:				200px;
	vertical-align:		top;
	}

div#productBasketTableRight{
	display: 			table-cell;
	width:				516px;
	padding:			4px;
	vertical-align:		top;
	}

div#productBasketTop{
	margin: 			0px;
	padding: 			8px 0px;
	float: 				left;
	clear: 				none;
	width: 				727px;
	background: 		#fff url(../images/tab_bg.png) repeat-x;
	border:				1px solid #e8e8e8;
	}

/* basket pricebox */

div#priceBoxBasket{
	background:			#F3F3F3;
	padding:			4px;
	border-top:			1px solid #FFF;
	}

div#priceBoxBasket .pText{
	float:				left;
	margin-left: 		2px;
	padding-top:		6px;
	padding-bottom:		10px;
	}

div#priceBoxBasket .pPrice{
	float:				right;
/*	margin-right:		40px;
*/	padding-bototm:		6px;
	padding-top:		10px;
	}
	
div#priceBoxBasket .pPriceTotal{
	float:				right;
/*	margin-right:		28px;
*/	padding-bototm:		4px;
	padding-top:		8px;
	font-size:			16px;
	font-weight:		bold;
	}

/* basket buttons bar */

div.buttonBarBasket{
	padding:			4px;
	border-top:			1px solid #FFF;
	}

div.buttonBarBasket .pButton{
	float:				left;
	margin-left: 		2px;
	}
	
div.buttonBarBasket .vButton{
	float:				right;
	margin-left: 		2px;
	}

/* kurvMenu */

.kurvMenu{
	font-size: 			14px;
	font-weight:		bold;
	color:				#fff;
	padding-bottom:		2px;
	height:				30px;
	}

.BasketTopMenu{
	background:			#ffa73f url(../images/basketTopMenu_bg.png) repeat-x;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // add table // 
*/

div#addTable{
	display: 			table;
	width:				536px;
	}

div#addTableRow{
	display: 			table-row;
	}

div#addTableLeft{
	display: 			table-cell;
	width:				268px;
	padding-right:		4px;
	vertical-align:		top;
	}

div#addTableRight{
	display: 			table-cell;
	width:				268px;
	padding:			4px;
	vertical-align:		top;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // add table // 
*/

div.addPrice{
	background-color:	#35aae4;	
	padding:			4px;
	color:				#FFF;
	border-top:			1px solid #FFF;
	}

div.addPrice .pText{
	float:				left;
	margin-left: 		2px;
	}

div.addPrice .pPrice{
	float:				right;
	padding-right:		2px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // relaterede table // 
*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // add table // 
*/

div#productPagesTop{
	margin: 			0px;
	padding: 			8px 0px;
	float: 				left;
	clear: 				none;
	width: 				542px;
	background: 		#fff url(../images/tab_bg.png) repeat-x;
	border:				1px solid #e8e8e8;
	}

div#productPagesTop #filter a{
	color: 				#000;
	text-decoration:	none;
	background:			url(../images/button_s.png) no-repeat;
	padding: 			2px 18px 4px 18px;
	vertical-align:		middle;
	font-weight:		normal;
	}

div#productPagesTop #filter a:hover{
	color: 				#ffab44;
	text-decoration: 	none;
	}

div#productPagesTop #filter{
	padding: 			4px;
	margin-top:			13px;
	background:			#ddeff9;
	border-bottom:		1px solid #e8e8e8;
	}

div#productPagesTop #filter h1{
	margin: 			0 0 6px 0;
	color:				#000;
	}

div#productPagesTop #filter h3{
	margin: 			6px 0 6px 0;
	font-size:			12px;
	}

div#productPagesTop #pagesSelector{
	padding: 			4px 4px 8px 4px;
	margin-top:			4px;
	margin-bottom:		4px;
	font-size:			11px;
	border-bottom:		1px solid #e8e8e8;
	color:				#00adff;
	}

div#productPagesTop #pagesSelector a{
	color: 				#000;
	text-decoration:	none;
	border:				1px solid #00adff;
	padding:			2px 6px 2px 6px;
	}

div#productPagesTop #pagesSelector a:hover{
	color: 				#ffab44;
	text-decoration: 	none;
	border:				1px solid #ff8c00;
	padding:			2px 6px 2px 6px;
	}

div#productPagesTop #pagesSelector span{
	color: 				#ff8c00;
	text-decoration:	none;
	border:				1px solid #ff8c00;
	padding:			2px 6px 2px 6px;
	font-weight:		bold;
	}

.relateredeDiv{
	width:				inherit;
	line-height:		36px;
	padding-left:		4px;
	font-size:			16px;
	font-weight:		bold;
	background-color:	#00aaf8;
	color:				#FFF;
	width:				723px;
	}

.toggler { width: 532px; padding:2px;}
#button { text-decoration: none;}
#effect { width: 532px; position: relative; background:#fff; padding:2px;}
#effect h3 { margin: 0; text-align: center;}
.ui-effects-transfer { border: 2px dotted gray;} 


/*Product Table*/

td.productBorder{
	border:				1px solid #e8e8e8;
	text-align:			center;
	}

td.serviceBorder{
	border:				1px solid #e8e8e8;
	text-align:			center;
	background:			url(../images/news_bg.png);
	}

td.serviceBorderHidden{
	border:				1px solid #e8e8e8;
	text-align:			center;
	background:			url(../images/news_bg.png);
	visibility:			hidden;
	}
	
span.varefakta{
	float:				left; 
	font-weight:		bold; 
	margin-bottom:		4px;
	}
	
span.vareValue{
	float:				right; 
	padding-right:		6px; 
	margin-bottom:		4px;	
	}