* {margin: 0;}

html, body, div, span, object, iframe, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video/*, p, h1, h2, h3, h4, h5, h6*/ {
		margin: 0; padding: 0; border: 0;}

html, body {}
body {background-color:#FBFBFD;}
img {max-width:100%; -webkit-border-radius: 5px; border-radius: 5px;}

.div-block-full {clear:both; width:100%; margin:0 auto;}
.div-block-width {clear:both; max-width:1000px; margin:0 auto;}

#usp{border-radius:8px;;padding:10px;border:3px solid; border-color: #8897eb}
#head {text-align:left; background-color:#FBFBFD}

#head-left {float:left;margin-top:2px;display:inline-block;}
#head-mitten {margin-top:132px;margin-left:8%;float:left;  font-size:1.6em;display:inline-block;}
#head-right {margin-top:8px;float:right;display:inline-block; }
.head-form {float:left; margin-left:1px; margin-right:5px;margin-top:12px;width:auto;}
.head-form-text {margin-top:24px;}
.flaggor {margin:0 3px 5px 3px; -webkit-border-radius: 0; border-radius: 0; height:17px;width:35px}

#toppmeny {}
#toppmeny-content {font-size:1.1em; text-align:center; border-top:1px #E5E5E5 solid; border-bottom:1px #E5E5E5 solid;}
.sliderbild {-webkit-border-radius: 0; border-radius: 0;}

#textrutavidsokdiv {width:100%;float:left;font-size:1.2em}
#kfabruta {width:100%;border-radius:8px;padding:20px 20px 10px 20px;border:3px; background-color: #F0F0F0 ;text-align:center;font-weight:bold}

#sokfilter{float:left;width:100%}
#sokdiv {float:left;bottom:0;padding-top:0.2em;margin-bottom:0; display:inline-block;}
#filter {float:right;bottom:0;padding-top:0.2em;margin-bottom:0; display:inline-block;}
.retailers {margin:10px 10px 0 0; border:1px #CCCCCC solid; padding:5px;}
.nyhetsflode {margin-bottom:20px; padding-bottom:20px; border-bottom:1px #CCCCCC solid;}

/*form {margin:0;padding:0} */

/* Carousel */

.carousel {margin-bottom:0;}
/* Carousel */

#main {}
#main-content {min-height:550px;}
#main-left, #main-middle, #main-right {float:left;}
#main-left {width:20%; padding:20px 0; 50px;0}
#main-middle {width:80%; padding:30px 0 50px 4%;}

#sidfot {background-color:#A0A0A0;}
#sidfot-content {min-height:200px; background-image:url(/images/bkg-sidfot.png); background-position:bottom right; background-repeat:no-repeat;}
.sidfot-plugg {float:left; width:25%; color:#000000; margin:30px 0;}

#topplogga {margin:20px 0;}
.sociala-ikoner {margin:1%;}
.artikelbild-topp, .artikelbild-vanster, .artikelbild-hoger {font-size:0.8em; color:#444444; line-height:normal;}
.artikelbild-topp {}
.artikelbild-vanster {float:left; margin:0 4% 4% 0; width:40%;}
.artikelbild-hoger {float:right; margin:0 0 4% 4%; width:40%;}
.artikeltext {clear:both; margin:0 0 50px 0;}

.artikel-plugg {float:left; width:32%; height:350px; overflow:hidden; margin-top:30px; border:1px #CCCCCC solid; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FBFBFD),color-stop(1, #EEEEEE));
	background-image: -o-linear-gradient(bottom, #FBFBFD 50%, #EEEEEE 100%);
	background-image: -moz-linear-gradient(bottom, #FBFBFD 50%, #EEEEEE 100%);
	background-image: -webkit-linear-gradient(bottom, #FBFBFD 50%, #EEEEEE 100%);
	background-image: -ms-linear-gradient(bottom, #FBFBFD 50%, #EEEEEE 100%);
	background-image: linear-gradient(to bottom, #FBFBFD 50%, #EEEEEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFD', endColorstr='#EEEEEE',GradientType=0 );}
.artikel-plugg-text {padding:2%;}
.artikel-plugg-marginal {float:left; width:1%;}
.artikellinje {clear:both; height:1px; border-top:1px #CCCCCC dotted;}

.produkt {float:left; width:32%; margin:0 0.5% 5px 0.5%; height:290px; border:1px #CCCCCC solid; overflow:hidden;}
.produkt-text { margin-top:0.5em;font-size:1.3em;text-align:center}

.designers {max-width:300px; float:left; margin:0 25px 25px 0;}

#produktbild {float:right; width:30%; margin:0 0 20px 1%;}
.produktbild-list {max-width:100%;}

#googlemaps {width:100%; height:400px;}

hr {background: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none;}
hr.faded {clear: both; float: none; width: 100%; height: 1px; margin: 1.4em 0; border: none; background: #ddd;
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgb(255,255,255)), color-stop(0.1, rgb(221,221,221)), color-stop(0.9, rgb(221,221,221)), color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(left center, rgb(255,255,255) 0%, rgb(221,221,221) 10%, rgb(221,221,221) 90%, rgb(255,255,255) 100%);}
hr.carved {clear: both; float: none; width: 100%; height: 2px; margin: 1.4em 0; border: none; background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(221,221,221)), color-stop(0.5, rgb(255,255,255)));
	background-image: -moz-linear-gradient(center top, rgb(221,221,221) 50%, rgb(255,255,255) 50%);}

/************************************************************************************
MENY
*************************************************************************************/
#vanstermeny ul {margin: 0; padding: 0;}
#vanstermeny li {list-style: none;}
#vanstermeny li a {
	background:#F5F5F5;
	display: block;
	margin: 10px 0 0px 0;
	padding:1px;
	text-align: left;
}
#vanstermeny li a:hover {
	cursor: pointer; 
	color: rgba(0,0,0,1);
}
#vanstermeny a:link, #vanstermeny a:visited { 
	color: #000;
	text-decoration: none;
}
#vanstermeny a:active  { 
	color: rgba(250,191,12,1);
}
#vanstermeny a#current {
	font-weight:bold;
}

#vanstermeny ul ul li a {
	margin: 5px 0 0 10px;
	background:#FBFBFD;
	
}



/************************************************************************************
MOBILMENY
*************************************************************************************/
nav ul,nav ol{list-style:none;list-style-image:none;}
nav {position:fixed;}
.jPanelMenu header.main{background:#2027B0;background:-o-linear-gradient(top, #2027B0, #11237E);background:-ms-linear-gradient(top, #2027B0, #11237E);background:-moz-linear-gradient(top, #2027B0, #11237E);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #2027B0), color-stop(1, #11237E));background:-webkit-linear-gradient(#2027B0, #11237E);background:linear-gradient(top, #2027B0, #11237E);-moz-box-shadow:0 1px 5px rgba(34,34,34,0.5);-webkit-box-shadow:0 1px 5px rgba(34,34,34,0.5);box-shadow:0 1px 5px rgba(34,34,34,0.5);width:100%;max-width:none;height:50px;margin:0;padding:0 7.5%;border-bottom:1px solid #1b5572;z-index:10}
.jPanelMenu header.main .logo a,.jPanelMenu header.main .menu-trigger{display:block;max-height:100%;text-shadow:0 -1px 1px #222;line-height:50px;color:#f7f7f7}
.jPanelMenu header.main .logo{font-family:"museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-weight:700;float:none;width:60%;margin:0 auto}
.jPanelMenu header.main .logo a{position:static}
.jPanelMenu header.main .logo a:before{display:none !important}
.jPanelMenu header.main .menu-trigger{position:absolute;top:0;left:0;padding:0;font-size:1.2em;line-height:57.5px}
.jPanelMenu header.main .menu-trigger:active{text-shadow:0 -1px 1px #222,0 0 50px #f7f7f7}
.jPanelMenu header.main nav{text-indent:-9999px}
.jPanelMenu .content .spec,.jPanelMenu .content h3{margin-top:0;padding-top:4em}
.jPanelMenu .content .spec h3{padding-top:0}
.jPanelMenu .content .jPM-specific{display:block}
#jPanelMenu-menu{background:#3b3b3b}
#jPanelMenu-menu ul{border-bottom:1px solid #484848}
#jPanelMenu-menu li a{background:#3b3b3b;background:-o-linear-gradient(top, #3e3e3e, #383838);background:-ms-linear-gradient(top, #3e3e3e, #383838);background:-moz-linear-gradient(top, #3e3e3e, #383838);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));background:-webkit-linear-gradient(#3e3e3e, #383838);background:linear-gradient(top, #3e3e3e, #383838);font-family:"museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-weight:700;display:block;padding:0.5em 5%;border-top:1px solid #484848;border-bottom:1px solid #2e2e2e;text-decoration:none;text-shadow:0 -1px 2px #222;color:#f7f7f7}
#jPanelMenu-menu li a:hover,#jPanelMenu-menu li a:focus{background:#404040;background:-o-linear-gradient(top, #484848, #383838);background:-ms-linear-gradient(top, #484848, #383838);background:-moz-linear-gradient(top, #484848, #383838);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));background:-webkit-linear-gradient(#484848, #383838);background:linear-gradient(top, #484848, #383838)}
#jPanelMenu-menu li a:active{background:#363636;background:-o-linear-gradient(top, #3e3e3e, #2e2e2e);background:-ms-linear-gradient(top, #3e3e3e, #2e2e2e);background:-moz-linear-gradient(top, #3e3e3e, #2e2e2e);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));background:-webkit-linear-gradient(#3e3e3e, #2e2e2e);background:linear-gradient(top, #3e3e3e, #2e2e2e);-moz-box-shadow:0 2px 7px #222 inset;-webkit-box-shadow:0 2px 7px #222 inset;box-shadow:0 2px 7px #222 inset;border-top-color:#222;padding-top:0.55em;padding-bottom:0.45em}
.jPanelMenu-panel{-moz-box-shadow:0 0 25px #222;-webkit-box-shadow:0 0 25px #222;box-shadow:0 0 25px #222}
.undermeny-mobil {
	font-weight: normal;
	text-indent: 5%;
}
.submeny {font-weight: normal; padding-left:5%;}

#myBtn {
    //display: none; /* Hidden by default */
    //position: fixed; /* Fixed/sticky position */
    bottom: 240px; /* Place the button at the bottom of the page */
    //right: 30px; /* Place the button 30px from the right */
	left:30px;
    z-index: 99; /* Make sure it does not overlap */
    //border: none; /* Remove borders */
    outline: none; /* Remove outline */  
    cursor: pointer; /* Add a mouse pointer on hover */
    //padding: 15px; /* Some padding */
    //border-radius: 10px; /* Rounded corners */
	
	
	border-top: 1px solid #96d1f8;
   background: #eeeeee;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
   background: -webkit-linear-gradient(top, #cccccc, #eeeeee);
   background: -moz-linear-gradient(top, #cccccc, #eeeeee);
   background: -ms-linear-gradient(top, #cccccc, #eeeeee);
   background: -o-linear-gradient(top, #cccccc, #eeeeee);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #555;
   text-decoration: none;
   vertical-align: middle;
   font-size:1.3em
   }
#myBtn:hover {
   border-top-color: #dddddd;
   background: #dddddd;
   }
#myBtn:active {
   border-top-color: #dddddd;
   background: #dddddd;
   }
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}