/* ==========================================================================
   Import fonts
   ========================================================================== */

@import url(//fonts.googleapis.com/css?family=Droid+Serif);
@import url(//fonts.googleapis.com/css?family=Abril+Fatface);

/* ==========================================================================
   Base
   ========================================================================== */

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
}

b,
strong {
    font-weight: bold;
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    	 box-sizing: content-box;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto !important;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
    		box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/***** Begin here *****/

html {
	line-height: 1.4;
}

body {
    margin: 0;
}

html,
body,
button,
input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

select {
	font-size: 10px;
}

h1, h2, h3, h4, h5, h6, .litenrubrik {
	margin-top: 0;
	margin-bottom: 10px;

	font-family: 'Abril Fatface', cursive;
	font-weight: normal;

	text-transform: uppercase;
}

h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 { 
	font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.litenrubrik {
	font-size: 13px;
	color: #666;
}

p {
	margin: 0 0 10px;
}

a { 
	color: #666;
	text-decoration: none; 
}
/*
a:hover { 
	text-decoration: underline; 
}
*/

input,
textarea {
	padding: 6px 7px;

	border: 1px solid #c2c2c2;

	color: #222;

   	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box; /* Firefox, other Gecko */
    		box-sizing: border-box; /* Opera/IE 8+ */
}
input:focus,
textarea:focus {
	border: 1px solid #b2b2b2;
	outline: none;
}

input[type="checkbox"], 
input[type="radio"] {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;

	border: none;

	background-color: transparent;

	line-height: normal;
	cursor: pointer;
}

hr {
    display: block;
    height: 1px;
    margin: 15px 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #cfcfcf;
}

/* ==========================================================================
   Grid
   ========================================================================== */
 
/* Grid styles */
.grid {
    margin-left: -20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.grid * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.grid:before,
.grid:after {
    content: "";
    display: table;
}
.grid:after {
    clear: both;
}
 
.grid-item {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 20px;
 
    vertical-align: top;
}
 
.grid--middle .grid-item {
    vertical-align: middle;
}
 
.grid-item-1-2 {
    width: 50%;
}
.grid-item-1-3 {
    width: 33.33%;
}
.grid-item-2-3 {
    width: 66.66%;
}
.grid-item-1-4 {
    width: 25%;
}
 
.grid-item-1-6 {
    width: 16.66%;
}
 
/* Large */
@media all and (max-width: 768px) {
    .grid-item-1-4 {
        width: 50%;
    }
    .grid-item-1-6 {
        width: 31.33%;
    }
}
 
/* medium */
@media all and (max-width: 480px) {
    .grid {
        margin-left: 0;
    }
 
    .grid-item {
        padding-left: 0;
    }
    .grid-item-1-2,
    .grid-item-1-3,
    .grid-item-2-3,
    .grid-item-1-4 {
        width: 100%;
    }
 
    .grid-item-1-6 {
        width: 50%;
    }
}


/* ==========================================================================
   Layuot
   ========================================================================== */
.artkeys {
	position: absolute;
	right: 84px;
	top: 150px;
	max-height: 155px;	
}
.artkeys img{
	max-height: 155px;	
}
.l-intro-entre {

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	width: 810px;
	height: 550px;
	margin: auto;

	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 5px 15px #aaa;

}

.intro-entre-box {
	width: 100%;
	height: 100%;
	background: url(/design/intro_bg.jpg) no-repeat 90px 50px;
}

.intro-pagenotfound {
	box-sizing: border-box;
	width: 500px;
	padding: 90px 0 0 90px;
}

.login-icon {
	float: left;
	height: 65px !important;
	border-radius: 5px;
	margin-right: 15px;
}

.intro-entre-login {
	padding: 90px 0 0 90px;
}

.intro-entre-login .login-cols {
	padding: 0 0 10px 0;
}

.intro-entre-login .col-1,
.intro-entre-login .col-2 {
	float: left;
}

.intro-entre-login .col-2 {
	margin-left: 10px;
}

.intro-entre-login input[type="text"],
.intro-entre-login input[type="email"],
.intro-entre-login input[type="password"] {
	width: 300px;
}

.intro-entre-logoarea {
	padding: 67px 0 0 325px;
}

.intro-entre-logoarea .slogo {
	font-family: 'Droid Serif', serif;
	font-size: 18px;
	font-style: italic;
	color: #838383;
	padding-top: 15px;
}

.intro-banner-boxes {
	position: absolute;
	bottom: 8px;
	left: 0;
	padding-left: 34px;
	width: 100%;
}

.intro-banner-box {
	display: block;
	position: relative;
	width: 230px;
	height: 209px;
	float: left;
	margin: 0 24px 24px 0;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.intro-banner-box:last-child {
	margin-right: 0;
}

.intro-banner-box-bil {
	background-image: url(/design/intro_photo_bil.jpg);
}

.intro-banner-box-foretag {
	background-image: url(/design/intro_photo_foretag.jpg);
}

.intro-banner-box-cykel {
	background-image: url(/design/intro_photo_cykel.jpg);
}

.intro-banner-text {
	cursor: pointer;
	background: url(/design/intro_photo_banner.png) no-repeat;
	width: 226px;
	height: 49px;
	position: absolute;
	bottom: 10px;
	left: -9px;
}

.intro-banner-text h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: inherit;
	color: #fff;
	padding: 8px 0 0 20px;
	font-size: 20px;
	display: inline-block;
}

.intro-banner-text .subtext {
	position: absolute;
	right: 0;
	top: 0;
	padding: 13px 15px 0 0;
	color: #fff;
}

.gray-startbox {
	background-color: #ebe8e4;
	width: 230px;
	float: right;
	border-radius: 6px;
	box-shadow: 0 1px 9px #888;
	margin: 0 39px;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	padding: 14px;
}

.gray-startbox--p {
	margin: 0;
}

.gray-startbox--title {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 4px 28px;
}

.gray-startbox--alert {
	background-image: url(/design/ico_alert.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 25px;
}

.gray-startbox--euflag {
	background-image: url(/design/flag_eu.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

@media all and (max-width: 780px) {
	.intro-banner-text {
		position: relative;
	}
	.intro-banner-box {
		float: none;
		background: none;
		width: auto;
		height: auto;
		margin-bottom: 10px;
	}
	.l-intro-entre {
		position: static;
		border-radius: 0;
		max-height: 100%;
		width: 100%;
	}
	.intro-entre-box {
		background: none;
	}
	.intro-entre-logoarea {
		padding: 8% 0 0 8%;
	}
	.intro-banner-boxes {
		margin-top: 15px;
		padding: 3% 0 0 15%;
		position: static;
		width: auto;
	}
	.artkeys {
	position: static;
	max-height: 155px;
	margin-left: 40px;	
	margin-top: 15px;	
	}
	.artkeys img{
		max-height: 155px;	
	}
}

.l-holder {
	position: relative;

	width: 1150px;
	margin: 15px auto;

	background: #fff;
}

/*.l-constrained {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}*/

.l-menubar {
	position: relative;
	z-index: 10;

	margin-bottom: 15px;

	border: 1px solid #dcdcdc;
	border-radius: 5px;

	background: #f87f35 url(/design/menubar_bg.png) repeat-x bottom;
}

.l-constrained {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;	
}

.l-content {
	margin-bottom: 15px;
}

.l-main {
	overflow: hidden;
}

.l-inner {
	margin-top: 0;
	margin-left: 15px;
	margin-right: 15px;
}

.view-home {
	background: #f1edec url(/design/body_bg.jpg);
}

.view-home .l-main {
	width: 610px;
}
.view-home .l-inner {
	margin: 0 10px;
}

.view-checkout .l-inner {
	margin-left: 20px;
	margin-right: 20px;
}

img.checkout-thumbnail {
	max-height: 35px;
	width: auto;
}

.l-sidebar, 
.l-sidebar-primary {
	width: 165px;
	float: left;
}
.l-sidebar {
	margin-left: 15px;
}
.l-sidebar-primary {
	margin-right: 15px;
}

.l-footer-holder {
	
	border-bottom: 1px solid #555;
	background: #3b3838;
}

.l-footer {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #fff;
}

.l-footer p a {
	font-style: italic;
	color: #fff;	
}

#footerNewsletterForm {
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	max-width: 400px;	
}

#footerNewsletterForm input {
	float: left;
	width: 68%;
	height: 30px;
	vertical-align: middle;	
}

#footerNewsletterForm .btn {
	float: right;
	width: 30%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	vertical-align: middle;	
}

.l-footer h3 {
	color: #797979;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.l-footer-col-1 {
	width: 200px;
	margin-right: 20px;
	float: left;
}
.l-footer-col-2 {
	width: 200px;
	margin-left: 20px;
	float: right;
}
.l-footer-col-3 {
	overflow: hidden; /* Overflow hidden layout */
}



.view-home {
	background: #f2eeed;	
}

.l-header-holder {
	width: 100%;
	background: #fff;	
	border-bottom: 1px solid #e2e2e2;
}

.l-header {
	width: auto;
	height: auto;
	max-height: none;
	margin-top: 0;
	margin-bottom: 0;	
	padding-top: 10px;
	padding-bottom: 20px;
}

.l-header__left {
	float: left;	
	padding-bottom: 10px;
}

.l-header__right {
	position: relative;
	float: right;	
	padding-top: 10px;
	text-align: right;
}

.l-header__right ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.l-header__right li {
	display: inline-block;
	margin-left: 15px;	
	font-size: 12px;
	text-transform: uppercase;
	color: #868383;		
}

.l-header__right a {
	color: #868383;	
}

.l-header__right a:hover {
	color: #222;	
}

.l-header__right__bottom {
	position: relative;
	padding-top: 40px;
	padding-bottom: 10px;
	font-size: 14px;
	text-decoration: underline;
}

.view-home .l-header__right__bottom {
	color: #e95e0f;	
}

.view-home .l-header__right__bottom {
	padding-right: 65px;
	background-image: url(../design/arrow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.l-header__right__bottom .btn {
	color: #fff;	
}

.l-header__right__bottom .btn:hover {
	color: #fff;	
}

.view-home .l-header__right__bottom a {
	color: #e95e0f;	
}

.view-home .l-header__right__bottom a:hover {
	color: #e95e0f;
}	

/* Startpage */

.startpage-img-holder {
	width: 100%;
	background-image: url(../design/bildspel.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;	
	text-align: center;
	color: #fff;
}

.startpage-img {
	position: relative;	
	padding-top: 40px;
	padding-bottom: 150px;
	font-size: 42px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	font-family: 'Abril Fatface', cursive;
}

.startpage-img__keys {
	display: block;
	position: absolute;
	top: 10px;
	right: -50px;
}

.startpage-img p,
.startpage-img h1 {
	position: relative;
	z-index: 2;	
	display: inline-block;
}

.startpage-img h1 {
	font-size: 112px;
	text-transform: none;	
}

.startpage-boxes {
	margin-top: -50px;	
	padding-bottom: 30px;
}

.startpage-box-1,
.startpage-box-3 {
	float: left;
	width: 29%;	
}

.startpage-box-2 {
	float: left;
	width: 36%;
	margin-top: -27px;
	margin-left: 3%;
	margin-right: 3%;	
	
}

.startpage-box {
	background: #fff;	
	padding: 20px 20px 40px;
	text-align: center;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	color: #666;
}

.startpage-box__inner {
	margin-top: -40px;	
}

.startpage-box .btn--primary {
	margin-top: 20px;
	padding: 14px 25px;
	background-color: #e95e0f;
	background-image: linear-gradient(to bottom, #fd7738 50%, #e96013);
	border-style: none;
	text-transform: none;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
}

.startpage-box h2 {
	font-size: 30px;
	margin-bottom: 0px;	
	color: #000;
}

.startpage-box b,
.startpage-box strong {
	color: #000;	
}

.startpage-bottom-holder {
	width: 100%;
	background: #fff;	
}

.startpage-bottom {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #666;	
}

.startpage-bottom__left {
	float: left;
	width: 48%;	
}

.startpage-bottom__right {
	float: right;
	width: 48%;	
}

.startpage-bottom .grid-content-2 a {
	color: #e95e0f;
	text-decoration: underline;	
}

.startpage-bottom h2 {
	font-size: 24px;	
	color: #000;
}

.startpage-bottom .grid-content-2 {
	padding-top: 20px;	
}

.startpage-top-footer-holder {
	width: 100%;
	border-top: 1px solid #f2eeed;
	
	background: #fff;
}
.startpage-top-footer {
	padding-top: 20px;
	padding-bottom: 10px;
	
	text-align: center;
}
.startpage-top-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.startpage-top-footer li {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	
	vertical-align: middle;
}

.startpage-footer-holder  {
	width: 100%;
	background: #3b3838;
}

.startpage-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;	
	text-align: center;
}

.startpage-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.startpage-footer li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;	
}

.startpage-footer a {
	color: #fff;	
}

.startpage-footer a:hover {
	color: #ddd;	
}

.startpage-footer .wgr-icon {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

/* Productpage */
.l-product {
	overflow: hidden;
}
.l-product-col-1 {
	width: 435px;
	margin-right: 15px;
	float: left;
}
.l-product-col-2 {
	overflow: hidden; /* Overflow hidden layout */
}

#stafflandemain {
	margin-top: 20px;	
}

.fancybox-outer, #fancybox-wrap {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;	
}

.footer-col1 {
	padding-bottom: 2px;
}

.footer-col2 {
	padding-top: 15px;
}

.footer-col1,
.footer-col1 a {
	color: #e95d0f;
	font-weight: bold;
}

.footer-mail-ico {
	background: url(/design/footer_mail_ico.png) no-repeat 0 4px;
	padding-left: 25px;
}

.footer-phone-ico {
	background: url(/design/footer_phone_ico.png) no-repeat 2px 4px;
	padding-left: 25px;
}

/* ==========================================================================
   Helpers
   ========================================================================== */

.cbinput {
	width:auto !important;
	margin:0 4px 0 0 !important;
	float:left !important;
}

/* Clear floated elements */
.clearfix:before, 
.clearfix:after {
	content: ""; 
	display: table; 
}
.clearfix:after { 
	clear: both; 
}
.clearfix {
	*zoom: 1; 
}

/* Media Object  */
.media {
	margin-top: 15px;
	margin-bottom: 15px;
}
.media, 
.media-body {
	overflow: hidden; 
}
.media-img {
	margin-right: 15px;
	float: left; 
}
.media-img img {
	display: block;
}

/* List in horizontal mode  */
.nav, 
.nav-float {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav > li, 
.nav > li > a {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.nav-float > li {
	float: left;
}
.nav-float > li > a {
	display: block;
}

/* Clean list */
.block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-info dd {
	margin: 0 0 15px;
}

.flush {
	margin: 0 !important;
}
.wipe {
	padding: 0 !important;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}

.muted {
	color: #999;
}

.brand {
	color: #008000;
}

/* ==========================================================================
   Modules
   ========================================================================== */

.guaranteeKeyOption {
	margin-top: 20px;
	background: #fefefe;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 10px 15px;
}

.guaranteeKeyOption p {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.guaranteeKeyOption input {
	float: left;
	margin: 2px 5px 0 0;
}

.breadcrumbs {
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
}
.breadcrumbs > li {
	margin-right: 5px;
}

.filter-section {
	margin-bottom: 15px;
}
.filter-section > li {
	margin-right: 10px;
}
.filter-section > li > * {
	vertical-align: middle;
}

/* Used at ex: .filter-section and .rewies  */
.highlight-bar {
	padding: 7px 10px;

	border: 1px solid #e1e1e1;

	background: #fff url(/design/highlight_bar_bg.png) repeat-x bottom;
}

.startpage-bar {
	padding: 5px 10px;

	border: 1px solid #e1e1e1;
	border-radius: 4px 4px 0 0;

	background: #fff url(/design/startpage_bar_bg.png) repeat-x bottom;

	color: #693;
	font-size: 18px;
}

.input-highlight {

	border: 1px solid #dcdcdc;
	border-radius: 4px;

	background: #fff url(/design/input_highlight_bg.png) repeat-x bottom;
}
.input-highlight:focus {
	border: 1px solid #dcdcdc;
}
.input-highlight--constrained {
	width: 100%;
	margin-bottom: 5px;
}

.site-logo {
	display: inline-block;
	margin-top: 20px;
}

.site-banner {
	position: absolute;
	top: -24px;
	right: -15px;

	width: 240px;
	height: 120px;

	background: url(/design/header_banner.png) no-repeat;
}

.vat-selector {
	position: absolute;
	top: 15px;
	right: 0px;
	font-size: 12px;
	color: #666;
}

/* Main navigation section */
.site-nav {
	float: left;
}
.site-nav__item {
	padding: 8px 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
}
.site-nav__icon {
	margin-top: -3px; /* Fix for align middle */
}

/* Languages section */
.lang-changer select {
	vertical-align: middle;
}

/* Primary search section */
.site-search {
	position: relative;

	height: 28px;

	margin-bottom: 15px;
	overflow: hidden;
}
.site-search__input {
	position: absolute;
	top: 0;
	right: 25px;
	bottom: 0;
	left: 7px;

	height: 16px;
	padding: 0;
	margin: auto;
	font-size: 12px;

	border: none;
	background: none;
}
.site-search__input:focus {
	border: none;
}
.site-search__btn {
	position: absolute;
	top: 0;
	right: 7px;
	bottom: 0;

	width: 16px;
	height: 16px;
	margin: auto;

	border: none;

	background: url(/design/magnify.png) no-repeat 100% 50%;
}

/* Block section */
.module {
	margin-bottom: 15px;
}
.module__heading {
	margin: 0 0 10px 0;
	padding: 7px 10px 6px 10px;

	border-radius: 4px;

	background: #3b3838;


	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
.module__body {
	padding: 0 0 0 10px;
}

#driftproduktion {
	border-top: 1px solid #ddd;
	padding: 15px 0 0 10px;
}

/* Secondary navigation */
.listmenu {
	padding: 0;
	margin: 0;
	list-style: none;

	padding-left: 10px;
}
.listmenu li {
	position: relative;
}
.listmenu a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;

	color: #222;
}
.listmenu .selected {
	font-weight: bold;
}

.listmenu-level-0 {
	padding-left: 0;
}

.listmenu-level-0__item {
	padding-left: 10px;
}

.listmenu-level-1 {
	padding-left: 15px;
}

.menu-node {
	position: absolute;
	top: 10px;
	right: 8px;

	width: 6px;
	height: 6px;

	/* background-image: url("/design/node.png"); */
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

/*
.menu-node-minus {
	background-image: url("/design/node_minus.png");
}
.menu-node-plus {
	background-image: url("/design/node_plus.png");
}
*/

/* Grid for product-items and category-items */
/* Sub-modules: .grid-gallery--products and .grid-gallery--categories */
.grid-gallery, 
.list-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}
.grid-gallery {
	margin-left: -2%;
}
.grid-gallery > li {
	display: inline-block;
	*display: inline;
	width: 23%;
	margin-left: 2%;
	margin-bottom: 2%;
	padding: 8px;

	border: 1px solid #e7ebe1;

	background: #fff;

	cursor: pointer;

	zoom: 1;
}

.grid-gallery > li:hover {
	border: 1px solid #ccc;	
}

.list-gallery > li {
	margin-bottom: 15px;
}
.list-gallery > li:last-child {
	margin-bottom: 0;
}

/* Product-item and Category-item Style */
.product-item {}

.product-item__img {
	height: 135px;
	margin-bottom: 5px;

	line-height: 135px;
	text-align: center;	
}
.product-item__heading {
	margin-bottom: 5px;
	overflow: hidden; /* clip text */
	font-size: 13px;
	font-weight: normal;
}
.product-item .price {
	font-size: 22px;
	font-weight: normal;
}
.product-item__buttons {
	float: right;
}

.category-item {
	text-align: center;
}
.category-item__img {
	height: 135px;
	margin-bottom: 10px;

	line-height: 135px;
}
.category-item__heading {
	overflow: hidden;

	white-space: nowrap;
}
.category-item__heading a {
	text-decoration: none;
}

/* Product section */
.product-carousel {
	margin: 15px 0;
	text-align: center;
}
.product-thumbs {
	margin-bottom: 15px;

	font-size: 0; /* Fix: Removes whitespace */
}
.product-thumbs img {
	height: 50px;
	margin-top: 5px;
	margin-right: 5px;

	cursor: pointer;
}
.product-option-spacing {
	padding-right: 10px;
	padding-bottom: 7px;
}
.product-quantity {
	width: 40px;
	height: 40px;
	vertical-align: middle;

	border: 1px solid #CCC;
	border-radius: 3px;

	font-weight: bold;
	text-align: center;
}

#addToCardButtonDiv .btn {
	height: 40px;
	padding: 0 40px;
	line-height: 40px;
	vertical-align: middle;	
}

.product-custom-fields {
	margin-left: 5px;
	margin-top: 10px;
}
.product-price-field {
	margin-top: 15px;
	margin-bottom: 15px;
}
.product-price-field .price {
	font-size: 21px;
}
.product-stock {
	margin-bottom: 5px;
}
.product-stock-item {
	display: none; /* Show them with js */
}
.product-stock-item__text {
	vertical-align: middle;
}

.stafflande--title {
	margin-top: 30px;	
}

.stafflande--table {
	display: inline-block;	
	margin-bottom: 20px;
	border: 1px solid #dcdcdc;
	border-bottom-style: none;
}
.stafflande--table tbody,
.stafflande--table tr {
	display: block;
	width: 100%;	
}

.stafflande--table th,
.stafflande--table td {
	display: inline-block;
	width: 50%;	
	min-width: 60px;
	padding: 3px 10px 3px 10px;
	white-space: nowrap;
	border-style: none;
	border-bottom: 1px solid #dcdcdc;
}

.stafflande--table th {
	background: #eee;	
	font-weight: 600;
	color: #222;
}


/* News-page section */
.news-item .media-img {
	width: 100px;
	min-height: 1px; /* Fix for collapsing width if .media-img is empty */
}
.news-item__date {
	font-style: italic;
	color: #999;
}

/* Button section */

.neutral-btn {
    padding: 0;
 
    border-style: none;
    background-color: transparent;
    outline: none;
 
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}

.btn {
	display: inline-block;
	padding: 7px 12px;

	border-style: none;
	border-radius: 4px;

	background: #e2e2e2;

	font-size: 13px;
	color: #333;
	line-height: 1;
	text-transform: uppercase;

	cursor: pointer;
}
.btn:hover {
	opacity: 0.8;
	text-decoration: none;
}

.btn--primary {
	background-color: #e95e0f;
	background-image: linear-gradient(to bottom, #fd7738 50%, #e96013);
	color: #fff;
}
.btn--primary--large {
	padding: 10px 14px;
	background: #f87f35 url(/design/btn_primary_large_bg.png) repeat-x bottom;
	font-size: 20px;
	color: #fff;
}

/* Alert-box section */

.alert {
	padding: 8px;
	margin-bottom: 15px;

	border: 1px solid #97c1da;
	border-radius: 3px;

	background-color: #d8ebf8;
	background-image: -webkit-linear-gradient(#d8ebf8, #d0e3ef);
	background-image: 	 -moz-linear-gradient(#d8ebf8, #d0e3ef);
	background-image: 		  linear-gradient(#d8ebf8, #d0e3ef);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	color: #264c72;
}
.alert--success {
	border-color: #b6d79a;

	background-color: #dff0d8;
	background-image: -webkit-linear-gradient(#dff0d8, #d3edc8);
	background-image: 	 -moz-linear-gradient(#dff0d8, #d3edc8);
	background-image: 		  linear-gradient(#dff0d8, #d3edc8);

	color: #387b39;
}
.alert--error {
	border-color: #da9797;

	background-color: #f8d8d8;
	background-image: -webkit-linear-gradient(#f8d8d8, #efd0d0);
	background-image: 	 -moz-linear-gradient(#f8d8d8, #efd0d0);
	background-image: 		  linear-gradient(#f8d8d8, #efd0d0);

	color: #9c2400;
}
.alert--warn {
	border-color: #dca874;
	
	background-color: #ffe3c8;
	background-image: -webkit-linear-gradient(#ffe3c8, #f5dac0);
	background-image: 	 -moz-linear-gradient(#ffe3c8, #f5dac0);
	background-image: 		  linear-gradient(#ffe3c8, #f5dac0);
	
	color: #613A00;
}

/* Price section */
.price {
	font-weight: bold;
	color: #669934;
}
.price-discount {
	color: #C00;
}
.price-orginal {
	font-size: 10px;
	text-decoration: line-through;
}
.price-klarna {
	font-size: 10px;
}

/* Reviews section */
.reviews {
	margin-bottom: 20px;
}
.review-body {
	padding: 10px 0;
	overflow: hidden;

	border-bottom: 1px solid #ddd;
}
.review-col-1 {
	width: 200px;
	margin-right: 15px;
	float: left;
}
.review-col-2 {
	overflow: hidden; /* Overflow hidden layout */
}
.review-date {
	font-size :10px;
}

.review-stars {
	display: inline-block;
	height: 15px;

	background: url(/design/star.gif) repeat-x top left;	
}
.review-stars-on {
	background-position: 0 -32px;
}
.review-stars-off {
	background-position: 0 0;
}
.review-stars-1 { width: 16px; }
.review-stars-2 { width: 32px; }
.review-stars-3 { width: 48px; }
.review-stars-4 { width: 64px; }
.review-stars-5 { width: 80px; }

/* Input form */
.input-form input,
.input-form textarea {
	width: 100%;
}

.input-form--checkout input,
.input-form--checkout textarea {
	margin: 3px 0;
}

/* Input's in group */
.input-group {
    position: relative;
  
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .input-group__item {
    position: relative;

    display: inline-block;

    width: 50%;
}
.input-group .input-group__item:first-child {
    width: 48%;
    margin-right: 2%;
}

.input-group-1-4 .input-group__item {
	width: 70%;
}
.input-group-1-4 > .input-group__item:first-child {
    width: 28%;
}

/* Payment logos */
/* In menu and checkout */
.payment-logo {
	max-width: 100px;
}
.payment-logo--small {
	width: 30px;
}

.payment-logo--list {
	display: block;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.payment-logo--list:last-child {
	margin-bottom: 0;	
}

.payment-logo--highlight {
	padding: 5px 7px;
	border-radius: 3px;
	
	background: #fff;
}

/* Checkout section */
.checkout-col-1,
.checkout-col-2 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: #eee;
	vertical-align: top;

	width: 49%;
	display: inline-block;
}
.checkout-col-1 {
	margin-right: 1%;
}
.checkout-col_heading {
	margin-bottom: 10px;
	padding: 6px;
	font-weight: bold; 
	font-size: 12px; 
	text-align: left;
	color: #222;
	background-image: url("/design/knapp_bg.gif");
	background-repeat: repeat-x;
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
}
.checkout-stepnumber {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 8px;

	border-radius: 25px;
	background-color: #fd9253;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.checkout-termsinfo {
	margin-top: 12px;
}
.checkout-highlight {
	background-color: #fd9253 !important;
	font-size: 12px !important;
}



/* ==========================================================================
   States
   ========================================================================== */

.is-hidden {
	display: none;
}

.is-fixed-top {
	position: fixed;
	top: 0;
}

/* ==========================================================================
   OLD CSS
   ========================================================================== */

th {
	font-weight: bold; 
	font-size: 12px; 
	text-align: left;
	color: #222;
	background-image: url("/design/knapp_bg.gif");
	background-repeat: repeat-x;
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	height: 24px;
}

table.graybg td {
	background-color: #eee;
	font-size: 10px;
}

th.t {
	background-color: transparent;
	text-align: right;
	background-image: none;
	border: none;
}

table.graybg {
    width: 100%;
}

/* Dropdown-cart */

div#topcart-holder {
	background: url(/design/topcart_cartsymbol.png) no-repeat 0 9px;
	padding-top: 4px;
	padding-left: 25px;
	float: right;
	height: 35px;
	z-index: 2;
	position: relative;
}
div#topcart-area {
	height: 35px;
	display: inline-block;
	font-size: 15px;
	line-height: 34px;
	border-radius: 2px;
	padding: 0 5px;
}
	
div#topcart-hoverarea {
	display: inline-block;
	*display: inline;
	margin: 0 5px;
	cursor: pointer;
}

div#popcart {
	position: absolute;
	right: 5px;
	top: 100%;
	padding: 3px;

	border: 1px solid #ccc;
	border-top: none;
	border-radius: 3px;

	background-color: #fff;
	-webkit-box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
	   -moz-box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
			box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
		
	text-align: left;
		
	color: #666;
	max-width: 350px;
	z-index: 900;
	height: 0px;
	overflow: hidden;
	display: none;	
}

div#popcart .btn--primary:hover {
	color: #fff;	
}

	div#popcart .btn {
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
a.cartplus, a.cartminus, a.cartx {
	background: #555 no-repeat center center;
	color: #fff;
	font-size: 8px;
	text-align: center;
	width: 11px;
	height: 11px;
	overflow: hidden;
	border: none;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	margin-right: 2px;
	margin-top: 1px;
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0;
	line-height: normal;
}
a.cartplus {
	background-image: url(/design/cartbutton_plus.png);
}
a.cartminus {
	background-image: url(/design/cartbutton_minus.png);
	background-position-y: 5px;
}
a.cartx {
	background-image: url(/design/cartbutton_remove.png);
}
a.cartplus:hover, a.cartminus:hover, a.cartx:hover {
	text-decoration: none;
}
a.cartx:hover {
	background-color: #900;
}
a.cartplus:hover {
	background-color: #338B33;
}
a.cartminus:hover {
	background-color: #3E62A3;
}

div.popCartRowSplit {
	height: 1px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2px;
}
div.popCartErrorMessage {
	background-color: #FCC;
	text-align: center;
	font-style: italic;
	padding: 5px;
	width: 100%;
	font-size: 10px;
	color: #333;
}

div#popCartShipping {
	background: #eee;
	color: #666;
	margin: 4px;
	margin-bottom: 6px;
	padding: 4px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 10px;
}
div#popCartShipping a, div#popCartShipping a:hover {
	text-decoration: underline;
	color: #666;
}

/* Checkout */
			
			.fb_iframe_widget iframe {
				position: relative !important;
			}
			
#cartCountryForm select {
	height: 28px;
	vertical-align: middle;	
}

#cartCountryForm .btn {
	height: 28px;
	line-height: 28px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	margin-left: 2px;
	background: #666;
	
}

tr.doldkassarad {
	display: none;
}

#checkoutSwitchModeInfo {
	background: #eee url(/gfx/question.gif) 6px 8px no-repeat;
	padding: 6px;
	padding-left: 24px;
	margin-top: 6px;
}
#checkoutSwitchModeInfo a {
	text-decoration: underline;
}

.checkoutTextarea {
	height: 48px;
}

.checkoutFieldsBlock {
	margin-bottom: 16px;
}

#checkoutCountrySpan {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.checkoutExtraTable {
	margin: 14px 0;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}