@import url(//fonts.googleapis.com/css?family=Cherry+Swash:400,700);

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

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;
}

img {
    max-width: 100%;
    height: auto !important;
}
 
/* Clean button */
.neutral-btn {
    padding: 0;
 
    border-style: none;
    background-color: transparent;
    outline: none;
 
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}

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;
    background: #fff url(../design/body_bg.png);
}

html,
button,
input,
select,
textarea {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
}

select {
	font-size: 10px;
}

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

	font-family: "Cherry Swash", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

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: 15px;
	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;
}


/* ==========================================================================
   Layuot
   ========================================================================== */

.l-holder {
	position: relative;

	width: 1000px;
	margin: 15px auto;

	border-radius: 5px;
}

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

.l-header {
	position: relative;
	
	margin-bottom: 15px;

	background-color: #bfe894;
	box-shadow: 0 1px 10px rgba(0,0,0,0.55);
	border-radius: 5px;
}

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

	min-height: 41px;
	
	background: #5bb90e url(../design/menubar_bg.png) repeat-x bottom;
    border-radius: 0 0 5px 5px;
}

.l-content {
	padding: 15px 15px 15px 0;
	margin-bottom: 15px;

	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.75);
	border-radius: 5px;
}

.l-main {
	overflow: hidden;
}

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

.l-footer {
	margin-bottom: 15px;
	padding: 15px;
	overflow: hidden;
	
	border: 1px solid #dcdcdc;	
	border-radius: 4px;

	background: #fff url(../design/footer_bg.png) repeat-x bottom;
}
.l-footer h3 {
	color: #666;
	font-size: 20px;
}

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

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

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

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

/* 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
   ========================================================================== */

/*.fader {
	position: absolute;
	top: 0;
	
	width: 100%;
}*/

.breadcrumbs {
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.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--full {
	width: 100%;
	margin-bottom: 5px;
}

.site-logo {
	display: inline-block;
	margin: 25px 15px;
}

.site-banner {
	position: absolute;
	bottom: 31px;
	left: 600px;

	width: 140px;
	height: 120px;

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

.vat-selector {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Main navigation section */
.site-nav {
	float: left;
}
.site-nav__item {
	padding: 0 14px;

	line-height: 41px;
	font-family: "Cherry Swash", sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	font-size: 18px;
    color: #fff;
    
	-webkit-transition: all 0.15s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.15s ease-out;  /* Firefox 4-15 */
	   -o-transition: all 0.15s ease-out;  /* Opera 10.50–12.00 */
	      transition: all 0.15s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.site-nav__item:hover {
	background: rgba(0,0,0,0.07);
	text-decoration: none;
}

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

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

	height: 28px;

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

	height: 15px;
	padding: 0;
	margin: auto;

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

	width: 15px;
	height: 15px;
	margin: auto;

	border: none;

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

/* Block section */
.module {
	margin-bottom: 15px;
	padding: 10px;
	
	border: 1px solid #eaeaea;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.module__heading {
	margin: 0 0 10px;

	font-size: 20px;
	color: #000;
}
.module__body {}

.module--banner {
	margin-bottom: 25px;
	padding: 0;
	
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.module--banner .module__heading {
	position: relative;

	height: 30px;
	line-height: 30px;
	padding-left: 15px;

	color: #fff;
	background: #53ab0b;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.module--banner .module__heading:after, 
.module--banner .module__heading:before {
	content: " ";	

	position: absolute;
	top: 0;
	right: 0;

	height: 0;
	width: 0;

	border: solid transparent;
	border-left: none;
	border-width: 15px; /* half the height of .module__heading */

	pointer-events: none;
}
.module--banner .module__heading:after {
	border-right-color: #fff;
}

.module--banner .module__body {
	padding-left: 15px;
} 

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

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

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

.listmenu-level-0 {
	margin-left: 5px;
}

.listmenu a {
	padding-left: 18px;	
}

/* Toggle menu */
li .listmenu {
    display: none;
}
.is-listmenu-opened > .listmenu {
    display: block;
}
.menu-node {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
 
    margin: auto;
    width: 13px;
    height: 13px; /* Same as font-size */
	text-align: center;
	line-height: 14px;
	border-radius: 50%;
 	padding-left: 1px;
    font-size: 11px;
    color: #fff;
	background: #53ab0b;
}

/* 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%;
	margin-bottom: 10px;
}
.grid-gallery > li {
	display: inline-block;
	*display: inline;
	width: 23%;
	margin-left: 2%;
	margin-bottom: 2%;
	padding: 8px;

	border: 1px solid #eaeaea;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	border-radius: 5px;

	background: #fff;

	vertical-align: top;
	cursor: pointer;
	zoom: 1;
}
.view-home .grid-gallery > li {
	width: 31.33%;
}

.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 {
	height: 30px;
	margin-bottom: 5px;
	overflow: hidden; /* clip text */

	font-size: 12px;
	font-family: verdana, Tahoma, arial;
}
.product-item .price {
	font-size: 13px;
}
.product-item__buttons {
	margin-top: 5px;
}

.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 {
	height: 400px;
	margin-bottom: 15px;

	line-height: 400px;
	text-align: center;
}
.product-thumbs {
	margin-bottom: 15px;

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

	cursor: pointer;
}
.product-option-spacing {
	padding-right: 10px;
	padding-bottom: 7px;
}

#addToCardButtonDiv .btn--primary {
	height: 35px;
	line-height: 35px;
	padding: 0 25px;
	vertical-align: middle;	
}
.product-quantity {
	width: 35px;
	height: 35px;
	vertical-align: middle;

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

	font-weight: bold;
	text-align: center;
}
.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;
}

/* 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 */
.btn {
	display: inline-block;
	padding: 5px 7px;

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

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

	font-size: 11px;
	font-weight: bold;
	color: #222;
	line-height: 1;

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

.btn--primary {
	border: none;
	padding: 6px 8px;

	background: #5bb90e url(../design/btn_primary_bg.png) repeat-x bottom;

	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
.btn--primary--large {
	padding: 10px 24px;
	background-color: #54ad0b;
    background-image: -moz-linear-gradient(#5bb90e 50%, #4a9c07);
    background-image: -webkit-linear-gradient(#5bb90e 50%, #4a9c07);
    background-image: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.5, #5bb90e), to(#4a9c07));
    background-image: -o-linear-gradient(#5bb90e 50%, #4a9c07);
    background-image: linear-gradient(#5bb90e 50%, #4a9c07);

	font-size: 20px;
}

/* 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 sidebar 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-area-addresses,
.checkout-area-paymentoptions {
	width: 50%;
	float: right;
}

.checkout-area-addresses {
	padding-right: 20px;
	float: left;
}

.checkout-area-send {
	width: 50%;
	float: right;
	clear: right;
}

.checkout-stepnumber {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 8px;

	border-radius: 25px;
	background-color: #9dbd6f;

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

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

.checkout-thumb img {
	max-width: none;
}	

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

.is-hidden {
	display: none;
}

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

.is-menubar-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10;

	margin-left: auto;
	margin-right: auto;
}

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

th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 13px; 
	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: 13px;
}

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

table.graybg {
    width: 100%;
}
.graybg .bth2, 
.graybg .bth4, 
#td_attbetala, 
#td_varavmoms {
	white-space: nowrap;
}

/* Dropdown-cart */

.view-checkout div#topcart-holder {
	display: none;	
}

div#topcart-holder {
	float: right;
	margin-right: 4px;
	margin-top: 4px;
	height: 33px;
	z-index: 2;
	position: relative;
}
div#topcart-area {
	background: #fff;
	height: 33px;
	display: inline-block;
	font-size: 13px;
	line-height: 32px;
	border-radius: 3px;
	padding: 0 5px;
}
	
div#topcart-hoverarea {
	display: inline-block;
	*display: inline;
	margin: 0 5px;
	cursor: pointer;
}

div#popcart {
	position: absolute;
	right: 5px;
	top: 40px;
	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;
		
	color: #666;
	max-width: 350px;
	z-index: 900;
	height: 0px;
	overflow: hidden;
	display: none;	
}
	div#popcart .btn {
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
.cart-icons {
	color: #595959;
	font-size: 14px;
}

.cart-icons:hover {
	text-decoration: none;
}

.cart-add:hover {
	color: #338b33;
}

.cart-sub:hover {
	color: #3e62a3;
}

.cart-remove:hover {
	color: #900;
}

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: #e2ecc0 url(/design/shipping_icon.png) 5px 5px no-repeat;
	color: #693;
	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: #693;
}

/* Checkout */
			
			.fb_iframe_widget iframe {
				position: relative !important;
			}
			

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-top: 15px;
}
#paymentform {
	margin-top: 15px;
}

div.followuppost {
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom:16px;
	padding:12px;
}
div.followuppost h2 {
	color:#333;
	font-size:14px;
	line-height:16px;
	margin:0 0 8px 0;
	font-weight:bold;
}
div.followupstars {
	height:20px;
}
textarea.followupreview {
	width:400px;
	height:40px;
	margin-bottom:5px;
}
div.followupsocialbutton {
	float:left;
	margin-right:5px;
	margin-top:5px;
	height:30px;
	width:80px;
	line-height:30px;
	overflow:hidden;
}
div.followupsocialbuttons {
	overflow:hidden;
}
input.followupsubmit
{
	font-size:14px;
	cursor:pointer;
}
td.followupbild {
	width:105px;
	text-align:center;
}
td.followupbild img {
	max-width:105px;
}

/* 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;
}

/**
 * Cookie control
 */
.cookie-control-banner {
	position: fixed;
	bottom: 0;
	z-index: 100000;

	display: flex;
	flex-direction: column;
	justify-content: center;

	border-top: 2px solid #e9e9e9;
	padding: 10px;
	width: 100%;

	background: #2d2d2d;
	color: #fff;
	text-align: center;
}

.cookie-control-banner h4 {
	color: #fff;
}

.cookie-control-banner--big {
	min-height: 250px;
}

.cookie-control-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1220px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.cookie-control-wrapper .cookie-control-banner--small {
	display: flex;
}

.cookie-control-banner__text {
	display: block;

	text-align: left;
}

.cookie-control-banner__text .cookie-control-banner--small {
	margin-right: 15px;
}

.cookie-control-banner__text .cookie-control-banner--big {
	margin-bottom: 20px;
}

.cookie-control-banner__buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	max-width: 350px;
	width: 100%;
}

.cookie-control-banner__buttons .cookie-control-banner--small {
	margin-right: 0;
}

.cookie-control-banner__buttons .btn {
	display: block;
	border-radius: 0;
	margin-left: 5%;
	width: 100%;

	background: none;
	color: #fff;
}

.cookie-control-banner__buttons .btn:first-child {
	margin-left: 0;
}

.cookie-control-banner .btn--primary {
	border-color: #fff;

	background: #fff;
	color: #000;
}

.cookie-control-controller .btn {
	border-radius: 0;

	background: none;
	color: #000;
}

.cookie-control-controller .btn--primary {
	border-color: #000;

	background: #000;
	color: #fff;
}

.cookie-control-overlay {
	position: absolute;
	top: 0;
	z-index: 100001;

	height: 100%;
	width: 100%;

	background: #000;
	opacity: 0.6;
}

.cookie-control-controller-holder {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100002;

	display: flex;
	align-items: center;
}

.cookie-control-controller {
	max-height: 80vh;
	margin: auto;
	overflow-y: auto;
	padding: 3%;
	max-width: 753px;

	background: #fff;
}

.cookie-control-controller__item {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.cookie-control-controller__item h4 {
	font-size: 1.6rem;
}

.cookie-control-controller__optional {
	display: flex;
	align-items: center;

	padding-left: 15px;
}

.cookie-control-controller__optional label {
	display: flex;
	align-items: center;

	width: 100%;
}

.cookie-control-controller__optional input[type="checkbox"] + label:before {
	border: 2px solid #a9a9a9;
	border-radius: 4px;

	height: 16px;
	min-width: 16px;
	width: 16px;

	background-size: 10px;
}

.cookie-control-controller__optional .item-text {
	margin-left: 15px;
}

.cookie-control-controller__optional .item-text p {
	margin-bottom: 0;
}