/*
Theme Name: Beebook
*/

*, html {
	margin:0;
	padding:0;
}
body {
	font: 62.5%/1 Helvetica, Arial, Sans-serif; /* 1em = 10px */
	background: #fff url(img/bg.gif) 0 0 repeat-x;
	color:#4c4c4c;
}
/*--------------------------------------------------------------------  BASIC TYPOGRAPHY */

a {
	text-decoration:none;
	color:#0098cf;
}
a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4 {
	font-family: Georgia,Helvetica,Arial, sans-serif;
	font-weight:normal;
	line-height: 1.2;
	color:#93be00;
}
h1 a, h2 a, h3 a, h4 a {
	color: #0098cf;
}
p {
	font-size:1.3em;
	line-height: 1.4;
	padding-bottom: 1em;
}

h1 {
	font-size:3em;
	line-height:1.3;
}
h1 a {
	color:#93be00;
}
h1 a:hover {
	color: #0098cf;
	text-decoration:none;
}
h2 {
	font-size:2em;
	line-height:1.2;
	margin-bottom:10px;
}
h3 {
	font-size:1.6em;
	line-height:1.3;
	margin-bottom:2px;	
}

h2 em {
	font-size:0.8em;
	
}

/*--------------------------------------------------------------------  STRUCTURE */

/*--------------------------------------------------------------------  HEAD */

#header {
	width:968px;
	height:90px;
	margin:0 auto;
	padding:0 4px;
	background:url(img/header-icons.gif) right 0 no-repeat;
}
#logo {
	width:209px;
	height:73px;
	margin-top:12px;
	float:left;
}
#logo a {
	display:block;
	text-indent: -9999px;
	width:209px;
	height:73px;
	background:url(img/beebook.gif) 0 0 no-repeat;
}
a#logolink:hover {
	background:url(img/beebook.gif) 0 -73px no-repeat;
}
#mainnav {
	float:right;
	margin-top:40px;
	width:750px;
	height:36px;
}
#mainnav ul {
	list-style:none;
}
#mainnav li {
	float:right;
	height:36px;
	padding-left:3px;
	background:url(img/mainnav-bg-left.gif) 0 0 no-repeat;
	margin-left:8px;
}
#mainnav li.sel {
	background:url(img/mainnav-bg-sel-left.gif) 0 0 no-repeat;
}
#mainnav li.sel a {
	color:#666;
	background:url(img/mainnav-bg-sel-right.gif) right 0 no-repeat;
}
#mainnav li.sel a:hover {
	text-decoration:none;
}
#mainnav li a {
	display:block;
	line-height:36px;
	padding:0 14px 0 11px;
	background:url(img/mainnav-bg-right.gif) right 0 no-repeat;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

/*--------------------------------------------------------------------  ENTRY */

#entry {
	width:960px;
	margin:0 auto;	
}
#entry h1 {
	margin-top:40px;
	margin-bottom:15px;
}
#entry p {
	margin-top:-10px;
	font-style:italic;
}
/*--------------------------------------------------------------------  CONTENT */

#content {
	width:968px;
	margin:0 auto;
	background:url(img/content-bg.gif) 0 0 repeat-y;	
}
#contenthigh {
	width:968px;
	margin:0 auto;
	margin-top:15px;
	background:url(img/content-bg.gif) 0 0 repeat-y;
}

/*--------------------------------------------------------------------  CONTENTHEADERS */

.contentheader {
	background:url(img/content-top-bg.gif) 0 0 no-repeat;
	padding-top:4px;
}

#indexhead {
	background:url(img/content-index-top.jpg) 0 0 no-repeat;
	height:223px;
}
#highhead {
	background:url(img/content-highead-top.gif) 0 0 no-repeat;
}
#subpagehead {
	background:url(img/sub-page-header.gif) 0 0 no-repeat;
	height:36px;
	color:#fff;
	line-height:32px;
	padding-top:4px;
	padding-left:14px;
	font-size:1.2em;
}
#subpagehead a {
	color:#fff;
}

.leftsteps {
	float:left;
	width:300px;
	margin:20px 20px 0 14px;	
}
.rightsteps {
	float:right;
	width:300px;
	margin:20px 14px 0 20px;	
}
#works {
	float:left;
	width:300px;
	margin-top:20px;
}
#works p {
	margin-top:110px;
}

#steps ol {
	margin-top:10px;
	list-style:none;
}
#steps li {
	font-size:1.4em;
	line-height:1.5;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:2px;
}
#steps a {
	color:#4c4c4c;
}
#steps a:hover {
	text-decoration:none;
	color:#0098cf;
}
#step1 {
	background:url(img/steps-1.gif) 0 0 no-repeat;
}
#step2 {
	background:url(img/steps-2.gif) 0 0 no-repeat;
}
#step3 {
	background:url(img/steps-3.gif) 0 0 no-repeat;
}

/*--------------------------------------------------------------------  SUBNAV */

#subnav ul {
	list-style:none;
}
#subnav li {
	height:36px;
	margin-bottom:1px;
}
#subnav a {
	background:url(img/subnav-bg.gif) 0 0 no-repeat;
	display:block;
	width:300px;
	height:36px;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	padding: 0 10px;
}
#subnav .sel a {
	color:#333;
	background:url(img/subnav-sel-bg.gif) 0 0 no-repeat;	
}
#subnav .sel a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------------  COL */

.wrap {
	margin:0 4px;
}

.col2 {
	float:left;
	width:620px;
	padding: 10px;
}
.col1 {
	float:left;
	width:300px;
	padding: 10px;	
}
.col3 {
	clear:both;
	width:940px;
	padding:10px;
}
.leftborder {
	background:url(img/dots-ver.gif) 0 0 repeat-y;
}
.rightborder {
	background:url(img/dots-ver.gif) right 0 repeat-y;
}
.topborder {
	background:url(img/dots-hor.gif) 0 0 repeat-x;
}
.bottomborder {
	background:url(img/dots-hor.gif) 0 bottom repeat-x;
}
.adspot {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(img/dots-hor.gif) 0 bottom repeat-x;
}
.adspot img {
	border:0;
}
.spot {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(img/dots-hor.gif) 0 bottom repeat-x;
}
.spot img {
	border:0;
}

ul#intext {
	margin-bottom: 0.8em;
}
#intext li {
	margin-left:20px;
	font-size:1.3em;
	line-height: 1.4;
	padding-bottom: 0.2em;
}
ul.intext {
	margin-bottom: 0.8em;
}
.intext li {
	margin-left:20px;
	font-size:1.3em;
	line-height: 1.4;
	padding-bottom: 0.2em;
}

/*--------------------------------------------------------------------  FOOTER */

#footer {
	width:968px;
	margin:0 auto;
	padding-top:35px;
	background:url(img/footer-bg.gif) 0 0 no-repeat;
	margin-bottom:30px;
}
#footer .col {
	float:left;
	margin-left:10px;
	width:180px;
}
#footer .footercol2 {
	float:left;
	margin-left:10px;
	width:370px;	
}
#footer ul {
	list-style:none;
}
#footer a {
	color:#4c4c4c;
	font-size:1.3em;
	line-height:1.4;
}

/*--------------------------------------------------------------------  IMAGES */

.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:3px;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom:3px;
}
.blognav {
	background-color:#f2f2f2;
	border:1px solid #ccc;
	font-size:1.3em;
	line-height: 1.8;
	padding:3px 8px 0 8px;
	margin-bottom:1em;
}

/*--------------------------------------------------------------------  NEW BOOK PRESENTATION */

.book {
	width:300px;
	height:296px;
	background:url(img/bookbg.gif) 0 0 no-repeat;
	float:left;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	margin-right:20px;
}
.book img {
	margin: 31px 0 12px 50px;
	border:0;
}
.book h3 {
	text-align:center;
	font: 14px/20px helvetica,arial,sans-serif;
}
.book h3 a {
	text-decoration:underline;
}
.book h3 a:hover {
	text-decoration:none;
}
.book .bookmeta {
	text-align:center;
	font-size:1.2em;
	line-height:1.2;
	font-style:normal;
}

.bookrea {
	border:0;
	position:absolute;
	top:11px;
	right:21px;
	z-index:100;
	width:55px;
	height:55px;
	text-indent:-9999px;
	owerflow:hidden;
}
.rea149 {
	background:url(img/rea/149.png) 0 0 no-repeat;
}
.rea159 {
	background:url(img/rea/159.png) 0 0 no-repeat;
}
.rea169 {
	background:url(img/rea/169.png) 0 0 no-repeat;
}
.rea179 {
	background:url(img/rea/179.png) 0 0 no-repeat;
}

/*--------------------------------------------------------------------  BOOKLIST */

#tabs {

}
#books {
	margin-right:-20px;
}

.bookitem {
	width:200px;
	height:200px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	position:relative;
	text-align:center;
	overflow:hidden;
}
.bookitem img {
	width:200px;
	height:200px;
	border:0;
}
.bookinfo {
	background-color:#fff;
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	padding:0;
	border:1px solid #f2f2f2;
	width:198px;
}
.booktitle {
	font-size:1.3em;
	line-height:1.5;
	padding:1px 0 1px 2px;
}
.bookmeta {
	font-size:1.2em;
	line-height:1.2;
	padding:0 0 1px 2px;
	font-style:italic;
}
.price {
	color:#ff0000;
}

.booknav {
	background:url(img/booknav-bg.gif) 0 repeat-x;
	height:27px;
	margin-bottom:10px;
	margin-top:10px;
	list-style:none;
}
.booktab {
	clear:both;
	overflow:hidden;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}


.ui-tabs li {
	height:27px;
	margin-right:5px;
	float:left;
}
.ui-tabs a.bn {
	display:block;
	float:left;
	padding:0 13px;
	line-height:22px;
	font-size:12px;
	padding-bottom:5px;
	background: url(img/booknav-a-bg.gif) center 0 no-repeat;
	color:#666;
}
.ui-tabs a.bn:hover {
	color:#fff;
	background:url(img/booknav-a-hover-bg.gif) center 0 no-repeat;
	text-decoration:none;
}
.ui-tabs-selected a.bn {
	color:#fff;
	background:url(img/booknav-a-sel-bg.gif) center 0 no-repeat;
}
.ui-tabs-selected a.bn:hover {
	text-decoration:none;
	color:#fff;
	background:url(img/booknav-a-sel-bg.gif) center 0 no-repeat;
}

/*--------------------------------------------------------------------  Beebook info */

#beebookinfo {
	background:url(img/beebook-info-bg.gif) 0 0 no-repeat;
	color:#fff;
	padding:18px 0;
}
#beebookinfo li {
	padding-left:26px;
	list-style:none;
	background:url(img/beebook-info-dot.gif) 14px 0.6em no-repeat;
	font-size:1.6em;
	line-height:1.5;
	font-weight:normal;
}

/*--------------------------------------------------------------------  ORDERBOX */

#orderbox {
	padding:10px;
	background-color:#fafcf1;
	border:1px solid #ccc;
}
#orderbox h3 {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px solid #9dcb00;
	color: #8bb400;
}
#orderbox label {
	font-size:1.3em;
	line-height: 1.6;
	padding:0 0 10px 6px;
	color:#000;
}
#buybox {
	margin-top:8px;
	padding-top:3px;
	border-top:1px solid #9dcb00;
}

input.buy {
	background: #0097d2 url(img/valjbok.gif) 0 0 no-repeat;
	color: #fff;
	width: 90px;
	height: 36px;
	border:0;
	margin-top:6px;
	text-indent:-999px;
}
input.buy:hover {
	 cursor: pointer;
	 background: #0097d2 url(img/valjbok.gif) -90px 0 no-repeat;
}
input.buy:active {
	 cursor: pointer;
	 background: #0097d2 url(img/valjbok.gif) -180px 0 no-repeat;
}


/*--------------------------------------------------------------------  MISC */

.divide {
	background:url(img/divide.gif) 0 0 no-repeat;
	width:968px;
	height:24px;
	clear:both;
}


#prodinfo {
	font-size:1.3em;
	line-height: 1.4;
	border:0;
}
#prodinfo td {
	padding-right:10px;
}


#eyecatcherContainer {
	background-color:#eee;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:410px;
}
#eyecatcherNote {
	background-color:#eee;
	text-align:center;
	padding:0 0 5px 0;
	font-size:1.2em;
	line-height:1.2;
	color:#000;
}

.clearfix {
	font-size:0.00001px;
	visibility:hidden;
	height:0;
	clear:both;
}
.last {
	padding-right:0;
	margin-right:0;
}

#type {
	
}
#bestall {
	padding:13px 0;
}


#faq h3 a {
	border:1px solid #f2f2f2;
	margin:0;
	padding:5px;
	margin-bottom:2px;
	display:block;
	font-weight:bold;
	font-family:helvetica,arial,sans-serif;
	font-size:0.8em;
}
#faq div {
	padding:10px;
	padding-bottom:0;
	width:600px;
}

.produktbild {
float:left;
padding:5px;
border:1px solid #ccc;
margin:5px;
font-size:12px;
line-height:20px;
width:150px;
text-align:center;
padding-bottom:0;
}
.produktbild a {
text-decoration:none
}

.blogpost h3 {
	margin-bottom:5px;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:1.4em;
}
.blogpost {
	border-bottom:1px solid #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
.blogpostfooter {
	color:#808080;	
}


.modal {display:none;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {width:600px; color:#bbb; height:430px;background-color:#fff; border:4px solid #ccc;}
#simplemodal-container h3 { padding:12px; background-color:#f2f2f2;font-family:helvetica,arial,sans-serif;font-size:2em;margin-bottom:15px;line-height:1.3;}
#simplemodal-container p {color:#333;padding:0 12px 10px 12px;font-size:1.4em;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#simplemodal-container ul {color:#333;padding:0 12px 10px 12px;}

.abutton {
	margin-top:5px;
	display:block;
	background:url(img/mainnav-bg-right.gif) right 0 no-repeat;
	font-family:helvetica,arial,sans-serif;
	color:#333;
	text-align:center;
	width:100px;
	height:36px;
}
.abutton strong {
	display:block;
	height:36px;
	line-height:36px;
	padding:0 14px 0 11px;
	background:url(img/mainnav-bg-left.gif) left 0 no-repeat;
}


/* KLIPPDOCKA */

#klippdocka {
	background:url(img/klippdockebg.jpg) 0 bottom no-repeat;
}
#klippdocka .col2 {
	width:310px;
	padding: 10px;
	padding-right:320px;
}
.greenbox {
	width:300px;
	background:url(img/greenbox-bottom.gif) 0 bottom no-repeat;
	margin-bottom:10px;
}
.greenbox h3 {
	padding:10px;
	background:url(img/greenbox-top.gif) 0 0 no-repeat;
	padding-bottom:0;
}
.greenbox p {
	padding:0 10px 8px 10px;
}
#klippdockeform {
	padding:6px 10px 10px 10px;
}
#klippdockeform input {
	padding:2px;
	margin-bottom:5px;
}
#bild_id {
	
}
#hamta {
	margin-bottom:0;
}
.klippmodal {
	font-size:1.3em;
	line-height: 1.4;
	padding: 0 10px;
	padding-bottom:8px;	
	display:block;
}


#doppresent {
	background:url(img/doppresent-bg.jpg) 0 12px no-repeat;
	padding-top:20px;
	padding-left:510px;
	width:430px;
	height:250px;
}




.camphead {
	background:url(img/camphead.jpg) 0 0 no-repeat;
	height:183px;
	margin-top:47px;
	padding:24px 4px 0 24px;
}
.camphead h2 {
	color:#fff;
	font:20px/24px helvetica,arial,sans-serif;
	font-weight:bold;
}
.camphead p {
	font:14px/18px helvetica,arial,sans-serif;
	color:#fff;
	padding-bottom:10px;
}
.checkmark {
	background:url(img/checkmark.gif) 0 center no-repeat;
	padding-left:20px;
	display:block;
	float:left;
	font:14px/18px helvetica,arial,sans-serif;
	color:#fff;
	margin-right:20px;
}
.campfooter {
	background:url(img/campfooter.gif) 0 0 repeat-x;
	height:83px;
	text-align:center;
	margin-bottom:10px;
}
.campfooter a {
	color:#fff;
	font:16px/83px helvetica,arial,sans-serif;
	font-weight:bold;
}
.campmail {
	background:url(img/campmail.gif) 0 28px no-repeat;
	padding-left:43px;
	padding-right:40px;
	float:left;
	margin-left:250px;
}
.campomoss {
	background:url(img/campomoss.gif) 0 28px no-repeat;
	padding-left:40px;
	float:left;
}