/* Michaels labb CSS */
/* START RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET*/

html					{ height:100% }
body, 
#top, 
#footer 				{ background:url(../images/bgOriginal.jpg) no-repeat 0 0; } /* Vi ropar bara 1 gång på bakgrundsbilden */
body 					{ background-color:#d1e2f0; background-position:center -1024px; background-repeat:no-repeat; margin:0; font:.75em/1.5em Verdana, Arial, Helvetica, sans-serif; width:100%} /* 12px */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.hidden{display:none}
a img {border:none; margin:0; padding:0}

.samples {border:none; font: 1em/1em Verdana, Arial, Helvetica, sans-serif; width:100%}
.samples th {padding:5px 0; vertical-align:top; width:120px}
.samples td {padding:5px}



#pageWrap {background-color:#fff; margin:0 auto; position:relative; width:960px; z-index:10}

#logo {margin: 10px 0 0; width:220px; float:left}

#top {background-color: #fff; background-position:center -1024px; background-repeat:no-repeat; height:100px; margin:0 auto; position:relative; width: 960px; z-index:10}

#mainContainer {background-color:#fff; margin: 15px 10px 30px; overflow:hidden}
#mainLeft {display:block; float:left; margin:0 20px 0 0; width:220px}
#mainMiddle {float:left; margin:0; width:520px}
#mainMiddleWide {float:left; width:700px}
#mainRight{float:right; width:160px}

#footer {background-color:#fff; background-position:center 0; background-repeat:no-repeat; height:auto; padding:30px 0 5px; width:960px}

/* KAMPANJ MOREINFO */
.kampanjCover {left:0; top:10px; position:absolute; z-index:200}

/* GENERELL LÄNKSTIL */
#mainMiddle a:link,
#mainMiddle a:visited {color:#0083c4; font-weight:bold; text-decoration:none}
#mainMiddle a:hover, 
#mainMiddle a:focus	{color:#0083c4; font-weight:bold; text-decoration:underline }

.contentBox {margin:0 0 16px 0}
.contentBoxDesc {margin:0 0 24px 0}
.contentBoxInfo {background:#e7f2fb url(../images/btnRightInfo.png) no-repeat 15px 11px; border:1px solid #ccc; margin:0 0 16px; padding:10px 10px 10px 40px}

.contentBoxError {background-color:#ce2027; margin:0 0 16px 0; padding:10px}

/* TOPP */
#top img {float:left}
#login {float:right; font:1em Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0; position:relative; text-align:right; width:710px}
#login a {color:#022160}

/* TOPP NAVIGERING */
#nav {bottom:0; float:right; margin:0; padding:0; position:absolute; right:0}
#flikTidigare { margin:0; padding:0}
#nav li, 
#flikTidigare li {display:inline; float:left; margin:0; padding:0; right:0}

#nav a:link,
#nav a:visited,
#flikTidigare a:link,
#flikTidigare a:visited {
	color:#000;
	font:bold .92em/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border:solid 1px #fff;
	border-bottom:none;
	height:19px; /* 21px original */
	margin:0 5px 0;
	padding:4px 20px 4px 20px;
	float:left;
	text-decoration:none;
	width:auto;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
	background: -moz-linear-gradient(top,  #ccc,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	-moz-border-radius-topleft:.5em;
	-moz-border-radius-topright:.5em;
	border-top-left-radius:.5em;
	border-top-right-radius:.5em
}

#kvittoLista,
#kvittoLista a:link,
#kvittoLista a:visited {
	color:#000;
	background:#eee;
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	height:21px;
	margin:0;
	padding:4px 10px 4px 10px;
	text-decoration:none;
	width:50%
}

#kvittoListaGul,
#kvittoListaGul a:link,
#kvittoListaGul a:visited {
	color:#000;
	background:#ffcc00;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	height:21px;
	margin:0 0px 0;
	padding:4px 10px 4px 10px;
	text-decoration:none;
	width:50%
}

#nav a:hover,
#nav a:focus,
#flikTidigare a:hover,
#flikTidigare a:focus, {color:#000;	background:#9ac8d7}

#start #navStart a,
#ljudbocker #navLjudbocker a, 
#ebocker #navEbocker a, 
#varukorg #navVarukorg a, 
#laddaNer #navLaddaNer a, 
#minaSidor #navMinaSidor a,
#flikLjudbocker a, 
#flikEbocker a  {
	background: #ffcc00;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc0), to(#fff));
	background: -moz-linear-gradient(top,  #fc0,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffffff');
	-webkit-border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}

#produktKat {color:#000; text-shadow:none}

/* INDEX, STARTSIDOR */
#listaLeft,
#listaRight,
.listaLeft,
.listaRight {background-color:#fff; float:left; min-height:250px; position:relative; width:250px}
#listaLeft,
.listaLeft {margin:5px 0 8px}
#listaRight,
.listaRight {margin:5px 0 0 20px}

#listaLeftImg {margin:5px 0 8px}
#listaRightImg {margin:5px 0 0 18px}
#listaLeftImg,
#listaRightImg {background-color:#fff; float:left; min-height:50px; position:relative; width:250px}

#listaLeft li,
#listaRight li {border-bottom:dotted 1px #ccc; height:75px; margin-bottom:10px; overflow:hidden; position:relative}
.listaWrapTop {width:250px}
.listaPos {background-color:#999; border-right:solid 1px #fff; color:#fff; font: 2.5em Georgia; float:left; height:45px; padding:5px 0 0 3px; width:22px}
.coverSize {height:50px; max-width:50px; overflow:hidden}
.listaBetyg	{float:right; text-align:right; width:120px}
.listaPris {font-weight: bold; float:left; width:40px}
.listaTitel	{clear:both; float:left; height:20px; overflow:hidden; width:240px}
.topListImage {float:left; margin:0px; padding:0px; width:50px}

/* NAVIGATION VÄNSTER */
.navLeftCart,
.navCamp, 
.navLeft {clear:both; margin: 0 0 8px 0}
.navLeft li {background-color:#f9f9f9; display:block; border-bottom:1px dotted #ccc} /* Bakgrund vänstermeny */
.navCamp li	{background-color:#d3e9cf; display:block; border-bottom:1px dotted #ccc} /* Bakgrund kampanjer */
.navLeft h3, 
.navCamp h3	{border-bottom:solid 1px #ccc; font:bold 1.17em Arial, Helvetica, sans-serif}
.navLeft a,
.navCamp a {color:#000; display:block; font:1em Arial, Helvetica, sans-serif; padding:2px 0 2px 5px; text-decoration:none}
.navLeft a:hover, 
.navCamp a:hover {background-color:#e5f1fb; display:block; font: 1em Arial, Helvetica, sans-serif}


li.headCamp  {background-color:#7cc576; font-weight:bold; margin:0; padding:5px}
li.headLeft {background-color:#c3dee7; font-weight:bold; margin:0; padding:5px;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #eeeeee,  #f9f9f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f9f9f9'); }

/* KATEGORIER SIDAN */
.katBlock {border:1px solid #ccc; display:block; float:left; padding:2px 5px; margin:0 20px 5px 0px; width:220px}

/* VARUKORGEN VÄNSTER */
.navLeftCart ul {max-width:220px }
.navLeftCart li.headCart {background-color:#fc0; font-weight:bold; margin:0; padding:5px}
.navLeftCart .cart {display:block; padding: 5px 0 5px 5px; background-color:#ffc; position:relative}
.navLeftCart .bgCartSum {display:block; padding:5px; font-weight:bold; background-color:#ffcc33; position:relative}
.navLeftCart span.cartSum {position:absolute; right:5px}
.navLeftCart span.cartPris {position:absolute; right:5px}
.navLeftCart span.cartTitel {position:absolute; left:25px}

/* SKAFFA NYHETSBREV */
.headInfo {font-weight:bold; margin:0; margin:0 0 5px}
.leftBoxNyhetsbrev {background:#f0f0f0 url(/images/bgNyhetsbrev.png) no-repeat left top; margin:0 0 8px; padding:75px 5px 5px}

/* TIPSA VÄNSTER */
#leftBoxTipsa {background:#f0f0f0 url(/images/bgTipsa.png) no-repeat left top; overflow:hidden; margin:0 0 8px; padding:75px 5px 5px}
#leftTipsa {padding:2px; overflow:hidden}
#leftTipsa ul { }
#leftTipsa li {float:left; margin:2px 0px; width:25%}
.formBoxInner {background-color:#fff; border:solid 1px #d8d8d8; padding:10px}
.formBoxInner table {width:100%; vertical-align:text-top}

#leftBoxFan {background-color:#3b5998; color:#fff; font-weight:bold; overflow:hidden; margin:0 0 8px; padding:5px}
#connect_widget_4c9aebed0da6e1e6270a6, .connect_widget button_count {width:150px}

/* CONTENT WIDE */
#mainContainer #wideLeft, #mainContainer #wideRight {padding:10px 8px}
#mainContainer #wideLeft p, #mainContainer #wideRight p {margin:0 0 8px; padding:0}
#wideLeft {background-color:#e4f0f9; float:left; min-height:260px; margin:10px 20px 8px 0; position:relative; width:324px}
#wideRight {background-color:#ffebcc;float:left; min-height:260px; margin:10px 0 0 0; width:324px}
#wideFormLeft {float:left; min-height:350px; margin:0px 20px 8px 0; position:relative; width:340px}
#wideFormRight {float:left; min-height:350px; margin:0; width:340px}

/* FLER TITLAR AV SAMMA FÖRFATTARE, DEL I SERIE */
.flerTitlar {background:transparent url(/images/bgFlerTitlar.png) repeat-x left bottom; border-top:dotted 1px #ccc; clear:both; margin:0 0 0px 0; overflow:hidden}
.flerOmslag	{float:left; padding:10px; text-align:center; width:80px}
.flerOmslag img {height:50px; max-width:50px}
.flerTitel {float:left; margin:0 0 0 5px; padding:5px 0 0; width: 280px}
.flerInfo {float:right; margin:30px 0 0 0; width: 120px}
.flerArtal, 
.flerSerie {font: 1em Arial, Helvetica, sans-serif}

.serieTitlar {background:transparent url(/images/bgFlerTitlar.png) repeat-x left bottom; border-top:dotted 1px #ccc; clear:both; margin:0 0 0px 0; overflow:hidden}
.serieDel {float:left; font: 2.33em Arial, Helvetica, sans-serif; padding:5px 0 0; width:35px}
.serieOmslag {float:left; padding:5px; text-align:center}
.serieOmslag img {height:25px; max-width:25px}
.serieTitel {float:left; margin:0 0 0 5px; padding:5px 0 0; width:280px}
.serieInfo {float:right; margin:10px 0 0; width:120px}

.nyaOmslag {height:75px; max-width:75px; overflow:hidden}

/* NAVIGATION RIGHT */
#nav-right {display:block; list-style:none; font: 1em Arial, Helvetica, sans-serif; height:auto; margin: 0 0 16px}
#nav-right ul { }
#nav-right li {display:block; padding: 5px 0 5px 0px; border-bottom: 1px dotted #ccc}
.rightInfo {background:#f5f6fc url(../images/bgRightMinaSidor.png) no-repeat 0 0; border:solid 1px #ccc; margin:0 0 10px; padding:5px}

/* REKLAM HÖGER */
#moreTitles {list-style:none; position:relative}
#moreTitles ul {display:inline; float:right; margin-left:0; padding-left:0}
#moreTitles li {background-color:#f9f9f9; margin:0; padding:5px; text-align:center; position:relative}

.bookListRight {background-color:#fff; border:solid 1px #ccc; padding: 5px; text-align:center}
.bookListRight .titel {font-size:0.92em; line-height:1.2em; margin:0 0 5px 0}
.bookListRight .cover {position:relative}
.bookListRight .cover img {margin-right:-4px}
.bookListRight .pris 	{background-color:#f8941d; border:solid 1px #d27d00; color:#000; font:bold 1.17em Georgia, "Times New Roman", Times, serif !important; height:20px; right:35px; top:35px; padding:3px 6px; position:absolute; width:40px; z-index:200;
-moz-border-radius: 5px;
border-radius: 5px}
.coverRightList {height:75px; max-width:75px; overflow:hidden}

#moreTitles a:link,
#moreTitles a:visited {color:#3680bb; font-weight:bold; text-decoration:none}
#moreTitles a:hover,
#moreTitles a:focus	{color:#2e2e2e; font-weight:bold; text-decoration:underline}

.headRight { 
	background: #f9f9f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #eeeeee,  #f9f9f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f9f9f9');
	font-weight:bold; 
	padding:5px;
}
.merBockerBtn {background-color:#f9a41a; background:-webkit-gradient(linear, left top, left bottom, from(#f9a41a), to(#f47b1f)); background: -moz-linear-gradient(top,  #f9a41a,  #f47b1f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9a41a', endColorstr='#f47b1f'); border:solid 1px #da7c0c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#333; margin:8px 0; text-align:middle; width:158px}
.merBockerBtn a:link, .merBockerBtn a:visited {color:#333; display:block; font-size:1.25em; font-weight:bold; text-align: center; text-decoration:none; padding:10px 8px}

.merBockerStorBtn {background-color:#f9a41a; background:-webkit-gradient(linear, left top, left bottom, from(#f9a41a), to(#f47b1f)); background: -moz-linear-gradient(top,  #f9a41a,  #f47b1f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9a41a', endColorstr='#f47b1f'); border:solid 1px #da7c0c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#333; margin:8px 0; text-align:middle; width:248px}
.merBockerStorBtn a:link, .merBockerStorBtn a:visited {color:#333 !important; display:block; font-size:1.33em; font-weight:bold; text-align: center; text-decoration:none; text-transform:uppercase; padding:16px 8px}
.merBockerBtn:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

/* TOPPLISTA, SAMMA SERIE, ETT URVAL */
#toppLista ul {display:inline; float:right; margin-left:0; padding-left:0}
#toppLista li {border-bottom: dotted 1px #ccc; display:inline; list-style:none; margin-left:0; text-align:center; width:160px}
#toppLista #vertTitles {float:left; height:auto; margin:0 15px 0 0; position:relative; width:160px}
#toppLista .titel {font: 1.17em Georgia, "Times New Roman", Times, serif}
#toppLista .pris {background-color:#900; border:dotted 1px #fff; color:#fff; font: bold 1.17em Georgia, "Times New Roman", Times, serif; height:20px; right: 35px; top:65px; padding: 2px; position:absolute; width:auto; z-index:200}
#toppLista .cover { }
#toppLista p { }

.sammaSerie td {vertical-align:top}

/* TOPP SÖK */
.sokRuta {height:30px; margin:0; width:400px; right:10px; top:5px; position:absolute; text-align:right}
.toppLogin {font:bold 0.92em Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; text-align:right}
.sokRuta input {font-size:1.17em}
.sokRuta .nyaLjud a {color:#fff}
.searchField {border:solid 1px #039; color:#999; height:22px; margin-left:5px; padding-left:2px; width:290px}
.searchButton {margin:0 0 0 10px; width:50px}

/*
	REKLAM
*/
#smallSpotL {background:#eee url(/images/spot-barn.jpg) no-repeat right bottom; float:left; height:100px; margin:0 20px 8px 0; position:relative; width:160px}
#smallSpotM {background-color:#eee; float:left; height:100px; width:160px}
#smallSpotR {background-color:#eee; float:right; height:100px; width:160px}
#smallSpotL p, #smallSpotM p, #smallSpotR p {color:#000; padding: 0 0 0 5px; width:100px}
#smallSpotL h3, #smallSpotM h3, #smallSpotR h3  {color:#000; font: 1.33em Georgia, "Times New Roman", Times, serif; padding:5px}

.moreCover {display:block; float:left; font: 0.92em Verdana, Arial, Helvetica, sans-serif; position:relative; margin-right:10px; width:160px}
.bgLeftShadow {margin:0 -4px 0 0; padding:0}
.bgRightShadow {margin:0 0 0 -4px; padding:0}
#mainContainer .moreCover p {margin:0 0 8px 0}
.miniInfo { background-color:#f1f1f1; border:1px solid #d6d6d6; margin:0 0 8px 0; padding:5px}
#rubrik { display:block; min-height:30px; margin:0; padding:0; border:1px solid #d6d6d6; overflow:visible}

#shader {width:1px; height:1px; float:right; position:absolute; bottom:1px; right:1px; background-color:#000000; opacity : 3%; filter : alpha(opacity=3); z-index:10}

.moreInfo {display:inline; float:left; position:relative; margin:0 0 20px 10px; width:340px}

.bigPuff {height: 188px; margin: 0 0 6px 0; position: relative; width: 508px; }
.bigPuff a {text-decoration:none; }
.bigPuff span.badge {background: url(/images/bgBadge.png) no-repeat center center; color: #fff; font: bold 1.1em Georgia, "Times New Roman", Times, serif; height: 111px; position: absolute; text-align:center; width: 122px; left: 35px; top: 60px}
.bigPuff span.titel {color:#333; font: 1.5em Georgia, "Times New Roman", Times, serif; position:absolute; left: 10px; top: 10px}
.bigPuff span.forfattare {color:#333; font: 1.33em Georgia, "Times New Roman", Times, serif; position:absolute; left: 10px; top: 35px}
.bigPuff span.cover {position:absolute; right: 50px; bottom: 20px}
.bigPuff span.badgeText {top:35px; text-transform: uppercase; position:relative}
.bigPuff span.badgePris {font-size: 1.8em; top:35px; position:relative}
.bigPuff span.badgeRea	{position:relative; right: -135px; top: -35px}
.bigPuff span.anythingBanner {z-index: 999999; position:relative; right: -313px; top: 39px}
span.moreinfoBanner {z-index: 100; position:relative}

/* VARUKORG / TIDIGARE KÖPTA BÖCKER */
#tableVarukorg {border-collapse:collapse; border-spacing:0px; margin:0 0 20px 0; text-decoration:none; width:100%; position:relative}
#tableVarukorg th, #tableTidigare th {background-color:#f0f0f0; border-right:solid 1px #fff; border-left:solid 1px #f0f0f0; height:20px; padding:2px 5px; text-align:left}
#tableVarukorg th:last-child {border-right:solid 1px #f0f0f0}
#tableVarukorg td {background-color:#fff; border:solid 1px #f0f0f0; height:20px; padding:2px 5px; text-align:left}
#tableVarukorg th.pris, #tableVarukorg td.pris, #tableVarukorg th.remove, #tableVarukorg td.remove { text-align:center} 
#tableVarukorg td.tillgodo {background-color:#c4df9b; color:#197b30; text-align:center} 
#tableVarukorg td.prisTotal {text-align:right} 
#tableVarukorg th.pris {width:90px}
#tableVarukorg th.remove {width:30px}
#tableVarukorg th.format {width:20px}

#tableTidigare {width:100%}
#tableTidigare th.tid {width:80px}
#tableTidigare th.info, #tableTidigare th.kvitto, #tableTidigare td.info, #tableTidigare td.kvitto {width:35px; text-align:center; padding:2px}
.kvitto_head {background-color:#999; border-bottom:solid 1px #fff; color:#fff; cursor:pointer; font-weight:bold; padding: 2px 5px}

#varutyp ul	{list-style:none; margin:0 0 0 10px}
#varutyp li	{display:inline; padding:0}
.addCart {margin:0 0 100px}
.kvitto_body {margin-bottom:5px}

/* SÖKRESULTAT */
#tableSearch {text-decoration:none; width:100%; position:relative}
#tableSearch th, 
#tableSearch td {padding:0}
#tableSearch th {text-align:left}
#tableSearch th.pris { text-align:right}
#tableSearch th.orderby-index { min-width: 50px; }
#tableSearch td {border-bottom:solid 1px #efefef; padding:0 5px 0}
#tableSearch td a,
#tableSearch td a:hover	{color:#333; display:block; overflow:hidden; white-space:nowrap}
#tableSearch td a {text-decoration:none}
#tableSearch td a:hover {text-decoration:underline}
#tableSearch .titel {overflow:hidden; width: 250px}
#tableSearch .forfattare {overflow:hidden; width: 165px}
#tableSearch .upplasare {overflow:hidden; width: 145px}
#tableSearch .format {width: 100px}
#tableSearch .pris {overflow:hidden; padding:0 5px 0; text-align:right; width: 50px}
#tableSearch .rea {font-weight:bold; color:#900; overflow:hidden; padding:0 5px 0; text-align:right; width: 50px}
#tableSearch .kop,
#tableSearch .info {height:26px; overflow:hidden; width:26px}
#tableSearch .kop {background:#fff url(/images/iconAdd2Cart.png) no-repeat center center}
#tableSearch .info {background:#fff url(/images/iconInfo.png) no-repeat center center}

#tblMore {font-size:0.92em; margin:0; text-decoration:none; width:100%; position:relative}
#tblMore table { }
#tblMore th, #tableSearch td { padding:0}
#tblMore th {text-align:left}
#tblMore th.pris {text-align:right}
#tblMore tr, #tblMore th {border-bottom:solid 1px #efefef; padding:1px 5px 1px 3px}
#tblMore tr:last-child {border-bottom:solid 0px #efefef}

.rowOdd { background-color:#f0f0f0}

.rea_pris {font-weight:bold; color:#900; overflow:hidden}
.pris {overflow:hidden}

.dlHead {font-weight:bold}
.dlHeadDate {font-weight:bold; float:right}
.dlTitle {display:block; border-top:dotted 1px #ccc; width:auto, height: 20px; overflow: hidden}
.dlDate	{color:#999; float:right; font-size:0.92em; position:relative}

/* FORMULÄR */
.formBoxOuter {background-color:#f0f0f0; margin:0 0 8px 0; padding:5px}
.formBoxInner {background-color:#fff; border:solid 1px #d8d8d8; padding:10px}
.formLeft {border:solid 0px #ccc; font-size:0.92em; text-transform:uppercase; width:auto}
.formRight {border:solid 0px #ccc; margin-bottom:4px}
.formInput {border:solid 1px #b6b6b6; clear:both; height:20px; width:200px}
.formInput:hover {background-color:#fff}
.bgGreen {background-color:#efffef}
.bgBlue {background-color:#effaff}
.formInputSmall {background: #f4f4e7 url(/images/bgInput.png) top repeat-x; height:20px; width:60px}
.formNyhetsbrev {height:20px; width:155px; margin-right:2px}
.formTextarea {height:100px; width:400px}

/* PAGINERING */
.paginering {color:#fff; font:1.17em Georgia, "Times New Roman", Times, serif; list-style:none; margin:10px 0 0; text-align:center}
.paginering li {display:inline; list-style:none; padding:0; margin:0}
.paginering li a {border:solid 1px #ccc; background-color:#dbdbdb; color:#333; list-style:block; text-decoration:none; padding:3px 6px; margin:0px 5px 0}
.paginering .active {border:solid 1px #ccc; background-color:#fc0; color:#333; list-style:block; text-decoration:none; padding:3px 6px; margin:0px 5px 0}

/* KNAPPAR */
.navLeftCart .button, 
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.17em/100% Arial, Helvetica, sans-serif;
	padding: 8px 10px 9px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.navLeftCart .button { display:block; margin:5px 0; } /* Full-size button vänstermenyn */ 
.buttonSmall {font-size:.92em; padding: .2em 1em .275em}
.bigrounded {-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover, .merBockerBtn:hover, .merBockerStorBtn:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.green {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* Skapa kontoknapp, ändra uppgifter */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* TYPOGRAFI */
#mainContainer p { margin:0 0 16px 0; }
#mainContainer h1 { border-bottom:solid 1px #eaeaea; font: 1.67em Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:3px}
#mainContainer h2 { color:#333; font:bold 1.33em Georgia, "Times New Roman", Times, serif; margin:0px 0 8px 0; padding:0}
#mainContainer h3 { font:1.17em Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:0}
#mainContainer h4 { font:1em Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:0 5px}

.linkArrow { background: url(/images/iconArrowRight.png) no-repeat left center; padding-left:20px }
.linkExtern { background: url(/images/iconArrowRight.png) no-repeat right center; padding-right:20px }

/* FÄRGER */
.white { color:#fff; }
.black { color:#000; }

/* FOOTER */
#footer p								{ margin: 0 10px 10px 10px; }
#ftr_varforMuntligt						{ float:left; height: 180px; margin:0 20px 8px 10px; position:relative; width: 300px; }
#ftr_varforMuntligt p					{ padding: 0 10px; }

#ftr_varforMuntligt h5, 
#ftr_info h5,
#ftr_hjalp h5, 
#twitterBox h5							{ font: bold 1.33em Georgia, "Times New Roman", Times, serif; padding: 0 10px 8px; text-decoration:none; }
#ftr_varforMuntligt h5 a				{ text-decoration:none; }

#twitterBox								{ float:right; height: 180px; margin: 0 10px 0 0; position:relative; width: 300px; }
#twitterBox p a							{ padding: 0 10px; }

#twitter_update_list					{ list-style:none; padding: 5px 10px; }
#twitter_update_list li					{ margin:0 40px 8px 0; }

#ftr_varforMuntligt, 
#ftr_info,
#ftr_hjalp								{ float:left; height: 180px; margin:0 20px 8px 10px; position:relative; width: 290px; }
#ftr_varforMuntligt ul, 
#ftr_info ul,
#ftr_hjalp ul							{ margin:0 0 0 10px;}
#ftr_varforMuntligt li					{ background:url(/images/ikonCheck.png) 0 5px no-repeat;  background-repeat:no-repeat; padding:4px 0 4px 25px;}
#ftr_info li							{ background:url(/images/btnRightInfo.png) 0 5px no-repeat; padding:4px 0 4px 25px;}
#ftr_hjalp li							{ background:url(/images/ikonHjalp.png) 0 5px no-repeat; padding:4px 0 4px 25px;}

#ftr_info li a:link,
#ftr_info li a:visited, 
#ftr_hjalp li a:link,
#ftr_hjalp li a:visited					{ color:#022160; text-decoration:none; }
#ftr_info li a:hover, 
#ftr_info li a:focus,
#ftr_hjalp li a:hover, 
#ftr_hjalp li a:focus					{ color:#1c479e; text-decoration:underline; }

.ftrPayment {height:54px; text-align:center; width:960px}
ul#payment {list-style: none; margin:0 auto; overflow:hidden; width:530px}
ul#payment li{background:url(/images/spritePayment.png) no-repeat; float:left; height:39px; margin:5px 5px 0 0; width: 61px;
}
ul#payment li.ftrVisa {background-position: 0px 0px}
ul#payment li.ftrVerified {background-position:0px -50px}
ul#payment li.ftrMaster {background-position: 0px -100px}
ul#payment li.ftrSecure {background-position: 0px -150px}
ul#payment li.ftrHandel {background-position: 0px -200px}
ul#payment li.ftrSeb {background-position: 0px -250px}
ul#payment li.ftrSwed {background-position: 0px -300px}
ul#payment li.ftrNordea {background-position: 0px -350px}

ul#checkout {list-style: none; margin:0 auto 8px; overflow:hidden; width:320px}
ul#checkout li {background:url(/images/spritePayment.png) no-repeat; float:left; height:24px; margin:0 1px 0; width:38px;}
ul#checkout li.ftrVisaCo {background-position: -70px 0px}
ul#checkout li.ftrVerifiedCo {background-position:-70px -50px}
ul#checkout li.ftrMasterCo {background-position:-70px -100px}
ul#checkout li.ftrSecureCo {background-position:-70px -150px}
ul#checkout li.ftrHandelCo {background-position:-70px -200px}
ul#checkout li.ftrSebCo {background-position:-70px -250px}
ul#checkout li.ftrSwedCo {background-position:-70px -300px}
ul#checkout li.ftrNordeaCo {background-position:-70px -350px}

.belcherBox {border:dashed 2px #f00; text-align:center; overflow:hidden}
.belcherPris {color:#022160; clear:both; font-size:1.18em; font-weight:bold; padding:5px 0 0}
.belcherBtn {margin:5px 0}

.smaIkoner { margin: 0 0 8px 0; clear:both; }
.smaIkoner li {
	display:inline;
	padding:0;
	margin:0 0 8px 0;
	float:left;
}
#checkout img {
	height:24px; 
	width:38px; 
	margin:0 2px 0 0; 
	padding:0
}

/*Sprite ikoner*/
.spriteIkoner { background:url(../images/bgOriginal.jpg) no-repeat 0 0; }
.spriteInfo {background-position:-60px 0px}

.newWin { background:url(/images/ikonLaddaNer.png) no-repeat left center; display:block; padding-left:20px; height:24px; }

.bgBottom {
	background: url(../images/bgBottom.jpg) no-repeat 50% 100%;
	/*overflow: hidden;*/
	width: 100%;
	min-height: 250px;
	position: relative;
	width:100%;
}

/**** SKIP LINKS ****/
#skip {
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 2;
}

/* LiveValidation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.isbnimg {
float:left;
cursor:default;
}

/*
    anythingSlider v1.0    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider { background:#fff url(/images/bgBigPuff.png) no-repeat 0 0; width:520px; height:200px; position: relative; margin: 0 auto 5px; }
.anythingSlider .wrapper { width: 510px; overflow: auto; height:190px; margin:0; position: absolute; top: 5px; left: 5px; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 200px; width: 520px; margin: 0; }
.anythingSlider .arrow { display: block; height:30px; width:14px; text-indent: -9999px; position: absolute; top: 85px; cursor: pointer; }
.anythingSlider .forward { background-position:0 -20px/*background: url(/images/iconPuffRight.pn) no-repeat 0 0*/; right: 5px; }
.anythingSlider .back { background-position:-20px -20px/*background: url(/images/iconPuffLeft.png) no-repeat 0 0*/; left: 5px; }
/*.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }*/
#thumbNav { font-size:0.83em; position: relative; left: 360px; right:10px; top:4px; text-align: right; width:150px; }
#thumbNav a { color: black; font: 7px/18px; Georgia, Serif; display: inline-block; text-decoration:none; padding:0; height: 20px; width:10px; margin:5px 0 0 5px; background-color:#c9e1f4; text-align: center; }
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #fc0; }
.anythingSlider .forward,
.anythingSlider .back,
#start-stop,
#start-stop.playing	{background-image:url('/images/btnSprite.png')}
#start-stop { background-position:-20px 0px; font-size:0px; color: white; padding:0; height:16px; width: 16px; text-align: center; position: absolute; right: 10px; top: 175px; }
#start-stop.playing { background-position:0 0}
/*#start-stop:hover { background-image: none; }*/
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0}
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none}

.old { width:49%; float:left; border:solid 1px #E6E6E6; }
.new { width:49%; float:right; }
#old, #new { border-top:solid 0px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc}
small {
	margin:0;
	padding:5px;
	border:solid 2px #693;
	background-color:#cfc;
	font-size:10px;
	display:block;
}
.inputSubmit {width:180px}

.old_kund {border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #fff; padding:0 0 0 5px; margin:0; width:342px; height:32px; float:left; display:block; font-weight:bolder; color:#333;}
.new_kund_off {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background-color:#E6E6E6;
font-weight:bolder;
height:32px; padding:0 0 0 5px; margin-top:0; width:345px; float:left; display:block; text-decoration: none; color:#333;}

.new_kund_off:hover {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background-color:#999;
font-weight:bolder;
height:32px; padding:0 0 0 5px; margin-top:0; width:345px; float:left; display:block; text-decoration: none; color:#333;}

.old_kund_off {border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #fff; padding:0 0 0 5px; margin:0; width:342px; height:32px;	float:left; display:block;}
.new_kund {padding:0 0 0 5px; margin:0; width:327px; height:32px; float:left; display:block;}

.bankBox, .kortBox { border-bottom: solid 3px #538312; background:#fff url(/images/bgBetalning.png) no-repeat left top; padding:10px }
.betalaBank img, .betalaBankOff img {margin-bottom:-4px; padding:0}

.betalaBank {display:block; float:left; margin:0; overflow:hidden; padding:0; width:250px;}
.betalaBankOff {padding:0; margin:0 0 0 20px; width:250px; float:left; display:block; overflow:hidden}
.betalaKort {margin:0; width:250px; float:left; display:block; overflow:hidden}
.betalaKortOff {margin:0 0 0 20px; width:250px; float:left; display:block; overflow:hidden}
.betalaBank img {border:0}

#ruta {padding:10px; width:545px; height:auto; background-color:#e3e3e3; border:1px solid #333}

.nordeabtn, 
.swedbankbtn, 
.sebbtn, 
.handelsbankenbtn, 
.btnVisa, 
.btnMastercard {border:0; width:250px; height:50px; cursor:pointer}

.nordeabtn{background: url('../images/btnNordeaBank.png') 50% 0% no-repeat}
.swedbankbtn{background: url('../images/btnSwedbankBank.png') 50% 0% no-repeat}
.sebbtn{background: url('../images/btnSebBank.png') 50% 0% no-repeat}
.handelsbankenbtn{background: url('../images/btnHandelsbankenBank.png') 50% 0% no-repeat}
.btnVisa{background: url('../images/btnVisaBank.png') 50% 0% no-repeat}
.btnMastercard{background: url('../images/btnMastercardBank.png') 50% 0% no-repeat}
.btnBgBank{border:0; margin:0 20px 20px 0; height:50px; background: url('../images/bgBank.png') no-repeat; cursor:pointer; float:left; width:250px}
.btnBgBank:hover{background: url('../images/bgBankHover.png') no-repeat}

.moretitles {width:100%; border-bottom:1px dotted #000; margin-top:0; padding-top:0}
.moretitles .delimiter {border-top:1px dotted  #000; padding:2px 0 0; padding-bottom:0 0 2px}
.moretitles .book_tn {width:75px; margin-right:10px}
/* Class error ligger som felmeddelande vid ej korrekt inskrivet lösen eller mailadress på myhome.php */
.error {color:red}

.sale_percent_badge_positioning {
	z-index:300;
	float:right;
	background:transparent;
	margin:0;
	padding:0
}
.bookListRight .sale_percent_badge_positioning {
	z-index:300;
	float:right;
	background:transparent;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:20px
}
.moreinfo_adjust {
	margin:0;
	padding:0
}
.moreinfo_adjust .sale_percent_badge_positioning {
	z-index:300;
	float:right;
	background:transparent;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:5px
}
.cover .sale_percent_badge_positioning {
	z-index:300;
	float:right;
	background:transparent;
	margin:0;
	padding:0;
	position:absolute;
	bottom:10px;
	right:30px
}
.topListImage .sale_percent_badge_positioning {
	z-index:300;
	float:right;
	background:transparent;
	margin:0;
	padding:0;
	position:absolute;
	bottom:1.5em;
	left:45px
}
.percent_badge {
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background:transparent url(/images/ikon-procent.png) no-repeat center center;
	color:#ffffff;
	font-weight:bold;
	font-size: 8pt
}
.reaBadge {position:relative; top:25%}

#addremove {background-color:#fff; margin:0 auto; position:relative; width:920px; padding:12px; overflow:hidden}

#downloadDiv h1 {font: 1.67em Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:3px; }
#downloadDiv h2 {color:#333; font: bold 3em Georgia, "Times New Roman", Times, serif; margin:0 0 8px; padding:0 0 0 10px; }
#downloadDiv p {margin:0 10px 8px}
.dlBox {background-color:#d1e3f1; border-bottom:solid 2px #fff; clear:both; cursor:hand; height:60px; overflow:hidden; padding:20px 10px 10px}
.dlBoxGreen {background-color:#d3e9cf; border-bottom:solid 2px #fff; clear:both; cursor:hand; height:auto; overflow:hidden; padding:15px 10px 10px}
.dlInfoBox {background-color:#fff; padding:5px 0 10px 0;}
.dlIkon {float:left; vertical-align:middle; width:60px}
.dlInnehall {float:left; vertical-align:middle; width:400px}

.rating{cursor:pointer;clear:both;display:block;margin:.2em;}
.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden;}
.cancel,.star{float:left;width:17px;height:15px;overflow:hidden;text-indent:-999em;cursor:pointer;}
.star-left,.star-right{width:8px;}
.cancel,.cancel a{background:url(/images/delete.gif) no-repeat 0 -16px;}
.star,.star a{background:url(/images/star.gif) no-repeat 0 0;}
.star-left,.star-left a{background:url(/images/star-left.gif) no-repeat 0 0;}
.star-right,.star-right a{background:url(/images/star-right.gif) no-repeat 0 0;}
.cancel a,.star a{display:block;width:100%;height:100%;background-position:0 0;}
div.rating div.on a{background-position:0 -16px;}
div.rating div.hover a,div.rating div a:hover{background-position:0 -32px;}