/*
webshop-specific styles.

Created 2007-12-11
Changed 2008-09-01 by bjri
Changed 2010-01-24, 2010-02-15 by maal
/////////////////////////////////////////////////////////////// */

p.intro {font-size:1em; font-weight:normal; color:#333; line-height:1.3;}
.payoff {margin-top:-0.5em; margin-bottom:1em; font-size:16px !important;}

/*img.right {display:inline; float:right; margin-left:10px;}*/
img.right {display:inline; float:right;}


table {margin:0 0 1em;}
table.data {width:100%;}
tr.sep td, tr.sep th{ padding-top:20px;}


div.sectionhead h2 {letter-spacing:0;}
select {font-family:arial,sans-serif;}

#breadcrumb {padding-top:5px; padding-left:0;}
.nps #breadcrumb {padding-top:5px; padding-left:198px;}


.buyrow {
	margin:1em 0;
	padding:10px 0 5px;
	min-height:1px;
	border-top:1px solid #ddd;
	clear:both;
}
.buyrow p {margin-bottom:5px;}
.buyrow:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
/*->ie.css*/
* html .buyrow { height:1px; } 
.buyrow .buyunit,.buyrow .priceunit  {float:left;}

.buyrow ul.docs {float:right; margin-left:10px;}

.productlist .product {
	padding:10px 0 0 10px;
	margin:0 0 10px -10px;
	background:no-repeat url(img/productlist-bottom.gif) 0 100%;
}
.productlist .thumb {float:right;}
.productlist .buyrow {background:none; border-top:none; margin:0;}
.productlist .title {font-size:1.333em; margin:1em 0 0.25em;}
.productlist a:hover {color:#ef4042;}
select.wide {width:99%;}
.pad {padding:0 10px;}


div.facts {
	width:188px;
	float:right;
	margin-left:10px;
	display:inline;
	}
	ul.facts {
		margin:0 0 10px; padding:0;
	}
	ul.facts li {
		list-style:none;
		margin:0; padding:3px 0;
	}
	ul.facts li+li {
		border-top:1px solid #e5e5e5;
	}

#main .box .content {
	background:#fff;
	border-color:#eee;
}
#main .box .head {
	color:#666;
	background:#eee;
	border:1px solid #ddd;
	border-bottom-color:#ccc;
	margin:0;
}

/*TODO: put in global css later */
.box ol {padding:0 10px;}
* html .box {height:1px;}


#main h2 {font-size:1.4em;}
 h3 {font-size:1em;}

 ul {margin:0 0 1em 1.25em; padding:0;}
 ul li {margin:0.25em 0;}


/* rådgiveren */
#cfg {margin-top:15px;}
#cfg .head {
	background:#618da8;
	border-color:#557b93;
}
#cfg .content{
	background:#afc5d2;
	border-color:#9eb2bd;
	color:#334a58;
}

#cfg fieldset {
	background:#a0baca;
	border:1px solid #859ba8;
	border-color:#859ba8 #bacdd9 #bacdd9 #859ba8;
	margin:0 -5px 5px;
	padding:4px;
}
#cfg p {margin:3px 0 5px;}
#cfg .hide {display:none;}

#cfgmain {display:none;}
#cfg #cfgexplain.content {padding:0;}
#cfg #cfgexplain a {
	display:block; padding:9px;
	color:#334a58; text-decoration:none; display:block; padding:9px 9px 16px;
	/*background:no-repeat url(img/round-arrow-down.gif) 160px 100%;*/
	background:no-repeat url(img/cfg-arrow-down.gif) 155px 100%;
	margin:0;
	}
	* html #cfgexplain .content a {height:10px;}

#subnav .head, #sidebar .head {font-size:11px;}
#subnav .shopnav {
	border-top:1px solid #eee;
	margin:0 0 10px;
	background:#f3f3f3;
	zoom:1;
	}
	
	* html #subnav .shopnav li a {width:168px; float:left;}
	* html #subnav .shopnav .sub li {zoom:0; margin-bottom:8px;}
	* html #subnav .shopnav .sub li li {margin-bottom:2px;}
	#subnav .shopnav .sub li a {width:auto; float:none; height:auto; zoom:0;}
	* html #subnav li {zoom:1; margin-bottom:-3px;}	
	* html #subnav .shopnav .sub li a.thumb {width:auto; overflow:hidden; display:inline; float:right; border:none; zoom:0;} 

	#subnav a.thumb img {float:right; display:inline; width:auto; border:none; zoom:0;}
	#subnav .sub p.description {clear:both; float:none; width:100%; _height:1px; }

	#subnav .shopnav a {
		margin:0;
		padding:6px 10px;
		background:transparent;
		border-bottom:1px solid #ddd;
		border-top:1px solid #ffffff;
		color:#666;
		display:block;
	}
	#subnav .shopnav a:hover {color:#333;}
	#subnav .shopnav a.active, 
	#subnav .shopnav a.hover {
		border-color:#e0e0e0 #eee #d5d5d5 #fff;
		background-color:#e5e5e5;
		color:#333;
	}

	ul.docs {
	    margin:0 0 1em; padding:0;
	}
	ul.docs:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	ul.docs {display:inline-block;}
	ul.docs {display:block;}
	* html ul.docs { height:1px; }

	ul.inline li {
		float:left;
		display:inline;
		border:none;
	}
	ul.docs li {
	    margin:0 10px 0.5em 0; padding:2px 0 2px 20px;
	    list-style:none;
		line-height:1.2;
	    background:no-repeat url(img/icon-doc.gif) 0 0.2em;
		border:none;
	}
	#sidebar ul.docs li a {font-size:12px;}
	.docs a {
		padding-left:20px;
		margin-left:-20px;
		color:#999;
		text-decoration:none;
		white-space: nowrap;
		zoom:1; /*for IE6+7 to realize the icon is clickable too */
	}
	.docs a:visited {color:#999;}
	.docs a strong, .docs a:visited strong {color:#555}
	
	.docs li em { color:#999;}
	.docs a:hover {text-decoration:none; color:#999;}
	.docs li a:hover strong {text-decoration:underline; color:#333;}

.pricebuy {
	margin:1em -3px;
	padding:10px;
	background:no-repeat url(img/buygradient.gif) 0 0;
	vertical-align:middle;
}
.pricebuy .text {vertical-align:middle;}
.pricebuy .btnbuy {vertical-align:middle;}

img.btn {border:none; vertical-align:middle;}

span.price {font-size:14px; line-height:1; font-weight:bold; margin:4px 0; white-space:nowrap;}
span.price small {font-size:11px; font-weight:normal;}

/*BR091027*/
.tilbud .price {background:#fe6 repeat-x url(../css/img/tilbud-bg.gif) 100% 50%;}
.priceTilbud {font-size:12px; font-weight:bold;}
.highlight.tilbud .price {display:inline; background:#fe6 repeat-x url(../css/img/tilbud-bg.gif) -60px -20px;  font-weight:bold; color:#000!important;}

#relatedproducts dt.info .highlight .price {padding-left:0; margin-left:17px;}

.content ul.links {margin-top:0;}
.content ul.links li {margin-top:0; line-height:1.2; padding:4px 0 4px 25px}
ul.links li {margin-top:0; background-position:0 0.1em; padding:4px 0 2px 25px}

#sidebar {font-size:11px; width:180px;}

.box .content h3 {margin-bottom:0.25em;}
.box .content h3 a {color:#333; text-decoration:none; }
.box .light {background:#fff;}
.box.orange .head {
	background:#f68b33;
	border-color:#dd7d2e;
}
.box.blue .head {
	background:#618da8;
	border-color:#557b93;
}

/* login box styling */
.login .content { padding:9px; }
.login .fu {margin-bottom:5px;}
.login .content .fu input.text {width:152px;}
.login .hide { display:none; }
.login .open { display:none; }
.login .show { display:block; }
.login .close a {
	display:block;
	color:#334a58; text-decoration:none;
	line-height:20px;
	background:no-repeat url(img/arrow.gif) 138px 100%;
	}
	* html .login .close a {height:10px;}

/* remove dotted lines for links in firefox */
a:active{ outline: none; }
:-moz-any-link:focus{ outline: none; }
	
	

#subnav .classic .hassub ul {display:none !important;}
#subnav .classic .open ul {display:block;}
#subnav .classic ul ul ul li a {padding-left:50px;background-position:38px 0.25em;}

#cart {
	float:right;
	background:no-repeat url(img/cart.gif) 0 0;
	width:180px;
	height:40px;
/*	text-indent:28px;
	padding-top:7px;
*/	margin-top:-3px;
	margin-bottom:-10px;
	margin-left:8px;
	color:#444;
	}
	#cart.empty {background:no-repeat url(img/cart-empty.gif) 0 0;}
	#cart a {
		display:block;
		padding:8px 28px 2px 25px;
		color:#333;
		text-decoration:none;
		_height:1px;
		}
		#cart a:hover {
			text-decoration:underline;
		}
		#cart .noitems {
			display:block;
			padding:8px 26px 2px;
		}

.navbox .shortcut {
	position: relative;
	left: auto; bottom: 10px;
	top:auto;
	margin-top:20px;
	}
	
	.navbox .shortcut a.trigger {
		position: static;
		padding: 0 5px;
		background: transparent;
		height: 18px;
		line-height: 18px;
		font-size: 12px;
		color:#666;
	}
	.navbox .shortcut ul {
		top: auto;
		left: 0;
		bottom: auto;
		width: 165px;
	}
	* html .navbox .shortcut ul {
		margin-top: -2px;
	}
	
	
.sub {
	display:none;
	padding:0 0 4px 10px;
	z-index:21000;
	position:absolute;
	margin-left:-1px;
	background:no-repeat url(img/shadow.png) 10px 100%;
}
* html #subnav .shopnav li, * html #subnav .shopnav li a {zoom:1;}
* html .sub {background:none; padding-bottom:0;}
.sub-inner {
	background:#fff url(img/sub-bg.jpg) no-repeat 100% 100%;
	border:1px solid #ccc;
	padding:20px;
	width:483px;
	z-index:2001;
}


/*
=Subnav items
/////////////////////////////////////////////////////////////// */
.sub {line-height:15px;}
.sub ul {font-size:11px; line-height:15px;}
#subnav .sub a {display:inline; padding:0; font-size:14px; border-top:none;}
#subnav .sub a:visited {padding:0; background:transparent; }
#subnav .sub a:hover {padding:0; background:transparent; color:#e70000;}
/*#subnav .sub ul {width:235px; float:left; margin-right:10px;}*/
#subnav .sub li {color:#999; margin:0 0 8px;}
#subnav .sub li li {margin:0;}
#subnav .sub ul ul {margin:2px 0 5px; float:none; width:auto;}
#subnav .sub ul ul li {background:no-repeat url(img/arrow-grey.gif) 0 0.2em;}
#subnav .sub ul ul a, #subnav .sub ul ul a:visited {font-size:1em; border:none; padding-left:15px;}
#subnav .sub ul ul a:hover {padding-left:15px; background:transparent;color:#e70000;}

.sub .arrow {
	position:absolute;
	left:0;
	top:15px;
	width:11px;
	height:32px;
	z-index:21001;
	background:no-repeat url(img/sub-arrow.gif) 0 0;
	line-height:0;
}

/* grid in the flyout menu */
.sub .col { float:left; width:230px;}
.sub .c1 {}
.sub .c2 { float:left;margin-left:10px; margin-right:0;}

.sub .col3 .col { float:left; width:150px;}
.sub .col3 .c1 {}
.sub .col3 .c2 { margin-left:10px; margin-right:10px;}
.sub .col3 .c3 { margin-left:10px; margin-right:0;}


#subnav .sub .col ul {float:none; width:auto;}

.sub .teaser {clear:both; margin:0 0 8px;}
.sub .teaser .description {font-size:11px; color:#999;}

.sub .teaser h2 {margin:0; font-weight:bold;}
.sub .teaser img {border:none;}
.sub .teaser img.right {clear:right; float:right; margin:0 0 8px 5px; display:inline;}
.sub .teaser .description {margin-bottom:5px;}
.sub .teaser .description a {text-decoration:none;}
.sub .teaser a.thumb {float:none; margin:0; padding:0; display:inline; text-decoration:none; border:none;}
.sub .teaser .priceunit {margin-top:5px;}
.sub .teaser .priceunit small {font-size:12px; font-weight:normal;}




/* comparison dl, with cluetip integration */
.compare {
	/*background:#f3f3f3;*/
	margin:0 0 1em;
	/*border:1px solid #ddd;*/
	/*padding:3px 3px 4px;*/
}
.compare .step {
	background:#fff no-repeat url(img/compare-gradient.gif) 50% 100%;
	/*border:1px solid #e5e5e5;*/
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:-1px;
	padding:10px 0 8px 170px;
	line-height:20px;
	min-height:20px;
	}
	.compare .step:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	/*prevents the IE6 guillotine bug */
	* html .compare .step, 
	* html .compare .step dl { height:1px;}
	
	.compare .step.first { border-top:0;}
	
	.compare .steptitle {
		width:150px;
		display:inline;
		margin-left:-160px;
		float:left;
		line-height:20px;
		margin-top:0;
	}
	.step .terms {float:right; background:url(img/icon-doc.gif) no-repeat scroll 0pt 0.2em}
	.step p.terms a {color:#999; padding-left:20px;}
	.step .terms a strong {color:#666;}
	.step .terms a:hover {color:#999; text-decoration:none;}
	.step .terms a:hover strong {color:#000; text-decoration:underline;}
	
	.downloadLink {
		margin-top:10px;
		background:url(img/icon-doc.gif) no-repeat scroll 0 0;
		min-height:20px;
	}
	.downloadLink {}

	.downloadLink a, .downloadLink a:visited {color:#999; padding-left:20px; text-decoration:none;}
	.downloadLink a strong {color:#666;}
	.downloadLink a:hover strong {color:#000; text-decoration:underline;}
	.downloadLink a:hover {color:#000; text-decoration:none;}
	

	.compare .price {/*display:block; */font-size:14px; font-weight:bold; margin:4px 0; white-space:nowrap;}
	.compare .price small {font-size:11px; font-weight:normal;}
	.price small {font-size:12px; font-weight:normal;}
	

.compare .highlight { /*background:#eee;*/ }
.compare dl {
	margin:0; padding:0;
}
.compare dt {
	line-height:20px;
}
.compare .step2 dt {line-height:30px;  border-bottom:1px solid #eee;}
.compare .step2 {padding-left:10px;}
.compare dd {
	/*display:none;*/
	margin:0 0 0 1em;
	color:#666;
	padding:0;
}

/*hide infotext if js is enabled */
.hasJS .compare dd,
.hasJS #relatedproducts dd,
.hasJS .alarmproducts dd,
.hasJS .alarmcalc dd {display:none;}

.compare dd p {margin:0 0 0.5em;}
.compare ul {
	margin:0;
	padding:0;
}
.compare li {
	list-style:none;
	margin:0; padding:0;
	background:#fff;
}
.compare p.dim {font-weight:bold; color:#e70000; font-size:11px; margin:0;}
.compare dt {
	font-weight:bold;
}
.compare dt a {
	font-weight:normal;
}
.compare a, .compare a:visited {
	color:#333;
	text-decoration:none;
}
* html .compare dl {height:1px;}

dt.info { background:url('img/info_ico.png') no-repeat scroll 0px 4px; padding-left:17px;}
dt.info a { padding:1px 0 0 1px;}


#main .steptitle h2 {font-size:18px; line-height:20px; margin-top:-3px; margin-bottom:23px;}
#main .compare dl {padding-top:0;}
.steptitle .terms {float:left; clear:left; width:100%; margin:0;}
.shopunit {float:right; margin-top:-2px; text-align:right;}
.shopunit div.price, 
.shopunit .price-container {background-color:#fff;/*nicening text rendering when fading in/out in IE6+7+8*/}
.shopunit div.price span.price {margin:0;}
.shopunit span.price {font-size:18px; margin-top:0; padding-right:10px;display:inline;}
.shopunit span.price small {font-size:12px; padding-left:2px;}
.compare .shopunit .buyunit {margin-top:6px; display:block;}
.compare h3 {color:#e70000; margin:1em 0 0; padding:0;line-height:20px; font-size:1em; font-weight:bold; }

/* prevent lines from wrapping... */
.compare dl {}
.compare dt {white-space:nowrap; width:225px; overflow:hidden;}
.compare .shopunit .originalprice {width:120px; text-align:right; float:right;}

/*
=Cluetip
------------------------------------------------------ */

#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(img/cluetip-wait.gif);
}

/*
=cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/*
=cluetipClass: 'jtip' 
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.clue-right-jtip {
  background-image: url(img/cluetip-arrowleft.gif);
  background-repeat: no-repeat;
  padding-left: 5px;
  text-align:left;
}
.clue-left-jtip {
  background-image: url(img/cluetip-arrowright.gif);
  background-repeat: no-repeat;
  padding-right: 5px;
  text-align:left;
}

.cluetip-jtip #cluetip-outer {
  border: 2px solid #666;
  position: relative;
  background-color: #fafafa;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 6px 10px 4px;
  font-size: 12px;
  font-weight: normal;
  background-color: #f7f7f7;
  color: #333;
	font-weight:bold;
	border-bottom:1px dotted #eee;
}

.cluetip-jtip #cluetip-inner {
  padding: 1px 10px 0;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #999;
}
.cluetip p {
	margin:5px 0;
}
div.tooltip { display: none; }

/* Custom tooltip*/
.customtip { background:none;}
.customtip .cluetip-inner { padding:5px;}
.customtip #cluetip-outer { 
							border:1px solid #d4d4d4;
					   -moz-border-radius: 10px; /* FF1+ */
   				    -webkit-border-radius: 10px; /* Saf3+, Chrome */
						    border-radius: 10px; /* Opera 10.5, IE 9 */
				
				       -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); /* FF3.5+ */
				    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); /* Saf3.0+, Chrome */
						    box-shadow: 0px 0px 6px rgba(0,0,0,0.3); /* Opera 10.5, IE 9.0 */
						}
.customtip h3#cluetip-title { 
							background:none; 
							border:0; 
							font-size:16px; 
							color:#e70000; 
							margin:0; 
							padding:10px 10px 0px; 
						}
/*
=more, read more
/////////////////////////////////////////////////////////////// */

#morelink {
	background:no-repeat url(img/morelink.gif) 0 100%;
	height:34px;
	line-height:34px;
	margin-bottom:1em;
	padding-left:30px;
	white-space:nowrap;
	float:left;
	}
	/* fix IE6 display */
	* html #morelink {float:none; display:inline-block; width:1px;}

#morelink a {
	padding-left:0;
	padding-right:110px;
	display:block;
	height:34px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	background:no-repeat url(img/morelink.gif) 100% 100%;
	float:left;
	}
	* html #morelink a {height:34px;}
	#morelink a:hover {text-decoration:underline;}
	#morelink.open {background-position:0 1px;}

	#morelink:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	/*todo:move to ie.css */
	#morelink {display:inline-block;}
	#morelink {display:block;}
	* html #morelink { height:1px; }

	
	


/*
=contact / LiveChat
------------------------------------------------------ */

div.callme .content {
	background:#eee no-repeat url(img/phonesupport.gif) 100% 100%;
	padding-bottom:30px;
}
.callme h4 {font-size:12px;}
.callme .links a {font-size:12px;}


.box p {margin:0 0 10px;}
div.box .content div.sep {
	margin:0 -10px; border-top:1px solid #ccc; padding:5px 10px 10px;
}
div.box div.sep {
	margin:0; border:1px solid #ccc; border-top:none; padding:5px 10px 10px;
	background:#eee;
}
#servicenumber { font-size:14px; color:#888;}


input.btn {
	background:#888;
	border:1px solid #666;
	color:#fff;
	font-family:arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:1em;
	margin-top:5px;
	text-shadow: #555 1px 1px 2px;
	cursor:pointer;
	padding:2px 5px;
	
	width: auto;
	overflow: visible;
}
input.btn:hover {border-color:#888 #333 #333 #888; }
input.btn:active {border-color:#333 #666 #666 #333;}

#cfg .btn {
	background:#618da8;
	border:1px solid #557b93;
	/*border-color:#bacdd9 #859ba8 #859ba8 #bacdd9;*/
	color:#fff;
	font-family:arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:1em;
	margin-top:5px;
	text-shadow: #333 2px 2px 3px;
	cursor:pointer;
	padding:2px 5px;
}


#phoneNumber {
	width:8em;
	padding:2px 0;
	-moz-box-sizing: border-box;
	color:#999;
}
.banner {margin:0 0 10px;}
.banner a {}
.banner img {display:block; border:none;}

.sectionhead {clear:both;}
.sectionhead small {margin-left:0.5em;font-size:12px; font-weight:normal;}
#relatedproducts .sectionhead {
	margin-bottom:10px;
}
a.titleteaser {text-decoration:none;}
.titleteaser span.image {display:block; height:110px; overflow:hidden;}
a.titleteaser img {display:block; cursor:pointer;}
a.titleteaser strong {
	display:block;
	padding:6px 20px 6px 10px;
	color:#333;
	background:#eee no-repeat 145px 50% url(img/arrow-box.gif);
}
a:hover.titleteaser strong {background-color:#ddd; text-decoration:underline;}
.titleteaser img {border:none;}
* html a.titleteaser {height:1px;}

.product .image {text-align:center; border-bottom:2px solid #eee; margin:0 0 4px;}
.product .image img {border:none; display:block;margin:0 auto;}
.product h3.title {font-size:14px; margin:0 0 4px;}
h3.title a {color:#333; text-decoration:underline;}

.originalprice {color:#888; margin-right:5px; }
.compare .step span.originalprice {line-height:1.3; display:block; padding-top:4px; }
.discountprice {margin-right:5px;}

/*
=forms
/////////////////////////////////////////////////////////////// */

/* making a submit button look like a "read more"-link... */
.linksubmitbtn {
	background:transparent no-repeat url(img/arrow-box.gif) 100% 50%;
	border:none !important;
	font-weight:bold;
	padding:5px 25px 5px 0;
	cursor:pointer;
	color:#000;
	zoom:1;
	overflow:visible;
}


/*TODO: remove in base.css */
div.form {
	margin-top:10px;
	padding:10px 10px 1px;
	background:transparent;
}
.buyunit {
	float:right;
	display:inline;
	margin-right:10px;
	vertical-align:middle;
}


/* align btn and input nicely */
.buyunit input {vertical-align:middle;}

.compare .buyunit {
	float:none;
	margin-right:0;
}
h2 input.text {font-size:12px;}


.fielderror {border-color:#e80000 !important; background-color:#ffe;}
span.fielderror,span.radio.fielderror,span.checkbox.fielderror{color:#e80000;}



/* legend:
.fr = form row
.fu = form unit, often consisting of a label-input couple
------------------------------------------------------ */
div.fu {
	margin-right:10px; 
	margin-bottom:10px;
	clear:both;
	min-height:0;
}
div.fu  table,
table div.fu { margin-bottom:0; font-size:1em;}
table label { font-size:12px!important;}

div.fr div.fu {
	float:left; display:inline; clear:none;
	margin-right:10px;
}
div.fr {margin-bottom:10px; clear:both; min-height:0;}
div.fr:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
/*todo:move to ie.css */
div.fr {display:inline-block; }
div.fr {display:block;}
* html div.fr { height:1px; }


input.text, select { border:1px solid #ccc; border-color:#aaa #ddd #ddd #aaa; padding:2px;}
select, .select, input	{margin:0px; padding:2px;}

/*input.text, select, textarea { -moz-box-sizing:border-box; }*/


/* form.css */

input, select, textarea {
	font-family:Arial,Verdana,Sans-Serif;
	font-size:1em;
}


form					{margin:0px;padding:0px;}
fieldset {border:none; margin:0; padding:0;}
fieldset fieldset {padding-left:2em; border-bottom:1px solid #f3f3f3; }

label.checkbox		{ }
input.checkbox {}

label.radio				{ }

.size-l input.text  	{ width:312px; }
.size-m input.text		{ width:147px; }
.size-s input.text		{ width:93px; }
.size-xs input.text 	{ width:66px; }
.size-auto input.text {width:auto; }

.wide select	{ width:99%;}
.size-l select	{ width:310px; }
.size-m select	{ width:155px; }
.size-s select	{ width:100px; }
.size-xs select	{ width:70px; }


* html .wide select	{ width:99%;}
* html .size-l select { width:316px; }
.size-m select	{ width:155px; }
.size-s select	{ width:100px; }
.size-xs select	{ width:30px; }


label.size-l			{ float:left; width:310px; }
label.size-m			{ float:left; width:145px; }
label.size-s			{ float:left; width:90px; }

.size-l	textarea		{ width:310px; height:200px; }
.size-m	textarea		{ width:145px; height:90px; }
.size-s	textarea		{ width:90px; height:50px; }
.size-xs textarea		{ width:72px; height:50px; }

textarea.size-l, textarea.area-l	{ width:310px; height:60px; }

.size-m input.text {width:146px;}
.City input.text {width:198px;}
.Address input.text { width:160px; }
.Zipcode input.text {width:94px;}
.Streetnr input.text {width:58px}
.Floor input.text {width:54px}

/*if there's a help icon, make the input field 16px smaller */
.size-l span.hint input.text { width:296px;}
.size-m span.hint input.text { width:130px; }
.size-s span.hint input.text { width:77px; }
.size-xs span.hint input.text { width:50px; }
.Zipcode span.hint input.text {width:78px;}

a.lightbox-hint { 
		background:transparent no-repeat url("../css/img/icon-help.png") 0 50%;
		_background-image:url("img/icon-help.gif");
		padding:0 18px;
		font-size:1.1em;
		color:#666;
		text-decoration:none;
		vertical-align:middle;
		cursor:help;
}
a.lightbox-hint:hover { color:#333; text-decoration:none;}


/*Allow for Ajaxed form validation. add statusOk to the .fu element */
div.fu {display:inline; float:left; clear:both;}
div.btnrow {clear:both;}
div.fr {clear:both;}
div.fr div.fu {margin-right:14px; clear:none; display:inline; margin-bottom:0;}
div.statusOk, div.fr div.statusOk {
	background:no-repeat url("../css/img/checkmark.png") 100% 85%; 
	_background-image:url("../css/img/checkmark.gif");
	*background-position:100% 82%;
	padding-right:12px; margin-right:2px;
}
.statusOk .status,
span.statusOk{
		background:transparent url("../css/img/checkmark.png") no-repeat scroll right 50%;
		_background-image:url("../css/img/checkmark.gif");
		cursor:help;
		display:inline-block;
		padding-right:16px;
}


div.status-invalid, div.fr div.status-invalid {
	color:#cc0000;
}
div.status-invalid input.text{background:#ffd; border-color:#cc0000;}
span.status-invalid {
		background:transparent url("../css/img/cross.png") no-repeat scroll right 50%;
		_background-image:url("../css/img/cross.gif");
		cursor:help;
		display:inline-block;
		padding-right:16px;
}
span.status-valid {
		background:transparent url("../css/img/checkmark.png") no-repeat scroll right 50%;
		_background-image:url("../css/img/checkmark.gif");
		cursor:help;
		display:inline-block;
		padding-right:16px;
}


/* div.statusOk label {padding-right:16px; background:no-repeat url(../css/img/checkmark-green.gif) 100% 80%;}
div.statusOk:after{content:url(../css/img/checkmark.gif); position:absolute; margin:3px 0 0 -14px;} */
.req{padding-left:2px; font-size:18px; line-height:0;}
.list li:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

/*append .statusError on .fu:*/
div.statusError input.text{background:#ffd; border-color:#cc0000;}
div.statusError label {color:#c00;}



/* required fields */
.req					{ font-weight:bold; color:#c00; }

/* error */
.error					{ color:#cc0000 !important; }



.CardType, 
.CardNr {float:left; margin-right:10px; display:inline;}
.ControlNr {float:left;}
.ExpiryDate {clear:both;}

/* calendar */
.calendar_wrap 
{
    white-space: nowrap;
}
/*
=generic
/////////////////////////////////////////////////////////////// */
sub,sup {line-height:0;}
abbr, acronym {
	cursor:help;
	border-bottom:1px dotted #999;	
}

address {font-style: normal;}

.row {
	margin:0 -10px 0 0;
	padding:0;
	/* width:auto; 080821: setting it temporarily back to default 100% to see if it holds up now...*/
	width:100%;
	
	min-height:0;
	}
	.row:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	* html .row {height:1px;}

.col {
	float:left; 
	margin-right:10px;
	display:inline;
	padding:0;
}

a.file {
	display:inline-block; 
	padding:0 5px 0 20px; 
	line-height:18px;
	background-repeat:no-repeat; 
	background-position:0 50%; 
	background-image:url('img/filetypes/txt_ico.png'); 
	}

/* usage: <a class="file pdf" href="#" .... */
a.pdf {background-image:url('img/filetypes/pdf_ico.png'); }
a.doc {background-image:url('img/filetypes/doc_ico.png'); }
a.ppt {background-image:url('img/filetypes/ppt_ico.png'); }
a.xsl,a.xls {background-image:url('img/filetypes/xsl_ico.png'); }
a.zip {background-image:url('img/filetypes/zip_ico.png'); }
a.txt {background-image:url('img/filetypes/txt_ico.png'); }
a.jpg {background-image:url('img/filetypes/jpg_ico.png'); }
a.tpl {background-image:url('img/filetypes/tpl_ico.png'); }
a.fla {background-image:url('img/filetypes/fla_ico.png'); }
a.htm {background-image:url('img/filetypes/htm_ico.png'); }
a.php {background-image:url('img/filetypes/php_ico.png'); }
a.set {background-image:url('img/filetypes/set_ico.png'); }
a.tux {background-image:url('img/filetypes/tux_ico.png'); }

/* 3-col used for related products */
.col3 .col {width:170px;}
.col3 .c3 {margin-right:0;}
.gridlist .col {width:236px;}
.hide {display:none;}

.content-grid {}
.content-grid:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.content-grid .col {width:260px; }
.content-grid .c2{ margin-right:0; }						


/*highlighted number list*/
ul.highlight {
			margin: 0 0 1em;
			padding:0;
			list-style:none;
			border:1px solid #e2e2e2;
			overflow:hidden; /*BR091027*/
			_display:inline-block; /*IE6 needs this*/
			}
			ul.highlight li {
				list-style:none;
				padding:0;									
				margin:0;
				border-bottom:1px solid #e2e2e2;
				background:#e41e26;
				
			}
			ul.highlight li.last { border-bottom:0;}
			ul.highlight li.odd p { background:#fff;}																		
			ul.highlight li.even p { background:#fff url('img/list_even.png') bottom repeat-x;}
			
			ul.highlight li span.num { 
										display:block; 
										float:left; 
										height:100%; width:23px;  
										padding:2px 0 0 0;
										font-weight:bold; 
										color:#fff; 
										text-align:center; 
									}
			ul.highlight li p 		{ 
										float:none; 
										margin:0; padding:0; 
										margin-left:23px; *margin-top:-16px; 
										padding:1px 2px 1px 5px; 
										min-height:20px;
									}									
			* html ul.highlight li p { height:20px;}


/*********************************************
Simple article lists   By Torleik Ravn
*********************************************/

.productlist {
	background-color:#fff;
	padding:0 10px;
}
.productlist .listproduct .image {
	background-color:#fff;
	float:both;
	border:none;
}
.productlist .listproduct .productinfo {
	float:left;
	width:300px;
}
.productlist .listproduct .pricebuy {
	float:right;
	width:120px;
	margin-top:0px;                    
	margin-right: 5px;
}
 
/*
=Progress-indicator for the cart pages
/////////////////////////////////////////////////////////////// */
#progressbar { margin:0 0 15px; padding:0; width:100%; border-collapse:collapse; color:#999; }
#progressbar td {white-space:nowrap; background:#eee no-repeat url(img/progress-right.gif) 100% 50%; padding:5px 10px;}
#progressbar td.current {background-color:#e70000; color:#fff;}
#progressbar a, #progressbar a:visited {color:#666;}
#progressbar td.current a, #progressbar td.current a:visited {color:#fff; text-decoration:none;}

#progress {
	margin:10px 0;
	color:#76a1bb;
	min-height:0;
}
#progress span {
	width:20%; /* based on that there's five steps */
	width:19.9%;
	float:left;
	background:#eef8fe no-repeat url(img/progress-right.gif) 100% 50%;
	}
	* html #progress span {width:19.9%;}
#progress a, #progress a:visited {
	color:#76a1bb;
}
#progress span span {
	float:none;
	width:auto;
	display:block;
	line-height:1em;
	padding:1em 0 1em 1em;
	background:transparent;
}
#progress span.current {
	background-color:#76a1bb; /*ed1c24;*/
	color:#fff;
}
#progress span.current a, #progress span.current a:visited {
	color:#fff;
	text-decoration:none;
}
#progress span.done {}

#progress:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
#progress {min-height:0;}
* html #progress { height:1px; }

/* payment methods */
#dibs {
	margin-top:15px;
	padding:0 10px;
}
#dibs .head { margin:0 0 0.5em; font-size:1em;}
#dibs img {border:none; vertical-align:middle;}
#dibs p { margin:0 0 0.5em;}
#dibs .cards {margin:0;}
#dibs .dibs-certified {margin:-1em 0 0; text-align:right;}

/*
=shop flow
/////////////////////////////////////////////////////////////// */
.shopflowcontent {padding:0 20px;}
.shopflowcontent div.form {padding:0;}
.shopflowcontent .col-ps .c1 {width:380px;}
.shopflowcontent .col-ps .c2 {width:290px;}

p.radio {margin:0 0 5px;}
.form.orderlines{
	background:#fff;
}
table.cart {
	margin:20px 0 0;
	width:100%;
	border-collapse:separate;
	empty-cells:show;
	clear:both;
}

table.cart input.text {border:1px solid #ccc;margin:0;padding-right:2px;}
table.cart .title {vertical-align:top;}
 
td.thumb img {border:2px solid #fff;}
.cart tr.item {}		 
.cart tr.item td {
	border-top:1px solid #ddd;
	vertical-align:middle;
}
.cart h3 {font-size:1em; margin:0;}
.cart tbody td {
	border-top:1px solid #ccc;
	vertical-align:center;
	padding:5px 5px 5px;
}
.cart .docs {margin:0;}
 
table.cart th {   
	color:#888;
	background:#f3f3f1;
	font-weight:normal;
	padding:5px 5px 2px;			  
}
table.cart th.amount{
	text-align: right;
}
 
input.amount {
	text-align:right;
	width:2em;
}
 
td.amount {text-align:right; padding-right:2px; white-space: nowrap;}
td.updateamount { text-align: left; padding-right: 2px; white-space: nowrap; width: 16px;}
 
.cart td.amount input {
	border:2px solid #ccc;
}

td.price {font-size:1em; vertical-align: top;}
td.price, td.sum {
	text-align:right;
	white-space:nowrap;
}
.cart tr.offerrow .price { vertical-align:top;}

td.sum { font-weight:bold;}
td.eq { text-align:center;}
 
.cart tr.sumtotal td {border-top:3px double #CCC; border-bottom:none; padding-top:10px;}
.cart tr.recalc td { padding:15px 5px; border-top:1px solid #ccc; background:repeat-x url(img/hsep-top-gradient.gif) 0 0; }
.recalc .btn { background:#bbb; border:1px solid #aaa; color:#fff; font-weight:bold; padding:2px;}
.sumtotal .total {font-size:16px;}
.cart input.amount {vertical-align:middle;}
input.btn-recalc {border:none !important; padding:0; margin:0; vertical-align:middle;}
* html input.btn-recalc {vertical-align: baseline;}

	
div.progressrow {
	clear:both;
	background:no-repeat url(img/btnrow-wide.gif) 50% 0;
	padding:20px 20px 10px;
	margin:10px 0;
	min-height:30px;
	font-size:14px;
	}
	div.progressrow:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	* html div.progressrow { height:30px; }

	.sumtotalPrice {
		float:right; text-align:right;margin-right:20px;
		display:inline;
	}
	.sumtotalPrice h3 {font-size:16px; margin:0 0 0.25em; line-height:1em;}
	.sumtotalPrice h3 .price {font-size:20px;}
	.sumtotal .vat {color:#999; margin-bottom:0;}
	
a.terms {color:#333;}
a.terms:hover {color:#ef4042; text-decoration:underline;}

.progressrow {
	margin:0 30px 20px 0;
	text-align:right;
}
.progressrow .btnNext {margin: 0 0 10px 15px;}
.progressrow .fu .btnNext {clear: both; float: left; }
.progressrow .fu { float: left; display: block; }

a.back, a.back:visited {color:#888; text-decoration:none; line-height:18px;}
a.back:hover {color:#333;}
input.btnNext, input.btnSubmit {
	margin:0;
	background:#e70000;
	border-color:#c70000;
	color:#fff;
	font-weight:bold;
	line-height:1.2;
	text-shadow: #611 1px 1px 2px;
	padding:2px 10px;
	cursor:pointer;
	vertical-align:middle;
	}
	input.btnNext:hover, input.btnSubmit:hover {
		border-color:#992222;
	}
	input.btnSubmit {border-width:1px; font-weight:bold;}
	
.progressrow a.back, .progressrow a.back:visited {color:#666;}
.progressrow a.back:hover {color:#333;}
.progressrow a.back {float:left; padding:5px 0 5px 25px; margin:0; background:no-repeat url(img/arrow-box-prev.gif) 0 50%;}

#rememberbasket {padding:10px; text-align:right;}
#rememberbasket .btn { background:#bbb; border:1px solid #aaa; color:#fff; font-weight:bold; padding:2px;}

.errors {background:#Fee; margin:1em 0; padding:1px 0; border:1px solid #e99; color:#611; clear:both;}
.errors ul {margin:0; padding:0;}
.errors li {margin:0.5em 0 0.5em 2em; padding:0; list-style:square; color:#611;}


/* Last step of the shopflow */
#emailservice {
	padding-top:15px; 
	margin:25px 0;
	border-top:1px #ccc solid; 
	}
	#emailservice .c1 { width:500px;}
	#emailservice .c2 { float:right; padding:5px; margin:-15px 0; width:160px; border:1px solid #fff; background-color:#F4F4F2;}

.shopflow2col {
	background:transparent url("img/vsep.gif") repeat-y 52% 0;
}

/*
=cart update notifier 
/////////////////////////////////////////////////////////////// */

.pop {
	position:fixed; _position:absolute;
	width:400px;
	height:300px;
	left:50%;
	top:40%;
	border:10px solid #999;
	background:#eee;
	margin:-160px 0 0 -210px;
}

ul.list {
	margin: 0 0 1em;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	}
	.list li {
		list-style: none;
		border-bottom: 1px solid #e5e5e5;
		padding:2px 0;
		min-height:0;
	}
	ul.list ul.inline {margin:0;}
	ul.docs li {border:none; margin:0; clear:both;}
	ul.list h3 {margin-bottom:2px;}
	
	/* required fields */
	.req {font-weight:bold; color:#c00;}

	div.fr .fu .help {max-width:200px;}


/*
=form hints
------------------------------------------------------ */
a.hint {
	background:transparent no-repeat url("img/icon-help.png") 50% 1px;
	_background-image:url("img/icon-help.gif");	
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	float:left;
	position:absolute;
	margin:0 16px 0 1px;
	width:16px;
	height:16px;
	text-indent:-100px;
	overflow:hidden;
	cursor:help;
}
* html a.hint {zoom:1;}

/* wrap this around an input field */
span.hint, div.hint {
	padding-right:16px; 
	background:transparent no-repeat url("img/icon-help.png") 100% 50%; 
	_background-image:url("img/icon-help.gif");	
	cursor:help;
	display:inline-block; /*safari needs this in multi-column situations! */
	_display:inline; /* IE6 almost doubles the padding though. So reset it */
}
div.hint {display:inline;}


/*
=Notice bar
------------------------------------------------------ */
#Notice, .notice {
	color:#5b604f; 
	margin:10px -10px; 
	padding:1px 10px; 
	background:#e3efc5; 
	border:1px solid #ccdca6; 
	border-width:1px 0;
	}
	#Notice p, .notice p {margin:10px 0;}
	.notice {margin:10px 0;}
hr {height:1px; background:#ccc; border:none; margin:1em 0;}


/*
=popbox
/////////////////////////////////////////////////////////////// */

#popbox {position:absolute;width:100%;top:0;left:0;z-index:100;text-align:left;}
#popbox .brdr {background:#888;}
#popbox .popup {position:relative;}
#popbox .body {padding:1px;background:#fff; width:360px;}
#popbox .loading {text-align:center; background:no-repeat url(img/popbox/loading.gif) 50% 50%; height:100%; min-height:50px; _height:50px;}
#popbox .image {text-align:center;}
#popbox .image img {display:block;}
#popbox .footer {float:right; text-align:right; position:relative; _height:1px; _display:inline;}
#popbox .close {position:absolute; background:no-repeat url(img/popbox/arrowbox-close.gif); top:5px; right:5px; width:20px; height:20px; overflow:hidden; text-indent:-100px; text-align:left;}
#popbox img {border:0;}
#popbox table {margin:auto; border-collapse:collapse;}
#popbox .tl, #popbox .tr, #popbox .bl, #popbox .br {
	padding:0; height:5px; width:5px; overflow:hidden;
}

#cartMsgWrap {display:none;}
#cartMsg {
	border:5px solid #eee;
	margin:0 0 1em;
	background:no-repeat url(img/popbox/bg-cart-pixel.gif) 100% 100%;	
	padding:10px 40px 40px 10px;
	}
	#cartMsg h2 {margin:0 0 10px;}
	#popbox #cartMsg {
		border:1px solid #f1f1f1; margin:0;
		padding:10px 40px 40px 10px;
		min-height:140px;
	}
	#cartMsg ul.links a, #cartMsg ul.links a:visited {color:#000;}
	
div.clear {line-height:0; clear:both; height:0; overflow:hidden;}

/*
=Iframe
/////////////////////////////////////////////////////////////// */
#iframe #content { float:none; width:auto; }
#iframe #page { width:auto;}

/*
=popbox
/////////////////////////////////////////////////////////////// */

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container a.modalCloseImg {
		position:absolute; 
		background:url(img/popbox/arrowbox-close.gif) no-repeat; 
		top:8px; right:8px; 
		width:20px; height:20px; 
		z-index:3200;
		cursor:pointer;
		overflow:hidden; 
}

/* Container */
.modal-box { 
	display:none;
	position:relative; 
	padding:10px;
	background:#fff; 
	width:360px; 
	z-index:100;
	text-align:left;
	border:5px solid #eee;
}
.modal-box img {border:0;}
.modal-box table {margin:auto; border-collapse:collapse;}
.modal-box h2 {margin:0 0 10px;}
.modal-box .progressrow { margin:20px -10px 0 -10px; padding:10px 10px 0 10px;}


/*
=popbox
/////////////////////////////////////////////////////////////// */

.radioGroup { padding:0; margin:0.5em 0 0.2em;}
.radioGroup legend {
						margin:0;
						font-size:1em; font-weight:bold;
						white-space: normal; 
						*margin-left: -8px;						
					}                                                                                                                                                                          
/*.radioGroup label 	{ 	
						display:block; 
						margin:0; padding:0; 
						white-space: normal; 
						*margin-left:-4px;
					}
*/					
.radioGroup label { /*display:block;*/ margin:0; padding:0; white-space: normal; *margin-left:-4px;}
.radioGroup fieldset {/*display:inline-block;*/ padding-left:0.5em; border-bottom:0}
.radioGroup input { margin-right:5px; }

					

/*
=related products
/////////////////////////////////////////////////////////////// */
/*BR091027*/
.imgcrop {width:100%; overflow:hidden;}
span.imgcrop {display:block; margin:0; padding:0;}
span.imgcrop img {margin:0; padding:0; display:block;}

#relatedproducts 	{ 
						background:url('img/related_bbg.gif') no-repeat center bottom; 
						padding:35px 0 5px;
					}	
					
#relatedproducts .row { 
						background:url('img/related_tbg.gif') no-repeat center top; 
						padding:10px 0;
					}
					#relatedproducts .row .col { 
											border-right:1px solid #e5e5e5;
											min-height:60px;
											width:156px;
											margin-right:0; 
											padding:0 10px; 
	                }
					* html #relatedproducts .row .col { height:60px;}
					#relatedproducts .col3 .imgcrop {width:156px; /*IE doesn't understand 100% in this context */}
					#relatedproducts .row .c3 { border-right:0; margin-right:0; padding-right:0;}		

#relatedproducts .buyunit { 
						float:none; 
						display:block;
					}
/*background:url('img/info_ico.png') no-repeat scroll 0px 4px;*/
#relatedproducts dt.info { background:none; padding:0;}							
#relatedproducts dt.info a { font-size:14px; text-decoration:none; background:url('img/info_ico.png') no-repeat scroll 0px 2px; padding-left:17px;}							
#relatedproducts dt.info a:hover { color:#333}
#relatedproducts dt.info .price { font-size:14px; color:#666; margin:0; padding-left:17px;}
#relatedproducts dt.info .buyunit { margin:5px 0; }	
#relatedproducts dt.info .price,
#relatedproducts dt.info .buyunit,
#relatedproducts dt.info .originalprice { padding-left:17px; }

/*this line forces product titles to be minimum 2 lines, pushing the price down.*/
#relatedproducts dt.info .title { min-height:2.6em; display:block;}

/*keep the padding-left on long titles...*/
#relatedproducts dt.info a {display:inline-block;}
#relatedproducts dt.info a .imgcrop {margin-left:-17px; margin-top:4px;}
#relatedproducts dt.info a .price,
#relatedproducts dt.info a .highlight .price {margin-left:0; padding-left:0;}

#relatedproducts dt.info .originalprice {padding-left:0;/*17px;*/}


/*
=alarm products
/////////////////////////////////////////////////////////////// */
.alarmproducts 	{ 
						background:url('img/alarmprodbg.gif') no-repeat left top;
						margin-bottom:20px;
					}	
.alarmproducts .row { 

						padding:10px 0px;
						border-bottom:1px solid #eee;
					}
					.alarmproducts .row .col {
											min-height:60px;
											width:156px;
											margin-right:0; 
											padding:0 10px; 
	                }
					* html .alarmproducts .row .col { height:60px;}

					.alarmproducts .row .col.c3 { border-right:0; }		

.alarmproducts div.input { float:left; display:block; width:10px;}

.alarmproducts dl { width:85%;}
.alarmproducts dt.info { background-position:top right}
.alarmproducts dt.info a 	{ 
								font-size:12px; 
								text-decoration:none; 
								display:block; 
								padding-right:15px; 
							}							
.alarmproducts dt.info a:hover { color:#333}
.alarmproducts dt.info .price { 
								font-size:11px; 
								color:#666; 
								font-weight:normal; 
								margin:0;
							  }

.alarmcalc { font-size:12px;}
.alarmcalc td 		{ 
						border-bottom:1px dotted #eee; 
						padding:5px;
						font-size:16px;
					}
.alarmcalc td.sum 	{ 
						border-bottom:3px double #eee; 
						text-align:left; 						
					}
.alarmcalc td.subsum { 
						border-bottom:1px solid #eee;  
					}
.alarmcalc td.price { 
						text-align:right; 
						width:20%;
					}
.alarmcalc td.product { 
						width:80%; 
						padding-left:22px;
					  }
.alarmcalc dl { margin:0; margin-left:-17px; }
.alarmcalc dl dt { padding:2px 0 0 17px;}
.alarmcalc dl dt a { font-size:12px; text-decoration:none;}
.alarmcalc dl dt a:hover { text-decoration:none; color:#333}

.alarmaddrow 		{ 
						display:block; 
						text-align:right; 
						padding:5px 0; 
						width:100%; 
						*height:40px; min-height:40px; 
						background:#fff url('img/compare-gradient.gif') no-repeat scroll 50% 100%;
}

h4.yourprice {
	font-size:16px;
	color: #E70000;
}

/*
=product tabs
/////////////////////////////////////////////////////////////// */

/*hide content on page load to avoid flicker in IE*/
.hasJS .tabstcontent {display:none;}

.ui-tabs-nav 		{
						/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
						float: left;
						position: relative;
						z-index: 1;
						bottom: -1px;
						display:block;
						width:100%;
					}
.ui-tabs-nav ul 	{
						/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none;  list-style: none;
						background:#fff url("img/ul_bg.png") no-repeat scroll 0 22px;
						height:40px;
					}
					.ui-tabs-nav li 	{
											/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none;
											float: left;
											border-right: none;
										}
.ui-tabs-nav a, 
.ui-tabs-nav a span {
						display: block;
						padding: 0 8px;
						background: url('img/prodtabs.png') no-repeat;
					}
.ui-tabs-nav a 		{
						margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
						padding-left: 0;
						color: #333;
						width:124px; min-width:124px;
						font-weight: bold;
						font-size:1em;
						line-height: 1.2;
						text-align: center;
						white-space: nowrap; /* required in IE 6 */    
						outline: 0; /* prevent dotted border in Firefox */
						cursor:pointer;
						text-decoration:none!important;	
					}
.ui-tabs-nav .ui-tabs-selected a {
						position: relative;
						top: 1px;
						z-index: 2;
						margin-top: 0;
						color: #fff!important;
					}
.ui-tabs-nav a span {
						height: 18px; min-height: 18px;
						padding-top: 6px; padding-right:5px;
					}
					*>.ui-tabs-nav a span { /* hide from IE 6 */
						width: auto;
						height: auto;
					}

.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; background-position: 0px -25px;}
.ui-tabs-nav .ui-tabs-selected a { background-position: -68px -79px; border-bottom:0; }

.ui-tabs-nav a, 
.ui-tabs-nav .ui-tabs-disabled a:hover, 
.ui-tabs-nav .ui-tabs-disabled a:focus, 
.ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -52px; border-bottom:1px solid #e1e1e1; }

.ui-tabs-nav .ui-tabs-selected a:hover span, 
.ui-tabs-nav .ui-tabs-selected a:focus span, 
.ui-tabs-nav .ui-tabs-selected a:active span { color:#fff;}

.ui-tabs-nav a:hover span, 
.ui-tabs-nav a:focus span, 
.ui-tabs-nav a:active span { color:#FF0000}

.ui-tabs-nav a span, 
.ui-tabs-nav .ui-tabs-disabled a:hover span, 
.ui-tabs-nav .ui-tabs-disabled a:focus span, 
.ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; }

.ui-tabs-nav .ui-tabs-selected .curarrow-tabs { 
						background:#000 url('img/curarrow-tabs.png') no-repeat center; 
						display:block; 
						height:14px; width:128px;
					}

.ui-tabs-panel 		{
						/*resets*/margin: 0; padding: 0; border: 0; outline: 0; 
						clear:left;
						background: #fcfdfd;
						padding:0;
						font-size:11px;
					}
					.ui-tabs-panel label { 
											font-size:10px; 
											font-weight:bold; 
										}
					.ui-tabs-panel .tabstcontent { 
											background:#fff; 
											padding:0 0 10px; 
											border-bottom:1px solid #e5e5e5;
										}
					.ui-tabs-panel .tabstcontent .content-grid .col { 
											float:left;
											width:250px;  
											padding-top:10px; 
										}
					.ui-tabs-panel .tabstcontent .content-grid.input {  
											background:transparent url('img/tabsC2-bg.png') no-repeat scroll 250px 0px; 
											display:block; 
											height:100%;
										}										
.ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; }


/*
=product tabs content
/////////////////////////////////////////////////////////////// */

.btnrow.tiny { padding-bottom:10px;}

.btnrow.tiny span { display:block; float:left; width:152px; }
.btnrow.tiny span.status { font-size:11px; }
.btnrow.tiny span.status.succes { color:green;}
.btnrow.tiny span.status.error { color:red;}									
					
.btnrow.tiny input.btn {
							background:#888;
							border:1px solid #666;
							color:#fff;
							font-family:arial, sans-serif;
							font-weight:bold;
							font-size:12px;
							line-height:1em;
							margin-top:2px;
							text-shadow: #555 1px 1px 2px;
							cursor:pointer;
							padding:0px 2px;
						}
						.btnrow.tiny input.btnNext {
							background:#e70000;
							border-color:#c70000;
							text-shadow: #611 1px 1px 2px;
							cursor:pointer;
							vertical-align:middle;
							}
									
/*Vurdering*/
table.rating { padding:0; margin:0; width: 100%;}
table.rating .date,
table.rating .rate  { width:85px;  }
table.rating .date { width:65px;  }
table.rating .comment { width:180px;  }
table.rating .name { width:100px;  }

table.rating th 		{ 
							font-size:10px; 
							font-weight:bold; 
							padding:8px 0; 
							background:#fff; 
							border-bottom:1px solid #e5e5e5;
						}
						table.rating th,
						table td { text-align:left;}

table.rating td.date,
table.rating td.rate,
table.rating td.name,
table.rating td.comment  { 
							vertical-align:top; 
							padding-top:5px; 
							border-bottom:1px solid #e5e5e5; 
						}

table.rating tr { background:white url('img/rate-bg.gif') no-repeat bottom center; }

table.rating thead tr .header {
	background-image: url(ui/sort-off.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	cursor: pointer;
}
table.sortable thead tr .headerSortUp	{ background-image: url(ui/asc.gif); }
table.sortable thead tr .headerSortDown	{ background-image: url(ui/desc.gif); }

/* sortable pager */
div.pager 
{
	text-align: center;
	margin: 10px;
}
div.pager .pagesize
{
	display: none;
}
div.pager .pagedisplay
{
	display: inline;
	margin: 0px 10px;
}
/*
=product gallery
/////////////////////////////////////////////////////////////// */
.productimg { text-align:center;
	float:right; margin-bottom:20px; width:255px; margin-left:5px; /*BR091027*/
	}
.productimg .large {min-height:180px; _height:180px;}
.productimg .underline {border-bottom:1px solid #f1f1f1;}
.productimg ul.thumblist { 
							list-style:none; 
							margin:5px -5px 0 0; 
							padding:0;
							min-height:50px;
							_height:50px;
							}
							.productimg ul.thumblist:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
						
						ul.thumblist li	{ 
							position:relative;
							list-style:none; 
							float:left; 
							margin-right:5px; 
							display:inline;
						}
						ul.thumblist li:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

						ul.thumblist li.last { margin-right:0;}
						ul.thumblist li a { 
							display:block; 
							border:1px solid #e2e2e2; 
							width:58px; height:48px;
							overflow:hidden;
							text-align:center;
							line-height:48px;
							text-decoration:none;
						}
						ul.thumblist li a:hover { border:1px solid #ccc; }												
						ul.thumblist li a.current {border:1px solid #999;}
						ul.thumblist li a.current span.curarrow-dark { display:block; }
div.productimg-wide { width: 530px; float: none; }
						
span.curarrow-dark { 
						position:absolute; 
						background:transparent url('img/curarrow-dark.png') no-repeat;											
						width:10px; height:5px; 
						margin:-5px 24px 0 24px; 
						display:none; 
					}

/*
=Rating
/////////////////////////////////////////////////////////////// */

/*large star*/
.star-rating-static .rating-bar 				{	width: 80px; background: url('img/star.gif') 0 0 repeat-x; }
.star-rating-static .rating-bar div.rate 		{	font-size:0px; text-indent:-5000px; height: 16px; background: url('img/star.gif') 0 0 repeat-x; }
.star-rating-static	.rating-bar div.rate.red 	{	background-position:0 -16px; }
.star-rating-static	.rating-bar div.rate.yellow {	background-position:0 -32px; }

/*small star*/
.star-rating-static .rating-bar.small 			{	width: 60px; background: url('img/star-small.gif') 0 0 repeat-x; }
.star-rating-static	.rating-bar.small div.rate 	{	height: 12px; background: url('img/star-small.gif') 0 0 repeat-x; }
.star-rating-static .rating-bar.small div.rate.red { background-position:0 -12px; }
.star-rating-static	.rating-bar.small div.rate.yellow {	background-position:0 -24px; }

.star-rating-static	.rating-bar div.rate.zero 		{	width:0%; }
.star-rating-static	.rating-bar div.rate.half 		{	width:10%; }
.star-rating-static	.rating-bar div.rate.one 		{	width:20%; }
.star-rating-static	.rating-bar div.rate.onehalf 	{	width:30%; }
.star-rating-static	.rating-bar div.rate.two 		{	width:40%; }
.star-rating-static	.rating-bar div.rate.twohalf 	{	width:50%; }
.star-rating-static	.rating-bar div.rate.three 		{	width:60%; }
.star-rating-static	.rating-bar div.rate.threehalf 	{	width:70%; }
.star-rating-static	.rating-bar div.rate.four 		{	width:80%; }
.star-rating-static	.rating-bar div.rate.fourhalf 	{	width:90%; }
.star-rating-static	.rating-bar div.rate.five 		{	width:100%; }


.star-rating-static .star-rating-stats 				{  display:block; color:#999; padding:2px 0;  }



div.rating-cancel,
div.star-rating		{
						float:left;
						display:block;
						width:17px; height:15px;						
						text-indent:-999em;
						background:transparent;
						overflow:hidden;
						cursor:pointer;						
					}
div.rating-cancel,
div.rating-cancel a	{ 
						display:none!important; 
						background:url('img/delete.gif') no-repeat 0 -16px
					}
div.star-rating,
div.star-rating a	{	background:url('img/star.gif') no-repeat 0 0px;}

div.rating-cancel a,
div.star-rating a	{
						display:block;
						width:16px; height:100%;
						background-position:0 0px;
						border:0;
					}
div.star-rating-on a{	background-position:0 -32px!important }
div.star-rating-hover a{ background-position:0 -32px; }
div.star-rating-readonly a{cursor:default !important} /* Read Only CSS */
div.star-rating		{
						background:transparent!important;
						overflow:hidden!important
					} /* Partial Star CSS */

div.rating .star-rating-stats { 
						clear:left; 
						display:block; 
						color:#999; 
						padding:2px 0;  
					}
div.rating .rating-text { 
						float:left;
						color:#999; 
						padding:2px 0;
						margin-left: 5px;
					}
div.rating div.star-rating { padding:2px 0;  }


/* WORK IN PROGRESS: rebuilding the product pages */
li.unit .pad {padding-top:10px;}
.info .price { font-size:11px; color:#666; font-weight:normal; margin:0; /*BR:display:block;*/}

.info acronym { font-size:12px; padding-right:16px; background:transparent url(img/info_ico.png) no-repeat 100% 1px; }
.infoBundle { font-weight:bold; position:relative; left: 22px;}


.radio, .radiohead, .radio input, .radiohead input {vertical-align:middle;}
.ui-tabs-panel label.radio,label.radio {font-weight:normal;vertical-align:middle; }

acronym { padding-right:16px; background:transparent url(img/info_ico.png) no-repeat 100% 1px; border-bottom:1px dotted #ccc; zoom:1;}
acronym.alt { padding-right:0; padding-left:16px; background-position: 0 1px; border-bottom:1px dotted #ccc; }
.product acronym.alt {margin-left:-20px; padding-left:20px; *position:relative; *padding-left:21px; /*due to a bug in IE7, margin-left + padding-left can't equal 0 */}
acronym.no-tip { background:none; border-bottom:none; padding-right:0;}

.radiogroupindent {padding-left:1.5em;}
.radiogroupindent .radiohead {margin-left:-1.5em; float:left; display:inline;}
acronym.highlight {color:#e80000;}

.compare ul li.info acronym {padding-right:0;  padding-left:18px; background:transparent url(img/info_ico.png) no-repeat 0 1px; }
.compare ul li.info {
	/*background:transparent url(img/info_ico.png) no-repeat scroll 0 0.25em; padding-left:20px; */
	padding-left:0; background:none;
	}
span.radio input, span.radio label {vertical-align:middle;}
span.radio label,span.checkbox label {padding-left:5px;}


/*
=FAQ
/////////////////////////////////////////////////////////////// */
dl.faq {margin:1em 0;}
dl.faq dt {background:#eee url(img/togglearrows.gif) no-repeat 0 50%; margin:1px 0 0; border:1px solid #e5e5e5; padding:4px 4px 4px 19px; cursor:pointer; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
dl.faq dt:hover {background-color:#f5f5f5;border-bottom-color:#ddd;}
dl.faq dt.open {background-position:-1000px 50%;border-bottom-color:#ddd;}
dl.faq dd {margin:0; padding:0; display:none;}
dl.faq dd .pad {padding:10px 4px 10px 20px;background:#fff url(img/compare-gradient.gif) no-repeat scroll 50% 100%}

/*
=beregn pris
/////////////////////////////////////////////////////////////// */
h3.redbg				{
							margin: 0 0 5px 0;
							padding: 5px 0 5px 10px;
							font-size: 14px;
							color: #fff;
							background: #E41E26;
						}

.alarmest 				{ margin: -5px 0 20px 0; font-size: 12px; }
.alarmest .small		{ font-size: 11px; }
.alarmest td 			{ 
							border-bottom:1px dotted #eee; 
							padding: 5px;
						}
.alarmest td.sum 		{ 
							border-bottom:3px double #eee; 
							text-align:left; 
							font-size:16px;
						}
.alarmest td.subsum 	{ 
							border-bottom:1px solid #eee; 
							font-size:14px; 
						}
.alarmest td.price 		{
							text-align:right; 
							width:20%;
							white-space: nowrap;
						}
.alarmest td.price_l 	{
							text-align:left; 
							width:20%;
							white-space: nowrap;
						}
.alarmest td.product 		{ 
								width:80%; 
								padding-left:10px;
						  	}
.alarmest td.lr		 		{ border-right: 1px solid #eee; }
.alarmest.small td.product 	{ font-size: 12px; }
.alarmest.small td.price_l,
.alarmest.small td.price,
.alarmest.small select 		{ font-size: 11px; }
.alarmest td.large			{ font-size: 16px; font-weight: bold; }

.alarmest td.strong			{ font-weight: bold; }
.alarmest.alarmproducts dt.info .price strong,
.alarmest td.extra			{
								padding: 3px;
								color: #000;
								_background: transparent url(img/bg_extra.gif) 100% -40px no-repeat;

								background:#fe6 repeat-x url(../css/img/bg_extra2.gif) 0% -40px;							
							}

/* .alarmest td.extra span		{ padding: 0 0 0 20px; background: transparent url(img/bg_extra2.gif) 100% 50% no-repeat; } */

.alarmest td.product acronym.alt	{
										margin-left: 0px;
										padding-left: 20px;
										float: left;
										border-bottom: none; 
									}
.alarmproducts.alarmest			{ margin: 0;  background: none; }
.alarmest .row 					{ border: none; }
.alarmest .row .col 			{ min-height: 10px; }
.alarmest td.product .img img 	{ margin: 0 15px 0 0; width: 17px; overflow: hidden; float: left; }



/*
=Produktsammenligning
/////////////////////////////////////////////////////////////// */

.product-compare 			{ margin:0; font-size: 12px; }
.product-compare .small		{ font-size: 11px; }
.product-compare .name		{ font-size: 14px; margin:0; margin-bottom:5px; }
.product-compare .price		{ font-size: 14px; margin:20px 0; color:#e70000; }
.product-compare .buyunit	{ font-size: 12px; margin:10px 0; display:block; float:none;  clear:both; }

.product-compare td 		{ 
								border-bottom:1px dashed #d4d4d4; 
								padding: 5px;
							}
.product-compare tfoot td 	{	border-bottom:0;  }							
.product-compare .product 	{
								text-align:center;
								white-space:normal;
								border-left:1px solid #d4d4d4;
							}
.product-compare .info 		{ 
								padding-left:10px;
								width:40%;
					  		}
.product-compare .tick		{
								display:inline-block;	
								margin:0; padding:0;	
								width:15px; height:13px;
								background:url("img/tick_sprite.gif") no-repeat;
							}
.product-compare .checked	{}
.product-compare .unchecked	{	background: none; }
.product-compare .tick span,
.product-compare .untick span { display:none;}	

.product-compare td.info acronym.alt {
								margin-left: 0px;
								padding-left: 20px;
								float: left;
								border-bottom: none; 
							}
.product-compare td.strong	{ font-weight: bold; }
.product-compare .info .img img 	{ margin: 0 15px 0 0; width: 17px; overflow: hidden; float: left; }
.product-compare .product .tilvalg { color:#e70000; font-weight:normal}
.product-compare .extra strong {
								padding: 3px;
								color: #000;
								background:#fe6 repeat-x url(../css/img/bg_extra2.gif) 0% 50%;							
								_background: transparent url(img/bg_extra.gif) 100% 50% no-repeat;								
							}

/*.product-compare .extra del { color:#999; font-weight:normal; } COMMENT OUT IF GREY PRICE IS NEEDED*/

.product-compare .btn-img { margin:5px 0; background: none; border: none;}

/*
=Pagetitle with utilitybar
/////////////////////////////////////////////////////////////// */
#main .pagetitle { min-height:0; *zoom:1;_height:1px; }
.pagetitle:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* #main .pagetitle h1			{ 
								display:inline; 
								float:left; 
								width:85%; 
							}
*/
.utilbar	{ float:right; display:inline;margin-right:10px;}
.pagetitle .utilbar { margin-right:0;}
.utilbar .tools{  margin:0; padding:0;}
.utilbar .tools li 
 				{ 
 					list-style:none; 
 					margin:0 0 0 4px; 
 					float:left;
 				}
.utilbar a {
 					display:block; 
 					width:20px; height:20px;
 					background:transparent url("img/util_sprite.gif") no-repeat;
 				}
.utilbar a.tip { width: 74px; height:16px;  background: transparent url("img/16_tipenvenIkon.gif") no-repeat;}
.utilbar a.tipno { width: 83px; height:16px;  background: transparent url("img/16_Tipsenvenn.gif") no-repeat;}	
.utilbar a.tipse { width: 76px; height:16px;  background: transparent url("img/Tipsa-en-van-ikon.png") no-repeat;}	
.utilbar a.print { width: 45px; height:16px; background: transparent url("img/16_printIkon.gif") no-repeat;}
.utilbar a.printse { width: 55px; height:16px; background: transparent url("img/Skriv-ut-ikon.png") no-repeat;}

.lang-no .utilbar a.tip { width: 83px; height: 16px; background: transparent url("img/16_Tipsenvenn.gif") no-repeat;}	

.utilbar a.email { background-position:0 -22px;}
.utilbar a.email:hover { background-position:-22px -22px;}
.utilbar a.emaerket { background-position:0 -66px;}
.utilbar a.emaerket:hover { background-position:-22px -66px;}
.utilbar a span { display:none;}	



/*
=Popup
/////////////////////////////////////////////////////////////// */
#popup #page 				{ 
								width:450px; 
								text-align:left; 
								margin:0 auto; 
							}
#popup #contentwrap 		{ 
								border:1px solid #ddd; 
								background:#fff url('img/fbird.gif') top right no-repeat;
							}
#popup #content 			{	min-height:100px;	}
* html #popup #content		{	height:100px;	}

#popup #content div.intro 	{ 	padding:20px 90px 10px 20px; }
#popup #content div.intro p { 	font-size:14px;}


/*
=Produkt table
/////////////////////////////////////////////////////////////// */
.alarmproducts 				{ 	padding:20px 0 0 0;}
.product-table 				{ 	font-size: 12px; }

.product-table .product 	{
								text-align:left;
								font-weight:normal;
								white-space:normal;
								border-left:1px solid #d4d4d4;
								padding: 2px 10px 2px 20px;					
								vertical-align:top;
								width:33%;
							}
.product-table tfoot .product { padding-left:40px; padding-top:10px;}
.product-table tfoot .image {  text-align:center; padding:0;}

.product-table td.first,
.product-table th.first		{ 	border-left:0; }

.product-table .ticklist	{ margin:0; padding:0;}
.product-table .tick		{
								list-style:none;
								display:block;	
								margin:0; padding:0;	
								background:url("img/tick_sprite.gif") no-repeat;
								padding:2px 0 2px 20px;
							}
.product-table .checked		{}
.product-table .unchecked	{	background:none; }
.product-table .highlight span { color:#090; }

.product-table .price		{ 	font-size: 16px; margin:20px 0;}
.product-table .extra strong {
								padding:0 3px;
								background:#fe6 repeat-x url(../css/img/bg_extra2.gif) 0% 50%;							
								_background: transparent url(img/bg_extra.gif) 100% 50% no-repeat;								
							}							
.product-table label.radio	{ font-size:12px;}
.product-table .info .radiogroupindent { padding-bottom:10px;}

.product-table .header { padding:0 20px; text-align:left;}
.product-table .title { font-size:16px; font-weight:bold;}
#main .product-table .header .title { font-size:18px; font-weight:bold; color:#e70000; }


/*
=Bundle product table
/////////////////////////////////////////////////////////////// */
.bundle-table 				{ 	font-size: 12px; }

.bundle-table tbody	.header		{ padding-top:15px}
.bundle-table .table-col 	{
								text-align:left;
								font-weight:normal;
								white-space:normal;
								padding: 2px 10px 2px 20px;					
								vertical-align:top;
								width:33%;
							}

.bundle-table .table-col2	{ width:50%;}
.bundle-table .table-col1	{ width:100%;}
.bundle-table thead .table-col 	{
								border-left:1px solid #d4d4d4;
							}
.bundle-table td.first,
.bundle-table th.first		{ 	border-left:0; }
.bundle-table .highlight span { color:#090; }

.bundle-table .price		{ 	font-size: 16px; margin:20px 0;}
.bundle-table .extra strong {
								padding:0 3px;
								background:#fe6 repeat-x url(../css/img/bg_extra2.gif) 0% 50%;							
								_background: transparent url(img/bg_extra.gif) 100% 50% no-repeat;								
							}							
.bundle-table .shopunit .buyunit {margin-top:6px; display:block;}
.bundle-table label.radio	{ font-size:12px;}
.bundle-table .radiogroupindent {padding-left:0; padding-top:5px;}
.bundle-table .info .radiogroupindent { padding-left:1.5em; padding-bottom:10px;}
.bundle-table .fix-alignment label { padding-left:5px;}

.bundle-table .header { padding:0 20px; text-align:left;}
.bundle-table .title { font-size:16px; font-weight:bold;}
.bundle-table .header.red .title { font-size:18px; font-weight:bold; color:#e70000; }



.nps .leftbar {
    float:left;
    width:188px;
    margin-right:0;
	display:inline;
}
.nps .leftbar #subnav { width:188px; margin-bottom:10px; float:none; display:block;}






/*
	all new navigation - 16-06-10

	topmenu
------------------------------------------------------ */
#header .topMenuWrapper 	{
					    background: #bababa url(img/menu-bar-bg.gif) 0 0 repeat-x;
					    border: 1px solid #bababa;
						border-left:0;
					    border-bottom: none;
					    /* zoom: 1; --- ??? */		/* This "give layout" to IE6/7 */
					}
#header .topMenu 			{
    					height: 30px;
					}
#header .topMenu ul 		{
    					margin: 0;
    					padding: 0;
					}
#header .topMenu ul.shop 	{ 
						padding: 0 1px 0 0;
						float: left;
						background: #bababa url(img/menu-bg.gif) 100% 0 no-repeat;
					}
#header .topMenu ul.right 	{ 
						padding: 0 0 0 1px;
						float: right;
						background: #bababa url(img/menu-bg.gif) 0 0 no-repeat;
					}
#header .topMenu li 		{
    					float: left;
    					background: #bababa url(img/menu-bg.gif) 100% 0 no-repeat;
    					border-right: 1px solid #fff;
					}
#header .shop li 			{
    					background: #bababa url(img/menu-bg_shop.gif) 0 0 no-repeat;
					}
#header .topMenu a 			{
    					padding: 7px 14px 7px 14px;
    					color: #000;
    					display: block;
						text-decoration:none;						_float:left;
					}

#header .topMenu a 	{text-decoration:none;}
#header ul.shop li a		{ padding: 7px 14px 7px 36px; }
#header .right li.first		{ border-left: 1px solid #fff !important; }
#header .right li.last		{ border-right: none; background: #bababa url(img/menu-bg.gif) -5px 0 no-repeat; }
#header .topMenu li.first	{ border-left: none; }

#header .topMenu a:hover,
#header .topMenu a:active,
#header .topMenu li.selected,
#header .topMenu li.selected a:link,
#header .topMenu li.selected a:hover,
#header .topMenu li.selected a:active,
#header .topMenu li.selected a:visited 	{
									background: #e70000 url(img/menu-bg.gif) 100% 100% no-repeat;
									color: #fff !important;
									text-decoration:none;
								}
#header .shop a:hover,
#header .shop a:active,
#header .shop li.selected,
#header .shop li.selected a:link,
#header .shop li.selected a:hover,
#header .shop li.selected a:active,
#header .shop li.selected a:visited 	{
									background: #e70000 url(img/menu-bg_shop.gif) 0 100% no-repeat;
									color: #fff !important;
									text-decoration:none;
								}


/*
	topbar
------------------------------------------------------ */
.topBarWrapper 			{
						    position: absolute;
						    top: 12px;
						    right: 0;
						}
.topBar ul				{
						    margin: 0;
						    padding: 0;
						    display: inline;
							font-size:12px;
						}
.topBar li 				{
						    margin: 0;
						    padding: 0;
							display: inline;
						    list-style-type: none;
						}
.topBar a 				{ padding: 0 0 0 10px; }
.topBar a:link,			
.topBar a:active,		
.topBar a:visited		{
						    color: #868686 !important;
						    font-weight: bold;
							text-decoration:none;
						}
.topBar a:hover 		{
						    color: #e70000 !important;
						    text-decoration: underline;
						}
.topBar li a.selected 	{ color: #e70000 !important; }



/*
	topbar forms (search)
------------------------------------------------------ */
.topBar .searchForm 			{ display: inline; padding: 0 0 0 10px; }
.topBar label					{
								    color: #868686;
								    display: none;
								    padding: 0 3px;
								}
.topBar .searchForm .typeText	{
								    margin: 0 5px 0 0;
								    padding: 1px 1px 2px;
background:#fff;
border:1px solid #878787;
border-bottom:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
font-size:1em;

								    
								}
.topBar .searchForm .typeButton	{
								    background: transparent url('img/arrow-button.gif') no-repeat scroll 0 0;
								    border: 0 none transparent;
								    height: 20px;
								    vertical-align: top;
								    width: 20px;
									cursor:pointer;
								}


/*
	subvaigation
------------------------------------------------------ */
#subNavigation					{
									margin: 0 18px 10px 0;
									width: 180px;
								}
#subNavigation h3				{
									margin: 0 0 2px 0;
									padding: 3px 5px 3px 5px;
									background: #989898;
									color: #fff;
									font-size: 12px;
									font-weight: normal;
								}
#subNavigation h3 a,
#subNavigation h3 a:hover		{ padding: 0; color: #fff !important; text-decoration: none; }
#subNavigation h4				{
									margin: 18px 0 2px 0;
									padding: 3px 5px 3px 5px;
									color: #a8a8a8;
									font-size: 12px;
									font-weight: bold;
								}
#subNavigation h4 a,
#subNavigation h4 a:hover		{ padding: 0; color: #a8a8a8; text-decoration: none; }
#subNavigation ul				{
									margin: 0;
									padding: 0 !important;
									border-top: 1px solid #c7c7c7;
								}
#subNavigation ul li ul			{ border-top: none; }
#subNavigation li 				{ margin: 0; padding: 0; list-style-type: none; display: block; min-height: 0; _height: 1px; }
#subNavigation li a				{
									margin: 0;
									padding: 3px 5px 3px 5px;
									display: block;
									 _height: 1px;
									border-bottom: 1px solid #c7c7c7; 
									text-decoration: none;
								}
#subNavigation a.selected,
#subNavigation a:hover			{ color: #e70000; }

#subNavigation a.level0.open,
#subNavigation a.level0.selected,
#subNavigation a.level0:hover	{ color: #e70000; background: transparent url(img/menu-bg-subnav.gif) 0 100% repeat-x; }

#subNavigation a.level0.open	{ color: #000; }
#subNavigation a.level1 		{ padding-left: 25px; }
#subNavigation a.level2			{ padding-left: 45px; }
#subNavigation a.level3			{ padding-left: 45px; }


/* Fix positioning of radio button in RadioButtonList */ 
.fix-alignment input {
	vertical-align: middle;
}


/*
	Footer
------------------------------------------------------ */
#footer {
	background:none;
	padding:0;
	margin:0 0 100px 0;
	border-width:1px 0 0 0;
}
#footer .footer-top {
	padding-top:25px;
	color:#868686;
	font-size:11px;
	line-height:18px;				
}
#footer .footer-top .col {
	border-right:1px solid #d3d3d3;
	min-height:85px;
	height:auto!important;				
	height:85px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:8px;
}
#footer .footer-top .last-col { border-right: none;	}			
#footer .footer-top .c1 { width:300px; }
#footer .footer-top .c2 { width:240px; }
#footer .footer-top .c2.wide { width:380px; }		
#footer .footer-top .c3 { width:120px; }
#footer .footer-top .c4 { width:170px; }
#footer .footer-top p { margin:0;}
#footer .footer-top .headline { margin:0 0 10px 0; font-size:12px; font-weight:bold; color:#868686;}

#footer .footer-top ul { margin:0; padding:0; margin-right:5px; }
#footer .footer-top ul li { margin:0; padding:0; list-style:none; }			
#footer .footer-top ul li img { vertical-align:middle; }			
#footer .footer-top .c2.wide ul{ margin-right:10px; }
#footer .footer-top ul.checklist { width:145px;	float:left; }			
#footer .footer-top ul.checklist li { padding-left:20px; background:transparent url('img/icon-check-red.png') no-repeat 0 4px; }			
#footer .footer-top ul.linklist { width:115px; 	float:left; }			
#footer .footer-bottom {
	clear:both;
	border-top:1px solid #d3d3d3;
	color:#868686;
	text-align:center;
	font-size:10px;
}
#footer .footer-bottom p { margin:5px 10px;}			

#page #footer a, 
#page #footer a:link,
#page #footer a:active, 
#page #footer a:visited  {
	text-decoration:underline;
	color:#868686;
	padding:0;	
}
#page #footer a:hover { color:#E80000;}
#page #footer a.newsletter { background:transparent url('img/icon-letter.gif') no-repeat 0 3px; padding-left:22px;}


/*
	lightbox
------------------------------------------------------ */
.errors.lightbox-content {  margin:0; text-align:left; min-height:100px; width:500px; padding:1px 10px;}
.errors.lightbox-content p { margin:10px 0;}
.notice.lightbox-content { margin:0; text-align:left; }
			

/*
	expand/collapse product page
------------------------------------------------------ */
/* read more expand link */
.read-more .read-more-content { margin:30px 0}
.read-more-content, .read-more-btn .sep, .read-more-btn .collapse-txt, .collapse .expand-txt { display:none; }
.collapse .collapse-txt { display:inline; }
.read-more-btn { background:url('img/arrow-expand_sprite.png') no-repeat right top; padding-right:20px; font-weight:bold; text-decoration:none;}
a.read-more-btn { margin-right:10px;}
.read-more-btn.collapse { background-position:right -46px;}

.pinfobox { border:1px solid #ddd; background:#fff url('img/pinfobox_gradient.png') repeat-x left top; margin:10px 0}
.pinfobox .box-body { display:none; font-size:11px;}
.pinfobox .box-head { *zoom:1; padding:6px 10px 5px 10px; line-height:14px; display:block; text-decoration:none;}
.pinfobox .box-head:after 	{	content:"."; clear:both; display:block; height:0; visibility:hidden;}
.pinfobox .box-title { float:left; margin:0; font-size:14px; font-weight:bold;}
.pinfobox .box-snippet { float:left; margin-left:20px; font-size:11px; color:#7a7a7a}
.pinfobox .content-grid .col { float:left; width:220px;  padding:10px; }

/*video box*/
.video-box .box-body img, .video-box .box-body object, .video-box .box-body embed { display:block;}
.video-box .box-snippet.icon { background:transparent url('img/icon-video.png') no-repeat 0 2px; padding-left:18px;}

/* comment box*/
.comment-box .star-rating-static .rating-bar { float:left; margin-right:10px; margin-top:-2px;}
.comment-box .star-rating-static .star-rating-stats { display:inline;}

.comment-box .box-body { padding:10px; padding-bottom:0;}
.comment-box .box-body div.rating { background:transparent url('img/pinfobox-inner-title.png') no-repeat; padding:10px;}
.comment-box div.rating .rating-text { float:none;}
.comment-box .box-body .rating label { float:left; margin:4px 10px 0 0;}

.comment-box .content-grid { margin-top:20px;}
.comment-box .content-grid .c1 { width:200px;}
.comment-box .content-grid .c2 { width:270px; padding:10px 0}
.comment-box .content-grid .c2 textarea.size-wide { width:260px;}
.comment-box table.rating th { font-weight:normal;}

/* price box*/						
.price-box .box-head { padding:0;}
.price-box .box-body { display:block;}

.price-box .product-compare thead th {  padding-top:10px;}
.price-box .product-compare thead th.info { vertical-align:top; text-align:left;}
.price-box .product-compare tfoot th {padding-top:10px; border-top:1px dashed #D4D4D4}
.price-box .product-extra tfoot th { border-top:none;}

#main .product-table-title { font-size:14px; color:#333; font-weight:bold; line-height:18px;}

.price-box .product-compare td { border-top: 1px dashed #D4D4D4; border-bottom:none; }
.price-box .product-compare .extra-product td  {border-top:none; border-top:1px solid #D4D4D4; }
.price-box .product-compare .extra-product-info .extra-product-content  {border-top:none; border-bottom:1px solid #D4D4D4;}

/* extra product */
.extra-product  {background:#fff url('img/product-extra-top.png')  repeat-x;}
.extra-product .info { text-decoration:underline;}
.extra-product-info .extra-product-content  { border-bottom:1px solid #D4D4D4;  background:#fff url('img/product-extra-bottom.png') left bottom  repeat-x; padding:10px;}
.extra-product-info .simple-price .price { display:inline;}
.extra-product-info .simple-price .additional-info { font-size:10px; text-align:right;}
.extra-product-info .simple-price .price_normal { color:#c0c0c0;}
.extra-product-info .extra-product-desc { float:left; width:60%;}
.extra-product-info .extra-product-desc	h3 { color:#333; margin:0 0 6px 0;}
.extra-product-info .extra-product-desc p { color:#888; font-size:11px;}					
.extra-product-info .extra-product-more dt.info { padding-left: 17px; width: auto; }
.extra-product-info .extra-product-more p { font-size:11px;}
.extra-product-info .extra-product-image { margin-top:-20px;}
.extra-product-info .extra-product-more acronym { border-bottom:none;}
.extra-product-info .extra-product-more .info { width:auto;}
.extra-product-info .read-more-btn { margin-right:0;}
.extra-product .extra-product-head { font-size:12px; padding:10px 10px 0 10px;}
.extra-product .extra-product-head .options { float:right;}
#main .compare .extra-product .extra-product-head .info { font-size:12px; float:left;}

.compare .extra-product { border:1px solid #d4d4d4;}
.compare .extra-product .extra-product-info .extra-product-content { border:none;}

/* circle-price */
.circle-price { background:transparent url('img/circle_price_normal.png') no-repeat center top; min-height:95px; text-align:center; padding-top:18px; font-size:11px; line-height:18px;}
.circle-price small { font-weight:normal; line-height:11px;}
.circle-price .buyunit { margin:5px 0 10px 0}
.circle-price .price { font-size:18px; display:block; margin:0; color:#333; line-height:18px;}
.circle-price .price.red { color:#e70000; }
.circle-price .price span { font-size:11px; font-weight:normal; line-height:11px; }
.circle-price .name { margin:0; font-size: 14px; font-weight:bold;}
.circle-price .additional-info { color:#888; font-size:10px; font-weight:normal; line-height:10px;};
.circle-price .additional-info .price_save { color:#333; font-size:14px; font-weight:bold; margin-bottom:4px; display:block;}
.circle-price .additional-info .price_till { color:#333; margin-bottom:4px; display:block;}

.circle-price-offer { background-image:url('img/circle_price_offer.png'); color:#fff; }
.circle-price-offer .price { color:#fff;}

.shopunit .circle-price span.price { display:block; padding:0;}
.shopunit .circle-price .amount { margin-left:-30px;}
.shopunit .circle-price { margin-left:30px; min-width:101px;}

.simple-price .buyunit { margin:5px 0 10px 0}
.compare .shopunit .buyunit { margin-top:5px;}
.simple-price small { font-weight:normal;}
.simple-price .price { font-size:18px; color:#333; display:block; margin:0}
.simple-price .price.red { color:#e70000; }
.simple-price .price span { font-size:11px; font-weight:normal; color:#333; }
.simple-price .name { margin:0;}


/*
	Product form
------------------------------------------------------ */
.product-form .product-form-list .more { display:none; background:none; font-weight:normal; line-height:normal; margin:5px 15px 20px 16px; text-align:left;}
.product-form .product-form-list .checkbox { display:block; margin:5px 0}
.product-form .product-form-list .docs li { float:none; display:block;}


/*
	Sirius elements
------------------------------------------------------ */
/* readmore*/
.related-readmore 	{ 
						background:url('img/related_bbg.gif') no-repeat center bottom; 
						padding:35px 0 5px;
				}	
					
.related-readmore .row { 
						background:url('img/related_tbg.gif') no-repeat center top; 
						padding:12px 0 18px 0;
					}
					.related-readmore .row .col { 
											border-left:1px solid #e5e5e5;
											min-height:60px;
											width:156px;
											margin-right:0; 
											padding:0 12px; 
	                }
					* html .related-readmore .row .col { height:60px;}
					.related-readmore .col3 .imgcrop {width:156px; /*IE doesn't understand 100% in this context */}
					.related-readmore .row .c1 { border-left:0; }	
					.related-readmore .row .c3 { margin-right:0; padding-right:0;}	
.related-readmore .article { position:relative; padding-bottom:30px;}
.related-readmore a,
.related-readmore a:hover { text-decoration:none;}
.related-readmore .title { display:block; margin:15px 0; font-weight:bold; color:#333; text-decoration:none!important;}
.related-readmore .read-more-link { position:absolute; left:50%; bottom:0; display:block; margin:20px 0 0 -36px; text-align:center;}
.related-readmore .read-more-link img { border:0;}

/* price compair box*/
.price-box .read-more-link { display:block; margin:14px 0 8px 0;}

/* contact box */
.sirius-contact-box { background:#f5f5f5; padding:20px; *zoom:1; }
.sirius-contact-box:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
.sirius-contact-box .box-body { font-size:12px;}

.sirius-contact-box .fr { margin-bottom:5px; *margin-bottom:3px;}
.sirius-contact-box .fu label { width:120px; float: left; display:block;}
.sirius-contact-box .fu label.checkbox { width:auto; float:none; display:inline;}
.sirius-contact-box .text { border:1px solid #ccc; width:230px;}
.sirius-contact-box .req { font-weight:normal; font-size:12px;}
.sirius-contact-box .time { margin-top:15px;}
.sirius-contact-box .time .checkbox { margin-right:20px;}
.sirius-contact-box .btnrow { margin-top:12px; width:360px; text-align:right;}


/*
	Various
------------------------------------------------------ */
a.roedknap {
	background-color:	#FF0000;
	border:			1px solid #000;
	color:			#FFFFFF;
	display:		block;
	float:			right;
	font-size:		95%;
	font-weight:		bold;
	padding:		0px 5px 0px 5px;
	text-align:		center;
	text-decoration:	none;
	white-space:		nowrap;
}
a.roedknap:hover {
	color: #000;
	text-decoration: none;
}

.onlyprint
{
	display:none;
}

/* NEW */

/* checkbox list container */
.checkboxContainer input[type=checkbox] { margin-right: 5px;}
.checkboxContainer td { padding: 0 10px 2px 0;}

.checkboxContainer input[type=checkbox],
.checkboxContainer label { float: left;}

.checkboxContainer .checkboxwithinput { padding-bottom:0; padding-right:3px;}
.checkboxContainer .checkboxwithinput .fr { margin-bottom:0;}
.checkboxContainer .checkboxwithinput .othertextinput { margin-top:-2px; margin-right:0;}

/* radiobutton list container */
table.radiobuttonContainer { margin: 0 0 1em;}
table.radiobuttonContainer td { padding: 0 2px 0px 0;}
.fr.radioGroup { margin-bottom: 0.2em;}
table.lastradiogroup { margin-bottom:0;}

/* fieldset */
fieldset .subheading{ margin-bottom: 5px;}
.fr table, fieldset table { border-collapse: collapse;}
.fr table td, fieldset table td { padding: 0 2px 3px 0;}
.vSpacing { margin-bottom: 15px;}
.vDoubleSpacing { margin-bottom: 30px;}

/* radiobutton or checkbox row with text field */
.fr.combirow, .fr.combirow.radioGroup { margin-bottom: 0;}
.combirow .fu { line-height: 24px;}
.fr.radioGroup, .fu.radioGroup, .radioGroup .fu { margin-top: 0; margin-bottom: 0.2em; }
.radioGroup label { display: inline-block;}

hr+h2{ margin-top: 20px;}

/* file input */
.file-input-container { width: 318px; position: relative;}

.file-input-container input[type=file]{ 
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: 1px solid #f00;
	outline: 0;
} 

.file-input-container input[type=file]:focus{ 
	outline: none;
}

.fake-file-container { 
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
}

.fake-file-container .fake-field { 
	position: absolute;
	z-index: 0;
}

.fake-file-container .fake-btn { 
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	
	background: none repeat scroll 0 0 #888888;
    border: 1px solid #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 0;
    overflow: visible;
    padding: 0 5px;
    text-shadow: 1px 1px 2px #555555;
    width: auto;
}

/* "Other" fields */
.fieldOther {margin-top: -30px;}