﻿/* INITIAL START */

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
        margin: 0px;
        padding: 0px;
}

p {
       margin: 0px;
       padding: 0px;
       padding-bottom: 10px;
       padding-top: 2px;
}

/* Apply left margin: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
/* INITIAL END */

/* UBER CLASSES START */	
	
BODY {
	background-color: #ffffff;
	color: #000000;
	font-size: 11px; 
	text-decoration	: none;
	font-family	: verdana, arial, sans-serif;
	background-repeat: no-repeat;
	background-position: top center;
}

td {
	font-size: 11px; 
/*	text-decoration	: none;*/
	font-family	: verdana, arial, sans-serif;
	vertical-align: top;
}

.uberDiv {
  position: relative;
  border: 0px dashed #ffee00;
  margin: 0px auto;
width: 990px;
position: relative;

}

/* UBER CLASSES START */

/* HEADER CLASSES START */
/*.header {
	position: absolute;
	width: 396px;
	}
*/	
.languageChooser {
	position: absolute;
	top: 96px;
	left: 224px;
}

.breadCrumbs {
	position: absolute;
	top: 96px;
	left: 294px;
	color: #7E7F7E;
	width: 100%;
}

.breadCrumbs a {
	color: #7E7F7E;
	text-decoration: none;
}
	
.timestamp {
	position: absolute;
	width: 200px;
	top: 96px;
	left: 732px;
}

/* HEADER CLASSES END */

/* CONTENT AREA */

.contentArea {
    position: relative;
    margin: 0px auto;
    width: 990px;
		/*padding-top: 115px;*/
		background-repeat: no-repeat;
		background-position: 0px 375px;
		height: inherit;
}


/* COLUMN LEFT START */
.columnLeftArea {
	position: relative;
	float: left;
	padding-left: 68px;
    width: 210px;
    height: inherit;
}

.searchArea {
	position: relative;
	/*background-color: #848483;*/
	padding: 14px;
}

.loginArea {
	padding: 14px;
	margin-bottom: 14px;
}

.loginAreaTeaser {
	position: absolute; 
	left:-30px;
}

.loginAreaLinks {
	text-align: right;
	position: relative;
	left: 0px;
	width: 190px;
	height: 59px;
	}

.loginAreaTeaserText {	
	color: #ffffff;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	float:left;	
	}
	
.loginNewProfile 
{
    color: #ffffff;
    position: relative;
    float:right;
}

.loginFields {
	height: 85px;
	}

.menuArea {
	position: relative;
	clear: both;
	position: relative;
	padding-top: 0px;
	/*background-color: #e7e7e7;*/
	font-size: 10px;
}

.columnLeftArea h1 {
	font-size: 12px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	/*color: #ffffff;	*/
}


.columnLeftArea h2 {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	/*color: #ffffff;	*/
}

.columnLeftArea h3 {
	font-size: 10px;
	font-family: verdana, sans-serif;
	font-weight: normal;
	/*color: #ffffff;*/
}

.columnLeftArea h5 {
	font-size: 9px;
	font-family: verdana, sans-serif;
	font-weight: normal;
}

/* COLUMN LEFT END */

/* COLUMN MIDDLE START */
.columnMiddleArea {
  float : left;
  margin-left : 14px;
  width: 426px;
  position: relative;
  font-size: 11px;
  font-weight: normal;
}

.settings 
{
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: dashed 1px #B6B7B6;

}

.darkBox 
{
    background-color: #7E7F7E; 

}

.layoutA {
	/* background-color: #d1d3d2; */
}

/* TWO SMALLER COLUMNS AS MIDDLE COLUMN */
.layoutB {
	position: relative;
	}

/* LAYOUT B SPECIFIC */

.positionA {
	position: absolute;
	left: 0px;
	margin-top: 14px;
}

.positionB {
	position: absolute;
	left: 220px;
	margin-top: 14px;
}

.position1 {
	top:-14px;
}

.position2 {
	top:141px;
}

.layoutBtopFeed {
	position: relative; 
	/*border-top: 1px solid #f0f0ef;*/
	/* border-top skal være samme farve som baggrundsbilledet */
}

.sticker {
	position: absolute;
	background-color: #ffffff;
	padding: 4px;
	left: 70px;
	top: 8px;
}

/* NEW ITEMS START */

.newItem {
	/* background-color: #d1d3d2; */ 
	padding-bottom: 6px;
	width:206px;
	height: inherit;
}

.newItem hr {
    border-bottom: dashed 1px #A4A5A4;
    height: 0px;
}
/* NEW ITEMS END */

/* LAYOUT B SPECIFIC END */

.columnMiddleArea h1 {
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-wheight: bold;
	/* color: #444544; */
	padding-bottom: 6px;
}

.columnMiddleArea h2 {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-wheight: bold;
	/* color: #444544; */
}

.columnMiddleArea h3 {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: normal;
	/* color: #444544; */
}

.columnMiddleArea h4 {
	font-size: 15px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	/* color: #ffffff; */
	padding-bottom: 12px;
}

.columnMiddle {

}

.alternative {
	/* background-color: #e5e6e5; */
}

.columnMiddleMargin {

}

.columnMiddle .container {
	padding: 14px;
}

.settings hr
{
    border-bottom: dashed 1px #A4A5A4;
    height: 0px;
}




/* SELECTOR PAGE START */

.selectorArea {
	position: relative;
	/* background-color: #e5e6e5; */
}

.selectorAreaWA {
	position: relative;
	/*background-color: #8a8a8a;*/
	margin-bottom: 25px;
}

.selectorText {
	/* background-color: #e5e6e5;  */
	margin-bottom:0px;
}

.columnMiddleArea .selector {
	border-top: 1px solid #ffffff;
	/* background-color: #e5e6e5; */
}

.buttonPosition {
	z-index: 100;
	position: absolute;
	right: 21px;
}
	
.one {
	top: 84px;
}
	
	
.two {
	top: 182px;

}

.three {
	top: 280px;

}

/* LIST VIRW START */
.listView {
	/* border-bottom: 1px solid #a4a5a4; */
}

/* CHECKOUT START */
	
.checkout {
}

.checkoutHeader 
{
    padding-top: 14px;
    padding-bottom: 14px;
}

.checkoutHeader table
{
    width: 100%;
    text-align: center;
}

.checkoutActive 
{
    color: #B11C15;
    font-weight: bold;
}

.checkoutInactive 
{
    color: #999999;
    font-weight: bold;
}

.checkoutConfirmed 
{
    color: #444544;
    font-weight: bold;
}

.checkoutItems 
{
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: dashed 1px #B6B7B6;
}

.checkout table {

}
	
.checkout .checkoutTable {
	/* border-top: 1px solid #000000; */
	/* border-bottom: 1px solid #000000; */
}

.checkout .total {
	/* border-top: 1px solid #000000; */
}

/* CHECKOUT START */

/* SHOW PRODUCT DETAILS START */
.columnMiddle .showProduct {
	position: relative;
	min-height: 1px;
	}

.columnMiddle .productDetails {
	position: absolute;
	left: 140px;
	width: 260px;
	}
	
.packShot 
{
    margin-top: 0px;
/* border-bottom: 1px dashed #a4a5a4; */
}
	
	

.columnMiddle .price {
	position: absolute;
	bottom: 0px;
	left: 142px;
	width: 254px;
	border: 0px dashed #cc9944;
}

.columnMiddle .buttonPosition {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 0px dashed #FF00ff;
}

.pricebar {
	position: absolute;
	border: 0px solid #cc0044;
	width: 380px;
}

.tax 
{
    font-size: 10px;
}


.columnMiddle .additional {
	position: relative;
}

.additional table {
	/* border-left: 1px solid #cacbcb; */
	/* border-top: 1px solid #cacbcb; */
	/* border-bottom: 1px solid #cacbcb; */
	/* background-color: #dedfdf; */
	width: 100%;
	line-height: 18px;
	padding-bottom: 4px;
}

.additional .text {
	width: 350px;
	padding-left: 10px;
	padding-top:2px;
}

.additional .icons {
	width: 10px;
	padding-left:10px;
	text-align:right;
	vertical-align: middle;
	padding-top:4px;
}	
/* SHOW PRODUCT DETAILS END */


/* CONTACT START */

/*
.contact {
	 xbackground-color: #ff0000;
}

.contact table {
	width: 100%;
	border-bottom: 0px dashed #a4a5a4;
}
	
.contact .image {
	width: 1px;
	border-bottom: 1px dashed #a4a5a4;
}

.contact .text {
	padding-left: 6px;
	padding-bottom: 3px;
	vertical-align: bottom;
	border-bottom: 1px dashed #a4a5a4;
}
	
.contact .last {
	border-bottom: 0px;
}
*/

.staffgroup
{
     background-color:#E5E6E5; 
     padding-bottom:10px;
     margin-bottom:10px;
}

.staffgroup h1
{
    padding-top:10px; 
    padding-left:10px;
}
    
.person
{
    border-bottom: 1px dashed #a4a5a4;
    margin-left:10px; 
    margin-right:10px; 
    padding-top:8px; 
    padding-bottom:4px; 
    padding-left:5px;
 }
 
 .contact .person h3 a
 {
    color:#444544;
    text-decoration:none;
 }
 
 .contact .person h3 a:hover
 {
    text-decoration:underline;
 }
 
 .person .info
 {
    padding-top:4px;
 }
 
/* CONTACT END */

.newsItems table 
{
    width: 100%;
    text-align: center;

}

.newsItems hr 
{
    border-bottom: dashed 1px #B6B7B6;
    height: 0px;
}

/* HMMM VED IKKE */
.showProductArea {
	position: relative;
	background-color: #006666;
	border: 1px solid #000000;
	margin: 14px;
	padding: 14px;
}

/* HMMM VED IKKE */
.teaseProductArea {
	position: relative;
	padding: 14px;
	margin: 14px;
	background-color: #009966;
	border: 1px solid #000000;
	height: inherit;
}
/* COLUMN MIDDLE END */

/* COLUMN RIGHT START */
.columnRightArea {
	width: 210px;
	float: left;
	display: block;
	margin-left: 14px;
	position: relative;
    height: inherit;
}

.columnRightArea h2 {
	font-size: 12px;
	font-family: verdana, sans-serif;
}

.columnRightArea h3 {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: normal;
	/* color: #444544; */
}

.columnRightArea h4 {
	font-size: 11px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	/* color: #ffffff; */
}

.basketAreaHeader {
	color: #ffffff;
	margin-top:14px;
    margin-left:14px;
    margin-right:14px;
    
}

.basketAreaText {
	float:left;
    position:relative;
    font-weight:bold;
}

.basketAreaIcon {
	text-align:right;
}

.basketMargin {
	/* background-color: #7e7f7e; */
}

.basketArea {
	position: relative; 
	min-height: 20px; 
	height: inherit;
	/* border: 1px solid #666666; */
	/* background-color: #e5e6e5;  */
	margin-left: 14px; 
	margin-right: 14px;
	padding: 14px;
}

.basketArea .buttonPosition {
	/* position: absolute;
	bottom: -10px;
	width: 148px;
	text-align: center;*/
	border: 0px solid #ff99cc;
	padding-top: 4px;
	width: 148px;
	text-align: center;
}


.basketArea table {
	width: 100%;
	line-height: 18px;
	table-layout: fixed;
}

.basketArea th {
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* color: #727372; */
	/* border-bottom: 1px solid #666666; */
	}

.basketArea td {
	font-weight: normal;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* color: #727372; */
	/* border-bottom: 1px solid #666666; */
	}
	

.teaserArea {
	/* position: relative;
	margin-top: 14px; */
	padding: 14px;
	/* background-color: #7e7f7e; */
}

.teaserArea .container {
	/* border: 1px solid #666666; */
}

.teaserContent {
	position: relative;
	/* background-color: #e5e6e5; */
	padding: 14px;
}

.teaserImagePadding 
{
	padding-left : 6px;
}

.left .packshot {
	position: absolute;
	left: 90px;
	top: 0px;
	height: 130px;
	width: 100px;
}

.left .ruler {
	position: absolute;
	left: 0px;
	top: 130px;
	height: 3px;
	width: 178px;
}

.right .text {
	position: absolute;
	left: 96px;
	top: 30px;
	width: 76px;
}

.right .packshot {
	position: absolute;
	left: -14px;
	top:0px;
	height: 130px;
}


/* COLUMN RIGHT END */

/* FORM ELEMENTS START */

.checkoutField {
	width: 32px;
	text-align: right;
	padding-right: 3px;
}

.inputField {
	font-size: 10px;
	height: 14px;
	padding-left: 2px;
	font-family: tahoma, verdana, sans-serif;
	border-top: 1px solid #817e79;
	border-left: 1px solid #817e79;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	/*color: #A4A5A4;*/
	color : Black;
}

.kontrolcifre {
	width: 80px;
}

.searchField {
	width: 350px;
}

.advsearchField {
	width: 310px;
}

.long {
	width: 98%;
}

.city {
	width: 178px;
}

.zip {
	width: 52px;
}

.ean {
	width: 200px;
}

.loginField {
	width: 177px;
}

.login {
	width: 244px;
}


.login {
	width: 40px;
}

.login {
	width: 195px;
}


.login .password {
	width: 85px;
}

.login td {
	vertical-align: middle;
}


.compulsory {
	color: #9a2f34;
}

.compulsory2 {
	color: #0064B1;
}


.login .asterix {
	width: 24px;
	text-align: left;
}

.button {
	border-top: 1px solid #cac9c9;
	border-left: 1px solid #cac9c9;	
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #999999;
	height: 18px;		
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.buttonred {
	border-top: 1px solid #cac9c9;
	border-left: 1px solid #cac9c9;	
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #B11C15;
	height: 18px;		
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}


/* FORM ELEMENTS END */


/* FOOTER START */

.footer {
	position: relative;
	font-weight: normal;
	top: 0px;
	z-index: 100;
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
	font-size: 10px;
	/* color: #9a2f34; */
	clear: both;
}

.footer #txt {
	/* color: #666666; */
}

.footer a{
    color: #ef4e23;
    text-decoration:none;
}

.footer a:hover{
    text-decoration:underline;
}

/* FOOTER END */


/* USEFUL START */

.margin {
	margin: 14px;
}

.margin-top {
	margin-top: 14px;
}

.margin-top-mini {
	margin-top: 6px;
}

.margin-bottom-mini {
	margin-bottom: 6px;
}

.margin-left {
	margin-left: 14px;
}

.margin-right {
	margin-right: 14px;
}

.padding {
	padding: 14px;	
}

.padding-bottom {
	padding-bottom: 14px;	
}

.padding-bottom-mini {
	padding-bottom: 6px;	
}

.padding-top {
	padding-top: 14px;	
}

.padding-top-mini {
	padding-top: 6px;	
}

.padding-right {
	padding-right: 14px;	
}

.padding-left {
	padding-left: 14px;	
}

.border-bottom {
	/* border-bottom: 1px solid #b6b7b6; */
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.bottom {
	vertical-align: bottom;
}

hr {
	height: 2px;
	border-top: 0px solid #a4a5a4;
 	border-bottom: 2px solid #a4a5a4;
	border-left: 0px;
	border-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
}


#tab {
	margin-left: 20px;
	}

#tabtab {
	margin-left: 40px;
	}


.full {
	margin: 0px;
}

.margin-feed {
	 line-height: 14px; 
}

.someHeight {
border-top: solid 2px #ffffff;
background-color: #DDDDDD;
}

.bullet {
	padding-right: 6px;
}

.pricetag {
	text-decoration: none;
}

.illustration {
	padding: 4px;
}

/* WORKAROUNDS */

.workaround1 {
	height:107px; 
	margin-top:0px; 
	padding-top:14px;
}

.workaround2 {
	height: 16px;
}

img {
	border: 0;
}

.nopadding {
	padding: 0px;
}
/*
table.quickBasket
{
	table-layout:fixed;
	width: 150px;
}

table.quickBasket tr 
{
	height: 18px;
}

table.quickBasket th
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


table.quickBasket tbody td
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}
*/

#selector1 a, #selector2 a, #selector3 a
{
    text-decoration:none;
    color:#000000;
}

#selector1 a:hover, #selector2 a:hover, #selector3 a:hover
{
    text-decoration:underline;
}

.mouseOverMenuOne 
{	
    BORDER-TOP: #A09B98 1px solid;	
    BORDER-BOTTOM: #A09B98 1px solid;    
}

.mouseOverMenuOne .item 
{		
    PADDING-RIGHT: 24px;	
    PADDING-LEFT: 28px;	
    BACKGROUND-IMAGE: url(../Addin/gfx.general/mouseovermenu.bullet.1.gif);	    	
    BACKGROUND-REPEAT: no-repeat
}
    
.mouseOverMenuTwo 
{	
    BORDER-TOP: #b32227 1px solid;
    BORDER-BOTTOM: #b32227 1px solid;    	
}

.mouseOverMenuTwo .item 
{
    PADDING-RIGHT: 24px;	
    PADDING-LEFT: 28px;	
    BACKGROUND-IMAGE: url(../Addin/gfx.general/mouseovermenu.bullet.2.gif);		
    BACKGROUND-REPEAT: no-repeat
}

.mouseOverMenuThree 
{	
    BORDER-TOP: #3b6784 1px solid;
    BORDER-BOTTOM: #3b6784 1px solid;	    	
}

.mouseOverMenuThree .item 
{	
    PADDING-RIGHT: 24px;	
    PADDING-LEFT: 28px;	
    BACKGROUND-IMAGE: url(../Addin/gfx.general/mouseovermenu.bullet.3.gif);	
    BACKGROUND-REPEAT: no-repeat
}

.FlashTeaserContent
{
	margin-bottom : 6px ;
}
