/* Reset prefixed styles */
a img,:link img,:visited img,fieldset,abbr { border:0; }
h1,h2,h3,h4,h5,h6,pre,code,small,address { font-size:1em; font-weight:normal; font-style:normal; }
h1,h2,h3,h4,h5,h6,body,html,ul,ol,li,pre,form,p,blockquote,fieldset,input,dl,dt,dd { margin:0; padding:0; }
input,select,option,textarea { font: 1em Tahoma, Arial, sans-serif; }

a { color: #000; }
a:visited:hover, a:hover { text-decoration: none; }
.box a { color: #00f; }

html { background-color: #cfcfcf; color: #000; overflow-y: scroll; }
body {
	padding-top: 0.5em;
	background: #f2f1ed url(../img/foot-bg.gif) repeat-x bottom left;
	font: 0.75em/1.5em Tahoma, Arial, sans-serif;
	color: #000; }

/* Skip to Content links */
.skip { position: absolute; left: 50%; margin-left: -360px; list-style-type: none; width: 16px; height: 9px; background: url(../img/skip-bg.gif) no-repeat top left; }
.skip li { float: left; }
.skip li a { display: block; text-indent: -5000px; width: 8px; height: 9px; font-size: 8px; line-height: 9px; background: url(../img/skip-arrow.gif) no-repeat 5px 2px; }
.skip li.first-child a { text-decoration:none; background-position: 5px 2px; }
.skip li.last-child a { text-decoration:none; background-position: -3px 2px; }
.skip:hover { background-position: bottom left; }

#error { background-color: #fcc; color: #200; }
#warning { background-color: #ffc430; }
#error p, #warning p { margin: 1em; }

/* Header */
.header {
	width: 768px; height: 72px;
	margin: 0 auto;
	background: #fff url(../img/head-bg.png) no-repeat top left;
	overflow: hidden; }
.header img {
	margin: 20px 0 4px 45px;
	float: left; }
.header .tagline {
	display: block;
	background: url(../img/tagline.png) no-repeat top left;
	margin: 0 0 0 45px;
	width: 252px; height: 26px;
	text-indent: -5000px;
	clear: both; }

/* Custumer cart */
.cart { 
	margin-top: -72px; float: right;
	height: 72px; width: 37.5em;
	background: url(../img/cart-bg.png) no-repeat top right; }
.cart div {
	float:right;
	height: 56px; width: 21em;padding: 16px 0 0 50px;
	background: url(../img/cart-icon.png) no-repeat top left;
	font-size: 0.9em; line-height: 18px; color: #272727; }
.cart #change-cart { float: left; margin-top: 0.2em; color: #272727; }
.cart #checkout { float: right; margin: 0.2em 24px 0 0; color: #272727; }

.cart #book,.cart #tell {
	float: left;
	width: 130px; padding-left: 34px;
	font-size: 0.8em;
	line-height: 20px;
	text-decoration: none; }
.cart #book:hover,.cart #tell:hover {
	background-position: -164px; }
.cart #book {
	background: url(../img/head-book.png) no-repeat top left;
	margin-top: 14px;
	display: none; }
.cart #tell {
	background: url(../img/head-mail.png) no-repeat top left;
	/*margin-top: 2px;*/
	margin-top: 14px; }

/* Site menu */
ul.menu { 
	width: 768px; height: 2.7em;
	margin: 0 auto;
	list-style-type: none;
	background: url(../img/menu-shadow.gif) no-repeat bottom left;
	padding-bottom: 5px;
	margin-bottom: 0.1em; }

ul.menu li { float: left; }
ul.menu li a {
	display: block; text-align: center;
	color: #fff; font: 1.08em/2.5em "Trebuchet MS", Tahoma, sans-serif;
	border-right: 1px solid #709bcf; border-left: 1px solid #97c6fd;
	background: #75a1d5 url(../img/menu-blue.gif) repeat-x bottom left; }

ul.menu li#home a { 
	width: 72px; border-left: 0;
	background: #75a1d5 url(../img/menu-blue-left.png) no-repeat bottom left; }
ul.menu li#info a { width: 140px; }
ul.menu li#products a { width: 130px; }
ul.menu li#payment a { width: 176px; }
ul.menu li#about a { width: 120px; }
ul.menu li#contact a { 
	width: 120px; border-right: 0; 
	background: #75a1d5 url(../img/menu-blue-right.png) no-repeat bottom right; }
ul.menu li a.current { background: #99cf70 url(../img/menu-green.gif) repeat-x bottom left; border-left: 1px solid #afe684; }
ul.menu li#home a.current { background: #99cf70 url(../img/menu-green-left.png) no-repeat bottom left; }
ul.menu li#contact a.current { background: #99cf70 url(../img/menu-green-right.png) no-repeat bottom right;  }

ul.menu li a:hover { background-position: top left; text-decoration: underline; }
ul.menu li#home a:hover { background-position: -105px bottom; }
ul.menu li#contact a:hover { background-position: -40px bottom; }

/* Footer */

.footer {
	clear: both;
	margin: 0 auto;
	width: 69.4em;
	padding: 3em 0 0.3em 0;
	color: #2a2a2a;
	font: 0.92em/1.6em Arial, sans-serif; }

.footer address {
	float: left;
	width: 30.8em; }
.footer address span {
	float: left;
	padding-right: 1em;
	white-space: nowrap; }

.footer ul {
	float: right;
	width: 37.8em;
	line-height: 1.1em;
	margin-top: 0.3em;
	list-style-type: none; }
.footer li {
	float: right;
	white-space: nowrap;
	border-right: 1px solid #2a2a2a;
	margin-right: 0.8em; margin-bottom: 0.6em; padding-right: 0.7em; }
.footer li.row-end { border: 0; margin: 0; padding: 0; }

.footer a { color: #2a2a2a; }
.footer address a { text-decoration: none; }

a.phone { cursor: default; }

.wrapper { clear: both; width: 64em; margin: 0 auto; }

img.mail { vertical-align: text-bottom; }

#content {
	width: 46em; /* total of 46em (~ 552px) */
	float: right; }

/* Sub menu */
#submenu {
	width: 16.49em; /* total of 18em (~ 216px) */
	background: #fff url(../img/bg-shadow.png) no-repeat bottom right;
	padding: 0.5em 1em 0.5em 0.5em;
	float:left; }
#submenu h4 {
	color: #fff;
	font-weight: bold;
	background: #85b1e3 url(../img/sub-head.gif) repeat-x bottom left;
	border-bottom: 2px solid #6d95c3;
	padding: 0.8em 0.8em 0.5em 1.2em;
	line-height: 1em;
	margin-bottom: 0.5em; }

#submenu p {
	background-color: #e9e9e9;
	margin-bottom: 0.5em;
	padding: 0.4em; }
#submenu #phone {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em; }
#submenu #phone a {
	font-size: 1.1em;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0.2em; }
#submenu .center {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4em;
}
#submenu .center strong {
	font-size: 1.2em; padding: 0.2em 0; }

#submenu ul { list-style-type: none; }
#submenu h5 {
	font: bold 1.08em "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	background-color: #e9e9e9;
	padding: 0.6em 0.7em 0.4em 1.1em;
	border-bottom: 2px solid #a3a3a3; }
/*#submenu h6 {
	border-bottom: 1px solid #838383; }*/

#submenu ul li { line-height: 1em; }
#submenu ul li ul {
	background-color: #cccccc;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em; }
#submenu ul li ul li {
	border-bottom: 1px solid #a3a3a3;
	line-height: 1em; }
#submenu ul li ul li a {
	display: block;
	background: url(../img/sub-arrow.gif) no-repeat 95% 50%;
	text-decoration: none;
	padding: 0.4em 0.3em 0.4em 1.7em; }
#submenu ul li ul li a:hover { background-color: #d6d6d6; background-position: 5% 50%; }

#submenu ul li ul li.indent a {
	padding: 0.4em 0.3em 0.4em 2.7em; }

/* second level menu */
#submenu ul li ul li h6 a { background: #aeaeae /*url(../img/sub-head-arrow.gif) no-repeat 95% 50%*/; }
#submenu ul li ul li h6 a:hover { background: #b6b6b6 /*url(../img/sub-head-arrow.gif) no-repeat 95% 50%*/; }
#submenu ul li ul li ul { padding: 0; margin: 0; }
#submenu ul li ul li ul li a { background: #ebebeb; padding-left: 2.7em; }
#submenu ul li ul li ul li:last-child { border: 0; }
#submenu ul li ul li ul li a:hover { background-color: #fafafa; }

#submenu .current { font-style:italic; }

#submenu ul.list {
	background-color: #e9e9e9;
	margin-bottom: 0.5em;
	padding: 0.6em 0 0.2em 0;
	font-size: 0.9em;
}
#submenu ul.list li {
	padding: 0 0 0.6em 2em;
	line-height: 1.3em;
	background: url(../img/sub-arrow.gif) no-repeat 5% 30%;
}

/* verisign white box */
#submenu p.verisign { background-color: #fff; padding: 0; text-align: center; }
#submenu .verisign img { display: block; margin: 0 auto 0.5em auto; }

#submenu p.garanti { background-color: #fff; padding: 0; text-align: center; }
#submenu .garanti img { display: block; margin: 0 auto 0.5em auto; }

#submenu .review { padding: 0.6em 1.5em; font-family: Georgia, "Times New Roman", Serif; font-size: 1.2em; font-style: italic; }
#submenu small { display: block; margin-top: 0.5em; font: 0.8em Tahoma, Arial, sans-serif; }

#submenu input {
	width: 10.2em;
	padding: 0.2em;
	display: block; }
#submenu input.button { 
	width: 25%; 
	float: right;
	padding: 0 0.1em 0 0;
	margin-top: -1.9em; }

/* Boxes */

.box {
	background: #fff url(../img/bg-shadow.png) no-repeat bottom right;
	padding: 0.5em 2em 1em 1.5em; }
.verylong { background-image: url(../img/bg-shadow-large.png); }
.box h1 { font-weight: bold; font-size: 1.2em; line-height: 1em; margin: 1em 0 0; }
.box h2 { font-weight: bold; font-size: 1.08em; line-height: 1.2em; margin: 1.4em 0 0; padding-bottom:0.2em; border-bottom: 1px solid #e1eefa; clear:both; }
.box h3,.box h4 { font-weight: bold; clear: both; }
.box li h2 { margin-bottom: -0.5em; border: 0; }
.post h2 { border: 0; }
.post h3 { margin-bottom: -0.5em; font-style: italic; }
.box p,.box address { margin: 0.6em 0 1.4em; }
.box ul,.box ol { margin: 0.5em 2.5em 1.5em;}
.box ul ul,.box ol ol { margin: 0 1.5em; }
.box ul.spaced li,.box ol.spaced li { margin: 0.8em 0; }
img.img-right {
	float:right; margin: 1em 1em 1em 2em; }
img.img-left {
	float:left; margin: 1em 2em 1em 1em; }
	
.box .prod ul,.box .prod ol { margin-top: 0.5em; }
.box .prod h2 { clear: none; }

a.tel { text-decoration: none; color: #000; }

table tr th { text-align: left; vertical-align: top; }

.box .print {
	float: right;
	margin-top: 0.2em; margin-right: -0.7em; margin-bottom: -0.4em;
	font-size: 0.8em; line-height: 17px; }
.box .print a {
	background: url(../img/print.png) no-repeat center left;
	padding-left: 24px;
	display: block;
	text-decoration: none; }
.box .print a:hover { text-decoration: underline; }
.box small.author { color: #6f6f6f; font-size: 0.8em; line-height: 1.1em; font-style: italic; }
.box small.date { display:block; margin-top:2em; color: #6f6f6f; font-size: 0.8em; line-height: 1.4em; }
.box #rss { float: right; margin-right: -0.6em; }

strong.price { color: #c00000; }
#oldPrice { display: inline; }
#oldPrice span { text-decoration:line-through; }


a.help { text-decoration: none; background: url(../img/help-line.gif) repeat-x bottom left; cursor: help; }
a.help:hover { background:none; }

.subbox {
	background: #fff url(../img/box-top-bg.png) no-repeat top left;
	width: 552px; margin: 0 auto; }
.subbox .bottom {
	height: 1em;
	position: relative; top: -0.7em;
	margin-bottom: -0.7em;
	background: url(../img/box-bot-bg.png) no-repeat bottom left;
	clear: both; }
.subbox ul {
	list-style-type: none;
	padding: 0.5em 1em 1em 1em; }
.subbox li {
	font-size: 0.9em;
	line-height: 1.5em; }
.subbox p { text-align: center; font-size: 0.9em; padding: 0.2em 0.5em 0.5em 0; }
.subbox#last .bottom { top: 0; margin-bottom: 0; }
.subbox#last p { padding: 0.5em 1em 0 1em; }

.promo {
	height: 44px;
	margin-bottom: 3px;
	background: #f2f1ed url(../img/tempur_triss.png) no-repeat top left; }
.promo p {
	text-align: left;
	float: right;
	padding: 11px 0 0 0; }
.promo a {
	color: #00f;
	font-size: 0.9em; }
.promo.inverted {
	color: #fff; }

/* Boxes without padding */
#bestseller,#intro,#retail,#newsletter,#archive,#competition,#breadcrum,#category,#review,#post-tell-a-friend,#post-newsletter,#offer {
	padding: 0.5em 1em 1em 0.5em; }

/* Styles for firstpage boxes */

#content div.middle { width: 23em; float: left; }
#content div.right { width: 23em; float: right; }

#bestseller h2,#intro h2,#retail h2,#newsletter h2,#archive h2,#competition h2,#review h2,#post-tell-a-friend h3,#post-newsletter h3,#offer h2,#custom h3 {
	font: bold 1.08em "Trebuchet MS", Tahoma, sans-serif; line-height: 1em;
	text-transform: uppercase;
	background-color: #e9e9e9;
	padding: 0.6em 0.7em 0.4em 1.1em; margin: 0 0 0.5em 0;
	border-bottom: 2px solid #a3a3a3; }

#post-tell-a-friend { width: 21.45em; float: left; clear: left; }
#post-newsletter { width: 21.45em; float: right; clear: right; }
#post-tell-a-friend p, #post-newsletter p {
	margin: 0.4em 0.8em; }
#offer p { margin: 0.4em 0.8em; }
#offer h3 {
	font-size: 1.2em; text-align: center; margin: 0.4em 0; }
#offer .hr {
	margin: 0.5em 0; }
#offer ul { margin: 0 0 0.6em 2em; }
#offer small { font-size: 0.9em; padding-left: 0.8em; }

#intro { padding-top: 1em; padding-right: 0.5em;padding-bottom: 0.5em; }
#intro h3 { font-weight: bold; font-size: 1.2em; margin-left: 0.5em; z-index: 1; position:relative; clear: none; }
#intro p { font: italic 1.2em/1.3em Georgia, "Times New Roman", serif; margin: 0.3em auto 0 0.5em; padding-bottom: 1em; width: 90%; }
#intro strong { display: block; margin-left: 3.5em; }
#intro small { font-size: 0.8em; line-height: 1.1em; display: block; margin-left: 4.2em	}
#intro .bild {
	background: url('/resources/img/matton-jernberg.jpg') no-repeat bottom right;}

#bestseller { padding-bottom: 0.5em; }
#bestseller ul { margin: 0 0.4em 0 0.6em; list-style-type: none; }
#bestseller li {
	margin-bottom: 0.5em;
	padding: 0.8em 0 0.5em 0;
	/*width: 93%;*/
	font-size: 0.9em;
	line-height: 1.4em;
	border-bottom: 1px solid #9cc6ee;	}
#bestseller li.last-child,#bestseller li:last-child {
	border-bottom: none; margin-bottom: 0; }
#bestseller a.title { font-weight: bold; font-size: 1.2em; }
#bestseller .image { float: left; margin-right: 0.5em; width: 90px; text-align: center; }
#bestseller p { margin: 0.5em 0; font-size: 1.1em; }

#retail img { display: block; margin: 0 auto; }
#retail small { font-size: 0.8em; display:block; text-align:center; line-height: 1.1em; margin-top: 0.8em; }

#archive a.show-all { float:right; font-size: 0.8em; margin: 0 0.8em -3em 0; position:relative; top: -3em; }
#archive h3 { font-weight: bold; font-size: 1.08em; margin: 0.5em 0 0 0.5em; }
#archive p { font-size: 0.9em; margin: 0.5em 0.5em 0 0.5em; line-height: 1.4em; }
#archive .read-more { font-size: 0.9em; float: right; margin-right: 0.5em; margin-bottom: 0.2em; }
#archive .previously { clear: both; text-align: center; font-size: 0.8em; line-height: 1.3em; }
/*#archive ul {
	margin:  0.7em 0 0.4em 2em;
	font-size: 0.9em; }*/
	
#competition h2 {
	background: #85b1e3 url(../img/sub-head.gif) repeat-x bottom left;
	color: #fff;
	border-color: #6d95c3;
	padding-left: 5.5em; }
#competition .icon {
	float: left; margin-top: -3.03em; margin-right: 0.5em;
	width: 59px; height: 60px;
	background: url(../img/competition.png) no-repeat top center; }
	
#newsletter h2 { padding-left: 5.5em; }
#newsletter .icon {
	float: left;
	width: 59px; height: 59px;
	margin-top: -3.04em; margin-bottom: 1em; margin-right: 0.5em;
	background: url(../img/newsletter.png) no-repeat top center; }

#competition p, #newsletter p {
	font-size: 0.9em; line-height: 1.3em; margin: 0.4em 0 0.4em; }
/*#competition a, #newsletter a {
	display: block; width: 8em; margin: 0 auto; text-align:center; }*/

#review p { margin: 0 1.2em 0.2em; font: italic 1.2em/1.3em Georgia, "Times New Roman", serif; }
#review small { margin: 0 1.2em; font-size: 0.9em; line-height: 1.1em; }

/* Breadcrums */

#breadcrum ul { list-style-type: none; margin: 0 0 0 0.2em; }
#breadcrum li {
	float: left;
	font-size: 0.8em; line-height: 1.1em;
	margin-right: 0.5em; padding-right: 1em;
	background: url(../img/bread-arrow.gif) no-repeat 100% 60%; }
#breadcrum li.current,#breadcrum li.first-child { background: none; margin: 0; padding-right: 0.5em; }
#breadcrum li.current a { text-decoration: none; color: #000; }

#category { padding: 0 0.5em 0.5em 0; }
#category div { background: #fff no-repeat top left; padding: 0.8em 1.2em 0.8em 0.8em; }
#category h1 {
	/*width: 64%;
	margin: 0 2em 0.5em auto;*/ margin: 0 0 0.5em 12.8em;  }
#category p {
	width: auto%;
	margin: 0.5em 2em 0.5em 1.5em; }
#category p.first {
	width: 60%; margin: 0.5em 2em -0.5em auto; }

/* Category listing */

#listing {
	padding-left: 20px;
	padding-right: 25px; }
.product {
	float: left;
	width: 65%; margin-bottom: 0.5em; }
.productinfo {
	float: right;
	width: 30%; margin-bottom: 0.5em;
	text-align: center; }
#listing  h2 { border: 0; padding:0; clear: none; }


.hr {
	clear: both;
	background-color: #9cc6ee;
	height: 1px; line-height: 1px;
	margin-bottom: 1em; }
.hr hr { display: none; }

.productinfo img, .productinfo a {
	display: block;
	margin: 0 auto 0 auto;
	margin-bottom: 1em;
}

.productinfo img { margin-top: 1em; }
.product p { margin-bottom: 1em; }

#tell-a-friend { border: 1px solid #e1eefa; padding: 0.5em 1em 0.5em 1em; }
#tell-a-friend legend { font-weight: bold; padding: 0.2em 0 0.5em 0; }
#tell-a-friend label { float:left; width: 9em; margin-bottom: 0.5em; }
#tell-a-friend fieldset input { width: 14em; margin-bottom: 0.5em; margin-right: 10em; }
#tell-a-friend textarea { width: 28.9em; height: 5em; }
#tell-a-friend #continue { margin-top: 1em; margin: 0 auto; display:block; float:none; }
#tell-a-friend .inputRequirement { float:right; font-size:0.8em; }
#tell-a-friend.box { border: 0; }

.short { width: 58%; margin: 0 auto; }
.short fieldset input { margin-right: 0!important; }
.short #continue { margin: 0.5 auto 0 auto!important; }

#buynow { padding: 0.5em 1.5em 1em 0.5em; }
#buynow .image {
	float: left;
	width: 50%;
	padding: 1em 0 0.5em;
	text-align: center; }
#buynow .heading { float:right; width: 48%; }

#buynow h1 { margin: 0.5em 0 0.1em; }
#buynow small {
	display: block;
	font-size: 0.8em; line-height: 1.1em; font-style: italic; color: gray;
	margin-bottom: 1em; }

#buynow div.price { clear: both; margin: 0 0 0.4em; }
#buynow .choose {
	background-color: #f5f5f5;
	padding: 0.4em 0.8em; margin: 0.6em 0;
	border-bottom: 1px solid #cccccc; }
#buynow .choose strong {
	display: block;
	border-bottom: 1px dashed #cccccc;
	margin: 0 -0.8em 0.5em; padding: 0 0.8em 0.2em; }
.choose label,.choose select,.choose option { font: x-small Verdana, Arial, sans-serif; }
.choose label { float: left; line-height: 1.8em; margin-bottom: 0.4em; }
.choose select { float: right; margin: 0 0 0.4em; }

.red-button {
	background-color: #e21c1b; background-repeat: no-repeat; background-position: top left;
	font: bold 0.9em Arial, sans-serif; color: #fff;
	padding: 0 0 3px 34px;
	width: 160px!important; height: 25px!important;
	border: 0; cursor: pointer; }
.red-link {
	background-color: #e21c1b; background-repeat: no-repeat; background-position: top left;
	font: bold 0.9em Arial, sans-serif; color: #fff!important;
	padding: 4px 0 0 36px;
	width: 124px!important; height: 21px!important;
	text-decoration: none; text-align: center; }
.red-button:hover, .red-link:hover {
	text-decoration: underline; }
#addtocart { float: right; margin-top: -0.2em; background-image: url(../img/cart-add.png); }
#continue { float: right; background-image: url(../img/button-arrow.png); }
#refresh { float: left; background-image: url(../img/button-refresh.png); }

#buynow ul {
	list-style-type: none;
	margin: 0; margin-bottom: 1em; float:left; }
#buynow ul li {
	float: left;
	margin-right: 0.5em;
	font-size: 0.8em; }
#buynow ul li.info {
	line-height: 29px;
	text-align: left; }
#buynow ul li img {
	border: 1px solid #525250;
	padding: 1px;
	display: block; }
#buynow ul li img:hover { background-color: #92c5ff; }

#buynow .cart-space {
	height: 30px; margin-bottom: 1em; }

/* Extra information bar */
#buyextra ul {
	color: #232323;
	font-size: 0.9em;
	margin: 0 auto; padding: 0 0.6em;
	height: 4em; width: 465px;
	overflow: hidden; }
#buyextra ul li { float:left; line-height: 1.2em; }
#buyextra a {
	display: block;
	height: 2.75em;
	text-decoration: none;
	padding: 0.8em 0 0.8em;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 45px; }

#buyextra #vid a { background-image: url(../img/extra/video.gif); width: 40px; }
#buyextra #media a { background-image: url(../img/extra/video.gif); width: 40px; }
#buyextra #nfo a { background-image: url(../img/extra/info.gif); width: 60px; }
#buyextra #tell a { background-image: url(../img/extra/tell.gif); width: 45px; }
#buyextra #ship a { background-image: url(../img/extra/pack.gif); width: 55px; }
#buyextra #cust a { background-image: url(../img/extra/customer.gif); width: 55px; }
#buyextra #free a { background-image: url(../img/extra/ship.gif); width: 40px; }

#buyextra a:hover { background-color: #f5f5f5!important; }
#buyextra li.current a { background-color: #f5f5f5!important; }

#references { width: 21.49em; float: left; }
#references p { margin: 0 1.2em 0.2em; font: 0.9em/1.5em Tahoma, Arial, sans-serif; }
#references small { display:block; margin: 0 1.2em 1em; font-size: 0.9em; line-height: 1.1em; }

#buyalso { width: 21.499em; float: right; }
/*#buyalso h3 { padding-top: 0.4em; padding-bottom: 0.3em; line-height: 1.3em; }
#buyalso h4 { font-size: 1.1em; margin-bottom: 0.5em; }
#buyalso ul { list-style-type: none; margin: 1em 1em 0 1em; }
#buyalso ul li {
	font-size: 0.9em; line-height: 1.5em;
	margin-bottom: 0.7em; padding-bottom: 0.7em;
	border-bottom: 1px solid #9cc6ee;
	clear: left; }
#buyalso ul li:last-child { border: 0; }
#buyalso ul li img {
	float: left; clear: left;
	margin: 0 0.8em 0.5em 0; }
#buyalso ul li p { margin: 0 0 0.2em 0; }
#buyalso #buynow-small { float:right; margin-top: -1.5em; color: #d1000b; }
#buyalso #moreinfo { display:block; width: 8em; margin: 0 auto; }
#buyalso strong { float: right;	margin-top: -2em; }*/

ul.articles {
	margin: 0.5em 0 0;
	list-style-type: none; }

ul.articles li {
	width: 48%;
	float: left; clear:left; }
ul.articles li.odd { float: right; clear: right; }

ul.articles p { font-size: 0.9em; line-height: 1.5em; margin: 0.1em 0 2em; padding: 0; }

.box .newsletter {
	width: 20em; position:relative; top: -10em; margin-top: 1em margin-left: 6em;
	float: right;
	font-size: 0.9em;
	background-color: #fafafa;	}
.box .newsletter h3 {
	font: bold 1.08em "Trebuchet MS", Tahoma, sans-serif; line-height: 1em;
	text-transform: uppercase;
	background-color: #e9e9e9;
	padding: 0.6em 0.7em 0.4em 1.1em; margin: 0 0 0.5em 0;
	border-bottom: 2px solid #a3a3a3;}
.box .newsletter p {
	margin: 0.5em 1em 0; }
.box .newsletter .action {
	margin-bottom: 0.5em;
	text-align:center; }

.box fieldset.contact { margin-top: 0.3em; }
.box fieldset.contact legend { display: none; }
.box fieldset.contact label {
	float: left;
	width: 10em; }
.box fieldset.contact input {
	float: left;
	width: 20em; }
.box fieldset.contact textarea { width: 30em; float:left; }
/*.box fieldset.contact input.submit { margin: 0 0.7em 0 10em; float:none; }*/
.box fieldset.contact p {
	clear: both;
	padding: 0.5em 0; margin: 0; }
.box fieldset.contact small { font-size: 0.9em; font-style: italic; line-height: 1.3em; }
.box fieldset.contact small.order {
	float: left; padding-left: 0.5em; margin-top: -0.5em;  width: 25em; }
.mailerror { font-weight: bold; color: red; }
.mailok { font-weight:bold; color: #378d00; }
.mailok strong { font-style: italic; }

.box ul.horizontal-list {
	clear:both;
	margin: 0;
	list-style-type: none; }
.box ul.horizontal-list li {
	float: left; text-align: center; margin: 0.5em 3em 1em 0; }

.box p.kund { font-style: italic; margin: -1em 0 1.5em; }

.box .blue-box { float:left ;padding:1em; border: 1px solid #e1eefa; margin-right:3em }
.box .blue-box img { display:block; margin: 0 auto 1em; }

#popup {
	margin: 0em;
	padding: 0.5em;
	background: #fff;
	height: 100%; }
#popup .wrapper { width: auto; }
#popup h1 {
	color: #fff;
	font-weight: bold;
	background: #85b1e3 url(../img/sub-head.gif) repeat-x bottom left;
	border-bottom: 2px solid #6d95c3;
	padding: 0.8em 0.8em 0.5em 1.2em;
	line-height: 1em;
	margin-bottom: 0.5em; }
#popup .close {
	font-size: 0.8em; font-weight: bold;
	color: #fff;
	position: absolute;
	top: 1.3em; right: 2em; }
#popup .close a { color: #fff; text-decoration: none; }
#popup .close a:hover { text-decoration: underline; }
#popup p { margin: 1em; }

/*#popup .extra-image { height: 100%; }
#popup .extra-image table { margin: 0 auto; float:left; height: 100%; }
#popup .extra-image table tr, #popup .extra-image table td { height: 100%; }*/
#popup .extra-image { text-align: center; }
#popup .extra-image table { margin: 0 auto; }
#popup .extra-image table td { height: 100%; }
#popup .extra-image #prev, #popup .extra-image #next { width: 25px; background-color: #fafafa; }
#popup .extra-image #prev a, #popup .extra-image #next a { 
	display:block; height: 100%; width: 25px; text-indent: -5000px;
	background-position: center center; background-repeat: no-repeat; }
#popup .extra-image img { display: block; cursor: default; }

#popup .extra-image #prev a { background-image: url(../img/left.gif); }
#popup .extra-image #next a { background-image: url(../img/right.gif); }
#popup .extra-image #next a:hover, #popup .extra-image #prev a:hover { background-color: #e8e8e8; }

#popup .extra-image .notes p { margin: 0.5em 0 0; font-style: italic; text-align: center; }

div.video { width: 360px; margin: 1em auto; }
.notes { display:block; font-size: 0.9em; line-height: 1.4em; }

.productListing { margin: 2em 0 0.5em 0; }
.productListing-heading {
	font: bold 1.08em "Trebuchet MS", Tahoma, sans-serif; line-height: 1em;
	text-transform: uppercase;
	background-color: #e9e9e9;
	padding: 0.6em 0.7em 0.4em 1.1em; margin: 0 0 0.5em 0;
	border-bottom: 2px solid #a3a3a3; }
.productListing .productListing-data {
	padding: 0.5em 0;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #9cc6ee;	}
.total { text-align: right; margin-bottom: 0.5em; }

.signup { display:block; width: 28.8em; margin: 0 auto 1.5em; border: 1px solid #e1eefa; padding: 1em 1em 0.5em 1em; }
.signup legend { display: none; }
.signup label { float:left; width: 13em; margin-bottom: 0.4em; }
.signup label em { font-size:0.8em;line-height:1.1em }
.signup input, .signup select { margin-bottom: 0.4em; width: 15em; }

.signup input.check { width: auto; vertical-align: middle; }
.signup .break { margin-bottom: 1em; }
.signup .break label { width: auto; float: none; }

.signup select { width: 15.4em; }
.signup #continue { margin: 0 auto!important; float:none!important; display:block; }

.nojd-kund-banner {
	float: right;
	margin-top: -2.85em;
	margin-right: -1.5em;
	margin-left: -9em; }

.need-to-know {
	clear: both;
	margin: 1em 0; }
.need-to-know img {
	float: left;
	margin-right: 2em; }
.need-to-know p { margin: 0.4em 0 0; }
.need-to-know h2 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0em; clear: none; }

.box .new {
	color: #c00000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	background-color: #ffcc00;
	padding: 0.1em; 
	vertical-align: sup; }
.box sup.best {
	color: #002046;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	background-color: #86b3e9;
	padding: 0.1em; 
	vertical-align: sup;
	text-transform: uppercase; }

#checkout ul.payment label { font-weight: bold; }
#checkout ul.payment { list-style-type: none; margin: 1em 0 0.5em 1em; }
#checkout ul.payment li { margin: 0.5em 0; }
#checkout ul.payment li input { vertical-align: middle; margin-right: 0.2em }

/*#checkout td.totals { text-align: right; }
/*#checkout .totals #sum { font-weight: bold; }
#checkout .ot .faktureringsavgift { display: none; }*/

#checkout td.rabatt { text-align:left; vertical-align: bottom; width: 20em; }
#checkout td.rabatt small { display:none; margin-top: 0.2em; line-height: 1.3em; font-size: 0.8em; color: #e21c1b; }
#checkout td.rabatt input {  display:block; width: 13.5em; margin-right: 0.5em; text-transform:uppercase; }

input.ajax-loading { background: url(../img/ajax-loader.gif) no-repeat 99% 50%; }

#checkout .pl { margin-top: -1em; }
#checkout .pl td { 
	vertical-align:top; 
	padding: 0.5em 0;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #9cc6ee;	}
#checkout .pl td.sum { text-align:right; margin: 0; line-height: 1.6em; padding: 0; vertical-align:middle; }

#checkout #total-text { background-color: red; color: #000; }

/* NEW */

#checkout h2 { margin: 0 0 1em; padding-top: 1.5em; }
#checkout h3 { padding: 1em 0; }

#checkout fieldset { margin: 0; }
#checkout fieldset legend { display: none; }

#checkout .list { clear: both; }
#checkout .list div { float: left; padding-top: 0.3em; line-height: 1.5em; }
#checkout .list div.req { color: #e21c1b; }
#checkout .list label { color: #000; }
#checkout .list small, #checkout .list small a { font-size: 0.85em; line-height: 1.5em; color: #808080; }

/* Style input */
#checkout .list input { display: block; width: 14em; margin-right: 0.5em; }
#checkout .list select { float: left; width: 14.3em; margin-right: 0.5em; }
#checkout .list input#postnr { width: 5em; }
#checkout .list input#ort { width: 8.2em; }
#checkout .list input#cvv { width: 5em; }
#checkout .list select#giltig_man { width: 7.5em; }
#checkout .list select#giltig_ar { width: 6em; }

#checkout .order-total .list { float: right; width: 17em; }
#checkout .order-total .list div { width: 8.5em; text-align: right; }
#checkout .order-total .list div.total { font-weight: bold; }


/* Hide standardelements */
#checkout .invoice, #checkout #foretagsnamn, #checkout #warning-credit, #checkout .order-total .ot-rabatt, #checkout .paymentplan { display: none; }

#checkout .check_error { background: url(../img/error.gif) no-repeat 99% 50%!important; }
#checkout .check_ok { background: url(../img/ok.gif) no-repeat 99% 50%!important; }
#checkout .check_warning { background: url(../img/warning.gif) no-repeat 99% 50%!important; }

#checkout #warning-credit div { font-size: 0.8em; line-height: 1.3em; width: 35em; }
#checkout #warning-credit p { margin: 0.5em }
#checkout .pre-error, #checkout .avtal-error { 
	display: none;
	border: 1px solid #d77;
	background-color: #fcc;
	color: #200; 
	text-align: center;
	width: 70%;
	margin: 0 auto; }
#checkout .pre-error p, #checkout .avtal-error p { margin: 0.2em; }
.pre-error ul li { color: #200; font-weight: normal; }

.to-print { display: none; }
img.signature { margin: 1em 0 0.5em; display:block; }


#custom {
	padding: 0.5em 1em 1em 0.5em; }

#custom div.info { float:right; font-size: 0.8em; margin: 0 0.8em -3em 0; position:relative; top: -3em; }
#custom h4 { float: left; clear: left; }

/*#custom div.option {
	float: left; 
	padding: 0 1em 0.6em;
	white-space: nowrap; }
#custom div.option.image img {
	float: left;
	margin-right: 15px; }

#custom .option div {
	float: left;
	padding-top: 5px; }
#custom .option.image div {
	height: 32px; 
	padding-top: 5px; }
#custom label {
	display: block;
	font-weight: bold;
	line-height: 1.2em; }
#custom span {
	display: block; 
	padding-top: 0.1em;
	font-size: 0.9em; line-height: 1.2em; }

#custom .option input {
	float:left;
	width: 13px; height: 13px; 
	margin: 0.6em 12px 0 0; }
#custom .option select {
	margin: 12px 0 0 18px;
	font-size: 0.9em; }
	
#custom .price { font-weight: normal; }

#custom .frame, #custom .gable {
	float: left; margin-bottom: 0.7em; padding-top: 0.7em; }
#custom .frame .option, #custom .gable .option {
	clear: both; }
#custom .gable .last-child {
	 width: 15em; }

#custom .legs .option {
	width: 15.5em; }

#custom .settings {
	float: right; width: 15em;
	border-left: 1px solid #f2f2f2;
	margin-bottom: 0.7em; padding-top: 0.7em; }
#custom .settings .option {
	padding-right: 0; float: right; }
#custom .settings .option label {
	width: 10.5em; }
#custom .settings .last-child {
	padding-bottom: 0; }

#custom .color div {
	height: 37px!important; padding: 0 1em 0 0!important; }
#custom .color label {
	line-height: 37px; }
#custom .option.color input {
	margin: 1.2em 12px 0 0; }

#custom .gable {
	margin-left: 4em; padding-left: 4em;
	border-left: 1px solid #f2f2f2; }*/

/* ---------------------------------	*/

#custom ul {
	float: left; list-style-type: none; /*background-color: red;*/
	margin: 0; padding: 0.5em 0 0 0.7em; }
#custom ul li {
	float: left; /*background-color: gray;*/
	width: 16.5em;
	padding: 0 0.7em 0.5em 0;
	display: inline; }
#custom ul li img {
	float: left;
	margin-right: 1.7em; }
#custom ul li input {
	float: left;
	width: 13px; height: 13px;
	margin: 0.5em 0.8em 0 0; }
#custom ul li select {
	float: left;
	font-size: 0.9em;
	margin: 0.8em 0 0 0; }
#custom ul li div {
	float: left;
	margin: 0.3em 0 0 0; }

#custom label {
	display: block;
	font-weight: bold;
	line-height: 1.2em; }
#custom span {
	display: block; 
	padding-top: 0.1em;
	font-size: 0.9em; line-height: 1.2em; }
#custom .price { font-weight: normal; }
#custom .hr {
	background: none; border-bottom: 1px solid #e4e4e4;
	margin: 0 0 0.5em; padding: 0.5em 0 0 0; clear: both; }


#custom .total {
	float: right;
	width: 9.2em; padding: 2.5em 0 0;
	text-align: center;}
#custom .total .price {
	display: block; font-weight: bold;
	text-align:center; }

#custom ul.ben, #custom ul.ram {
	border-right: 1px solid #e4e4e4; }
#custom ul.ram li, #custom ul.gavel li, #custom ul.extra li {
	clear: both; }
#custom ul.ram {
	margin-right: 1em; }
#custom ul.farg li label {
	margin-top: 0.6em; }
#custom ul.farg li input {
	margin-top: 0.9em; }

#custom ul.bredd li {
	width: 29em; }
#custom ul.bredd li div {
	margin-right: 1.7em; }
#custom ul.extra {
	float: right; padding-left: 1em;
	border-left: 1px solid #e4e4e4;	}
#custom ul.extra li {
	width: 11.5em; }
#custom ul.extra li label {
	width: 10.2em; }
#custom ul.extra li input {
	margin-right: 0; }
#custom ul.extra li img {
	display: inline; float: none; margin: 0; }

#custom p {
	margin: 0;padding: 1.5em 1em 0.5em 1em; font-size: 0.9em; line-height: 1.4em; }
#custom p strong {
	font-size: 1.1em; }

#custom #loading {
	display: none;
	position:relative;
	top: 8em; left: 13.5em; 
	padding: 1em; margin-bottom: -15em; 
	float: left; background-color: #fff; 
	text-align:center; z-index:10; }
#custom #loading div {
	padding: 1em 3em; border: 1px solid #e4e4e4; }


form.competition fieldset.question {
    padding: 0.4em;
}
form.competition input.radio {
    float: left;
    clear: left;
    padding: 0;
    height: 1.9em;
    margin: 0 0.5em 0 0;
}
form.competition label.alternative {
    display: block;
    margin: 0;
    padding: 0.2em 0 0 0;
    height: 2em;
    width: auto;
    float: none;
    line-height: 1.3em;
}

form.competition textarea { margin: -1.1em 0 0.5em 0; }

form.competition label { 
    width: 10em;
    float: left;
    display: block;
}

form.competition input.text { 
    float: left;
    width: 14em;
}

form.competition input.submit { 
    margin: 0.7em 0 0 0;
    padding: 0.14em;
}

.tillbehor {
	background-color: #f5f5f5; 
	padding: 0.3em; 
	font-size: 1.2em;
	margin-bottom: 1em; }
.tillbehor h3 {
	margin: 0.2em 0 0 0.5em; }
.tillbehor p {
	background-color: #fff; 
	padding: 0.3em; 
	margin: 0.4em 0.1em 0.1em; 
	line-height: 25px; }
.tillbehor img {
	float: left;
	margin-right: 0.8em; }

.kuddepakopet h3 {
	padding: 0.5em 0 0 0; }
.kuddepakopet h3 em {
	font-weight: normal; font-style: normal; font-size: 0.9em; }
.kuddepakopet p,.kuddepakopet li  {
	font-size: 0.9em; line-height: 1.4em; }
.kuddepakopet img {
	float: left; padding: 7em 1em 1em; }
.kuddepakopet div.text {
	float: right; width: 75%; }
.kuddepakopet textarea {
	clear: both; width: 98%; height: 2.5em; overflow: hidden; font-style:italic; color: #999999; margin-top: -0.5em; }
.kuddepakopet  ol {
	margin-top: -1em; margin-bottom: 0; }
.kuddepakopet li {
	padding: 0.1em 0; }

.clear { clear: both; font-size: 1px; line-height: 0px; height: 0px; }.clearfix { zoom: 1; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.borderbox {
  background: #ffffff url(../img/bg-shadow.png) no-repeat bottom right;
  padding: 0.5em 1em 1em 0.5em;
}
.borderbox a { color: #0000ff; }
.borderbox h2 {
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 0.4em 0.7em 0.3em;
}
.borderbox h3 {
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 0.4em 0.7em 0.3em;
}
.borderbox h2 { font-size: 1.2em; }
.borderbox h3 { font-size: 1.1em; }
.borderbox p + h2 { margin-top: 1em; }
.borderbox p + h3 { margin-top: 1em; }
.borderbox ul + h2 { margin-top: 1em; }
.borderbox ul + h3 { margin-top: 1em; }
.borderbox ol + h2 { margin-top: 1em; }
.borderbox ol + h3 { margin-top: 1em; }
.borderbox img + h2 { margin-top: 1em; }
.borderbox img + h3 { margin-top: 1em; }
.borderbox h2 + a {
  float: right;
  font-weight: normal;
  font-size: 0.8em;
  margin-top: -2.2em;
  padding-right: 1em;
  margin-right: 0.5em;
}
.borderbox h3 + a {
  float: right;
  font-weight: normal;
  font-size: 0.8em;
  margin-top: -2.2em;
  padding-right: 1em;
  margin-right: 0.5em;
}
.borderbox p { margin: 0.6em 1em; }
.borderbox ul { margin: 1em 3em 1.5em; }
.borderbox ol { margin: 1em 3em 1.5em; }
.borderbox li { padding: 0.1em 0; }
.borderbox img.fill {
  display: block;
  margin: 1em auto;
}
.borderbox img.right { margin-right: 1em; }
.borderbox img.left { margin-left: 1em; }
.borderbox p.right { text-align: right; }
.borderbox p.left { text-align: left; }
.borderbox p.small {
  font-size: 0.95em;
  line-height: 1.3em;
}
.borderbox p.narrow {
  font-size: 1em;
  line-height: 1.4em;
	clear:both;
	padding-top: 0.5em;
}
.borderbox a.small {
  font-size: 0.95em;
  line-height: 1.3em;
}
.borderbox .inside {
  border: 5px solid #f5f5f5;
  border-top: 0;
  margin: 0;
}
.borderbox p.inside { padding: 0.6em 0.8em; }
.borderbox p > img.fill {
  margin-top: 0;
  margin-bottom: 0;
}
.borderbox a.headline {
  display: block;
  padding-bottom: 0.3em;
  font-size: 1.1em;
}
.borderbox a.right {
	float: right;
	padding-top: 1em;
}
.borderbox a.inside {
  display: block;
  padding: 0.4em 0.6em;
}
.borderbox a.inside:hover { background-color: #fcfcfc; }
.borderbox ul.inside { list-style-type: none; }
.borderbox ol.inside { list-style-position: inside; }
.borderbox ul.inside li {
  border-top: 5px solid #f5f5f5;
  padding: 0.4em 0.6em;
}
.borderbox ul.inside a.inside {
  margin: -0.4em -0.6em;
  border-width: 0 0 5px 0;
}
.borderbox ol.inside li {
  border-top: 5px solid #f5f5f5;
  padding: 0.4em 0.6em;
}
.borderbox ol.inside li:first-child { border-top: 0; }
.borderbox ol.inside a.inside {
  margin: -0.4em -0.6em;
  border-width: 0 0 5px 0;
}
.borderbox * + ul.inside li:first-child { border-top: 0; }
.borderbox * + ol.inside li:first-child { border-top: 0; }
.borderbox.noborder {
	padding: 0 0.5em 0 0;
	margin-bottom: 0.5em; }
.borderbox.noborder a {
	color: inherit; }
.borderbox.noborder div > p,.borderbox.noborder > p {
	margin: 0;
	padding: 1em}
.borderbox.noborder > a {
	text-decoration: none; }
.caption.right {
	font-weight: bold;
	text-align: right;
	float: right; }
.products .image {
  clear: both;
  float: left;
  width: 100px;
  margin-top: -2em;
}
.products .image img { margin-bottom: 0; }
.products .title {
  zoom: 1;
  position: relative;
  z-index: 1;
  margin-top: 0.3em;
  background: #ffffff;
  opacity: 0.8;
  padding-top: 0.2em;
}
.products .title:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.products .title a {
  font-weight: bold;
  padding-left: 0.4em;
}
.products .headline { float: left; }
.products .prisbox {
  float: right;
  font-size: 0.9em;
}
.products .prisbox .price { font-size: 1.1em; }
.products.multilist {
  border-right: 0;
  background: url('/resources/img/border-box-right.png') repeat-y top right;
  zoom: 1;
}
.products.multilist li {
  margin-left: -5px;
  border-left: 5px solid #f5f5f5;
  border-right: 5px solid #f5f5f5;
  width: 245px;
  float: left;
}
.products.multilist:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}