/* Styles */
/* ----------------------------------------------- */
/* Lang: xHTML 1.1, CSS Level 2 */
/* Author: Michael Stavbäck, Muntligt */
/*	Date: March 2006 */
/*	Revision: Augusti 2009 */
/* ----------------------------------------------- */

html, body {
margin:0px; 
padding:0px; 
background-color:#fff; 
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #000;
font-size: 90%;
}
p { margin:0; padding:0; }
a { border: none; margin:0; padding:0; }
img {border: none; padding: 0px; margin: 0px;}
form, input, select, option, textarea, radio {margin: 0px; padding: 0px;}
.thumbs {border: #4A301E 2px solid; padding: 1px; margin: 0px;}
.center {text-align: center;}
.right {text-align: right;}
.bold {font-weight: bolder;}
.error {color: #cc0000;}
.guideborder {border-bottom: solid 1px #999;}
.hits {display: none;}

h2 {margin-bottom: 10px; padding: 0px;}
h3 {margin: 0px; padding-bottom: 1px; display: block; font-size: 100%; font-weight: bold;}
.small {font-size: 85%;}

/*.new { target-new: window ! important }*/
.rea { color: #FF0000; font-weight: bold; }
.notrea { color: #999; text-decoration:line-through; }

.btm-margin {margin: 0 0 10px 0;}


hr {
border: 0;
color: #999;
background-color: #999;
height: 1px;
width: 100%;
text-align: left;
}
.isbnimg {
float:left;
cursor:default;
}

/* Text colour */
#wrapper, #mainleft, #mainright, #footer {color: #000;}

#wrapper {
width:780px; 
background-color: #fff; 
margin:0px auto; 
text-align:left; 
}
#wrappercart {width:565px; background-color: #fff; margin:0px auto; text-align:left;}

#top {display: block; height: auto; clear: left; margin: 0px 0px 0px 0px;}
#steps {display: block; clear: both; margin: 0px 0px 10px 0px;}

#mainleft {float:left; position:relative; width:200px; left:0px;}
#mainright {float:right; position:relative; width:565px; margin-left: 15px; right:0px;}

#mainright h2 { font-size:110%; margin:0; }

/*#mainright p, #main p {margin:0; padding: 0 0 10px 0;}*/
.box p {margin:0; padding: 0 0 10px 0;}

#main {position:relative; width:95%; margin-left: 0px;}

.clear {clear:both;}

/* ----------------------------------------------------------- */
#logo {float:left; position:relative; width:230px; left:0px; margin:5px 0 0 0;}
#logintop {
	float:right; 
	position:relative; 
	width:500px; 
	right:0px; 
	margin:20px 0 0 0; 
}
#logintop p {
	font-size: 130%;
	font-weight: bold;
	font-family: serif;
	text-align:right;
	margin:0 0 10px 0;
}
#logintop h1 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin:0 0 5px 0;
}
#logintop h2 {
	font: 1.17em Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin:0 0 5px 0;
}

/* ----------------------------------------------------------- */
/* Steps/Flikar topp*/
.flik-on {
	width: 195px;
	height: 22px;
	padding: 13px 0px 0px 0px;
	background-image: url(../images/step-on.gif);
	float: left;
}
.flik-mypage-on {
	width: 195px;
	height: 22px;
	padding: 13px 0px 0px 0px;
	background-image: url(../images/step-mypage-on.gif);
	float: left;
}
.flik-off {
	width: 195px;
	height: 20px;
	padding: 15px 0px 0px 0px;
	background-image: url(../images/step-off.gif);
	float: left;
}
.flik-mypage-off {
	width: 195px;
	height: 20px;
	padding: 15px 0px 0px 0px;
	background-image: url(../images/step-mypage-off.gif);
	float: left;
}

.flik-on a, .flik-on a:visited {color:#000; font-weight: bold; text-decoration:none; display:block; padding-left: 3px; text-align: center;}
.flik-on a:hover {color:#000; text-decoration: underline;}

.flik-off a, .flik-off a:visited {color:#666; font-weight: bold; text-decoration:none; display:block; padding-left: 3px; text-align: center;}
.flik-off a:hover {color:#666; text-decoration: underline;}

/* Enbart för Mina sidor */
.flik-mypage-on a, .flik-mypage-on a:visited {color:#fff; font-weight: bold; text-decoration:none; display:block; padding-left: 3px; text-align: center;}
.flik-mypage-on a:hover {color:#fff; text-decoration: underline;}

.flik-mypage-off a, .flik-mypage-off a:visited {color:#ccc; font-weight: bold; text-decoration:none; display:block; padding-left: 3px; text-align: center;}
.flik-mypage-off a:hover {color:#ccc; text-decoration: underline;}


#flikinfo {
	/* Steg för steg informationsfält */
	position: relative;
	width: 770px;
	height: 21px;
	min-height: 21px;
	font: bold 85% verdana, arial, helvetica, sans-serif;
/*	color: #666666;	*/
	padding: 4px 0px 0px 10px;
/*	margin: 0px 0px 15px 0px; */
	clear: left;
	background-image: url(../images/step-info.gif);
}

#flikinfomypage {
	/* Steg för steg informationsfält */
	position: relative;
	width: 770px;
	height: 21px;
	min-height: 21px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #fff;
	padding: 4px 0px 0px 10px;
/*	margin: 0px 0px 15px 0px; */
	clear: left;
	background-image: url(../images/step-mypage-info.gif);
}

/* ----------------------------------------------------------- */
/* Sökrutan */
.searchcontent {
	width: 565px;
	min-height: 35px;
	height: auto;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/bg_search.gif);
}
/* for Internet Explorer */
/*\*/
* html .searchcontent {
	height: 35px;
}
/**/
.searchcontent form {
	margin: 0;
	padding: 0;
}
.searchbox input {
	width: 190px;
	float: left;
	margin-left: 70px;
	margin-right: 5px;
}
.searchbox select {
	width: 190px;
	float: left;
	margin-right: 10px;
}
.submit {
	margin: 0;
	padding: 0;
}
.searchbtn {
	margin-right: 0px;
}
.searchlinks {
	width: 553px; /*height: 48px; */
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	background: #dbdbdb;
/*	background: #f4dbc2;*/
	border-top: dashed 1px #666;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
}

/* ----------------------------------------------------------- */
/* Sökrutan */
.resultatPerSida {
	position: relative;
	top: -15px;
	left: 340px;
	font-size: 80%;
	width:200px;
}

.paging {
	font-size: 80%;
	text-align: center;
}
	.paging a:link {
		color: #000000;
	}

/* ----------------------------------------------------------- */
/* Slogans första sidan */
.slogan { /* Slogan, ingen BG färg */
	background: url(/images/rek/bgRek.jpg) no-repeat center center;
	height:180px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position:relative;
	width: 565px;
}
/* for Internet Explorer */
/*\*/
* html .slogan {
	height: 180px;
/*	height: 298px; */
}
.sloganTitel { font: 1.34em Georgia, "Times New Roman", Times, serif; position:absolute; left:18px; top:10px; }
.sloganForfattare { font: 1.17em Georgia, "Times New Roman", Times, serif; position:absolute; left:18px; top:30px; }
.sloganTitel a, .sloganTitel a:visited, .title a, .title a:visited, h2 a, h2 a:visited {color:#000; text-decoration:none; }
.sloganTitel a:hover, .title a:hover, h2 a:hover {color:#000; text-decoration: underline;}

.sloganBadge { 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; }
.sloganBadgeText { top:35px; text-transform: uppercase; position:relative; }
.sloganBadgePris { font-size: 1.8em; top:35px; position:relative; }
.sloganCover { position:absolute; right: 90px; bottom: 20px; }

.spotTitel  { font: 1.17em Georgia, "Times New Roman", Times, serif; position:absolute; left:12px; top:10px; }
.spotForfattare { color:#333; font: 1em Georgia, "Times New Roman", Times, serif; position:absolute; left:12px; top:30px; }
.spotCover { position:absolute; left:170px; top:38px; }
.spotLeft {width: 285px; height: 165px; margin:0; padding: 0; float: left; position:relative; }
.spotRight {width: 280px; height: 165px; margin:0; padding: 0; float: left; position:relative; }
.spotRight a, .spotRight a:visited, .spotLeft a, .spotLeft a:visited {color:#000; text-decoration:none; }
.spotRight a:hover, .spotLeft a:hover {color:#000; text-decoration: underline;}


.newWin { background:url(../images/ikonNewWin.png) no-repeat right center; padding-right:15px; }

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

.spotcont {width: 565px; height: 100px; margin:0 0 10px 0; }
.spot-left {width: 190px; float: left;}
.spot-middle {width: 189px; float: left;}
.spot-right {width: 186px; float: left;}

.quickcont {width: 565px; height: 45px; margin:0; padding: 0;}
.quick-left {width: 285px; height: 40px; margin:0; padding: 0; float: left;}
.quick-right {width: 280px; height: 40px; margin:0; padding: 0; float: left;}

.twocont {width: 565px; height: 175px; margin:0; padding: 0;}
.two-left {width: 285px; height: 165px; margin:0; padding: 0; float: left;}
.two-right {width: 280px; height: 165px; margin:0; padding: 0; float: left;}

.sp-top {width: 177px; height: 17px; margin: 9px 0px 0px 9px; clear: left;}
.sp-left {width: 96px; height: 80px; margin: 9px 0px 0px 9px; float: left;}
.sp-right {width: 81px; height: 78px; margin: 11px 0px 0px 0px; float: left;}

/* ----------------------------------------------------------- */
.welcome {
	width: 553px; /*	min-height: 298px; */
	height: 50px;
	border: solid 1px #999;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	background-color: #DCDCDC;
}
/* for Internet Explorer */
/*\*/
* html .slogan {
	height: 50px;
}
/**/
/* ----------------------------------------------------------- */


/* -- Mainright box headlines -------------------------------- */
.righthead { /* Main right rubrik med BG bild */
	width: 555px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
	margin-bottom: 0px;
}
.bginfo {background-image: url(../images/right-head-info.gif);}
.bgguides {color: #fff;	background-image: url(../images/right-head-guides.gif);}
.bglogin {color: #fff; background-image: url(../images/right-head-mypage.gif);}
.bgrecommend {background-image: url(../images/right-head-rec.gif);}
.bgsearch {background-image: url(../images/right-head-search.gif);}
.bgcart {background-image: url(../images/right-head-cart.gif);}
.bgerror {color: #fff; background-image: url(../images/right-head-error.gif);}

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

/* -- Box till alla rutor i Main right ----------------------- */
.box {
	display: block; /* Höger innehållsruta i anslutning till righthead */
	min-height: 50px;
	height: auto;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
}
/* for Internet Explorer */
/*\*/
* html .box {
	height: 50px;
}
/**/
.box p {padding: 0px 0px 15px 0px;}
.box h2 {margin: 0px 0px 5px 0px; font-size: 100%;	border: 0;}

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

/* -- Rekommenderar/fler titlar m.m. tabell ------------------ */
.rectbl {
	width: 565px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border-top: none 1px #fff;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;	
	border-collapse: separate;
	vertical-align: top;	
}
.recheight50 {
	height:50px;
}
.title {
	font-weight: bold;
	font-size: 100% ;
}
span.price {
	background-color:#9e0b0f;
	color:#fff;
	font-weight:bold;
	padding:2px 4px;
}
.recPris {}

.rectbl td {
	width: 185px;
}
.rectbl img {
	margin-top: 3px;
}

.llbok {
	width: 70%;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	/*border: solid 1px #000;*/
	background-color: #fbaf5d;
}

.logos {
	width: 100%;
	height: 65px;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	text-align: center;
}
/* -- End Rekommenderar/fler titlar m.m. tabell --------------- */

/* -- Search result tabel ------------------------------------ */
.searchtbl {
	empty-cells: show;
	border-spacing: 0px;
	margin: 10px 0px 10px;
	border-collapse: collapse;
}
.searchtbl td {
	font: 95% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
.searchtbl td a,
.searchtbl td span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.searchtbl .upplasare span {
	font-size: 95%;
}
.searchtbl a:link,
.searchtbl a:visited {
	text-decoration: none;
}
.searchtbl a:hover {
	text-decoration: underline;
}
.searchtbl .titel {
	width: 195px;
}
.searchtbl .forfattare {
	color: #000000;
	width: 115px;
	font-size: 90%;
}
.searchtbl .upplasare {
	color: #000000;
	width: 115px;
	font-size: 90%;
}
.searchtbl .pris {
	width: 40px;
}
.searchtbl td.invis {
	border: 0px;
	padding-left: 0px;
}
.searchicon {
	background-color: transparent;
	width: 20px;
}
/* -- End Search result tabel -------------------------------- */

/* ----------------------------------------------------------- */
/* Mypage */
.books {
width: 550px;
height: auto;
margin: 0px;
padding: 0px;
}
.bookshead {
	border-top: solid 1px #069;
	border-bottom: solid 1px #069;
	background-color: #dfebf8;
}
.bookscont {
	height: 25px;
}
.kvittobtn {
	margin: 0px 0px 0px 40px;
	padding: 3px;
	width: 60px;
	height: 18px;
	border: solid 1px #ccc;
	background-color: #daa520;
}
/* ----------------------------------------------------------- */

/* -- Moreinfo tabellbredd --------------------------- */
.moretbl {
margin: 0px 0px 10px 0px;
}

.morehead {
width: 130px;
padding: 2px;
border-bottom: solid 1px #ccc;
}
.moretxt {
width: 250px;
border-bottom: solid 1px #ccc;
}
.moreimg {
width: 140px;
}

/* -- Login tabell ------------------------ */

/* -- Ny Login tabell ------------------------ */
/* -- Används till login och register -------- */
.logintbl {
	background-color: #F9FBFD;
	color: #000000;
	width: 540px;
	margin-top: 10px;
/*	border: 1px solid #D7E5F2; */
	border-collapse: collapse;
}
.logintbl td {
	border: 1px solid #ccc;
	padding-left: 4px;
}
.logintbl td.invis {
	border: 0px;
	padding-left: 4px;
}
.logintxt {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	width: 130px;
}
.logininput {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	width: 180px;
}
.loginerror {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c00;
	background-color: transparent;
	width: 230px;
}
/* -- Rekommenderar/fler titlar m.m. tabell ------------------ */

.w10 {width:10%;}
.w15 {width:15%;}
.w25 {width:25%;}
.w55 {width:50%;}

.px120 {width:120px;}
.px310 {width:310px;}

.newtbl {
	width: 550px;
	empty-cells: show;
	border-spacing: 0px;
	margin: 5px 0px 5px;
	border-bottom: 1px solid #ccc;
}

/* -- Kvitto ------------------------------------------------- */
.kvittocont {width:95%; height: auto; border: solid 1px #ccc; clear: both;}
.k-isbn {padding: 3px; border-right: solid 1px #ccc; float: left;}
.k-title {padding: 3px; border-right: solid 1px #ccc;  float: left;}
.k-num {padding: 3px; border-right: solid 1px #ccc; text-align: right; float: left;}
.k-sum {padding: 3px; border-left: solid 1px #ccc; text-align: right; float: left;}

/* -- Form --------------------------------------------------- */
.formrow {
	width: 550px; 
	min-height: 22px;
	height: auto; 
	clear: both;
}
/* for Internet Explorer */
/*\*/
* html .formrow {
	height: 22px;
}

.formrow2 {
	width: 410px; 
	min-height: 24px;
	height: auto;
	clear: both;
}
/* for Internet Explorer */
/*\*/
* html .formrow {
	height: 24px;
}
.odd {background-color: #ccc;}
.even {background-color: #fff;}

.formregister {width: 410px; border: 1px solid #999;}

.formleft2 {width: 170px; height: 1px; padding: 2px 4px; /*height:auto;*/ float: left;/* padding: 0px 0px 2px 0px;*/}
.formright2 {width: 220px; height: 1px; padding: 2px 4px; float: left;}

.forminput2 {width: 220px; margin-right: 4px; padding-left: 2px;}


.formleft {width: 110px; height:auto; float: left;}
.formright {width: 250px; height:auto; margin: 0px 0px 5px 0px; float: left;}
.formerror {width: 180px; height:auto; margin: 0px 0px 5px 0px; font-size: 95%; float: left;}

input {height: 16px; /*border: solid 1px #7f7f7f;*/}
.forminput {width: 220px; padding: 1px 1px 1px 3px;}
.forminputsmall {width: 55px; padding: 1px 1px 1px 3px;}
.formbtn {width: auto; height: 24px; padding-left: 5px; padding-right: 5px;
background-color:#ddd;
}



.nordeabtn{
	
	margin-top:2px;
	border: 0;
	background: url('../img/bank/nordea.png') 50% 0% no-repeat;
	width: 92px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.swedbankbtn{
	margin-top:2px;
	border: 0;
	background: url('../img/bank/swedbank.png') 50% 0% no-repeat;
	width: 97px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.sebbtn{
	margin-top:2px;
	border: 0;
	background: url('../img/bank/seb.png') 50% 0% no-repeat;
	width: 57px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.handelsbankenbtn{
	margin-top:2px;
	border: 0;
	background: url('../img/bank/handelsbanken.png') 50% 0% no-repeat;
	width: 114px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.visabtn{
	margin-top:2px;
	border: 0;
	background: url('../img/bank/visa.png') 50% 0% no-repeat;
	width: 41px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.mastercardbtn{
	margin-top:2px;
	border: 0;
	background: url('../img/bank/mastercard.png') 50% 0% no-repeat;
	width: 41px;
	height: 26px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.bankbtn{
	border: 0;
	margin-top: 6px;
	width: 122px;
	height: 30px;
	background: url('../img/bank/bank_button.png') no-repeat;
	cursor: pointer;
}
.bankbtn:hover{
	background: url('../img/bank/bank_button_hover.png') no-repeat;
}

/* -- Cart tabell ------------------------ */
.carttbl {
	background-color: #F9FBFD;
	color: #000000;
	width: 540px;
	margin-top: 10px;
/*	border: 1px solid #D7E5F2; */
	border-collapse: collapse;
}
.carttbl td {
	border: 1px solid #ccc; /* #D7E5F2; */
	padding-left: 4px;
}
.carttbl td.invis {
	border: 0px;
	padding-left: 4px;
}
.cartcell {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	width: 210px;
}
.cartcellsmall {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	width: 60px;
}
.flashbtn {width: 105px; height: 26px; margin: 0; padding: 0;}

/* -- e-lib stilar-------------------------------------------- */
.MainBody {
margin:0px; 
padding:0px; 
background-color:#fff; 
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 95%;
color: #000;
}
.BodyTextHeading1 {display: none;}

.BodyTextBold, .BodyTextBold, .BodyText, .BodyTextLink, .SmallText, .SmallTextLink {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #000;
}

.BodyText input {
margin: 0px 0px 0px 0px;
height: 23px;
width: 70px;
}

.BodyTextBold {
font-weight: bold;
}

.SmallText {
font-size: 85%;	
}

.SmallTextLink {
font-size: 85%;	
}

td.BodyText {
	background-color:#fff;
}

/* -- Kvitto ------------------------------------------------- */
.tbl-kvitto {width: 100%; margin: 0; padding: 0; border: solid 1px #999;}
.td-kvitto {border-bottom: solid 1px #999;}
.td-left {border-left: solid 1px #999; padding: 0 0 0 2px;}
.invis {border: none;}
.w100 {width:100px;}



/* Används ej.
.kvittocont {width:95%; height: auto; border: solid 1px #ccc; clear: both;}
.k-isbn {padding: 3px; border-right: solid 1px #ccc; float: left;}
.k-title {padding: 3px; border-right: solid 1px #ccc;  float: left;}
.k-num {padding: 3px; border-right: solid 1px #ccc; text-align: right; float: left;}
.k-sum {padding: 3px; border-left: solid 1px #ccc; text-align: right; float: left;}
*/

/* #footer {background-color: #dbdbdb; clear:both;} */
#footer {
	height: auto;
	margin: 0px;
	padding: 2px;
	border: solid 1px #999;
	font: bold 11px Arial, Verdana;
	background-color: #ccc;
	vertical-align: middle;
	clear: both;
}
#footer a {
	text-decoration: none;
}
#valid {clear: both;}

/* Inköp stil 20081209 */
.box-inkop {
	/*background: #fff url('../images/section_body_bg.jpg') right repeat-y;*/
}
.tabell-cell,.tabell-cell-topp{
border-bottom:1px dotted #ccc;
padding:0.5em 0.3em;
vertical-align:top;
font-size: 90%;
}
.tabell-cell-botten{
padding:0.25em;
vertical-align:top;
}
.tabell-cell-info{
border-bottom:1px dotted #ccc;
padding: 3px;
vertical-align:top;
font-size: 90%;
}
.time {
font-size: 75%;
}


/* Tip box ------------------------------------- */
.tipbox {
	width:565px;
	display: block;	
	line-height: 1.4em;	
	padding: 20px 0 20px 0;
	margin: 0 10px 10px 0px;
}
.tipbox p, .tipbox h3 {
	padding: 0 10px 10px 50px; margin: 0 !important;
}
.tipboxicon {
	position: relative;
	top:0px;
	left:15px;
	width:24px; 
	height:24px; 
	background: url(/images/icons.png);
	float:left;
}
.icon-help {	
	background-position: -50px -10px; 
}
.icon-info {	
	background-position: -150px -50px;
}
.icon-down {	
	background-position: -100px -50px;
}
.icon-cash {	
	background-position: -10px -50px;
}
.icon-text { /* Används till Baksidestext */
	background-position: -50px -50px;
}
.bg-grey {background: url(/images/bg-infobox.png) #f0f0f0 no-repeat;}
.bg-green {background: url(infobox_bg.png) #cfc no-repeat;}
.bg-orange {background: url(infobox_bg.png) #ffc no-repeat;}
.bg-white {background: url(/images/bg-infobox.png) #fff no-repeat;}
/* Tip box ------------------------------------- */

/* Betalningsalt */
.credit_btn, .nordea_btn{background:url(/img/sprite-icons.png) no-repeat}
.credit_btn{display:block; background-position:-270px -3px; width:251px; height:50px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; margin:0; padding:0 0 2px; position:relative}
.credit_btn:hover{background-position:-270px -53px}

.nordea_btn{display:block; background-position:-10px -3px; width:251px; height:50px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; margin:0; padding:0 0 2px; position:relative}
.nordea_btn:hover{background-position:-10px -53px}

.submit_btn, .regBtn{margin:10px 0 20px 0; cursor: pointer; clear:both}

/* Cart ikoner */
.digga {padding:5px;}
.i_face, .i_twitt, .i_deli, .i_email{background:url(/img/sprite-icons.png) no-repeat; margin:0 0 5px}
.i_email{display:block; background-position:-10px -240px; width:200px; height:26px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; position:relative}
.i_email:hover{background-position:-10px -270px}
.i_twitt{display:block; background-position:-10px -300px; width:200px; height:26px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; position:relative}
.i_twitt:hover{background-position:-10px -330px}
.i_face{display:block; background-position:-10px -360px; width:200px; height:26px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; position:relative}
.i_face:hover{background-position:-10px -390px}
.i_deli{display:block; background-position:-10px -420px; width:200px; height:26px; text-align:center; color:#000; text-decoration:none; border:0px none; cursor:pointer; margin:0 0 40px; position:relative}
.i_deli:hover{background-position:-10px -450px}


.addthis_toolbox .vertical {
    width: 172px;
    padding: 10px 0 10px 0;
    /*border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.addthis_toolbox .vertical a
{
    width: 152px;
    padding: 4px 0 4px 34px;
    position: relative;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .vertical a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .vertical span
{
    position: absolute;
    left: 10px;
    top: 4px;
}

.addthis_toolbox .vertical .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a
{
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .vertical .more span
{
    display: none;
}



@media handheld{

#wrapper {
width:180px; 
background-color: #fff; 
margin:0px auto; 
text-align:left; 
}
.logo {float:left; position:relative; width:180px; left:0px; margin-top: 2px;}
.slogan {display: none;}
}