/*
		Gyldendals Bogklub
		Styles: General

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { font-size: 100%; }
html .fb_share_link {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url('../../../images/facebook_share_icon.gif') no-repeat top left;
	height:16px;
	padding:2px 0 0 20px;
	color:#3B5998;
	cursor:pointer;
	outline-style:none;
	text-decoration:none;
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-align:left;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 75%;
	line-height: 1.2em;
	color: #000;
	text-align: center;
/*	background: #f6f310 url('../gfx/background/baggrund_GBK_udsalg2.gif') repeat 50% 0;*/
/*	background: #f8faf6 url('../gfx/background/background_xmas.png') repeat 50% 0;*/
	background: #f8faf6 url('../gfx/background/background.png') no-repeat 50% 0;
/*	background: #c4d3d8 url('../gfx/background/baggrund_GBK_jul.gif') no-repeat 50% 0;*/
}

a.bulletBackLeft {
	background: url('../gfx/bullet/bullet-back.png') no-repeat 0 6px;
	position: relative;
	left: 5px;
}

a.bullet {
	position: relative;
	top: 5px;
	padding: 0 0 5px 10px;
	background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
}

a.moveRight {
	margin: 0px 0px 0px 21px;
}

/* @group Clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }
/* @end */

/* @group Accessibility & SEO */
.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}
/* @end */

/* @group Elements */
table, td, form, input, textarea, select {
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
	color: #000;
}
table, img, form, input, textarea, select {
	margin: 0;
}
img {
	display: block;
	border: 0;
}

hr {
	height: 1px;
	margin: 10px 0;
	padding: 0;
	color: #e4e4e4;
	background-color: #e4e4e4;
	border: 0;
	}
	* html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */

/* Wrap around HR in tables */
div.ruler {
	margin-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #e4e4e4;
	}
	div.ruler.emphasize { border-color: #8f8f8f; }
	div.ruler hr { display: none; }

ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
	}
	ul li {
		margin: 0;
		padding: 0 0 5px 10px;
		background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
	}
	ul li.previous {
		padding: 0 0 0 10px;
		background: url('../gfx/bullet/bullet-back.png') no-repeat 0 50%;
	}

ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	}
	ol li {
		margin: 0;
	}

dl {
	margin: 0;
	}
	dl.review { margin-top: -15px; }
	dl dt {
		margin: 0;
		padding: 15px 0 1px 0;
		font-weight: bold;
	}
	dl dd {
		margin: 0 0 5px 0;
		padding: 0;
	}
	dl dd p { margin: 0 0 5px 0; }
	dl dd.meta {
		float: left;
		margin-right: 7px;
		color: #6a6a6a;
		font-size: .95em;
	}
	dl dd.excerpt { clear: both; }
	dl dd.full {  }
	dl dd.more {  }
	dl dd.more.selected {
		padding-left: 10px;
		background: url('../gfx/bullet/bullet-close.png') no-repeat 0 60%;
	}
	dl dd.edit a {
		float: right;
		margin: 0 10px 0 0;
		padding: 0 0 0 10px;
		background: url('../gfx/bullet/bullet.png') no-repeat 0 5px;
	}
	dl dd.edit a.fb_share_link {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:url('../../../images/facebook_share_icon.gif') no-repeat top left;
		height:16px;
		padding:2px 0 0 20px;
		color:#3B5998;
		cursor:pointer;
		outline-style:none;
		text-decoration:none;
		direction:ltr;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		font-size:11px;
		text-align:left;
	}

	div.book-tab dl dd.edit a { float: none; }

dl.botm h2 {
		font-size: 1.4em;
		font-weight: normal;
		color: #868686;
}
	
dl.botm {
	}
	dl.botm dt {
		padding: 10px;
		font-size: 1.4em;
		font-weight: normal;
		color: #868686;
		border-top: 1px solid #bbc1b8;
	}
	dl.botm dd { padding: 0 10px; }
	dl.botm dd.more.selected { padding-left: 20px; background-position: 10px 60%; }

dl.ref {
	margin: 15px 0;
	}
	dl.ref dt {
		clear: both;
		float: left;
		width: 170px;
		padding: 5px 10px;
		font-weight: normal;
		border-top: 1px solid #e4e4e4;
		background: url('../gfx/bullet/bullet.png') no-repeat 0 9px;
	}
	dl.ref dd.title {
		float: left;
		width: 175px;
		margin: 0;
		padding: 5px 10px;
		border-top: 1px solid #e4e4e4;
	}
	dl.ref dd.price {
		float: left;
		width: 70px;
		margin: 0;
		padding: 5px 0;
		border-top: 1px solid #e4e4e4;
	}
	dl.ref dd.buy {
		float: right;
		width: 140px;
		margin: 0;
		padding: 5px 10px 5px 0;
		text-align: right;
		border-top: 1px solid #e4e4e4;
	}
	
	div.book-tab dl.ref {
		margin: 0;
	}
	div.book-tab dl.ref dt { width: 160px; }
	div.book-tab dl.ref dd.buy { padding: 5px 0; }

dl.invoice {
	}
	dl.invoice dt {
		float: left;
		width: 200px;
		margin: 0 0 5px 0;
		padding: 0;
	}
	dl.invoice dd {
	}
	dl.invoice dd.ruler {
		clear: both;
		float: none;
	}

dl.faq {
	margin: 0px 20px 0px 10px;
	}
	dl.faq dt {
		margin: 0 0 0px 0;
		padding: 0 0 0 9px;
		cursor: pointer;
		background: url('../gfx/bullet/bullet.png') no-repeat 0 5px;
	}
	dl.faq dd {
		margin: 0 0 0px 0;
		padding: 0 0 0 9px;
	}

q {
	font-size: 1.1em;
/*	font-style: italic;*/
	quotes: "\201C" "\201D" "\2018" "\2019";
	}
	q:before { content: open-quote; }
	q:after { content: close-quote; }

	
table {
	margin: 0;
	padding: 0;
	border: 0;
	}
table th {
		padding: 0 0 3px 0;
		font-weight: normal;
		color: #8f8f8f;
		text-align: left;
		border-bottom: 1px solid #e4e4e4;
	}
	table td {
		padding: 4px 0 0 0;
		vertical-align: top;
	}
/* @end */

/* @group Typography */
h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	color: #031347;
	}
	h1.section {
		font-size: 2em;
		font-weight: normal;
		line-height: 1.2em;
		color: #a8a8a8;
		text-transform: uppercase;
	}
h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
	}
	h2.author {
		margin: 0;
		font-size: 1.2em;
		font-weight: normal;
	}
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: bold;
	color: #031347;
	text-transform: uppercase;
	}
	h3 a { color: #031347; }
	h3.section {
		font-size: 2em;
		font-weight: normal;
		line-height: 1.2em;
		color: #a8a8a8;
	}
	h3.headline {
		height: 26px;
		margin: 0 0 15px 0;
		padding: 13px 18px 0 18px;
		font-size: 1.25em;
		color: #fff;
		background: #c9d289 url('../gfx/background/background-headline.png') no-repeat 0 50%;
	}
	h3.related {
		height: 21px;
		padding: 0 10px;
		font-size: 1em;
		line-height: 1.8em;
		text-transform: none;
		background: url('../gfx/background/background-headline-related.png') no-repeat 0 50%;
	}
h4 {
	/* margin: 0 0 3px 0; */
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	}
	h4 span { font-weight: normal; }
	h4 a { color: #000; }
p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	p.dimmed { color: #6a6a6a; }
	p.author { margin: 0 0 3px 0; color: #6a6a6a; }
	p.caption { font-style: italic; color: #6a6a6a; }
	p.center { text-align: center; }
small {
	font-size: .95em;
}
a {
	color: #c40000;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
a:focus, a:active {
	/*
	background: #f1f5ef;
	*/
}
/* @end */

/* @group Forms */
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}
fieldset label.lift {
	position: relative;
	top: -4px;
}

input.formfield {
	width: 160px;
	padding: 3px 2px;
	color: #000;
	border: 1px solid #bbc1b8;
	vertical-align: middle;
	}
	input.formfield.small { width: 100px; }
textarea.formarea {
	width: 180px;
	height: 60px;
	padding: 2px;
	border: 1px solid #bbc1b8;
}
input.formcheckbox {
	margin: 2px 5px 5px 0;
	vertical-align: middle;
	}
	input.formcheckbox.formcheckbox-newsletter { float: left; margin-bottom: 15px; }
input.formradio {
	margin: 0 4px 4px 0;
	vertical-align: middle;
	position: relative;
	top: -4px;
}
input.prodformradio {
	margin: 0 4px 4px 0;
	vertical-align: middle;
}
select.formselect {
	width: 160px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	}
	select.formselect.day { width: 65px; }
	select.formselect.month { width: 100px; }
	select.formselect.year { width: 80px; }
	select.formselect.gender { width: 100px; }
	select.formselect.small {
		width: 46px;
	}

/* Forms grid */
/*
dl.formgrid label.lower {
	position: relative;
	top: 5px;
}
*/
dl.formgrid {
	}
	dl.formgrid dt {
		clear: both;
		float: left;
		width: 100px;
		margin: 0 10px 0 0;
		padding: 4px 0 10px 0;
		font-size: 1em;
		font-weight: bold;
		color: #000;
		text-align: right;
		border: 0;
	}
	dl.formgrid dt.lessSpace {
		clear: both;
		float: left;
		width: 100px;
		margin: 0 10px 0 0;
		padding: 4px 0 0px 0;
		font-size: 1em;
		font-weight: bold;
		color: #000;
		text-align: right;
		border: 0;
	}
dl.formgrid dd {
		float: left;
		width: 170px;
		margin: 0;
		padding: 0 0 10px 0;
	}
	dl.formgrid dd.lessSpace {
		float: left;
		width: 170px;
		margin: 0;
		padding: 0 0 0px 0;
	}
	dl.formgrid .oneline {
		clear: both;
		float: none;
		width: auto;
		padding: 0 0 3px 0;
		text-align: left;
	}
	dl.formgrid dd.span {
		float: none;
		width: auto;
		margin: 0px 0px 0 20px;
	}
	dl.formgrid dd.submit {
		clear: both;
		float: none;
		margin-left: 110px;
		}
		dl.formgrid dd.submit a.button, 
		dl.formgrid dd.submit div.button { float: left; }
	dl.formgrid dd p, dl.formgrid dd ul { margin: 4px 0 6px 0; }
	dl.formgrid em.help {
		display: block;
		margin-top: 3px;
		font-size: .95em;
		font-style: normal;
	}
	dl.formgrid em.error {
		display: block;
		margin-top: 3px;
		font-size: .95em;
		font-style: normal;
		color: #c40000;
	}
	body.full dl.formgrid dt { width: 110px; }
	body.full dl.formgrid dd { width: 270px; }
	body.full dl.formgrid dd.submit { margin-left: 120px; }
	body.full dl.formgrid dd input.formfield { width: 260px; }
	body.full dl.formgrid dd input.formfield.small {
		float: left;
		width: 40px;
		margin: 0 5px 0 0;
	}
	
dl.formgrid.accept {
	}
	dl.formgrid.accept dt, body.full dl.formgrid.accept dt {
		display: inline;
		width: 20px;
		margin: 3px 5px 0 10px;
		padding: 0;
	}
	dl.formgrid.accept dd, body.full dl.formgrid.accept dd { width: 370px; }
	dl.formgrid.accept dd.submit, body.full dl.formgrid.accept dd.submit { margin-left: 35px; }
	dl.formgrid.accept label strong { font-size: 1.35em; line-height: 1.4em; }

/* User review */
dl.formgrid.compose {
	}
	dl.formgrid.compose dt {
		float: none;
		width: auto;
		margin: 0;
		padding: 0 0 3px 0;
		text-align: left;
	}
	dl.formgrid.compose dd {
		float: none;
		width: auto;
		margin: 0;
		padding: 0 0 5px 0;
	}
	dl.formgrid.compose dd input.formfield { width: 300px; }
	dl.formgrid.compose dd textarea.formarea { width: 380px; height: 120px; }

/* Search (Advanced) */
dl.formgrid.search {
	}
	dl.formgrid.search dd {
		padding-bottom: 0;
	}
	dl.formgrid.search dd {
		width: 210px;
		padding-bottom: 0;
	}
	dl.formgrid.search dd.help {
		width: 250px;
		margin: 3px 0 0 10px;
		padding: 0 0 15px 0;
	}
	dl.formgrid.search dd.help em.help { font-size: 1.1em; margin: 0; }
	dl.formgrid.search dd input.formfield { width: 200px; }
	dl.formgrid.search dd select.formselect { width: 206px; }
	dl.formgrid.search dd select.formselect.year { width: 60px; margin: -2px 5px 0 5px; vertical-align: top; }

/* Payment */
dl.formgrid.payment {
	}
	dl.formgrid.payment dt {
		width: 110px;
		text-align: left;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
	}
	dl.formgrid.payment dd {
		width: 270px;
		margin: 0;
		padding: 0 0 5px 0;
	}
	dl.formgrid.payment dd input.formfield {
		width: 260px;
	}
	dl.formgrid.payment dd input.formfield.small {
		float: left;
		width: 40px;
		margin: 0 5px 0 0;
	}
	dl.formgrid.payment dd.submit {
		padding: 15px 0 5px 0;
	}

/* Show secure numbers (slide toggler) */
a#secure-help-toggle {
	}
	a#secure-help-toggle.selected {
		padding-left: 10px;
		background: url('../gfx/bullet/bullet-close.png') no-repeat 0 60%;
	}

/* @end */

/* @group Buttons (Links and Forms) */

/* Group of buttons (Wizard) */
div.buttons {
	padding: 5px 10px 0 10px;
	}
	div.buttons ul { margin: 0; }
	div.buttons ul li {
		float: right;
	}
	div.buttons ul li.previous { margin: 7px 15px 0 0; }
	div.buttons ul li.next { background: none; }
	div.buttons ul li div.button { float: left; }

/* Form-button */
div.button {
	color: #000;
	background: url('../gfx/button/btn-submit.png') no-repeat 100% 50%;
	}
	div.button span {
		float: left;
		padding: 5px 10px;
		background: url('../gfx/button/btn-submit-left.png') no-repeat 0 50%;
	}
	div.button input {
		padding: 0 0 0 10px;
		width: auto;
		color: #fff;
		font-size: .95em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		overflow: visible;
		border: 0;
		background: url('../gfx/bullet/bullet-inv.png') no-repeat 0 50%;
		cursor: pointer;
	}
/*	div.button:hover input { background-position: 2px 50%; }*/
	
	div.button.add {
		background: url('../gfx/button/btn-add.png') no-repeat 100% 50%;
		}
		div.button.add span { background: url('../gfx/button/btn-add-left.png') no-repeat 0 50%; }
		div.button.add input {
			padding: 0 0 0 22px;
			background: url('../gfx/icon/icon-basket.png') no-repeat 0 40%;
		}
	
	div.button.link {
		background: url('../gfx/button/btn-link.png') no-repeat 100% 50%;
		}
		div.button.link span { background: url('../gfx/button/btn-link-left.png') no-repeat 0 50%; }
		div.button.link input {
			color: #868686;
			background: url('../gfx/bullet/bullet-button.png') no-repeat 0 50%;
		}
		div.button.link:hover input { background-position: 1% 50%; }
	
	div.button.link-band {
		background: url('../gfx/button/btn-link-band.png') no-repeat 100% 50%;
		}
		div.button.link-band span { background: url('../gfx/button/btn-link-band-left.png') no-repeat 0 50%; }
		div.button.link-band input {
			color: #868686;
			background: url('../gfx/bullet/bullet-button.png') no-repeat 0 50%;
		}
		div.button.link-band:hover input { background-position: 1% 50%; }
	
		div.button.shop {
			background: url('../gfx/button/btn-add.png') no-repeat 100% 50%;
		}
		div.button.shop span { background: url('../gfx/button/btn-add-left.png') no-repeat 0 50%; }
		div.button.shop:hover input {
			background-position: 0% 50%;
		}
		
	div.button.wizard {
		background: url('../gfx/button/btn-wizard.png') no-repeat 100% 50%;
		}
		div.button.wizard span {
			padding: 0 10px;
			background: url('../gfx/button/btn-wizard-left.png') no-repeat 0 50%;
		}
		div.button.wizard input {
			color: #fff;
			padding: 6px 22px 6px 8px;
			background: url('../gfx/bullet/bullet-inv.png') no-repeat 98% 50%;
		}
		div.button.wizard:hover input { background-position: 99% 50%; }

/* Link-button */
a.button {
	display: block;
	color: #000;
	font-size: .95em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
	a.button:hover span { text-decoration: underline; }
	
	a.button.plain {
		color: #868686;
		background: url('../gfx/button/btn-link.png') no-repeat 100% 50%;
		}
		a.button.plain:hover span { text-decoration: underline; }
		a.button.plain b {
			display: block;
			padding: 6px 0;
			background: url('../gfx/button/btn-link-left.png') no-repeat 0 50%;
		}
		a.button.plain span {
			padding: 6px 14px 6px 14px;
		}
	
	a.button.add-pri {
		color: #fff;
		background: url('../gfx/button/btn-add-pri.png') no-repeat 100% 50%;
		}
		a.button.add-pri:hover span { text-decoration: underline; }
		a.button.add-pri b {
			display: block;
			padding: 6px 8px;
			background: url('../gfx/button/btn-add-pri-left.png') no-repeat 0 50%;
		}
		a.button.add-pri span {
			padding: 6px 8px 6px 8px;
		}
	
	a.button.add {
		color: #fff;
		background: url('../gfx/button/btn-add.png') no-repeat 100% 50%;
		}
		a.button.add:hover span { text-decoration: underline; }
		a.button.add b {
			display: block;
			padding: 6px 8px;
			background: url('../gfx/button/btn-add-left.png') no-repeat 0 50%;
		}
		a.button.add span {
			padding: 6px 0 6px 22px;
			background: url('../gfx/icon/icon-basket.png') no-repeat 0 40%;
		}
	
	a.button.link {
		color: #868686;
		background: url('../gfx/button/btn-link.png') no-repeat 100% 50%;
	}
	a.button.link:hover span { text-decoration: underline; }
	a.button.link b {
		display: block;
		padding: 6px 0;
		background: url('../gfx/button/btn-link-left.png') no-repeat 0 50%;
	}
	a.button.link span {
		padding: 6px 16px 6px 24px;
		background: url('../gfx/bullet/bullet-button.png') no-repeat 14px 50%;
	}
	
	a.button.link.red {
		color: white;
		background: url('../gfx/button/btn-add.png') no-repeat 100% 50%;
	}
	a.button.link.red:hover span { text-decoration: underline; }
	a.button.link.red b {
		display: block;
		padding: 6px 0;
		background: url('../gfx/button/btn-add-left.png') no-repeat 0 50%;
	}
	a.button.link.red span {
		padding: 6px 16px 6px 24px;
		background: url('../gfx/bullet/bullet-inv.png') no-repeat 14px 50%;
	}

a.button.link-band {
		color: #868686;
		background: url('../gfx/button/btn-link-band.png') no-repeat 100% 50%;
		}
		a.button.link-band:hover span { text-decoration: underline; }
		a.button.link-band b {
			display: block;
			padding: 6px 0;
			background: url('../gfx/button/btn-link-band-left.png') no-repeat 0 50%;
		}
		a.button.link-band span {
			padding: 6px 16px 6px 24px;
			background: url('../gfx/bullet/bullet-button.png') no-repeat 14px 50%;
		}
	
	a.button.shop {
		color: #fff;
		background: url('../gfx/button/btn-add.png') no-repeat 100% 50%;
		}
		a.button.shop:hover span { text-decoration: underline; }
		a.button.shop b {
			display: block;
			padding: 6px 0;
			background: url('../gfx/button/btn-add-left.png') no-repeat 0 50%;
		}
		a.button.shop span {
			padding: 6px 16px 6px 24px;
			background: url('../gfx/bullet/bullet-inv.png') no-repeat 14px 50%;
		}
	
	a.button.wizard {
		color: #fff;
		font-weight: normal;
		background: url('../gfx/button/btn-wizard.png') no-repeat 100% 50%;
		}
		a.button.wizard:hover span { text-decoration: underline; }
		a.button.wizard b {
			display: block;
			padding: 6px 8px;
			font-weight: normal;
			background: url('../gfx/button/btn-wizard-left.png') no-repeat 0 50%;
		}
		a.button.wizard span {
			padding: 6px 22px 6px 8px;
			background: url('../gfx/bullet/bullet-inv.png') no-repeat 98% 50%;
		}
	
	a.button.create {
		color: #fff;
		background: url('../gfx/button/btn-band-signup.png') no-repeat 100% 50%;
		}
		a.button.create b {
			display: block;
			padding: 6px 0;
			background: url('../gfx/button/btn-band-signup-left.png') no-repeat 0 50%;
		}
		a.button.create span {
			padding: 6px 16px 6px 24px;
			background: url('../gfx/bullet/bullet-inv.png') no-repeat 14px 50%;
		}

/* @end */

/* @group Main containers */
#container {
	width: 905px;
	margin: 10px auto 0 auto;
	text-align: left;
}

#skip {
	margin: -5px 0 5px 0;
	}
	#skip ul {
		position: relative;
		margin: 0;
	}
	#skip ul li {
		display: inline;
		padding: 0 5px 0 0;
		background: none;
	}
	#skip ul li a {
		font-size: .95em;
		color: #999;
	}

#top {
	min-height: 86px;
	color: #fff;
	background: url('../gfx/background/background-top.png') no-repeat;
	}
	#top h1, #top h2, #top h3, #top h4, #top p, #top a { color: #fff; }
	#top ul li { padding-bottom: 0; background-image: url('../gfx/bullet/bullet-inv.png'); }
	
	#logo {
		float: left;
		width: 450px;
		}
		#logo p.logo-print {
			display: none;
		}
		#logo a {
			display: block;
			width: 311px;
			height: 57px;
			margin: 15px 0 -20px 15px;
			background: url('../gfx/logo/logo.png') no-repeat;
		}
		#logo a:focus, #logo a:active { background-color: transparent; }
	
	#member {
		float: left;
		width: 284px;
		height: 76px;
		padding: 5px 8px 5px 12px;
		overflow: hidden;
		background: url('../gfx/background/background-top-sep.png') repeat-y;
		}
		#member h3 { margin: 0; line-height: 1.6; }
		#member ul { margin: 0; }
	
	#basket {
		float: right;
		width: 131px;
		height: 76px;
		padding: 5px 8px 5px 12px;
		overflow: hidden;
		background: url('../gfx/background/background-top-sep.png') repeat-y;
		}
		/* Highlight basket when items are added */
		#basket.items { background: url('../gfx/background/background-top-basket.png') no-repeat; }
		#basket h3 {
			margin: 0;
			padding-left: 20px;
			line-height: 1.6;
			background: url('../gfx/icon/icon-basket.png') no-repeat 0 30%;
		}
		#basket ul { margin: 0; }
		#basket ul.basket-items {
			margin: 0 0 24px 0;
			}
			#basket ul.basket-items li {
				padding: 0;
				background: none;
			}
			#basket ul.basket-items li.contents { float: left; }
			#basket ul.basket-items li.amount { float: right; padding-right: 5px; }

#main {
	padding: 0 10px 10px 10px;
	background: #fff url('../gfx/background/background-main.png') repeat-y;
	}
	body.full #main { padding-top: 5px; }
	#main-top {
		margin: 5px 0 0 0;
		width: 905px;
		height: 10px;
		overflow: hidden;
		background: url('../gfx/background/background-main-top.png') no-repeat;
	}
	#main-bottom {
		margin: 0 0 15px 0;
		width: 905px;
		height: 10px;
		overflow: hidden;
		background: url('../gfx/background/background-main-bottom.png') no-repeat;
	}
		
	#left {
		float: left;
		width: 130px;
		margin: 0 10px 0 0;
		overflow: hidden;
		}
		
		#leftnav {
			}
			#leftnav h3 { padding: 0 5px; }
			#leftnav ul {
				margin: 0 0 10px 0;
			}
			#leftnav ul ul {
				margin: 2px 0 0 2px;
			}
			#leftnav ul li {
				padding: 3px 5px;
				border-top: 1px solid #e4e4e4;
				background: none;
			}
			#leftnav ul ul li {
				padding: 2px 0;
				border: 0;				
				padding-left: 10px;
				background: url('../gfx/bullet/bullet-button.png') no-repeat 0 7px;
			}
			#leftnav ul li a {
				color: #000;
			}
			#leftnav ul ul li a {
				font-size: .95em;
			}
		
		#news {
			}
			#news ul {
				margin: 0;
			}
			#news ul li {
				padding: 0;
				background: none;
			}
			
			#newsletter {
				padding: 0 0 0 3px;
				}
				#newsletter ul {
					padding: 0 0 3px 0;
				}
				#newsletter ul li {
					padding: 0 0 5px 0;
				}
				#newsletter a.button.link b { padding: 6px 8px; }
			
			#feed {
				padding: 8px 0 0 3px;
				border-top: 1px solid #e4e4e4;
				}
				#feed h3 {
					padding: 2px 0 2px 20px;
					background: url('../gfx/icon/icon-rss.png') no-repeat 0 50%;
				}
				#feed ul {
					margin: 0 0 20px 0;
				}
		
	#middle {
		float: left;
		width: 605px;
		}
		
		#search {
			height: 24px;
			padding: 11px 13px 10px 13px;
			background: url('../gfx/background/background-search.png') no-repeat;
			overflow: hidden;
			}
			#search fieldset {
				float: left;
			}
			#search input.formfield {
				float: left;
				width:  340px;
				margin: 0 10px 0 0;
				padding: 4px;
			}
			#search div.button { float: left; }
			#search a {
				float: right;
				margin: 8px 0 0 0;
				padding: 0 0 0 10px;
				background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
			}
		
		#tools {
			margin: 5px 0;
			font-size: .95em;
			color: #a8a8a8;
			}
			#tools ul {
				margin: 0;
			}

			#tools ul li {
				display: inline;
				padding: 0;
				background: none;
			}
			#tools ul li a {
				float: left;
				margin-right: 4px;
				padding-right: 10px;
				color: #a8a8a8;
				text-decoration: underline;
				background: url('../gfx/bullet/bullet-breadcrumb.png') no-repeat 100% 50%;
			}
			
			#tools ul.breadcrumb {
				float: left;
				width: 500px;
			}

			#tools ul.shortcuts {
				float: right;
				}
				#tools ul.shortcuts li {
					float: left;
					margin-left: 5px;
					padding-left: 10px;
					background: url('../gfx/icon/icon-sep.png') no-repeat 0 50%;
				}
				#tools ul.shortcuts li.back { margin: 0; padding: 0; background: none; }
				#tools ul.shortcuts li.back a {
					padding: 0 0 0 9px;
					background: url(../gfx/bullet/bullet-shortcuts-back.png) no-repeat 0 50%;
				}
				#tools ul.shortcuts li.print a {
					padding: 0 0 0 14px;
					background: url('../gfx/icon/icon-print.png') no-repeat 0 50%;
				}
				#tools ul.shortcuts li.feed a {
					padding: 0 0 0 20px;
					background: url('../gfx/icon/icon-rss.png') no-repeat 0 50%;
				}
		
		#content {
			position: relative;
			min-height: 250px;
			margin: 5px 0 0 0;
			padding: 0 0 10px 0;
			}
			
			div.content-top {
				padding: 10px 0 0 0;
				background: url('../gfx/background/background-content.png') no-repeat;
			}
			
			div.botm-sticker {
				position: absolute;
				right: 0;
				top: 0;
				width: 160px;
				height: 75px;
				/*background: url('../gfx/background/background-botm.png') no-repeat 0 0;*/
			}
			
			div.image {
				margin: 0 0 15px 0;
				}
				div.image.left {
					float: left;
					margin-right: 15px;
				}
				div.image.right {
					float: right;
					margin-left: 15px;
				}
			
			div.content-left {
				float: left;
				display: inline;
				width: 155px;
				margin-left: 10px;
			}
			div.content-bottom div.content-left { margin-left: 0; }
			div.content-right {
				float: right;
				display: inline;
				width: 420px;
				margin-right: 10px;
			}
			div.content-bottom div.content-right { width: 430px; }
			
			div.content-left div.image {
				margin: 0 0 0 3px;
				padding: 9px 0 0 0;
				background: url('../gfx/background/background-image.png') no-repeat;
				text-align: center;
			}
			div.content-left div.image img { display: inline; }
			
			div.book-info {
				float: left;
				width: 255px;
				margin: 2px 10px 10px 0;
			}	
			div.book-image {
				float: right;
				margin: 0 0 10px 0;
			}
			div.book-rating {
				float: right;
				width: 150px;
			}
			
			div.tabs {
				position: relative;
				width: 165px;
				margin: 15px -10px 0 0;
				z-index: 20;
				}
				div.tabs ul {
				}
				div.tabs ul li {
					height: 35px;
					margin: 0 0 2px 0;
					padding: 0;
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
					background: url('../gfx/background/background-tab.png') no-repeat 0 50%;
				}
				div.tabs ul li.selected {
					position: relative;
					width: 166px;
					margin-right: -1px;
					background: url('../gfx/background/background-tab-selected.png') no-repeat 0 50%;
				}
				div.tabs ul li a {
					display: block;
					padding: 11px 5px;
				}
			
			div.book-tab {
				clear: both;
				position: relative;
				min-height: 420px;
				margin: 0 0 10px 0;
				padding: 15px;
				background: url('../gfx/background/background-book-tab.png') no-repeat 0 100%;
				z-index: 10;
				}
				div.book-tab div.book-tab-top {
					position: absolute;
					top: 0;
					left: 0;
					width: 420px;
					height: 10px;
					background: url('../gfx/background/background-book-tab-top.png') no-repeat;
				}
				/*	Tab bottom left out as it couldn't reposition
					Background image on 'book-tab' is made relatively high
				div.book-tab div.book-tab-bottom {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 420px;
					height: 10px;
					background: url('../gfx/background/background-book-tab-bottom.png') no-repeat;
				}
				*/
				div.book-tab h2 {
					font-weight: normal;
					color: #868686;
				}
				div.book-tab div.price h2 { color: #000; }
	
	#right {
		float: left;
		width: 130px;
		margin: 0 0 0 10px;
		}
		
		#account {
			}
			#account h3 { padding-left: 3px; }
			#account ul { padding-top: 5px; padding-left: 3px; }
			#account ul li { padding-bottom: 3px; }
			#account ul li.myaccount { margin-top: 8px; font-weight: bold; }
		
#footer {
	margin: 0 0 30px 0;
	text-align: center;
}
.footer-boghandel {
	color: #C5C3C3;
}
.footer-boghandel a:link {
	color: #C5C3C3;
}
.footer-boghandel a:visited {
	color: #C5C3C3;
}
.footer-boghandel a:active {
	color: #C5C3C3;
}
.footer-boghandel a:hover {
	color: #C5C3C3;
}

/* @end */

/* @group Content elements */
.searchtab {
	width: 44%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	height: 35px;
}

div.filter {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e4;
	background: url('../gfx/background/background-filter.png') no-repeat;
	}
	
	div.filter-type {
		padding: 8px 10px;
		}
		div.filter-type p {
			float: left;
			margin: 3px 20px 0 0;
		}
		div.filter-type ul {
			float: left;
			margin: 3px 20px 0 0;
		}
		div.filter-type ul li {
			display: inline;
			margin-right: 20px;
			padding: 0;
			background: none;
		}
		div.filter-type div.button {
			float: right;
		}
	
	div.filter-info {
		margin: 7px 0 0 0;
		padding: 12px 0 0 0;
		font-weight: normal;
		border-top: 1px solid #8f8f8f;
		}
		div.filter-info p {
			float: none;
			margin: 0;
		}
	
	div.filter-option {
		padding: 0 2px;
		background: #9fa8b5;
		border-top: 1px solid #8f8f8f;
		border-bottom: 1px solid #8f8f8f;
		}
		div.filter-option ul {
			margin: 0;
		}
		div.filter-option ul li {
			float: left;
			margin-top: 3px;
			margin-bottom: -1px;
			padding: 0;
			background: none;
		}
		div.filter-option ul li.selected {
			background: #fff url('../gfx/background/background-filter-option-right.png') no-repeat 100% 0;
		}
		div.filter-option ul li a {
			float: left;
			padding: 4px 6px;
			font-weight: normal;
			color: #000;
		}
		div.filter-option ul li.selected a {
			background: url('../gfx/background/background-filter-option-left.png') no-repeat 0 0;
		}
		div.filter-option ul li.disabled {
			float: left;
			padding: 4px 6px;
			font-weight: normal;
			color: #C0C0C0;
		}
	
	div.filter-paging {
		font-weight: normal;
		color: #8f8f8f;
		text-align: right;
		}
		div.filter-paging ul {
			margin: 10px 10px 5px 0;
		}
		div.filter-paging ul li {
			display: inline;
			padding: 0;
			background: none;
		}
		div.filter-paging ul li.previous {
			margin-right: 5px;
			padding: 0 0 0 8px;
			background: url('../gfx/bullet/bullet-back.png') no-repeat 0 4px;
		}
		div.filter-paging ul li.next {
			margin-left: 5px;
			padding: 0 8px 0 0;
			background: url('../gfx/bullet/bullet.png') no-repeat 100% 4px;
		}
		div.filter-paging ul li.selected a { color: #8f8f8f; }
		div.filter-paging ul li span { display: none; }
		div.filter-paging ul li a { padding: 2px; }
		
		div.filter-paging p {
			margin: 0 10px 0 0;
			color: #8f8f8f;
		}

div.feature {
	position: relative;
	margin: 0 0 10px 0;
	}
	div.feature-background {
		position: absolute;
		top: 0;
		right: 20px;
		width: 270px;
		height: 100%;
		background: #fff;
		opacity: .8;
		filter: alpha(opacity=80);
		-moz-opacity: .8;
		z-index: 10;
	}
	div.feature-content {
		position: absolute;
		top: 0;
		right: 20px;
		width: 250px;
		height: 80%;
		padding: 15px 10px;
		overflow: hidden;
		z-index: 20;
	}
	div.feature h1 {
		margin: 0 0 15px 0;
		font-size: 1.4em;
		font-weight: normal;
		color: #000;
	}
	div.feature p { margin: 0 0 15px 0; }

div.price {
	margin: 0 0 5px 0;
	}
	div.price h4 {
		display: inline;
		margin: 0 3px 0 0;
	}
	div.price h2 {
		display: inline;
		margin: 0;
		font-size: 2.2em;
		line-height: 1em;
		font-weight: normal;
	}
	div.price a { float: right; }
	div.price.botm a { float:left; margin: 5px 5px 5px 0; }
	
div.banner {
	margin: 0 0 6px 0;
}

div.alert {
	margin: 0 0 15px 0;
	padding: 10px 15px 10px 15px;
	color: #c40000;
	background: #eff3ec url('../gfx/background/background-alert.png') no-repeat 0 100%;
	}
	body.full div.alert { background-image: url('../gfx/background/background-alert-full.png'); }
	div.alert div.alert-top {
		margin: -10px -15px;
		padding: 10px;
		background: url('../gfx/background/background-alert-top.png') no-repeat;
	}
	body.full div.alert div.alert-top { background-image: url('../gfx/background/background-alert-top-full.png'); }
	div.alert div.alert-icon {
		min-height: 30px;
		margin: 0;
		padding: 0 0 0 22px;
		background: url('../gfx/icon/icon-alert.png') no-repeat top left;
	}
	div.alert p {
		min-height: 30px;
		margin: 0;
		padding: 0 0 0 22px;
		background: url('../gfx/icon/icon-alert.png') no-repeat 0 50%;
	}
	div.alert em { font-style: normal; }

div.band {
	clear: both;
	margin: 0 0 10px 0;
	padding: 6px 10px;
	}
	div.band h3, div.band p, div.band a {
		display: inline;
		margin-right: 10px;
		color: #fff;
	}
	
	div.band.signup {
		height: 60px;
		padding: 7px 10px 0 10px;
		background: #dadfad url('../gfx/background/background-member-signup.jpg') no-repeat;
		}
		div.band.signup h3 { display: block; margin: 0 0 7px 0; }
		div.band.signup p { color: #000; }
		div.band.signup a { color: #c40000; }
		div.band.signup a.button {
			float: right;
			margin-top: 12px;
			color: #fff;
		}
	
	div.band.member {
		position: relative;
		width: 410px;
		margin-left: -10px;
		color: #fff;
		background: #fff url('../gfx/background/background-band-member.png') no-repeat 0 50%;
	}
	
	div.band.award {
		width: 155px;
		min-height: 30px;
		padding: 3px 20px 3px 10px;
		color: #936311;
		background: #ffd148 url('../gfx/background/background-band-award.png') no-repeat 0 100%;
		}
		div.band.award h3, div.band.award p, div.band.award a { margin: 0; color: #936311; }
	
	div.band.discount {
		width: 155px;
		min-height: 35px;
		padding: 7px 35px 8px 10px;
		color: #fff;
		background: #c40000 url('../gfx/background/background-band-discount.png') no-repeat 0 100%;
		}
		div.band.discount h4 {
			font-weight: normal;
			font-size: 1.4em;
			line-height: 1em;
		}
		div.band.discount.discount-used h4 {
			padding: 0 0 0 40px;
			background: url('../gfx/icon/icon-discount.png') no-repeat 4px 50%;
		}
		div.band.discount a {
			padding: 0 0 0 10px;
			font-weight: bold;
			background: url('../gfx/bullet/bullet-inv.png') no-repeat 0 55%;
		}
		div.band.discount h4, div.band.discount p, div.band.discount a { margin: 0 0 3px 0; color: #fff; }
	
	div.band.message {
		margin: 0 0 20px 0;
		padding: 4px 35px 7px 15px;
		color: #936311;
		background: #ffd24a url('../gfx/background/background-band-message.png') no-repeat 100% 100%;
		}
		div.band.message p {
			display: block;
			margin: 0;
			padding: 0 0 0 25px;
			color: #936311;
			font-size: 1.2em;
			line-height: 1.2em;
			background: url('../gfx/icon/icon-checkmark-message.png') no-repeat 0 7%;
		}
		div.band.message em { font-style: normal; }
		
	div.band.offer {
		width: 555px;
		padding: 10px 40px 10px 10px;
		color: #fff;
		background: #c40000 url('../gfx/background/background-band-offer.png') no-repeat 0 100%;
		}
		div.band.offer h3 {
			font-weight: normal;
			font-size: 1.1em;
			line-height: 1em;
		}
		div.band.offer h3, div.band.offer p, div.band.offer a { display: block; margin: 0; color: #fff; }
		
		div.band.offer div.offer-info {
			float: left;
			width: 280px;
			margin: 0 10px 0 0;
		}
		div.band.offer div.offer-code {
			float: left;
			margin: 0;
			}
			div.band.offer div.offer-code input.formfield {
				float: left;
				margin: 0 10px 0 0;
				padding: 4px 2px;
			}
			div.band.offer div.offer-code div.button, 
			div.band.offer div.offer-code a.button { float: left; color: #868686; }

div.teasers {
	width: 610px;
	margin: 0 -10px 10px 0;
	}
	body.full div.teasers { width: 890px; margin: 0 -15px 0 0; }
	
	div.teasers.books { 
		background: url(../gfx/background/background-teasers-sep.png) no-repeat 302px 50%;
	}
	div.teasers.introbooks { 
		background: url(../gfx/background/background-teasers-sep-double.png) no-repeat 293px 10%;
	}
	
	div.teaser {
		float: left;
		width: 280px;
		min-height: 175px;
		margin: 0 5px 0 0;
		padding: 5px 10px;
	}
	div.teaser p { margin: 0 0 5px 0; }
	div.teaser h3 { margin: 0 0 10px 0; }
	div.teaser h3 span {
		margin-left: 25px;
		font-weight: normal;
		text-transform: none;
		}
	div.teaser ul {
		}
		div.teaser ul li {
			padding-bottom: 4px;
			background: url('../gfx/bullet/bullet-teaser.png') no-repeat 0 4px;
		}
		div.teaser ul li a { color: #000; }
	div.teaser ol {
		margin: 0 0 5px 0;
		}
		div.teaser ol li {
			padding-bottom: 6px;
		}
	div.teaser div.teaser-image {
		float: left;
		width: 70px;
		margin: 0 10px 10px 0;
	}
	div.teaser div.teaser-info {
		float: left;
		width: 200px;
	}
	div.teasers.introbooks div.teaser div.teaser-info { width: 190px; }
	
	div.teaser.theme {
		background: url('../gfx/background/background-teaser-theme.png') no-repeat;
		border-bottom: 1px solid #e4e4e4;
	}
	
	div.teaser.links {
		background: url('../gfx/background/background-teaser-links.png') no-repeat;
		border-bottom: 1px solid #e4e4e4;
	}
	
	div.teaser.mixed {
		background: url('../gfx/background/background-teaser-mixed.png') no-repeat 0 100%;
		}
		div.teaser.mixed h3 {
			margin: -5px -10px 10px -10px;
			padding: 5px 10px;
			height: 16px;
			background: url('../gfx/background/background-teaser-mixed-top.png') no-repeat 0 100%;
		}
	

	div.teaser.bookNoPrice {
		position: relative;
		min-height: 165px;
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #e4e4e4;
	}
	div.teaser.bookNoPrice h3 { margin: 0 0 10px 0; }

	div.teaser.book {
		position: relative;
		min-height: 135px;
		padding: 10px 10px 40px 10px;
		border-bottom: 1px solid #e4e4e4;
		}
		div.teaser.book h3 { margin: 0 0 10px 0; }
		
		div.teaser.book div.price {
			clear: both;
			position: absolute;
			left: 0;
			bottom: 10px;
			width: 295px;
			margin: 0;
			}
			div.teaser.book div.price h4 {
				float: left;
				width: 80px;
				margin: 10px 5px 0 0;
				text-align: right;
			}
			div.teaser.book div.price h2 {
				float: left;
				width: 100px;
				margin-right: 5px;
			}
		
		div.teaser.book input.formcheckbox { float: left; margin-top: 1px; }
		div.teaser.book label {
			float: left;
			width: 150px;
			margin-left: 8px;
			}
			div.teaser.book label strong {
				font-size: 1.2em;
				text-transform: uppercase;
			}
		
		div.teasers.introbooks div.teaser.book {
			width: 270px;
			min-height: 150px;
			padding-right: 11px;
			}		
			div.teasers.introbooks div.teaser.book div.price {
				width: 273px;
			}
	
	div.teaser.wide {
		float: none;
		width: auto;
		min-height: 80px;
		margin: 0 0 10px 0;
		border: 0;
		background: url('../gfx/background/background-teaser-wide.png') no-repeat 0 100%;
		}
		div.teaser.wide div.teaser-top {
			width: 605px;
			height: 10px;
			margin: -10px -10px 0px -10px;
			background: url('../gfx/background/background-teaser-wide-top.png') no-repeat;
		}
		div.teaser.wide div.teaser-image {
			width: auto;
		}
		div.teaser.wide div.teaser-info {
			float: none;
			width: auto;
		}
		
	div.teaser.related {
		float: none;
		width: auto;
		min-height: 1%;
		margin: 15px 0;
		padding: 0 10px;
		border-bottom: 1px solid #e4e4e4;
		background: none;
		}
		div.book-tab div.teaser.related { padding: 0; }
		div.teaser.related div.teaser-top {
			width: 390px;
			height: 10px;
			margin: -10px -10px 0px -10px;
			background: url('../gfx/background/background-teaser-wide-top.png') no-repeat;
		}
		div.teaser.related div.teaser-image {
			width: auto;
		}
		div.teaser.related div.teaser-info {
			float: none;
			width: auto;
		}
		div.teaser.related div.price {
			float: right;
			width: 258px;
			margin: 0 0 10px 0;
		}
		
	div.teaser.video {
		float: none;
		width: auto;
		min-height: 1%;
		margin: 0 8px 10px 2px;
		padding: 5px 0;
		border-bottom: 1px solid #e4e4e4;
		}
		div.teaser.video div.teaser-image { margin-bottom: 5px; }
	
	/* Special teaser - Intro offer */
	div.teaser.intro {
		float: none;
		width: 585px;
		height: 180px;
		margin: 0 0 10px 0;
		padding: 15px 10px;
		background: #d4daa1 url('../gfx/background/background-teaser-intro.jpg') no-repeat;
		}
		div.teaser.intro h3 { font-size: 1.4em; color: #fff; }
		div.teaser.intro a.button {
			float: left;
			display: inline;
			margin: 30px 0 0 50px;
		}
		div.teaser.intro div.teaser-info {
			width: 280px;
			margin-right: 15px;
		}
		div.teaser.intro div.teaser-image {
			float: right;
			width: auto;
			margin: 0;
		}

div.details {
	margin: 0 0 15px 0;
	padding: 5px 10px 10px 10px;
	min-height: 160px;
	background: #f3f6f1 url('../gfx/background/background-details.png') no-repeat 0 100%;
	}
	div.details.large { min-height: 1%; background-image: url('../gfx/background/background-details-large.png'); }
	body.full div.details { min-height: 1%; background-image: url('../gfx/background/background-details-full.png'); }
	div.details.info {
		background: #fff url('../gfx/background/background-details-info.png') no-repeat 0 100%;
		}
		div.details.large.info { background-image: url('../gfx/background/background-details-info-large.png'); }
		body.full div.details.info { background-image: url('../gfx/background/background-details-info-full.png'); }
	div.details div.details-top {
		margin: -5px -10px 15px -10px;
		padding: 8px 10px;
		border-bottom: 1px solid #c7c7c7;
		background: #f3f6f1 url('../gfx/background/background-details-top.png') no-repeat;
		}
		div.details.large div.details-top { background-image: url('../gfx/background/background-details-large-top.png'); }
		body.full div.details div.details-top { background-image: url('../gfx/background/background-details-top-full.png'); }
		div.details.accept div.details-top {
			border: 0;
			margin-bottom: 0;
		}
		div.details div.details-top h3 {
			margin: 0;
			font-weight: normal;
			color: #6a6a6a;
			text-transform: none;
		}
		div.details div.details-top p, 
		div.details div.details-top ul {
			float: right;
			margin: 0;
		}
		div.details div.details-top em {
			font-size: .95em;
			font-style: normal;
			color: #333;
		}
		div.details div.button, 
		div.details a.button {
			float: left;
			margin: 0 0 10px 0;
		}
	
	div.details.boxdetails {
		float: left;
		width: 265px;
		min-height: 1%;
		margin-top: 5px;
		margin-bottom: 5px;
		background-image: url('../gfx/background/background-details-box.png');
		}
		body.full div.details.boxdetails {
			float: none;
			width: 390px;
			text-align: center;
			background-image: url('../gfx/background/background-details-box-full.png');
		}
		div.details.boxdetails div.details-top {
			border: 0;
			margin-bottom: 5px;
			padding: 0;
			height: 10px;
			background-image: url('../gfx/background/background-details-box-top.png');
		}
		body.full div.details.boxdetails div.details-top {
			background-image: url('../gfx/background/background-details-box-top-full.png');
		}
		div.details.boxdetails div.button, 
		div.details.boxdetails a.button {
			float: right;
			margin: 0 0 5px 10px;
		}
		body.full div.details.boxdetails div.button, 
		body.full div.details.boxdetails a.button {
			float: left;
			display: inline;
			margin: 0 0 10px 105px; /* Faux centered button on payment */
		}
		body.full div.details.boxdetails p.dimmed { clear: both; }
	
	/* Speedy order on basket */
	div.details.quick {
		min-height: 90px;
		}
		div.details.quick input.formfield {
			float: left;
			width: 140px;
			margin: 5px 10px 0 0;
			padding: 4px;
		}
		div.details.quick div.button, 
		div.details.quick a.button {
			float: left;
			margin: 4px 0 0 0;
		}

div.boxnav {
	margin: 0 0 10px 0;
	padding: 10px 8px 0 5px;
	background: #fff url('../gfx/background/background-boxnav.png') no-repeat;
	}
	div.boxnav div.boxnav-bottom {
		width: 130px;
		height: 6px;
		margin: 0px -8px 0 -5px;
		background: #fff url('../gfx/background/background-boxnav-bottom.png') no-repeat 0 100%;
	}

div.box {
	margin: 0 0 10px 0;
	padding: 10px 10px 14px 10px;
	border: 0;
	background: #fff url('../gfx/background/background-box.png') no-repeat 0 100%;
	}
	div.content-left div.box {
		background-image: url('../gfx/background/background-boxcontent.png');
	}
	div.book-tab div.box {
		float: right;
		width: 160px;
		margin: 5px 0 10px 15px;
		background-image: url('../gfx/background/background-boxtabs.png');
	}
	div.box h4 {
		margin: -10px -10px 5px -10px;
		padding: 2px 10px 2px 10px;
		font-size: .95em;
		font-weight: normal;
		color: #868686;
		text-transform: uppercase;
		border-bottom: 1px solid #bbc1b8;
		background: url('../gfx/background/background-box-top.png') no-repeat;
	}
	div.box.video h4 {
		padding-left: 28px;
		color: #936311;
		background: url('../gfx/background/background-box-video-top.png') no-repeat;
	}
	div.content-left div.box h4 {
		background-image: url('../gfx/background/background-boxcontent-top.png');
	}
	div.book-tab div.box h4 {
		color: #936311;
		background-image: url('../gfx/background/background-boxtabs-top.png');
	}
	div.box ul {
		margin: 0;
	}
	div.box ul li {
		padding: 2px 0;
		background: none;
	}

div.columns {
	width: 610px;
	margin: 0 -10px 10px 0;
	}
	div.columns div.col {
		float: left;
		width: 300px;
		margin: 0 5px 0 0;
	}
	
	body.full div.columns {
		width: 900px;
		margin: 0 -30px 15px 0;
		}
		body.full div.columns div.col {
			width: 435px;
			margin: 0 15px 0 0;
		}
	body.full div.columns.text {
		width: 890px;
		margin: 0 -30px 15px 10px;
		}
		body.full div.columns.text div.col {
			width: 425px;
		}
	
	div.details div.columns {
		width: 590px;
		}
		div.details div.columns div.col {
			width: 290px;
		}

div.feeds {
	margin: 10px 0;
	}
	div.feeds ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div.feeds ul li {
		margin: 0;
		padding: 0;
		background: none;
	}
	div.feeds ul li a {
		padding: 2px 0 2px 20px;
		font-weight: bold;
		line-height: 1.8em;
		background: url('../gfx/icon/icon-rss.png') no-repeat 0 50%;
	}
	div.feeds ul ul {
		margin: 2px 0 10px 22px;
	}
	div.feeds ul ul li a {
		font-size: .95em;
	}

div.botm-unsubscribe {
	}
	div.botm-unsubscribe div.button {
		float: left;
		margin: 0 0 15px 0;
	}
/* @end */

/* @group Product specific elements */
p.wishlist {
	margin: 15px 0 10px 0;
	padding: 4px 0 4px 22px;
	font-size: .95em;
	color: #c40000;
	background: url('../gfx/icon/icon-save-to-wishlist.gif') no-repeat;
	}
	p.wishlist.saved {
		background: url('../gfx/icon/icon-saved-to-wishlist.gif') no-repeat;
	}
	p.wishlist a {
		text-decoration: underline;
	}

p.notification {
	padding: 3px 0 3px 27px;
	background: url('../gfx/icon/icon-notification.png') no-repeat 0 50%;
}

div.rating {
	color: #35436c;
	}
	div.rating.rating-general {
		padding: 0 0 10px 0;
	}
	div.rating.rating-review {
		float: right;
		width: 84px;
		margin: 4px 10px 0 0;
	}
	div.rating.rating-myrating {
		width: 142px;
	}
	div.rating p {
		margin: 0 0 3px 0;
		padding: 0;
		color: #35436c;
	}
	div.rating p.ratinglogin,
	div.rating p.ratinglogin a {
		color: #35436c;
	}
	div.rating p.current-rating-total {
		font-size: .95em;
		color: #a8a8a8;
	}
	div.rating div#rating-saved {
		float: left;
		padding: 0 0 0 12px;
		font-size: .95em;
		color: #35436c;
		text-transform: uppercase;
		background: url('../gfx/icon/icon-checkmark.gif') no-repeat 0 1px;
	}
	div.rating ul {
		list-style: none;
		margin: 0 5px 0 0;
		padding:0;
		width: 84px;
		height: 13px;
		background: url('../gfx/icon/icon-star-user.png') left bottom repeat-x;
	}
	
	/*	TJEK!
		Bør være : div.rating.rating-general ul
	*/
	div.rating-general ul { float: left; position: relative; }
	div.rating ul li {
		padding:0;
		margin:0;
		/*\*/
		float: left;
		/* */
	}
	div.rating ul li a {
		display: block;
		width: 14px;
		height: 14px;
		text-decoration: none;
		text-indent: -9000px;
		padding: 0;
	}
	div.rating-general ul li a { position: absolute; z-index: 20; }
	div.rating ul li a span { display: none; }
	div.rating ul li a:hover {
		background: url('../gfx/icon/icon-star-all.png') left top;
		z-index: 1;
		left: 0;
	}
	div.rating ul a.one-star { left: 0; }
	div.rating ul a.one-star:hover { width: 14px; }
	div.rating ul a.two-stars { left: 14px; }
	div.rating ul a.two-stars:hover { width: 28px; }
	div.rating ul a.three-stars { left: 28px; }
	div.rating ul a.three-stars:hover { width: 42px; }
	div.rating ul a.four-stars { left: 42px; }
	div.rating ul a.four-stars:hover { width: 56px; }
	div.rating ul a.five-stars { left: 56px; }
	div.rating ul a.five-stars:hover { width: 70px;}
	div.rating ul a.six-stars { left: 70px; }
	div.rating ul a.six-stars:hover { width: 84px;}
	
	div.rating ul li.current-rating {
		background: url('../gfx/icon/icon-star-all.png') left top;
		height: 13px;
		display: block;
		text-indent: -9000px;
	}
	div.rating-general ul li.current-rating { position: absolute; z-index: 1; }
	
	div.rating ul li.current-rating.current-rating-user { background: url('../gfx/icon/icon-star-user.png') left top; }
	div.rating ul li.current-rating span { display: none; }
	
	div.rating ul li.current-rating.one-star { width: 14px; }
	div.rating ul li.current-rating.two-stars { width: 28px; }
	div.rating ul li.current-rating.three-stars { width: 42px; }
	div.rating ul li.current-rating.four-stars { width: 56px; }
	div.rating ul li.current-rating.five-stars { width: 70px; }
	div.rating ul li.current-rating.six-stars { width: 84px; }
	
	div.rating ul li a:active { outline: none; }
/* @end */

/* @group Basket */
div.basket, 
div.reciept {
	}
	
	div.basket-discount {
		padding: 13px;
	}
	
	.basket-list {
		width: 100%;
		margin: 0;
		padding: 1px 0;
		border: 0;
		border-top: 1px solid #e4e4e4;
		}
		.basket-list td {
			padding: 0;
			vertical-align: top;
		}
		.basket-list td.image {
			width: 90px;
			padding: 8px 0;
			text-align: center;
		}
		.basket-list td.image img { display: inline; }
		.basket-list td.product {
			width: 320px;
			padding: 8px 15px 8px 0;
		}
		.basket-list td.amount {
			width: 85px;
			padding: 0 0 7px 0;
			background: #f3f6f1;
			vertical-align: bottom;
			text-align: right;
		}
		.basket-list td.amount input.formfield { width: 25px; margin-left: 5px; }
		.basket-list td.price {
			width: 75px;
			padding: 0 15px 10px 5px;
			background: #f3f6f1;
			vertical-align: bottom;
			text-align: right;
		}
	
		div.basket-continueShopping {
			padding: 9px 0px;
		}
		div.basket-update {
			padding: 9px 0;
			border-bottom: 1px solid #e4e4e4;
		}
		div.basket-continueShopping a, 
		div.basket-continueShopping div.button {
			display: inline;
			float: right;
			margin: 0 15px 0 0;
		}
		div.basket-update a, 
		div.basket-update div.button {
			display: inline;
			float: right;
			margin: 0 15px 0 0;
		}

	.basket-total {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
		border: 0;
		}
		div.reciept .basket-total {
			width: 300px;
			float: right;
			margin: 0;
		}
		
		.basket-total td {
			padding: 0;
			vertical-align: top;
		}
		.basket-total td.desc {
			width: 60%;
			padding: 0px 12px 5px 12px;
		}
		.basket-total td.price {
			width: 40%;
			padding: 2px 15px 2px 0;
			text-align: right;
		}
		div.basket .basket-total tr.total { background: #f3f6f1; }
		.basket-total tr.total td p { margin: 0; }
		.basket-total tr.total td.desc { padding: 10px 10px 5px 12px; }
		.basket-total tr.total td.price { padding: 10px 15px 5px 0; }
		div.reciept .basket-total td.price { padding-right: 0; }
		.basket-total tr.total td.shop { padding: 0 15px 12px 12px; }
		.basket-total tr.total td.shop a, 
		.basket-total tr.total td.shop div.button { float: right; }
	
	.basket-summary {
		}
		.basket-summary .amount { text-align: center; }
		.basket-summary .pricetotal { text-align: right; }
		.basket-summary th.pricetotal { padding-right: 10px; }
		
		.basket-summary td.bestno { width: 70px; padding-right: 10px; }
		.basket-summary td.author { width: 155px; padding-right: 10px;}
		.basket-summary td.title { width: 135px; padding-right: 10px; }
		.basket-summary td.amount { width: 40px; padding-left: 5px; padding-right: 5px; }
		.basket-summary td.price { width: 70px; padding-right: 10px; }
		.basket-summary td.pricetotal { width: 60px; }
		
		/* Additional fields on invoice details */
		.basket-summary td.vat { width: 110px; }
		.basket-summary td.return { width: 80px; }
/* @end */

/* @group List (Basket & Signup) */
div.list {
	margin: 0 0 10px 0;
	}
	
	.list-summary {
		}
		.list-summary th { display: none; }
		.list-summary div.ruler { margin-top: 2px; padding-bottom: 2px; }
		.list-summary tr.dimmed td { color: #8f8f8f; }
		.list-summary td.author { width: 130px; padding-right: 10px; }
		.list-summary td.title { width: 190px; padding-right: 10px; }
		.list-summary td.price { width: 70px; text-align: right; }
		
		.list-summary td ul { margin: 3px 0 0 0; }
/* @end */

/* @group Payment */
.payment-options {
	margin: 0 0 15px 0;
	}
	.payment-options td { padding: 0; }
	.payment-options div.ruler { margin: 5px 0; }

ul.payment-cards {
	}
	ul.payment-cards li {
		display: inline;
		padding: 0 5px 0 0;
		background: none;
	}
	ul.payment-cards li img { display: inline; }

.dibsUnknown,
.dibsOnline,
.dibsOffline {
	font-weight: bold;	
}

.dibsUnknown {
	color: black;	
}

.dibsOnline {
	color: green;	
}

.dibsOffline {
	color: red;
}

/* @end */

/* @group Step (Wizard on signup pages) */
div.step {
	position: relative;
	margin: -1px 0 10px 0;
	padding-bottom: 1px;
	}
	div.step.sixstep { width: 884px; }
	div.step.fivestep { width: 884px; }
	div.step.fourstep { width: 680px; }
	div.step.threestep { width: 490px; }
	div.step.twostep { width: 310px; }
	
	/* Corners */
	div.step div.step-lt, 
	div.step div.step-lb, 
	div.step div.step-rt, 
	div.step div.step-rb { position: absolute; width: 7px; height: 7px; }
	div.step div.step-lt { top: 0; left: 0; background: url('../gfx/background/background-step-lt.png') no-repeat 0 0; }
	div.step div.step-lb { bottom: 1px; left: 0; background: url('../gfx/background/background-step-lb.png') no-repeat 0 100%; }
	div.step div.step-rt { top: 0; right: 0; background: url('../gfx/background/background-step-rt.png') no-repeat 100% 0; }
	div.step div.step-rb { bottom: 1px; right: 0; background: url('../gfx/background/background-step-rb.png') no-repeat 100% 100%; }
	
	div.step ol {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 1px solid #c7c7c7;
	}
	div.step.complete ol { background: #c7c7c7; }
	div.step ol li {
		float: left;
		padding: 9px 50px 10px 30px;
		font-size: 1.2em;
		line-height: 1.1em;
		color: #666;
		background: #fff url('../gfx/background/background-step.png') no-repeat 100% 50%;
	}
	div.step ol li.first {
	}
	div.step ol li.last {
		padding-right: 20px;
		background: none;
	}
	div.step.complete ol li.last {
		color: #fff;
		background-color: #c7c7c7;
	}
	div.step ol li.past { /* If only current is selected */
		background: #fff url('../gfx/background/background-step-past.png') no-repeat 100% 50%;
	}
	div.step ol li.done {
		color: #fff;
		background: #c7c7c7 url('../gfx/background/background-step-done.png') no-repeat 100% 50%;
	}
	div.step ol li.current {
		color: #fff;
		background: #c7c7c7 url('../gfx/background/background-step-current.png') no-repeat 100% 50%;
	}
	div.step ol li a {
		float: left;
		color: #666;
		text-decoration: none;
	}
	div.step ol li a:hover { color: #999; text-decoration: none; }
	div.step ol li.done a, div.step ol li.current a { color: #fff; }
	div.step ol li.done a:hover, div.step ol li.current a:hover { color: #999; }
	div.step ol li strong { font-weight: normal; }
/* @end */

/* @group My account */
#myaccount {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #e4e4e4;
	}
	#myaccount div.columns {
		margin-bottom: 5px;
		background: url(../gfx/background/background-teasers-sep.png) no-repeat 302px 5px;
	}
	#myaccount div.columns div.col a {
		padding: 0 0 0 10px;
		background: url('../gfx/bullet/bullet.png') no-repeat 0 4px;
	}
	#myaccount div.columns div.col {
		width: 200px;
		padding: 25px 20px 20px 80px;
		border-top: 1px solid #e4e4e4;
		border-bottom: 0;
		background-position: 10px 50%;
		background-repeat: no-repeat;
	}
	#myaccount div.columns div.col.download { background-image: url('../gfx/myaccount/icn-myaccount-download.png'); }
	#myaccount div.columns div.col.vacationsuspension { background-image: url('../gfx/myaccount/icn-myaccount-vacationsuspension.png'); }
	#myaccount div.columns div.col.cancelreminder { background-image: url('../gfx/myaccount/icn-myaccount-botmcancelreminder.png'); }
	#myaccount div.columns div.col.review { background-image: url('../gfx/myaccount/icn-myaccount-review.png'); }
	#myaccount div.columns div.col.cardinfo { background-image: url('../gfx/myaccount/icn-myaccount-cardinfo.png'); }
	#myaccount div.columns div.col.paymentservice { background-image: url('../gfx/myaccount/icn-myaccount-bs.png'); }
	#myaccount div.columns div.col.email { background-image: url('../gfx/myaccount/icn-myaccount-email.png'); }
	#myaccount div.columns div.col.newsletter { background-image: url('../gfx/myaccount/icn-myaccount-newsletter.png'); }
	#myaccount div.columns div.col.order { background-image: url('../gfx/myaccount/icn-myaccount-order.png'); }
	#myaccount div.columns div.col.password { background-image: url('../gfx/myaccount/icn-myaccount-password.png'); }
	#myaccount div.columns div.col.settings { background-image: url('../gfx/myaccount/icn-myaccount-settings.png'); }
	#myaccount div.columns div.col.rebate { background-image: url('../gfx/myaccount/icn-myaccount-rebate.png'); }
	#myaccount div.columns div.col.sms { background-image: url('../gfx/myaccount/icn-myaccount-sms.png'); }
	#myaccount div.columns div.col.wishlist { background-image: url('../gfx/myaccount/icn-myaccount-wishlist.png'); }
	#myaccount div.columns div.col.membership { background-image: url('../gfx/myaccount/icn-myaccount-membership.jpg'); }
	
	div.review {
		margin: 0 0 15px 0;
		padding: 5px 15px 10px 5px;
		background: url('../gfx/background/background-details-large.png') no-repeat 0 100%;
		}
		div.review div.review-top {
			margin: -5px -15px 0 -5px;
			height: 10px;
			background: #f3f6f1 url('../gfx/background/background-details-large-top.png') no-repeat;
		}
		
		div.review div.teaser {
			float: left;
			width: 275px;
			min-height: 1%;
			}
			div.review div.teaser div.teaser-info { width: 195px; }
		
	.invoice-summary {
		}
		.invoice-summary .balance { text-align: right; }
		.invoice-summary .status { padding-left: 40px; }
				
		.invoice-summary td.invoiceno { width: 90px; padding-right: 10px; }
		.invoice-summary td.invoicedate { width: 100px; padding-right: 10px; }
		.invoice-summary td.totalprice { width: 70px; padding-right: 10px; }
		.invoice-summary td.balance { width: 50px; }
		.invoice-summary td.status { width: 100px; }
		.invoice-summary td.pay { width: 100px; }
	
	.sms-balance {
		}
		.sms-balance td.date { width: 160px; }
		.sms-balance td.balance { width: 420px; }
	
	div.rebate {
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #e8e8e8;
		}
		div.rebate div.rebate-image {
			float: left;
			width: 117px;
			margin: 0 15px 0 0;
		}
		div.rebate div.rebate-image img { margin: 0 0 15px 0; }
		div.rebate div.rebate-info {
			float: left;
			width: 400px;
		}
/* @end */

/* @group Clubs collection */
div.club {
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #e8e8e8;
		}
		div.club div.club-logo {
			float: left;
			width: 200px;
			margin: 0 15px 0 0;
		}
		div.club div.club-logo img { margin: 0 0 15px 0; }
		div.club div.club-info {
			float: left;
			width: 390px;
		}
/* @end */