/*
	Current version: 1.0
	
	Site: Nypon förlag
	www: nypon.se
	Author: Patrik Westelius, patrik.westelius@atrox.se
	------------------------------------------------------------------
*/
html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font: 100%/1.2 Helvetica, Arial, sans-serif;
}
form, fieldset, textarea, input{
	font: 100%/1.2 Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}


html body{font-size: 12px; color: #444444;}

#productStartPage h1, #productStartPage h2, #productStartPage h3, 
#productStartPage h4, #productStartPage h5, #productStartPage h6{color: #296782;}
#startPage h1, #startPage h2, #startPage h3, #startPage h4, #startPage h5, #startPage h6{color: #333;}
h1, h2, h3, h4, h5, h6{color: #333; margin: 1em 0 .3em 0; background-color: transparent !important; font-weight:bold;}
h1{font-size: 22px; margin: .3em 0 .5em 0;}
h2{font-size: 16px;}
h3{font-size: 14px; margin: 13px 0 9px 0;}
h4, h5, h6{font-size: 1em; margin: 0 0 .1em 0;}

p {padding: 0; color: #444444; line-height: 17px; margin: 0 0 10px 0; background-color: transparent !important; font-size: 12px;}

td{vertical-align: top; font-size: 1.1em; line-height: 1.5em;}
td p{vertical-align: top; font-size: 1em; line-height: 1.4em;}

a{
	color:#0e77ae;
	text-decoration:none;
	cursor:pointer;
	outline: none;
}
a:hover, a:active{text-decoration: none; color: #4192bc;}
#footer a:hover, #footer a:active {text-decoration: none; color: #0e77ae;}

form label{position: relative; font-size: .94em;}
input, select, textarea{font-size: 100%; padding: 2px;}
fieldset{border: none;}

hr{border: 0; height: 0; clear: both; border-top: 1px dotted #e9e8e8;}

ul{padding: 0 0 0 12px; margin: 0 0 1.5em 0; font-size: 1em; list-style-type: none;}
ol{padding: 0 0 0 30px; margin: 0 0 1.5em 0; font-size: 1em;}
li{
	background: url(../images/common/bullet.gif) no-repeat 0 7px;
	margin: 0 0 2px 0;
	padding: 0 0 0 14px;
	list-style: none;
	line-height: 1.5em;
}
ol li{
	background: none;
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: decimal;
	line-height: 1.5em;
}
#right .box li{background: url(../images/common/startpage-bullet.gif) no-repeat 0px 3px; }

img{border: 0;}

blockquote{margin: 0; padding: 0 0 0 40px; min-height: 20px; min-width: 20px;}
table{ color: #353535; font-size: 10px; }
table td{ padding: 4px 0; }

/* Styles accessed trough TinyMCE */
#productStartPage h1{ letter-spacing: -3px; font-size: 39px; color: #02723C; }
.startPageItalicH1{ font-size: 24px; font-style: italic; color: #296782; font-weight: normal; display: block; }
.startPageBoldH1{ font-size: 24px; font-weight: bold; color: #296782; padding: 2px 0 0 76px; display: block; }
.productStartBoldH1{ font-weight: bold; color: #02723c; }
 
.questionH2
{
	display:block;
	background:url(../images/common/start-h2-bg.gif) no-repeat;
	width:620px;
	height:30px;
	overflow:hidden;
	line-height:1.9em;
	text-indent:20px;
	color: #296782;
	font-weight: bold;
	margin: 20px 0 15px 0;
}

.knappLosning
{
	display:block;
	background:url(../images/common/button-losning.gif) no-repeat;
	text-indent: -9999px;
	float: right;
	width:76px;
	height:25px;
	overflow:hidden;
	margin: 0 0 19px 0;
}
	#right .knappLosning
	{
		margin: 0 0 13px 0;
	}
.greenTable{ background: #02723c; color: #fff; height: 26px; }
.date {
	color:#777777;
	font-size:10px;
}

	.boxWrapper{ float: left; width: 140px; margin: 20px 0 0 0; }
	.margin20{ margin: 20px 20px 0 0; }
	.boxTop{
		width: 140px;
		height: 10px;
		background: url(../images/common/productstart-box-top.gif) no-repeat;
		float: left;
	}
	.box{
		width: 138px;
		border-left: 1px solid #f5f5eb;
		border-right: 1px solid #f5f5eb;
		float: left;
	}
	.boxBottom{
		width: 140px;
		height: 10px;
		background: url(../images/common/productstart-box-bottom.gif) no-repeat;
		float: left;
		margin: 0 0 10px 0;
	}
		.box h2{ 
			color: #6c6c6c;
			font-size: 14px;
			font-weight: bold;
			float: right;
			margin: 0 12px 3px 0;
		}
		.box h2 a{ 
			color: #6c6c6c;
			background: url(../images/common/link-arrow.gif) no-repeat right top;
			padding: 0 20px 3px 0;	
		}

		.bestseller {
			border:2px dashed #efefef;
			width:102px;
			float:left;
		}
		
		.bestseller div {
			border:1px dashed #efefef;
		}
		
		.arrowed {
		
		}
		
		.productInfo .row {
			display:block;
			margin-bottom:4px;
			overflow:hidden;
			width:250px;
			border:1px dashed #efefef;
			clear:both;
		}
		
		.productInfo .row span {
			display:block;
			float:right;
			width:161px;
			background:#f9f9f9;
		}
		
		a.zoom {
			background:url("../images/common/boxes.png") no-repeat scroll -5px -671px transparent;
			padding-left:15px;
		}
.fb {
    background: url("../images/common/fb.png") no-repeat scroll right center transparent;
    clear: right;
    color: #3B5998 !important;
    float: right;
    font-size: 14px;
    margin: 17px 0 0;
    padding: 2px 23px 2px 0;
    text-align: right;
    width: 200px;
}
.fb:hover{color: #4192bc !important;}