/*******************************************

	CSS FOR HOGANAS SALTGLASERAT


/* BODY ************************************/

body {font-family:"Trebuchet MS", Arial; margin: 0 auto; padding: 0 auto;}
body#koibody {background:url(../img/hoganas_BG.jpg) #000 top center no-repeat; background-attachment: fixed}
body#classicbody {background:url(../img/hoganas_classic_BG.jpg) #FFF top center no-repeat; background-attachment: fixed}
body#wetpotbody {background:url(../img/hoganas_ovrigt_BG.jpg) #FFF top center no-repeat; background-attachment: fixed}
body#kassabody {background:url(../img/hoganas_kassa_bg.jpg) #000 top center no-repeat; background-attachment: fixed}

/* SHOPSETUP ************************************/

#shopsetup { position: absolute; bottom: -20px; right: 5px; }
#footer #shopsetup a, #footer #shopsetup a:link, #footer #shopsetup a:visited, #footer #shopsetup a:hover { color: #5a5a5a; outline: none; font-size: 10px; text-decoration: none }


/* FONTS ***********************************/
h1 {font-size: 24px; margin: 0 0 0 0; padding-bottom: 16px; color: #000;}
h2 {font-size:16px; margin: 0 0 0 0; padding-bottom: 16px; color: #000;}
p {font-size: 12px; margin: 0 0 0 0; padding-bottom: 16px; color: #000;}
p.footer {font-size: 11px; padding-bottom: 5px;}
li {font-size: 11px;}
h2.erbjudande {color: #ff0000;}
.ordpris {font-size: 11px; color: #000000;}
.ordprisFullpost {font-size: 12px; color: #ffffff; float:right; clear:both;}

.erbjudandeFullpost {float: right; font-size: 20px; font-weight:bold; color: #ff0000; margin-right: 15px;}

/* LINKS **********************************/

a {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

/* COLOR ***********************************/
.grey {color: #999;}
.white {color: #fff;}
.red {color: #cc0000;}
.bold {font-weight: bold;}
.kursiv {font-style:italic;}

#wetpot {background: #4f5a61;}
#classic {background: #86b3ca;}
#kassacolor {background: #444444;}

/* FLOAT **********************************/
.floatright {float:right;}
.floatleft {float:left;}

/* BORDERS *******************************/
.borderright {border-right: 1px solid #ccc;}

/* SPECIAL ******************************/
.no_paddingbottom {padding-bottom: 0; margin-bottom: 0;}
img.omright {margin: 0 0 40px 40px;} 
img.omleft {margin: 0 40px 20px 0;}

img.historikright { float: right; margin: 20px 0 0px 40px;} 
img.historikleft {float: left; margin: 0 40px 20px 0;}

.guidadeturer ol { list-style: decimal; padding: 0 0 16px 0; margin: 0px; }
.guidadeturer ol li{ padding-bottom: 16px; margin: 0px 0px 0px 40px; font-size: 12px }

#priser li{ list-style: none; padding-bottom: 16px; margin: 0px 40px 0px 40px; font-size: 12px }

.inspiration {width: 580px; margin: 0 auto 60px auto;}
img.inspirationleft {float: left; margin: 0 0 0 0}
img.inspirationright {float: left; margin: 0 0 0 1px; clear: right}
p.inspirationleft {float: left; height: 65px; padding: 5px; margin: 1px 1px 1px 0; width: 270px; background-color: #333333; color: #FFF; font-size: 11px}
p.inspirationright {float: left; height: 65px; padding: 5px; margin: 1px 0 1px 0; width: 270px; clear: right; background-color: #333333; color: #FFF; font-size: 11px}

/* WRAP ***********************************/
#wrap {clear:both; background: #fff; margin: 0 auto; padding: 0 0 20px 0; width: 970px; height: auto;}
#wrap_start {clear:both; background: #fff; margin: 0px auto; padding: 0 0 0 0; width: 969px; height: auto;}
#wrap_kassa {clear:both; background:url(../img/kassa_bg.jpg) no-repeat right bottom #fff; margin: 0px auto; padding: 0 0 0 0; width: 970px; height: auto;}
	

/* TOPNAV ********************************/

#topnav {position: relative; background:url(../img/ankare_pos.png) #000 no-repeat left; margin: 0 auto; padding: 15px 20px 0 19px; width: 931px; height: 55px; text-align: right; line-height: 20px;}
	#topnav a {color: #fff; text-decoration: none;}
	#topnav a:visited {color: #fff; text-decoration: none;}
	#topnav a:hover {color: #fff; text-decoration: underline;}

#topnav_nav {clear:both; margin: 0 auto; padding: 5px auto 5px auto; width: 970px; background: none; text-align:left;}
	#topnav_nav ul {margin: 0 auto; padding: 0 0 0 80px; list-style-type: none;}
	#topnav_nav li {color: #fff; display: inline; margin-right: 20px;}
	#topnav_nav li.topactive {font-size: 12px; font-weight: bold; text-decoration: underline;}
	
	#topnav_nav a {color: #fff; text-decoration: none;}
	
	
/* HEAD + KASSA *************************/
.head {clear: both; background: #000; margin: 0 auto; padding: 0 0 0 0; width: 970px; height: 82px;}
.head img.logo {float: left; width: 453px; height: 82px; margin: 0; padding: 0;}
#kassa {float: right; margin: 0; padding: 10px 0 0 0; width: 160px; height: 72px; text-align:center;}
	#kassa p.kassarubrik {padding-bottom: 2px;}
	#kassa p.kassa_antal {padding-bottom: 6px;}
	#kassa img.kassabtn {margin-left: 10px;}

#head_start {clear: both; background: #fff; margin: 0 auto; padding: 0 0 0 0; width: 969px; height: 62px;}
	#head_start img {float:left;}
	
#kassaContainer {float:left; margin: 0 0 0 0; padding: 30px 34px 30px 34px; width: 900px;}
	#kassaContainer table {font-size: 12px; color: #444; width: 900px; border: 1px solid #ccc; margin-bottom: 20px;}
	#kassaContainer table td {padding: 10px 10px 10px 20px;}
	#kassaContainer table td.top {background: #e8e8e8; font-weight: bold;}
	#kassaContainer table td.bordertop {border-top: 1px solid #e8e8e8;}
	
#kassaContainer label {float:left; width: 600px; margin: 0 0 0 20px; padding-bottom: 30px; font-size: 11px;}
#kassaContainer input.radio {float:left; width: 20px; margin: 0 0 0 0; padding-bottom: 30px;}	
	
/* KAMPANJ *****************************/
#kampanjyta {clear:both; background:url(../img/start_kampanj_bg.png) no-repeat top left #fff; margin: 0 0 0 0; padding: 20px 0 10px 0; width: 969px; height: 180px;}
	.kampanjyta_box {float:left; width: 191px;} 
	.kampanjyta_box img {margin: 0 auto;}
	.kampanjyta_box p {clear:both; text-align:center; padding-bottom: 0;}
	.kampanjyta_box h2 {clear:both; text-align:center; padding-bottom: 0;}
	.kampanjyta_box#first {padding-left: 150px;}

/* BETALKORT */
.betalkortContainer {float:right; height: 80px; padding: 10px 20px 10px 15px; text-align: center;}
	.betalkortInfo {margin: 0 auto; width: auto;}
	.betalkortInfo img {float:left;}
	.betalkortInfo p {float:left; margin: 20px 0 0 10px; color: #444;}	
	
/* ÖPPETTIDER */

.opppettider{ float: left; width: 929px; height: auto; border: solid 0px #444; margin: 0; padding: 5px 20px 5px 20px; clear: both; background-color: #000; color: #FFFFFF} 
.opppettider h2{ font-weight: bold; font-style: italic; float: left; width: auto; color:#FFFFFF; padding: 0 0 0 80px }
.opppettider p{ float: right; color:#FFFFFF; font-size: 14px; padding: 2px 80px 0 20px}
.small {font-size: 12px}
.avdelare { margin: auto 20px}

		
/* STORYBLOCK **************************/
.storyblock_left {background: #000; float:left; margin: 0 auto; padding: 15px 15px 15px 15px; width: 455px; height: 70px; border-bottom: 1px solid #444; border-top: 2px solid #666;}
	.storyblock_left img {float:left;}
	.storyblock_left h2 {float:left; margin: 0; padding-bottom: 10px; color: #fff;}
	.storyblock_left p {float:left; margin: 0; color: #fff; font-size: 11px;}

.storyblock_right {background: #edeef0; float:left; margin: 0 auto; padding: 15px 15px 15px 15px; width: 454px; height: 70px; border-bottom: 1px solid #444; border-top: 2px solid #666;}
	.storyblock_right img {float:left;}
	.storyblock_right h2 {float:left; margin: 0; padding-bottom: 10px;}
	.storyblock_right p {float:left; margin: 0; font-size: 11px;}

/* samma för båda containers */ 
.story_info {float:left; margin: 0 0 0 15px; width: 250px;}
.btns {float:left; width: 100px; margin: 0 0 0 10px;}
.btns img {padding-bottom: 10px;}	


/* SUBNAV ******************************/
#subnav {background:url(../img/pil.png) #fff no-repeat left; clear: both; height: 20px; margin: 0 0 0 0; padding: 8px 0 10px 0;}
	#subnav ul {float: left; margin: 0 0 0 0; padding: 0 0 0 20px; width: 660px; list-style-type: none;}
	#subnav li {color: #000; display: inline; margin-right: 2px;}
	#subnav li.subactive {font-weight: bold; text-decoration: underline;}
	#subnav img.tillprodukterna {margin: 0 5px 0 0;}
		
	
/* COLS *******************************/
.oneCol {float:left; margin: 0 0 0 0; padding: 20px 30px 0 30px; width: 384px;}
	.oneCol ul {margin: 20px 0 0 0; padding: 0;}
	.oneCol li {background:url(../img/li_icon.png) #fff no-repeat left;color: #000; display: block; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 0 30px;}
	.oneCol li.classic {background:url(../img/li_icon_classic.png) #fff no-repeat left;}
	
.twoCol {float:right; margin: 0 0 0 0; padding: 0 0 0 0; width: 516px;}
.bottomProds {float:left; padding: 15px 0 0px 15px;}

.allCol {width: 880px; padding: 15px 15px 15px 15px;}
	.allCol#kontaktsida {background:url(../img/kontaktsida_bg.jpg) no-repeat top;}

/* artlista kampanjblock */
.artlistaKampanjprodukter {float:left; width: 905px; margin: 40px 0 0 32px; padding: 2px 30px 40px 0px; }
	#kamp_classic {background:url(../img/kampanj_bg_classic.png) no-repeat top left;}
	#kamp_koi{background:url(../img/kampanj_bg_classic.png) no-repeat top left;}
	#kamp_wetpot {background:url(../img/kampanj_bg_ovrigt.png) no-repeat top left;}
	.artlistaKampanjprodukter h2.white {clear:both; font-weight: bold; padding-left: 20px;}

/* artlista topplista */

.artlista_topplista {float:left; width: 905px; margin: 40px 0 0 32px; padding: 2px 30px 40px 0px;}
.artlista_topplista h2.white {clear:both; font-weight: bold; padding-left: 20px;}


/* artlista */
.artlistaContainer {background:url(../img/artikellista_bg.png) no-repeat top center; float:left; width: 910px; margin: 40px 0 0 0; padding: 2px 30px 40px 30px; }
	#artlistapadding {padding: 10px 0 10px 0;}
	.artlistaContainer h2.white {clear:both; font-weight: bold; padding-left: 20px;}
	
	.artlista_box {float:left; width: 177px; height: 200px; text-align:center;} 
	.artlista_box img {clear:both; margin: 0 auto; margin-left: -10px;}
	.artlista_box p {clear:both; text-align:center; padding-bottom: 0;}
	.artlista_box h2 {clear:both; text-align:center; padding-bottom: 0;}

/* fullpost */
.fullpostbild {float:left;}
	.fullpostbild_solo_Container {float:left; width: 970px; text-align:center;}
	.fullpostbild_solo_Container img {margin: 0 auto;}
	
.fullpostinfo {float:left; width: 940px; height: auto; padding: 15px 15px 0px 15px; background: #000;}
	.fullposttext {float:left; width: 550px; height: auto; margin: 0;}
	.fullposthandla {float:right; width: 200px; height: auto; margin: 0;}
		.fullposthandla label {float: right; font-size: 20px; font-weight:bold; color: #fff; margin-right: 15px;}
		.fullposthandla input {float:right;}
		.fullposthandla select {float:right; width: 108px;}
		.fullposthandla img {float:right;}
		
.artikelstatus {float:right;color: #fff;font-size:11px;}
	

/* gatill */
.gatill {float:right; margin: 0; width: 200px; padding: 20px 40px 20px 20px;}
	.gatill img {float:right;}
		
/* teaser nav */
.till {float:left; padding: 10px 0 0 0; margin: 0;}
	
/* topplista */
.topplista {float:left; width: 535px; height:auto; background: #fff; padding: 20px 0px 20px 20px;}
	.topplista table {width: 535px; font-size: 12px; border: 1px solid #cccccc;}
	.topplista td {width: auto; background: #fff; padding: 5px 5px 5px 5px; vertical-align: top; text-align: center;}

	
/* FOOTER *****************************/
#footer {position: relative; background:url(../img/ankare_pos.png) #000 no-repeat left; margin: 0 auto; padding: 15px 20px 0 19px; width: 931px; height: 55px; text-align: right; line-height: 20px;}
	#footer a {color: #fff; text-decoration: none;}
	#footer a:visited {color: #fff; text-decoration: none;}
	#footer a:hover {color: #fff; text-decoration: underline;}