﻿@charset "utf-8";
/* CSS Document */

UL, LI
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	margin:0;
	height:100%;
	background:#fff;
}

img
{
	border:0;
}

a
{
	color:#ff0105;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

p
{
    margin: 0 0 10px 0;
}

h1
{
	/* Reserverar denna för nånting större */
}

h2
{
	font-size:14px;
	font-weight:normal;
	margin:0 0 8px 0;
	line-height:18px;
}

div, input
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

form
{
	margin:0;
	padding:0;
}

#main
{
	position:relative;
	width:100%;
	min-height:400px;
	_height:400px;
	background:url(/Site/Themes/BonnierAudio/images/bgMain.png) #f0f4f6 repeat-x;
}

#container
{
	position:relative;
	width:968px;
	margin-left:auto;
	margin-right:auto;
}

#bottomTop
{
	position:relative;
	height:47px;
	width:100%;
	background:url(/Site/Themes/BonnierAudio/images/bgBottom.png) #f0f4f6 bottom left repeat-x;
	padding:20px 0 0 0;
}

#bottom
{
	position:relative;
	width:968px;
	margin-left:auto;
	margin-right:auto;
}

#bottomTopInner
{
	position:relative;
	width:968px;
	margin-left:auto;
	margin-right:auto;
}

#top
{
	position:relative;
	height:89px;
	width:100%;
}

.clear
{
	clear:both;
}

.bottomInner
{
	position:relative;
	padding:47px 0 30px 0;
}

.topLogo
{
	position:relative;
	float:left;
	padding:30px 0 0 4px;
}

.topBtns
{
	position:relative;
	float:right;
	padding:13px 5px 0 0;
}

.menu
{
	position:relative;
	width:100%;
	height:37px;
	background:url(/Site/Themes/BonnierAudio/images/bgMenu.png) repeat-x;
}

.menuLeft
{
	position:absolute;
	top:0px;
	left:0px;
	width:7px;
	height:37px;
	background:url(/Site/Themes/BonnierAudio/images/menuLeft.png) no-repeat;
}

.menuRight
{
	position:absolute;
	top:0px;
	right:0px;
	width:8px;
	height:37px;
	background:url(/Site/Themes/BonnierAudio/images/menuRight.png) no-repeat;
}

.menuItem
{
	position:relative;
	float:left;
	padding:8px 18px 0 18px;
}

.menuItemMarked
{
	position:relative;
	float:left;
	padding:8px 20px 0 20px;
	background:url(/Site/Themes/BonnierAudio/images/bgMenuMarked.png) repeat-x;
}

.menuLeftMarked
{
	position:absolute;
	top:0px;
	left:-2px;
	width:22px;
	height:32px;
	background:url(/Site/Themes/BonnierAudio/images/menuLeftMarked.png) no-repeat;
}

.menuRightMarked
{
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:32px;
	background:url(/Site/Themes/BonnierAudio/images/menuRightMarked.png) no-repeat;
	_margin-right:-1px; /* IE6 Haxx */
}

.menuDividerNormal
{
	position:relative;
	width:2px;
	height:32px;
	float:left;
	background:url(/Site/Themes/BonnierAudio/images/menuDivider.png) no-repeat;
}

.contentColumn
{
	position:relative;
	float:left;
	width:725px;
	margin:11px 0 0 0;
	background:url(/Site/Themes/BonnierAudio/images/bgContent.png) #fff repeat-y;
	overflow:hidden;
}

.contentColumnNoBg
{
	position:relative;
	float:left;
	width:725px;
	margin:11px 0 0 0;
	overflow:hidden;
}

.contentHead
{
	position:relative;
	width:100%;
	height:36px;
	background:url(/Site/Themes/BonnierAudio/images/bgContentHead.png) repeat-x;
	overflow:hidden;
}

.contentHeadInner
{
	position:relative;
	padding:0 0 0 30px;
}

.contentHeadSitename
{
	position:relative;
	margin:13px 0 0 6px;
}

.contentHeaderLeft
{
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
	height:36px;
	background:url(/Site/Themes/BonnierAudio/images/contentHeadLeft.png) no-repeat;
}

.contentHeaderRight
{
	position:absolute;
	top:0px;
	right:0px;
	width:9px;
	height:36px;
	background:url(/Site/Themes/BonnierAudio/images/contentHeadRight.png) no-repeat;
	_margin-right:-1px; /* IE6 Haxx */
}

.contentMenuItem
{
	position:relative;
	float:left;
	height:32px;
	padding:10px 10px 0 10px;
	margin:4px 10px 0 0;
}

.contentMenuItemMarked
{
	position:relative;
	float:left;
	height:32px;
	padding:12px 21px 0 21px;
	margin:4px 10px 0 0;
	background:url(/Site/Themes/BonnierAudio/images/bgContentHeadMarked.png) repeat-x;
}

.contentMenuItemMarkedLeft
{
	position:absolute;
	top:0px;
	left:0px;
	height:32px;
	width:7px;
	background:url(/Site/Themes/BonnierAudio/images/contentHeadMarkedLeft.png) repeat-x;
}

.contentMenuItemMarkedRight
{
	position:absolute;
	top:0px;
	right:0px;
	height:32px;
	width:7px;
	background:url(/Site/Themes/BonnierAudio/images/contentHeadMarkedRight.png) repeat-x;
	_margin-right:-1px;
}

.contentMenuItemDivider
{
	position:relative;
	float:left;
	width:2px;
	height:32px;
	margin:4px 10px 0 0;
	background:url(/Site/Themes/BonnierAudio/images/contentHeadDivider.png) no-repeat;
}

.contentInner
{
	position:relative;
	padding:20px 35px 45px 35px;
}

.listInner
{
	position:relative;
	width:800px;
}

.headInfo
{
	position:relative;
	padding:20px 0 20px 0;
}

.bookListSmall
{
	position:relative;
	width:167px;
	float:left;
	overflow:hidden;
	margin:0 60px 0 0;
}

.bookListSmallInfo
{
	position:relative;
	padding:15px 0 30px 0;
}

.rightColumn
{
	position:relative;
	float:right;
	width:235px;
	padding:11px 0 0 0;
}

.searchBox
{
	position:relative;
	width:235px;
	height:141px;
	background:url(/Site/Themes/BonnierAudio/images/bgSearch.jpg) no-repeat;
}

.inputSearch
{
	border:0;
	padding:2px 0 0 25px;
	width:167px;
	height:18px;
	background:url(/Site/Themes/BonnierAudio/images/bgSearchInput.png) no-repeat;
	margin:82px 0 0 20px; 
}

.puffRight
{
	position:relative;
	width:235px;
	background:url(/Site/Themes/BonnierAudio/images/bgPuffRight.png) repeat-y;
	margin:0 0 10px 0;
}

.puffRightBottom
{
	position:relative;
	width:235px;
	height:9px;
	background:url(/Site/Themes/BonnierAudio/images/puffRightBottom.png) no-repeat;
}

.puffSpotlight
{
    /*padding: 0 5px;*/
}

.puffHeader
{
	position:relative;
	width:100%;
	height:39px;
	overflow:hidden;
	background:url(/Site/Themes/BonnierAudio/images/bgPuffHeader.png) repeat-x;
}

.puffHeaderLeft
{
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
	height:39px;
	background:url(/Site/Themes/BonnierAudio/images/puffHeaderLeft.png) no-repeat;
}

.puffHeaderRight
{
	position:absolute;
	top:0px;
	right:0px;
	width:9px;
	height:39px;
	background:url(/Site/Themes/BonnierAudio/images/puffHeaderRight.png) no-repeat;
	_margin-right:-1px; /* IE6 Haxx */
}

.puffHeaderInner
{
	position:relative;
	padding:17px 0 0 22px;
}

.puffRightInner
{
	position:relative;
	padding:10px 20px 10px 20px;
}

.oneColumn
{
	position:relative;
	width:235px;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
}

.twoColumn
{
	position:relative;
	width:480px;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
}

.threeColumn
{
	position:relative;
	width:725px;
	float:left;
	overflow:hidden;
	margin:0 0 10px 0;
}

.bookPres
{
	position:relative;
	padding:20px 0 20px 0;
	_height:400px; /* IE6 Haxx, no fkn idea WHYYYYYY */
}

.bookPresLeft
{
	position:relative;
	float:left;
	/*width:316px;*/
	width: 280px;
}

.bookPresRight
{
	position:relative;
	float:left;
	width:350px;
	margin:0 0 0 20px;
}

.bookPresButtons
{
	position:relative;
	margin:30px 0 30px 0;
}

.bookPresButton
{
	position:relative;
	margin:0 0 5px 0;
}

.authorInfo
{
	position:relative;
	margin:20px 0 0 0;
	background:#f2f2f2;
}

.authorInfoInner
{
	position:relative;
	padding:15px;
}

.bookInfoRow
{
	position:relative;
	padding:5px 5px 5px 8px;
}

.bookInfoRowSubHeader
{
	position:relative;
	padding:5px 5px 5px 8px;
	margin-top: 15px;
}

.bookInfoName
{
	position:relative;
	float:left;
	width:130px;
	font-size:11px;
	padding:2px 0 0 0;
}

.bookInfoFact
{
	position:relative;
	float:left;
	width:160px;
	font-size:11px;
}

.bgGrey
{
	background:#f2f2f2;
}

.flashPlayer
{
	position:relative; /* what else is there? */
	
	height: 75px;
	background: url(/Site/Themes/BonnierAudio/Images/player_bg280.png) no-repeat;
	margin-top: 1px;
}

.flashPlayer .player
{
    padding: 10px 10px;
}

.flashPlayer .player p
{
    color: #fff;
    font-size: 11px;
    margin-top: 5px;
}


.flash
{
	height:405px;
}

.bonnierAudioFlash
{
	height:455px;
}


.leftpadding25
{
    padding-left: 25px;
}

.spacer5
{
    height: 5px;
    font-size: 0;
}

.spacer15
{
    height: 15px;
    font-size: 0;
}

.spacer30
{
    height: 30px;
    font-size: 0;
}

.alignright
{
    text-align: right;
}

.padleft12
{
    padding-left: 12px !important;
}

.padright12
{
    padding-right: 12px !important;
}

.alternate-row
{
    background-color: #f2f2f2;
    padding: 3px 0;
}

/* Container columns (Standard) */
.colContainer 
{
    width: 650px;
}

.colContainer .colLeft
{
    position: relative;
	float: left;
	width: 450px;
	overflow: hidden;
	/*background-color: #f00;*/
}

.colContainer .colRight
{
    width: 200px;
    float: right;
	/*background-color: #0f0;*/
}

/* // Container columns */


.prevBooksList
{
    width: 100%;
    border: none;
}

.prevBooksList td
{
    padding: 3px 0;
}

.prevBooksList .gray td
{
    background-color: #f2f2f2;
}

.grayLine
{
    height: 1px;
    background-color: #cbcbcb;
    font-size: 0;
}

.grayLine hr
{
    display: none;
}

/* Tipsa en vän */

div#tipsaHolder
{
	position: absolute;
	top: 350px;
	left: 320px;
}

div#tipsaLayer
{
	position: relative;
	float: left;
	background-color: #ffffff;
	border: solid 2px #ccc;
	width: 360px;
	height: 210px;
	text-align: left;
	padding: 20px;
}

td.tipsa1
{
	font-size: 12px;
	vertical-align: middle;
	width: 180px;
	padding: 5px;
}

td.tipsa2
{
	font-size: 12px;
	vertical-align: middle;
	width: 170px;
	padding: 5px;
}

td.tipsa3
{
	padding-top: 5px;
	padding-right: 5px;
}

input.tipsa
{
	position: relative;
	float: left;
	width: 143px;
	height: 16px;
	font-family: Trebuchet MS;
	font-size: 10px;
	border: sold 1px #f2f2f2;
}

.textImageFloatFix img
{
     /*float:left; vertical-align: middle; margin-right: 3px;*/
     vertical-align: middle;
     margin-right: 3px;
}

.genre_list
{
    width: 100%;
}
.genre_list td
{
    width: 50%;
    padding: 5px;
}

/* Nytt 2009-04-20 - MS */
.webbmediacontent
{
	margin-left: 3px;
}

#popupBackground, #popupPersonBackground, #popupQuotesBackground, #popupInfoBackground
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 1999;
}

#popupContainer, #popupPersonContainer, #popupQuotesContainer, #popupInfoContainer
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	background: #ffffff;
	border: 15px solid #fff;
	z-index: 2000;
	padding: 12px;
	font-size: 13px;
	width: 600px;
	text-align: center;
}
#popupInfoContainer
{
	top: 130px;
}
#popupClose
{
	position: absolute;
	top: 0;
	right: 0;
}

.popup_title
{
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}

.popup_subtitle
{
	font-style: italic;
	font-size: 14px;
}

.popup_authors
{
	font-weight: bold;
	font-size: 14px;
}

.black
{
	color: #000000;
}

/*MS 2009-08-18*/
.pictureButton
{
	float: right;
}

.quotesListFooter
{
	margin-top: 20px;
	float: left;
	width: 100%;
}

.shortQuoteListClass
{
	text-decoration: none;
	color: Black;
}

.shortQuoteListClass:hover
{
	color: #d1990e;
	
}

.puffCoverSmall
{
	margin-right: 5px;
}

/*Special styles for Quotes-popup*/
#popupQuotesContainer
{
	width: 460px !important;
	font-size: 11px;
}

/*.bookPresRight b
{
	font-size: 15px;
}*/

.top-image
{
	float: left;
	margin-bottom: 10px;
}

/****************************
*       Footer styles       *
*****************************/
#discovermore
{
	position:relative;
	width:944px;
	background:#000;
	padding:12px;
	color:#fff;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	margin: 0 auto;
}

#discovermore ul
{
	list-style:none;
}

#discovermore ul li
{
	float:left;
	width: 20%;
	margin:12px 0 0 0;
}

#discovermore H3
{
	font-weight: normal;
	font-size: 16px;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 0;
}

#discovermore a, #discovermore h3
{
	color:#fff;
}

.bloggItem
{
	padding-bottom: 10px;
}

.bloggSmallTableContent
{
	background: url(/Site/Themes/BonnierAudio/Images/Boktipset/background.png) repeat-x top #FFFFFF;
	padding-right: 10px;
	padding-left: 7px;
	border-left: 1px solid #e2800d;
	border-right: 1px solid #e2800d;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	width: 206px;
}
.bloggTableSmallTop
{
	width: 225px;
	height: 12px;
	background: url(/Site/Themes/BonnierAudio/Images/Boktipset/bg_top.png) no-repeat;
}

.bloggTableSmallBottom
{
	width: 225px;
	height: 12px;
	background: url(/Site/Themes/BonnierAudio/Images/Boktipset/bg_bottom.png) no-repeat;
}
.bloggHeader
{
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	bottom: 3px;
	margin-bottom: 40px;
}

.bloggLatestHeader
{
	color: #006699;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
}

.bloggAuthor
{
	color: #006699;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
}

.bloggTitle, .bloggTitle:visited
{
	color: #e4800e;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.bloggTitle:hover
{
	text-decoration: underline;
}