﻿*{
	margin:0;
	padding:0;
}	
html,body{height:100%;}
body {
	text-align:center;
	background:#fff;
	margin:0;
	padding:0;
}
body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 {
    font: 83% "lucida grande", verdana, Helvetica, sans-serif;
    line-height: 1.4;
}
a {color:#3A75C4; text-decoration:none;}
a img{border:none;}
a:hover {color:#000;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.green{color:#517C22;}
.center{text-align:center;}
.top{vertical-align:top;}
.righttext{text-align:right;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.strikethrough{text-decoration: line-through;}

#all{
	position:relative;
	min-height:100%;
	background-image:url(/images/headertop.png);
	background-repeat:repeat-x;
}

#header {margin:0 auto; overflow:hidden;width:950px; margin:0 auto;}
#header .holythree a:hover{text-decoration:underline;}
#header .holythree p {font-size:14px; margin:0; margin-left:5px; padding:0; line-height:16px; color:#999;}

/*logo och information*/
#logo {overflow:hidden; float:left; margin-top:0px; overflow:hidden; height:80px;}
#myaccount {float:right; width:400px; font-weight:bold; text-align:left; margin-right:20px;margin-top:30px; padding-top:10px;}
#myaccount h4 {font-size:1.4em; line-height:1em;}
#myaccount span {color:#666; font-size:0.8em;}
#myaccount a {color:#333;}			 
#myaccount a:hover {text-decoration:underline;}	


.container{ 
	width:950px;
	background:#fff;
	margin:0 auto;
	text-align:left;
	padding-bottom:70px;
	margin-top:1.5em;
}
.whitebg{background:#fff; width:100%;}

/* Hjälp och tooltip */			
.helpicon{
	vertical-align:top;
}
.tooltip {
	position: absolute;
	width: 240px;
	background-color: #F9F9F9;
	border:1px solid #999;
	padding: 5px;
	font-size: 10px;
	margin: 0.5em;
	color: #000;
	text-align:left;
	visibility:hidden;
	z-index:999999;
	overflow:hidden;
}
.tooltip p.title {
	height: auto;
	color: #15467D;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
	font-style:normal;
}
.tooltip p.text{
	margin: 0.5em 0 0 0;
	padding:0;
	font-size:10px;
	line-height: 1.2em;
	font-weight:normal;
	font-style:normal;
	color:#000;
}


ol  {list-style:decimal; margin-left:2em;}

/*navigering*/			
#topnav { 
	display:block; clear:both;
	background:#f9f9f9;
	background-image:url(/images/topnavbg.png);
	background-repeat:repeat-x;
	margin:0 auto;
	padding:7px;
}
#topnav .wrapper{
	width:950px;
	margin:0 auto;
}
#topnav ul {
	margin:5px 0 0 0;
	padding:0;
}
#topnav li {
	list-style:none;
	display:inline;
	float:left;
	margin-right:2em;
}
#topnav li a {margin-right:10px;}
#topnav .search {float:right; margin-top:-5px;}
	#topnav .search input{
		margin:0;
		padding:6px 5px 6px 6px;
		background:url(/images/searchbg.png);
		border:none;
	}
	#topnav .search input:focus{background:;}
	#topnav .search button{background:none;border:none;padding:0;margin-bottom:-9px; cursor:pointer;}

/* Fieldsets */
fieldset{
	border:none;
	margin:10px;
	padding:10px;
	color:#eee;
	font-size:1.2em;
}
	fieldset legend{
		margin:0;
		padding:0;
		display:none;
	}
	fieldset label{
        display:inline;
		font-size:0.7em;
		font-weight:bold;
		background:#FFFF88;
		width:110px;
		color:#333;
		padding:2px 2px 2px 3px;
	}
	fieldset input, fieldset textarea{
		margin:0 0 10px 0;
		background:#FFFFDD;
		border:1px solid #999;
		padding:3px;
		color:#333;
		width:200px;
	}
		fieldset input:focus, fieldset textarea:focus{
			background:#fff;
		}
		fieldset input.checkbox,fieldset input.radio{
			width:auto;
		}
    fieldset input.short{width:75px;}
	fieldset textarea{width:70%;}
	fieldset button{
		padding:3px;
		font-weight:bold;
		display:block;
	}
	fieldset p{
		margin:0.5em 0.5em 0.5em 0;
		font-size:0.8em;
		color:#333;
		padding:0.3em;
	}
	.search fieldset{
		margin:0;
		padding:0;
	}
	.search fieldset input{
		width:200px;
		margin:0;
	}
	.search fieldset button{
		display:inline;
		font-size:0.7em;
	}
	fieldset span.radiodesc{
		color:#333;
		float:left;
		font-size:0.7em;
		width:90px;
	}
	fieldset select         {margin-bottom:1em;}
	fieldset select option  {padding-right:1em;}
	fieldset span.info      {color:#333; font-size:0.7em;}
	fieldset h3             {margin-bottom:0.6em;}

/*Front*/
#leftcol {
	width:690px;
	margin:10px 0;
	float:left;
	border-right:1px dotted #ccc;
	padding-right:10px;
}
#rightcol{
	float:right;
	width:229px;/*870 minus #leftcol-width minus 1px border minus tio padding*/
	margin:10px 0;
	padding-left:10px;
}
	#rightcol img.puff{
		margin:0 0 1em 0;
	}
	#rightcol p{
		font-size:0.85em;
		line-height:1.5em;
		margin-bottom:2em;
	}
.pufftext{
	font-size:2em;
	color:#15467D;/*Grön:9fe722*/
	font-weight:bold;
}
.cloud{font-size:0.9em;}
	#rightcol .cloud{margin-bottom:1em;}
	.cloud .size1{font-size:1.6em;}
	.cloud .size2{font-size:1.4em;}
	.cloud .size3{font-size:1.2em;}
	.cloud .size4{font-size:1em;}
	.cloud .size5{font-size:0.8em; color:#95B5DF;}
#latestblog{
	/*background:url(/images/bg_header.jpg);
	padding:1em;*/
}
	#latestblog .title{
		font-size:1.2em;
		font-weight:bold;
		margin:0.5em 0 0 0;
		display:inline;
	}
	#latestblog .body{display:inline;}
#leftcol h4 { margin-top:40px;}
#leftcol li {display:inline; list-style:none;}
#stores_intro {color:#DD2222;margin-top:10px;}
.stores { margin:2em 0 1em 0; padding:0;  font-size:13px; border-bottom:3px solid #082F5A;}
.stores ul {list-style:none; padding:0; margin-bottom:3px;}
.stores li {display:inline;font-weight:bold; margin-right:20px;}
.stores .current {background:#082F5A; color:#fff; padding:5px;}
.category { font-size:12px; font-weight:bold;}
.gallery{
	margin:0; padding:0;
	overflow:hidden; /* Clears the floats */
	width:100%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
}
	.gallery li{
		float:left;
		display:inline; /* For IE so it doesn't double the 1% left margin */
		width:200px;
		margin:0 30px 15px 0;
		padding:0;
		height:100px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
		position:relative; /* This is the key */
	}
	.gallery a,
	.gallery img{
		display:block;
		width:100%;
	}
	a img{border:none;} /* A small fix */
	.gallery a:link,
	.gallery a:visited,
	.gallery a:focus,
	.gallery a:hover,
	.gallery a:active{
		padding:0px;
		background:#eeefef;
		width:200px; height:90px;
		border:3px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
		position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
		margin:-50px 0 0 -100px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
	}
	.gallery a:hover{border-color:#DD2222;}

/*Mitt konto samt Utbetalningar*/
h2.pagetitle{
	border-bottom:4px solid #ccc;
	padding-bottom:0.2em;
}
h3{
	font-size:1.4em;
	font-weight:bold;
	color:#333;
}
div.widecol{width:85%;}
div.narrowcol{width:50%;}
div.narrowcol p{margin-bottom:1em;}
div.kontocol{
	float:left;
	margin-right:20px;
	width:27%;
}
div.kontocol h4{
	font-size:1em;
	font-weight:bold;
	margin:0.75em 0 0.5em 0;
}
div.kontocol table{
	font-size:1.1em;
}
	div.kontocol table td{
		padding:0.3em;
	}
	div.kontocol table td.grey{
		color:#999;
	}
div.kontocol li{
	color:#999;
	padding:0.2em;
	border-bottom:1px dotted #ccc;
}
div.smallpufflink, div.smallpufflinkinfo{
	background:#E4EFFE;
	width:160px;
	padding:6px;
	font-size:1.1em;
	font-weight:bold;
	margin:10px;
}
div.smallpufflinkinfo{background:#fff;}
fieldset.konto{padding-left:0;margin-left:0;margin-right:0;}
fieldset.konto label#buttonlabel{visibility:hidden;}
fieldset.konto label{
	background:#FFFF88;
	font-size:0.7em;
	font-weight:bold;
	padding-left:3px;
	display:inline;
	color:#333;
}
fieldset.konto input, fieldset.konto textarea{background:#f9f9f9;}
fieldset.konto input:focus, fieldset.konto textarea:focus{background:#fff;}
.divider{
	border-bottom:2px dotted #ccc;
	margin:1em 0 1em 0;
	clear:both;
}
.optionlinks{margin:1em;}

ul.textlist     {margin:1em 1em 1em 2em;}
ul.textlist li  {list-style:disc;}

/* Logga in/registrering */
#loginreg form  {float:left; margin-right:2em; border-right:1px solid #eee; width:30%;}
#loginreg fieldset  {margin-left:0; padding-left:0}
#loginreg h3    {font-weight:normal;}
#loginreg msg   {margin:0;padding:0;}
#loginreg.widecol p {margin-bottom:1em;}

/* Slut på Konto */
#left_nav {}
#left_nav ul {font-size:12px;}
#left_nav li {display:inline; padding-bottom:3px; }
* html #left_nav li a {/* make hover effect work in IE */width: 200px;}
#left_nav li a { padding:5px; width:}
#left_nav li a:hover { background:#fff; padding:5px;}
#left_nav .current {background:#fff; padding:5px; color:#000;}
#account_main {margin-right:100px;}
#account_main li { list-style:none; padding-bottom:10px;}
fieldset#payoutoptions{
	background:#E4EFFE;
	border:2px solid #15467D;
	width:270px;
}
	fieldset#payoutoptions legend{
		display:block;
		color:#333;
		font-size:0.8em;
		padding:0 5px 0 5px;
	}
table.cooltable{font-size:1.1em;}
table.cooltable td {color:#333; padding:0.3em;}
table.cooltable tbody td{border-bottom:1px solid #FFFFCC;}
table.cooltable thead {background:#E4EFFE; padding:0.3em; }
table.cooltable thead td,.cooltable th {padding:0.7em; border-right:1px solid #fff;}
table.cooltable .tfoot{background:#FFFF99; }
table.cooltable .tfootNotconf{background:#FFFFCC;}
table.cooltable tfoot{background:#FFFFCC; }
table.cooltable tfoot td,table.cooltable .tfoot td{font-weight:bold; font-size:1em;}
table.utbetalningar.cooltable{width:85%; margin-top:1em;}
table.sparat.cooltable{margin-top:1em; width:100%;}
	table.sparat.cooltable td{padding:0.6em;}
	table.sparat.cooltable img{padding:0; margin:0; line-height:0; vertical-align:middle;}
	table.sparat.cooltable td.first{}

/*Butiker*/
#sortlinks{margin:0.5em 0; font-size:0.9em; background:#f9f9f9; display:inline; padding:0.4em; color:#333; float:right;}
.currentsort {color:#333; text-decoration:underline;}
.singlestore { border-bottom:1px solid #999; overflow:hidden; padding:10px;}
.singlestore li {display:inline; font-size:1em;  }
.singlestore h5 {margin:0px 10px 5px 0; font-size:1.1em; font-weight:bold;}
.storelogo img {border:3px solid #EEEFEF;}
.storelogo img:hover{border-color:#DD2222;}
.singlestore .storelogo{float:left;}
.singlestore .description,.singlestore .tags {float:left; width:200px;margin:0 20px 0 20px; font-size:0.8em;}
.singlestore .gobuy {float:right;}
.singlestore .gobuy ul {width:230px; background:#E4EFFE; border:2px solid #15467D;padding:5px; overflow:hidden;}
.singlestore .gobuy li {list-style:none; font-size:1em;display:list-item; font-size:0.8em;}
.singlestore .gobuy li span {font-size:1.6em; color:#d22; font-weight:bold;}
.singlestore .gobuy img{margin-top:5px;}
.singlestore .gobuy .gobuy-link{text-align:right;}
.singlestore ul {padding:0;}

/*Enskild butik*/
.storesaving {background:#ffc; padding:4px;}
#shopnow {float:right; width:300px; margin-left:100px; margin-top:10px;}
#shopnow ul {background:#E4EFFE; font-size:0.9em; padding:5px 0 5px 0; border:3px solid #15467D; }
#shopnow li {border-bottom:1px solid #15467D;list-style:none;padding:5px; margin:0 10px 0 10px;}
#shopnow .shopbutton {border-bottom:none; padding-top:15px;}
#shopnow .topli {font-weight:bold;font-size:1.5em; }
#shopnow span {color:#d22;}
#store_intro{ float:left; width:500px;}
#store_intro h3 {font-size:18px;margin-bottom:0;}
#storemain {width:500px;}
#storemain p {border-bottom: 1px solid #999;padding:0.5em; padding-left:0;margin:0;}
#storemain .addvalue li {list-style:disc;padding:0; margin:0;}
table#cashbacklevels td{padding:0.2em 0.5em 0.2em 0.2em;}

/* Sökfunktionen*/
#hittabutiker{
	width:70%;
	float:left;
}
#hittabutiker ul li{
	display:inline;
	margin:0 10px 10px 0;
}
#hittabutiker ul img{
	border:3px solid #EEEFEF;
}
	#hittabutiker img:hover{
		border:3px solid #DD2222;
	}
#hittabloggen{
	width:28%;
	float:right;
	border-left:1px dotted #ccc;
	padding:0 0 10px 10px;
}
#hittabloggen .cloud{
	margin-bottom:1em;
}
#hittabutiker h3, #hittabloggen h3{
	margin-bottom:0.5em;
}
#hittaproducts{
    margin-top:1em;
}
table#hittaproducts         {font-size:1.1em;}
table#hittaproducts th      {background:#E4EFFE; font-weight:bold;}
table#hittaproducts th,td   {padding:0.2em; border-bottom:2px solid #eee; vertical-align:middle; text-align:left;}
table#hittaproducts td      {font-size:1.5em;}

ul#hitta-paging{
	float:right;
	background:#F9F9F9;
	padding:0.3em;
}
	ul#hitta-paging li{
		display:inline;
		font-size:1.4em;
		color:#666;
	}
	ul#hitta-paging li .current{
		color:#666;
		border-bottom:2px solid #eee;
	}
#hitta-suggest{
	background:#FFFF99;
	padding:0.4em;
	display:inline;
	color:#333;
}
/* Produkt-sida */
#product-image{
	float:right;
	margin:1em 0 1em 1em;
}
#product-description{
	margin:1em 0;
}
#product-price{
	margin:0.5em 0 0.5em 0;
	color:#517C22;
	font-size:2em;
}
#product-link{
	font-size:1.4em;
}

/* Hur fungerar */
.container h2{
	font-weight:normal;
	margin:10px 0 10px 0;
	font-size:1.7em;
}	
#rightcontactbox{
	float:right;
	width:220px;
	background:#E4EFFE; 
	border:3px solid #15467D;
	font-size:0.9em;
	padding:0.5em;
}
#rightcontactbox p{
	margin:0 0 1em 0;
}
#rightcontactbox h3{
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:1.4em;
}
#faq{
	margin:20px 0;
}
	#faq .question{
		border-top:1px solid #eee;
		padding:10px 10px 5px 10px;
		font-weight:normal;
		font-size:1.4em;
	}
	#faq .answer{
		padding:0 10px 10px 10px;
		font-size:0.9em;
		line-height:1.7em;
	}
/* Inbjudningar */
.inviteInfo{
	margin:1em;
	border:2px solid #15467D;
	padding:0.5em;
	width:42%;
	float:left;
	background:#E4EFFE;
}
.inviteInfo p{
	margin:0 0 0.5em 0;
}

/* Utbetalningar (Nya) */
.poMethodImg       {border:3px solid #eee; margin:1em 20px 0 0;}
.poMethodImg:hover {border:3px solid #DD2222;}
.leftinfocol       {width:30%; margin-top:1em; float:left;}
.leftinfocol p     {margin-bottom:1em;}
.leftinfocol p.active{background:#FFFF88;}
.rightinfocol      {width:60%; margin:0 0 0 3em; float:right;}
.rightinfocol table{margin-top:1em;}
.rightinfocol .msg {margin:0.1em;}
.rightinfocol .cooltable img{vertical-align:middle;}

/* Dela */
.delaleft                   {width:60%; margin:0; float:left;}
.delaright                  {width:30%; margin:0 0 0 2em; float:right;}
.delaleft p, .delaright p   {margin-bottom:1em;}

fieldset.newbuy             {background:#fff; padding:1em; border:0.3em solid #eee;}
fieldset.newbuy label       {}
fieldset.newbuy legend      {display:block; color:#333; padding:0.2em; font-size:1em; font-weight:bold;}
fieldset.newbuy input#buy_price     {width:8em;}
fieldset.newbuy button              {display:inline;}
fieldset.newbuy #newbuy_infolatest  {float:right; margin:0 0 0.5em 0.5em; width:200px; color:#333; font-size:0.8em;
                                    text-align:center;}
fieldset.newbuy #newbuy_infolatest #newbuy_storeimage{height:69px; overflow:hidden;}
fieldset.newbuy #notsharelink   {font-size:0.8em; margin-left:0.5em;}

/* Footer */
#footer {
	background:#eee; 
	font-size:0.8em;
	padding:10px 0 10px 0; 
	color:#666; 
	border-top:2px solid #ccc; 
	position:absolute;
	bottom:0px;
	left:0px; 
	width:100%;
	margin:0;
}
#footer li {list-decoration:none; display:inline;}
#footer li a:hover {color:#9fe722;}
#footer li a {color:#666;}