@font-face {
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Regular'), url('/files/System/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Condensed'), url('/files/System/fonts/MYRIADPRO-COND.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Condensed Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Condensed Italic'), url('/files/System/fonts/MYRIADPRO-CONDIT.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Light';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Light'), url('/files/System/fonts/MyriadPro-Light.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Semibold'), url('/files/System/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Semibold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Semibold Italic'), url('/files/System/fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Bold Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Bold Condensed'), url('/files/System/fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Bold'), url('/files/System/fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Bold Italic'), url('/files/System/fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}

@font-face {
	font-family: 'Myriad Pro Bold Condensed Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Bold Condensed Italic'), url('/files/System/fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}

.bottomStrip {
	background-color: #ebe7dd;
	color: #00594c;
	font-size: 22px;
	position: relative;
	margin-top: 60px;
}

.bottomStripLeft {
	display: inline-block;
	padding-left: 150px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.bottomStripRight {
	display: inline-block;
	position: absolute;
	right: 0;
	padding-right: 150px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}

@media (max-width: 1200px) {
	.bottomStrip {
		font-size: 2.1vw;
	}
	.bottomStripLeft {
		padding-left: 9vw;
	}

	.bottomStripRight {
		padding-right: 9vw;
	}
}

@media (max-width: 480px) {
	.bottomStrip {
		text-align: center;
		padding-top: 4.4vw;
		padding-bottom: 4vw;
	}
	
	.bottomStripLeft,
	.bottomStripRight {
		padding-left: 0;
		padding-right: 0;
		display: block;
		position: relative;
		font-size: 4.5vw;
	}
}

.productPageSpecialMessage {
	color: #ea580b;
    margin-top: -16px;
    margin-bottom: 16px;
    font-size: 24px;
}

.brownSection {
	margin-top: 32px;
	background-color: #ebe7dc;
	padding: 40px;
}

.productPageAdditionalInfo {
	font-size: 14px;
}

.productPageInfoBody {
	display: none;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 14px;
}

.productPageInfoHeaderContainer {
	border-bottom: 1px solid #01594d;
}

.productPageInfoHeaderContainer.openContainer .productPageInfoBody {
	display: block;
}

.productPageMoreInfoContainer {
	width: 66%;
	padding-bottom: 32px;
}

.articleListFAQ .infoHeaderArrow,
.productPageInfoHeaderArrow {
	transform: rotate(90deg);
	width: 20px;
	height: 10px;
    float: right;
	position: relative;
	top: 18px;
	cursor: pointer;
}

.articleListFAQ .infoHeaderArrow {
	top: 8px;
}

.articleListFAQ .infoHeaderArrow svg,
.productPageInfoHeaderArrow svg {
	width: 16px;
	height: 8px;
}

.productPageInfoHeaderCloseButton {
	display: none;
	background-color: transparent;
	color: #01594d;
	float: right;
	font-size: 24px;
	padding-right: 10px;
	font-weight: 100;
}

.productPageInfoHeaderContainer.openContainer .productPageInfoHeaderArrow {
	display: none;
}

.productPageInfoHeaderContainer.openContainer .productPageInfoHeaderCloseButton {
	display: block;
}


.page372 #mainContent,
.centeredMainContentContainer {
	max-width: 600px;
	margin: auto;
}

.page372 #mainContent > .columns1 {
    border-top: 1px solid #00463b;
    padding-top: 12px;
}

.loginContainer {
	background-color: #f4f3ee;
	padding: 24px;
	max-width: 500px;
	margin: auto;
	font-size: 14px;
}

.loginContainer .boxOutlinedWarning,
.loginContainer .boxOutlined {
	border-width: 0;
	background-color: transparent;
	padding-left: 65px;
	text-transform: uppercase;
	color: #ea580b;
}

#mainLoginPassword,
#mainLoginUsername {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background-color: transparent;
	height: auto;
}

.loginContainer .formRow {
	margin-bottom: 16px;
}

.loginContainer .forgotPasswordToggleSubmit {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 8px 24px 8px 24px;
}

.footerVareproveMelding {
	float: right;
	background-color: #ffffff;
	padding: 12px 18px 12px 18px;
}

#breadcrumb {
	margin-top: 1%;
	margin-bottom: 1%;
	font-size: 12px;
	text-transform: uppercase;
}

#breadcrumb a {
	color: #000000;
}

.page23 #breadcrumb {
	display: none;
}

#footerLogo {
	width: 45px;
	margin-bottom: 18px;
}

#footerLogo path {
	fill: #00483b;
}


#sheet {

}

#topLogo path {
	fill: #00463b;
}

#basketIcon line {
	fill: none;
	stroke: #00463b;
	stroke-linecap: round;
	stroke-width: 6.41px;
}

#basketIcon polygon {
	fill: none;
	stroke: #00463b;
	stroke-linecap: round;
	stroke-width: 6.41px;
	stroke-linejoin: round;
}

#CybotCookiebotDialog button {
	height: auto;
}

select {
	font-family: Myriad Pro Regular, Arial, Helvetica;
}

.swiperBodyOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.sliderLenke {
	height: 100%;
	min-height: 100px;
	float: left;
}

.sliderLenke a {
    display: block;
    height: 100%;
    width: 100%;
}

.sliderLenke {
	background-color: #f197974a;
}

.sliderLenke:nth-of-type(2n) {
	background-color: #ffff974a;
}

#frontEndBody .sliderLenke,
#frontEndBody .sliderLenke:nth-of-type(2n) {
	background-color: transparent;
}

.sliderLenkeMobil {
	float: left;
}

.sliderLenkeMobil a {
    display: block;
    height: 100%;
    width: 100%;
}

.sliderLenkeMobil {
	background-color: #f197974a;
}

.sliderLenkeMobil:nth-of-type(2n) {
	background-color: #ffff974a;
}

#frontEndBody .sliderLenkeMobil,
#frontEndBody .sliderLenkeMobil:nth-of-type(2n) {
	background-color: transparent;
}


/* reduce size of Youtube videos */
@media (min-width: 481px) {
	#productIngress iframe {
		max-width: 300px;
		max-height: 170px;
	}
}

.pageFooter {
	margin-top: 15px;
}

.hidepageFooter .pageFooter {
	display: none;
}

.page23 .pageFooter {
	margin-top: 0;
	font-size: 1.3em;
}

@media (max-width: 768px) {
	.page23 .pageFooter {
		font-size: 1.1em;
	}
}

.page23 .pageFooter p:first-of-type {
	margin-top: 0px;
}

/* Tabs */

	.mobileBottomCustom {
		display: none;
	}

	.tabNavigation .tab {
		margin-top: 1px;
		margin-right: .2em;
		margin-bottom: -1px;
		float: left;
		padding: 7px 14px 7px 14px;
		font-weight: bold;
		color: #555555;
		border-top: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
		border-left: 1px solid #d3d3d3;
		background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(230,230,230,1) 50%, rgba(214,211,214,1) 51%, rgba(242,242,242,1) 100%);
		_background: rgba(251,183,66,0.1);
		cursor: pointer;
		border-bottom: 1px solid #aaaaaa;
	}

	@media (min-width: 769px) {
		.tabNavigation .tab {
			font-size: 1.1em;
		}
	}

	@media (max-width: 768px) {
		.tabNavigation .tab {
			font-size: 0.9em;
		}
	}

	.tabNavigation .tab.selectedTab,
	.tabNavigation .tab:hover,
	.tabNavigation .tab:focus {
		color: #212121;
		border-color: #999999;
		border-bottom-color: #aaaaaa;	
	}

	.tabNavigation .tab.selectedTab,
	.tabNavigation .tab.selectedTab:hover,
	.tabNavigation .tab.selectedTab:focus {
		background: none;
		cursor: auto;
		background-color: #ffffff;
		padding-bottom: 8px;
		border-bottom-width: 0px;
	}

	.tabNavigation .tab:hover,
	.tabNavigation .tab:focus {
		background: linear-gradient(to bottom, rgba(232,229,232,1) 0%, rgba(217,217,217,1) 50%, rgba(204,204,204,1) 51%, rgba(240,240,240,1) 100%);
		_background: rgba(251,183,66,0.2);
		padding-top: 5px;
		border-top-width: 3px;
		_border-top-color: #fbb742;
		outline: none;
	}

	.tabContent .tabBody {
		display: none;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-top: 1px solid #aaaaaa;
		padding: 1em 1.4em;
	}

	.tabContent .tabBody.selectedTabBody {
		display: block;
	}

	.tabContent .tabBody iframe {
		width: 100%;
		height: 500px;
	}




.productTabBody {
	display: none;
}

.productTabContainer.selectedTab .productTabBody {
	display: block;
}

.productTabOpenMarker {
	display: none;

}

.productTabClosedMarker {
    display: inline-block;
}

.productTabContainer.selectedTab .productTabOpenMarker {
	display: inline-block;
}

.productTabContainer.selectedTab .productTabClosedMarker {
	display: none;
}

.productTabTitle {
    font-size: 1.2em;
    padding: 0.83em 0.6em 0.2em 0;
    _border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 1.6em;
	cursor: pointer;
}

#klarnaBusinessMessage {
	width: 40%;
	padding-top: 30px;
}

#klarnaBusinsessMessageCloseButton {
    background-color: #000000;
    color: #ffffff;
    width: 100%;
    margin-top: 30px;
    height: 3em;
}

.soldOutContainer {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #00463b;
	font-size: 1.3em;
}

.stockQtyContainer {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: right;
	text-align: right;
	font-weight: 600;
}

#addToCartContainerWallToWall .stockQtyContainer {
	float: left;
	clear: both;
}

.klarnaPaymentsSelectorButton {
	display: inline-block;
	cursor: pointer;
	border: 1px solid #abadb3;
	padding: 10px 10px 8px 8px;
	margin-right: 8px;
	margin-top: 8px;
}

.klarnaPaymentsSelectorButton:hover {
	background-color: #f2f2f2;
}

.klarnaPaymentsSelectorButton.selectorSelected {
	background-color: #ebebeb;
}

.klarnaPaymentsSelectorButton img {
	vertical-align: middle; 
	margin-top: -2px;
}

.readonlyfield {
	color: #999999;
}

.popupImageFullWidth.mfp-bg {
	opacity: 0.9;
}

.popupImageFullWidth .navigation {
	position: absolute;
	bottom: 20px;
	width: 8%;
	cursor: pointer;
	opacity: .65;
}

.popupImageFullWidth .navigation svg {
	width: 100%;
}

.popupImageFullWidth .navigateLeft {
	left: 39%;
}

.popupImageFullWidth .navigateRight {
	right: 39%;
}

.popupImageFullWidth .navigateLeft svg {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}



.popupImageFullWidth .mfp-figure:after {
	box-shadow: none;
	background: transparent;
}

.popupImageFullWidth img.mfp-img {
	padding-bottom: 60px;
}

.bannerStickerPage {
    border: 1px solid #00463b;
    color: #00463b;
	margin-bottom: 8px;
	border-radius: 2px;
	padding: 4px 4px 6px 4px;
	font-weight: bold;
	text-align: center;
	-webkit-print-color-adjust: exact;
}

.bannerSticker {
	position: absolute;
	bottom: 20px;
	right: 8px;
	left: 8px;
	z-index: 2;
	background: #00463b;
	color: #ffffff;
	border-radius: 2px;
	padding: 4px 4px 6px 4px;
	font-weight: bold;
	text-align: center;
	-webkit-print-color-adjust: exact;
}


#frontEndBody .blackWeekShow {
	display: none;
}

#frontEndBody.blackWeek .blackWeekShow {
	display: block;
}

#frontEndBody.blackWeek .blackWeekHide {
	display: none;
}

#frontEndBody.blackWeek .discountSticker {
	background: #000000;
	height: 40px;
}

.cke_editable .blackWeekShow {
	border: 2px dotted #000000;
	margin-bottom: 5px;
}

.cke_editable .blackWeekHide {
	border: 2px dotted #ffa6a6;
	margin-bottom: 5px;
}

.blackWeek .discountSticker:before {
	left: -22px;
	border-width: 22px 22px 22px 0;
	border-color: transparent #000000 transparent transparent;
}

.blackWeek .discountSticker:after {
	top: 19px;
	left: -6px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
}

.blackWeek .discountStickerInner:before {
	content: "BLACK WEEK";
	display: block;
	word-spacing: normal;
	font-size: 0.7em;
}

.blackWeek.tilbudsside #sideMenuHeader {
	visibility: hidden;
	line-height: 0;
}

.blackWeek.tilbudsside #sideMenuHeader:after {
	content: "BLACK WEEK"; 
	visibility: visible;
	display: block;
	line-height: initial;
}

#mobileSubmenu {
	background-color: #f4f1ea;
	border-color: #f4f1ea;
	border-width: 1px;
	border-style: solid;
	min-height: 26px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 12px;
}

#mobileSubmenu > ul {
	display: none;
	padding: 0;
}

#mobileSubmenu > ul ul {
    padding-left: 25px;
}

#mobileSubmenu .mobileSubmenuOpenArrow {
    float: right;
	font-size: 0.7em;
    padding-top: 3px;
}

#mobileSubmenu ul > li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mobileSubmenu ul li a {
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 3px;
    display: inline-block;
}

#mobileSubmenuContainer {
	width: 150px;
	float: right;
}

#mobileSubmenuHeader {
	cursor: pointer;
	font-size: 13px;
}


/* SITE SPECIFIC */

	.productImageOverlay {
		display: inline-block;
		float: left;
		font-family: Myriad Pro Regular, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #ea580b;
	}

	#productPageImageInlineContainer .productImageOverlayContainer {
		top: 15px;
	}

	#productPageImageInlineContainer .productImageOverlay {
		font-size: 2.3em;
	}

	.sprkl-wrapper {
		width: 100%;
	}

	/* 0-10 calc to avoid moving the wrapper to the left if calc is not supported) */
	.sprkl-wrapper {
		width: calc(100% + 20px);
		margin-left: calc(0px - 10px);
	}

	.leftColumnCustomFixed {
		position: sticky;
		top: 20px;
	}

	.facebookElement {
		width: 100%;
	}

	#headerSliderContainerMobile {
		display: none;
	}

	#headerSliderContainerMobile {
		position: relative;
		margin: auto;
	}

	#headerSliderHeightMobile {
		padding-top: 100%;
		position: relative;
		overflow: hidden;
	}

	#headerSliderContainer {
		position: relative;
		max-width: 1200px;
		margin: auto;
	}

	#headerSliderHeight {
		padding-top: 44%;
		position: relative;
		overflow: hidden;
	}

	#headerSwiperMobile .swiperImageStack .slidesContainer,
	#headerSwiper .swiperImageStack .slidesContainer {
		padding-top: 0%;
		padding-bottom: 0%;
		width: 100%;
	}

	#headerSwiperMobile .swiperImageStack .swiper-slide,
	#headerSwiper .swiperImageStack .swiper-slide,
	.overlayImage {
		position: relative;
		overflow: hidden;
	}

	#headerSwiperMobile .swiperImageStack .swiper-container,
	#headerSwiper .swiperImageStack .swiper-container {
		padding-top: 0;
		padding-bottom: 0;
	}

	#headerSwiperMobile .swiperImageStack .swiper-slide img,
	#headerSwiper .swiperImageStack .swiper-slide img {
		max-width: none;
		max-height: none;
		width: 100%;
	}

	.overlayImage {
		text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
	}

	#headerSwiperMobile .swiperTitle,
	#headerSwiper .swiperTitle,
	.overlayImage .overlayReadMore {
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		top: 32%;
	}

	#headerSwiperMobile .texTopRight .swiperTitle,
	#headerSwiper .texTopRight .swiperTitle,
	.overlayImage.texTopRight .overlayReadMore	{
		top: 5%;
		right: 8%;
		text-align: right;
	}

	#headerSwiperMobile .textTopLeft .swiperTitle,
	#headerSwiper .textTopLeft .swiperTitle,
	.overlayImage.textTopLeft .overlayReadMore {
		top: 5%;
		left: 8%;
		text-align: left;
	}

	#headerSwiperMobile .textTopCenter .swiperTitle,
	#headerSwiper .textTopCenter .swiperTitle,
	.overlayImage.textTopCenter .overlayReadMore {
		top: 5%;
	}

	#headerSwiperMobile .textBottomRight .swiperTitle,
	#headerSwiper .textBottomRight .swiperTitle,
	.overlayImage.textBottomRight .overlayReadMore {
		top: auto;
		bottom: 5%;
		right: 8%;
		text-align: right;
	}

	#headerSwiperMobile .textBottomLeft .swiperTitle,
	#headerSwiper .textBottomLeft .swiperTitle,
	.overlayImage.textBottomLeft .overlayReadMore {
		top: auto;
		bottom: 5%;
		left: 8%;
		text-align: left;
	}

	#headerSwiperMobile .textBottomCenter .swiperTitle,
	#headerSwiper .textBottomCenter .swiperTitle,
	.overlayImage.textBottomCenter .overlayReadMore {
		top: auto;
		bottom: 5%;
	}

	#headerSwiperMobile .swiperTitleInner,
	#headerSwiper .swiperTitleInner,
	.overlayImage .overlayReadMoreInner {
		color: #ffffff;
		font-size: 3em;
		line-height: 1.2em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		padding-right: 0.5em;
		padding-left: 0.5em;
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		display: inline-block;
		font-family: Myriad Pro Semibold;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #000000;
	}


	#headerSwiperMobile .swiperTitleInner .mediumTekst,
	#headerSwiper .swiperTitleInner .mediumTekst {
		font-size: 1.4em;
		line-height: normal;
	}

	#headerSwiperMobile .swiperTitleInner .storTekst,
	#headerSwiper .swiperTitleInner .storTekst {
		font-size: 1.8em;
		line-height: normal;
	}

	#headerSwiperMobile .swiperTitleInner .gronTekst,
	#headerSwiper .swiperTitleInner .gronTekst {
		color: #00594c;
		-webkit-text-stroke-color: #ffffff;
	}

	@media (max-width: 768px) {

		html #headerSwiper .swiperTitleInner {
			font-size: 4vw;
		}

		html #headerSwiper .swiperTitleInner .mediumTekst {
			font-size: 5vw;
		}

		html #headerSwiper .swiperTitleInner .storTekst {
			font-size: 7vw;
		}

		html #headerSwiperMobile .swiperTitleInner {
			font-size: 5.5vw;
		}

		html #headerSwiperMobile .swiperTitleInner .mediumTekst {
			font-size: 7vw;
		}

		html #headerSwiperMobile .swiperTitleInner .storTekst{
			font-size: 11vw;
		}

	}

	@media (max-width: 1300px) {

		#headerSwiperMobile .swiperTitleInner,
		#headerSwiper .swiperTitleInner,
		.overlayImage .overlayReadMoreInner {
			font-size: 2.3em;
		}
	}

	@media (max-width: 1070px) {
		#headerSwiperMobile .swiperTitleInner,
		#headerSwiper .swiperTitleInner,
		.overlayImage .overlayReadMoreInner {
			font-size: 2em;
		}
	}

	#headerSwiperMobile .swiperTitleInner p,
	#headerSwiper .swiperTitleInner p {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	#headerSwiperMobile .swiperReadMore,
	#headerSwiper .swiperReadMore,
	.overlayImage .overlayReadMore a {
		color: #ffffff;
	}

	#headerSwiperMobile .swiperImageStack .navigation,
	#headerSwiper .swiperImageStack .navigation {
		display: table-cell;
		vertical-align: middle;
	}

	#headerSwiperMobile .swiperImageStack .navigation svg,
	#headerSwiper .swiperImageStack .navigation svg {
		position: absolute;
		top: 48%;
		height: 30px;
		width: 30px;
	}

	#headerSwiperMobile .swiperImageStack .navigation svg g,
	#headerSwiper .swiperImageStack .navigation svg g {
		stroke-width: 50px;
		stroke: rgba(255, 255, 255, 0.8);
		fill: rgba(0, 70, 59, 0.8);
	}

	#headerSwiperMobile .swiperImageStack .navigation.navigateRight svg,
	#headerSwiper .swiperImageStack .navigation.navigateRight svg {
		right: 0px;
	}

	#headerSwiperMobile,
	#headerSwiper {
		height: 100%;
	}

	#chatPopup #phoneChatButtonLinked.chatButton {
		display: none;
		margin-top: 24px;
	}
	#chatPopup #phoneChatButtonDeactivated.chatButton {
		display: inline-block;
		cursor: default;
		margin-top: 24px;
	}

	

	/* z-index to get on top of AddThis */
	#chatIconContainer {
		text-align: center;
		width: auto;
		top: 150px;
		right: 0px;
		position: fixed;
		z-index: 1000001;
	}

	#chatPopup {
		display: none;
		position: relative;
		width: 320px;
		padding: 6px 6px 12px 6px;
		background-color: #ffffff;
		margin-right: 10px;
		box-shadow: 0 0 0px 4px #ffffff;
		margin-top: -40px;
		margin-right: 55px;
		font-size: 18px;
	}

	#chatPopup .chatButton {
		margin-top: 12px;
		display: inline-block;
		width: 220px;
		padding-right: 2em;
		padding-left: 2em;
		padding-top: 0.4em;
		min-height: 1.6em;
		border: 0px;
		font-weight: normal;
		background-color: #00463b;
		color: #ffffff;
		font-size: 20px;
	}

	#chatPopup .chatButton.chatButtonDeaktivert {
		background-color: rgba(132, 132, 132, 0.59);
		cursor: default;
	}

	#chatPopup .chatCloseButton {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 6px;
		right: 6px;
		cursor: pointer;
	}

	#chatIsClosedMessage {
		color: red;
		margin-top: 6px;
	}

	#chatPopup .chatCloseButton circle {
		fill: none;
		stroke: #00463b;
		stroke-width: 400px;
	}

	#chatPopup .chatCloseButton path {
		fill: #00463b;
		stroke: #ffffff;
		stroke-width: 300px;
	}

	#chatPopup .chatTitle {
		font-size: 1.6em;
		margin-bottom: 30px;
		margin-top: 12px;
	}

	#chatIconContainer .mobileStickerImage {
		display: none;
	}

	#chatIconContainer .stickerImage {
		width: 119px;
		height: 27px;
		cursor: pointer;
		transform: rotate(90deg);
		position: absolute;
		right: -57px;
		top: -10px;
		font-size: 18px;
		font-weight: 100;
		font-family: Myriad Pro Regular, Arial, Helvetica;
		color: #ffffff;
		padding-top: 29px;
		background-color: #00463b;
	}

	#chatPopup .chatBottomText {
		margin-top: 20px;
		font-size: 0.8em;
	}

	#chatPopup .chatBottomText a {
		color: #a59e85;
	}

	#chatPopup .chatBottomText p:first-of-type {
		margin-top: 0px;
	}

	#chatPopup .chatBottomText p:last-of-type {
		margin-bottom: 0px;
	}

	#lhnChatButton > a {
		background: url("/images/resized/12345/w37/System/livehelp_kontakt_oss.png") no-repeat scroll 0 0 transparent !important;
		height: 149px !important;
		width: 37px !important;
		display: inline-block;
	}

	#lhnChatButton > a > #lhnchatimg {
		display: none;
	}

	#topHeaderContainer {
		width: 100%;
		height: 68px;
		background-color: #00463b;
		border-bottom: 1px #d3d2d2 solid;
	}

	#topHeaderContent {
		max-width: 1500px; 
		padding-left: 15px;
		padding-right: 15px;
		margin:0 auto;
		color: #dad2c7;
	}

	#topHeaderContainer .centerText {
		text-align: center;
		line-height: 15px;
		font-size: 20px;
	}

	#topHeaderContainer .centerTextSmall {
		text-align: center;
		line-height: 18px;
		font-size: 14px;
		font-family: Myriad Pro Light;
		margin-top: 8px;
	}

	.grid-container {
		display: -ms-grid;
		display: grid;
	}

	.grid-container--fit {
		grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	.grid-element1 {
		-ms-grid-column: 1;
		padding-right: 20px;
		padding-top: 15px;
	}

	.grid-element2 {
		-ms-grid-column: 2;
		padding-right: 12px;
		padding-left: 12px;
		padding-top: 15px;
	}

	.grid-element3 {
		-ms-grid-column: 3;
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 15px;
	}

	.grid-element4 {
		-ms-grid-column: 4;
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 15px;
	}

	.grid-element5 {
		-ms-grid-column: 5;
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 15px;
	}

	#headerContainer {
		display: flex;
		flex-direction: column;
		height: 203px;
		background-color: #ebe7dc;
	}

	#headerContent {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}

	#headerPhoneIcon {
		vertical-align: middle;
		padding-right: 5px;
		width: 43px;
		height: 38px;
	}
	
	#left {
		margin-top: 25px;
		position: absolute;
	}

	#topRight { 
		float: right;
		padding-top: 18px;
		display: flex;
	}

	#topMenuBasket { 
		margin-left: 50px;
	}

	#bottomRight { 
		clear: right;
		float: right;
		margin-top: 20px;
	}

	#topMenu1Container {
		float: right;
	}

	#topMenuContainer .node23 {
		display: none;
	}

	/* It's a duplicate */
	#compactMenu .node600 {
		display: none;
	}
 
	#search {
		align-self: flex-end;
	}

	#topMenuBasket { 
		display: flex;
		align-self: flex-end;
	}

	#topMenuBasketCount {
		align-self: flex-end;
		color: #00594c;
		font-size: 12px;
		font-family: Myriad Pro Light;
		margin-right: 6px;
	}

	#basketIcon {
		width: 28px;
		height: 28px;
		vertical-align: middle;
		margin-bottom: 2px;
	}

	#searchMagnifier {
		width: 28px;
		height: 28px;
		margin-top: 6px;
		margin-left: 14px;
		cursor: pointer;
	}

	#searchMagnifier path {
		fill: none;
		stroke: #00463b;
		stroke-width: 6.41px;
	}

	#searchMagnifier line {
		fill: none;
		stroke: #00463b;
		stroke-width: 6.41px;
		stroke-linecap: round;
	}

	#searchSubmitButton {
		display: none;
	}

	#searchInput {
		width: 170px;
		float: left;
		border-width: 0px;
		border-bottom-width: 1px;
		border-bottom-color: #00463b;
		background-color: transparent;
	}

	#topLogo {
		width: 270px;
		margin-top: 30px;
	}

	#topMenuContainer {
		margin: auto;
		width: 100%;
		background-color: #ebe7dc;
		clear: both;
		margin-bottom: 0;
	}

	.page23 #topMenuContainer {
		margin-bottom: 0px;
	}

	#topMenuContent {
		max-width: 1200px;
		margin: 0 auto;
		padding-bottom: 14px;
		position: relative;
	}	

	#mainContainer {
		min-height: 125px;
		max-width: 1200px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 auto;
	}

	#frontPageArticles {
		margin-top: 1em;
	}

	#footerContainer {
		background-color: #f4f3ee;
	}

	#footerContent {
		max-width: 1200px;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		margin: 0 auto;
		align-content: center;
		box-sizing: border-box;
	}

	#footerContent a {
		font-weight: normal;
		color: #005a4b;
		line-height: 1.6;
	}

	#footerContent {
		color: #005a4b;
		margin-top: 2em;
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.footerFollowIcon {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		margin-top: 0.5em;
	}

	#footer1 {
		width: 25%;
	}

	#footer2 {
		width: 25%;
	}

	#footer3 {
		width: 25%;
	}

	#footer3{
		width: 25%;
	}

	#scrollCircle {
		width: 40px;
		height: 40px;
		opacity: 0.80;
		position: fixed;
		bottom: 50px;
		right: 100px;
		cursor: pointer;
		background-repeat: no-repeat;
		z-index: 3;
	}

	.productInfoContainer .discountSticker {
		top: -5px;
		right: -30px;
		display: inline-block;
		position: relative;
	}

	#addToCartContainerBasic .productInfoContainer .discountSticker {
		top: 4px;
	}

/* Base Elements - CSS Resets */

	body {
		font-size: 100%;
		margin: 0px;
		padding: 0px;
		height: 100%;
		font-family: Myriad Pro Regular, Arial, Helvetica;
		color: #231f20;
	}

	table, thead, tbody, tr, td, th {
		font-size: inherit;
		font-family: inherit;
	}

	form {
		padding: 0px;
		margin: 0px;
	}

	a {
		color: #00594c;
		text-decoration: none;
	}

	a:hover {
		color: #a59e84;
	}

	img {
		border-width: 0px;
	}

	/* Removes default scrollbars in IE */
	textarea {
		overflow: auto;
	}

	input[type='checkbox'],
	input[type='radio'] {
		margin: 0.4em 0.4em 0px 0px;
		padding: 0px;
	}

	input {
		font-size: inherit;
	}

	/* -webkit-appearance: Removes default scrollbars in IE */
	.linkButton,
	button,
	input[type='reset'],
	input[type='button'],
	input[type='submit'] {
		border-color: #ebe7dc;
		border-width: 0px;
		border-style: solid;
		background-color: #ebe7dc;
		color: #00463b;
		cursor: pointer;
		font-size: 16px;
		padding-right: 1em;
		padding-left: 1em;
		-webkit-appearance: none;
	}

	.linkButton,
	button,
	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	.inputHeight {
		height: 2em;
	}

	.linkButton {
		display: inline-flex;
		align-items: center;
		font-size: 24px;
	}

	.linkButton:hover {
		color: #00463b;
	}

	textarea,
	input[type='text'],
	input[type='email'],
	input[type='password'] {
		box-sizing: border-box;
		border-color: #abadb3;
		border-width: 1px;
		border-style: solid;
		padding: 1px 1px 1px 4px;
	}

	*:focus {
		outline-color: #231f20;
	}

	input[type='text'],
	input[type='email'],
	input[type='password'] {
		height: 2.2em;
	}

	textarea:required,
	input:required,
	textarea.showValidationIcon,
	input.showValidationIcon {
		padding-right: 21px;
	}

	input.user-success:required,
	input.user-success.showValidationIcon,
	textarea.user-success:required,
	textarea.user-success.showValidationIcon {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAMFBMVEWR03BDtAKl3IcnqQBmwjM7sQAZpAB6ylIzrgDg8tXt+OaCzlwMngBMuBD///////8l8e8EAAAAEHRSTlP///////////////////8A4CNdGQAAAIZJREFUeNpNj0ESxSAIQwMBilrb+9/2S3Xxs+KFGUjwLnW1OU1bzWVopot4OraBcNkKlKEhR2Toi55nnxxXZofycOjz2K0wl8zDj9EwJcW4+aJMiEt7cH9c52Gca24fu7hBybHo7Kn1NrB4RKVlr2Dl7LihX3SmWxZz7HJIssrlLrfU/ur/AJYFBvl3Q0GRAAAAAElFTkSuQmCC);
	}

	input.user-success:required,
	input.user-success.showValidationIcon {
		background-repeat: no-repeat;
		background-position: 99% 50%;
		border-color: #42b402;
	}

	textarea.user-success:required,
	textarea.user-success.showValidationIcon {
		background-repeat: no-repeat;
		background-position: 99% 4px;
		border-color: #42b402;
	}

	textarea.user-success:disabled,
	input.user-success:disabled {
		background-image: none;
	}

	/* Both color must be set because firefox uses color, and the other browsers background-color */
	hr {
		background-color: #708bbc;
		color: #708bbc;
		height: 1px;
	}

	.pageTitle,
	.relatedProductsTitle,
	h1 {
		font-size: 24px;
		font-weight: normal;
	}

	.productPageTitle {
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		margin-top: 4px;
	}

	h2 {
		font-size: 18px;
	}

	h2.reduceh2 {
		margin-bottom: 0.2em;
		border-bottom-width: 0px;
		font-size: 14px;
	}

	h2.productPageSubHeader {
		font-size: 24px;
		font-weight: normal;
	}

	h2.productPageSubHeader.productPageInfoHeaderTitle {
		cursor: pointer;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 18px;
	}

	h2.productPageSubHeader.productPageInfoHeaderTitle.withTopHeader {
		margin-top: 32px;
	}

	.productPageInfoHeaderContainer.openContainer h2.productPageSubHeader.productPageInfoHeaderTitle {
		cursor: default;
	}

	h3,
	h4 {
		font-size: 1.2em;
	}

	h5,
	h6 {
		font-size: 1.1em;
	}

	.ui-datepicker {
		font-size: 0.8em;
		z-index: 9999 !important;
	}


/* Dimensions and margins */

	#header,
	#main {
		width: 85%;
	}

	#header,
	#main {
		max-width: 1280px;
	}

	/* box-sizing: keeps the widths of main and header equal even when only main has padding (headerMargin off) */
	#main,
	#header {
		box-sizing: border-box;
	}

	#main {
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 1%;
	}



/* Background Elements */

	/* Backgrounds here do not show in the wysiwygs in admin */
	@media screen {
		#frontEndBody {
			background-color: #ffffff;
			z-index: -20;
		}
	}



/* Header Elements */

	#compactHeader {
		display: none;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .16);
	}

	.fixCompactHeader #compactHeader {
		position: fixed;
		width: 100%;
		z-index: 200;
		max-height: 100%;
		overflow-y: auto;
	}

	#compactHeaderGraphics {
		background-color: #ebe7dc;
		height: 68px;
		overflow: hidden;
	}

	#compactHeaderGraphics .compactHeaderButton {
		width: 24px;
		height: 24px;
		margin-top: 12px;
		padding: 10px;
		float: right;
		margin-right: 12px;
		z-index: 1;
		position: relative;
	}

	#compactLogoContainer {
		width: 180px;
		height: 44px;
		position: absolute;
		left: 12px;
		top: 16px;
		z-index: 0;
	}

	#compactLogo path {
		fill: #00463b;
	}

	.reverseCompactHeader #compactHeaderGraphics .compactHeaderButton {
		float: right;
		margin-left: 0px;
		margin-right: 12px;
	}

	.reverseCompactHeader #compactLogoContainer {
		left: 12px;
	}

	.reverseCompactHeader #compactLogo {
		right: auto;
		left: 0px;
	}

	#header {
		position: relative;	
		background-color: #ffffff;
		margin-left: auto;
		margin-right: auto;
	}

	#headerImages img {
		width: 100%;
		height: 100%;
	}

	#logoContainer {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
		text-align: right;
		z-index: 100;
		margin-right: 6.5%;
	}

	#logo {
		width: 25%;
		vertical-align: middle;
	}

	#compactHeaderGraphics .compactHeaderButton svg g {
		fill: #00463b;
	}

	#compactHeaderGraphics .compactHeaderButton {
		color: #00463b;
		cursor: pointer;
		font-weight: bold;
		white-space: nowrap;
	}

	#compactSearch {
		background-color: #00463b;
		padding: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ffffff;
	}

	#compactSearch input[type='submit'] {
		float: right;
		width: 55px;
	}

	#compactSearchQ {
		width: 100%;
		float: left;
	}


/* Page Elements */

	#main {
		padding-top: 1%;
		background-color: #ffffff;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	#mainContent {
		font-size: 18px;
	}

	#mainContent.loadingOverlay:before,
	#mainContent.loadingOverlay:after {
		z-index: 500;
	}

	.centerElement {
		margin-bottom: 2%;
	}

	.sideElement {
		margin-bottom: 4%;
	}

	.sideElementHeader {
		background-color: #708bbc;
		font-weight: bold;
		color: #ffffff;
		padding-top: 6px;
		padding-right: 10px;
		padding-bottom: 6px;
		padding-left: 10px;
	}

	.sideElementBody {
		background-color: rgba(0, 31, 95, 0.85);
		color: #ffffff;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		margin-top: 1px;
		line-height: 130%;
	}

	.sideElementBodyOnly {
		background-color: #708bbc;
		color: #ffffff;
		padding-top: 6px;
		padding-right: 10px;
		padding-bottom: 6px;
		padding-left: 10px;
	}

	#cartExtension {
		position: absolute;
		max-width: 1200px;
		left: 0;
		top: 125px;
		right: 0;
		margin: auto;
		display: none;
		width: 100%;
		box-sizing: border-box;
		background-color: #ebe7dc;
		color: #231f20;
		line-height: 110%;
		z-index: 210;
		border: none;
	}

	#cartExtension.scrolledToRelatedProducts {
		position: fixed;
		top: 5px;
		border-color: #bcbcbc;
		border-width: 1px;
		border-style: solid;
	}

	#cartExtensionElement {
		margin-top: 2%;
		margin-bottom: 2%;
		margin-right: 4%;
		margin-left: 4%;
	}

	#cartExtensionProductContainer {
		width: 74%;
		float: left;
	}

	#cartExtensionControlsContainer {
		font-size: 0.9em;
		width: 24%;
		float: right;
		text-align: right;
	}

	#cartExtensionControlsContainer input[type='button'],
	#cartExtensionControlsContainer input[type='submit'] {
		margin-top: 5%;
		width: 100%;
	}

	#cartExtensionControlsContainer input[type='submit'] {
		height: 2.1em;
	}

	#cartExtensionPricesContainer {
		margin-top: 5%;
	}

	#cartExtensionPricesContainer .incVatBox {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ffffff;
		border-bottom-width: 4px;
		border-bottom-style: double;
		border-bottom-color: #ffffff;
	}

	#cartExtensionShippingCheckContainer {
		margin-top: 10%;
		font-size: 11px;
	}

	#cartExtensionShippingCheckZipCode {
		width: 4em;
	}

	#cartExtensionShippingCheckResult {
		margin-top: 5%;
		z-index: -1;
		float: right;
		text-align: right;
		min-width: 100px;
		min-height: 50px;
	}

	#cartExtensionShippingCheckResult.loadingOverlay:before {
		border-radius: 4px;
		background-color: rgba(225, 225, 255, .95);
	}

	#sharetool {
		float: right;
		height: 32px;
	}

	.klarna-widget {
		min-height: 60px;
		margin-bottom: 12px;
		margin-top: 24px;
	}

	#klarna-widget::part(osm-container) {
		background-color: #f4f3ee;
		border: 0;
	}

	#klarna-widget::part(osm-badge) {
		fill: #ffffff !important;
	}

	.circleContainerSamples {
		width: 140px;
		height: 140px;
		border-radius: 50%;
		background-color: #ebe7dc;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 20px;
		font-family: sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #01594d;
		line-height: 1.4;
		margin-top: 80px;
		cursor: pointer;
	}

	/* Pre-styling these tags to avoid content shifting when loading the addthis stylesheet */
	#sharetool a {
		padding: 0px 2px 0px 2px;
		float: left;
	}

	#poweredby {
		text-align: center;
		padding-top: 3em;
		padding-bottom: 3em;
		padding-right: 15px;
		color: black;
		font-size: 0.75em;
	}

	.pageImage {
		float: left;
		margin-right: 2%;
		margin-bottom: 1%;
		max-width: 50%;
	}

	.articlePageImage {
		float: left;
		width: 50%;
		margin-right: 2%;
		margin-bottom: 1%;
	}

	/* Hack: Avoid list elements overlapping any left floated image */
	.articlePage ul,
	.articlePage ol {
		overflow: hidden;
	}

	#productPageImageInlineContainer {
		height: 100%;
	}

	#productPageImageInlineContainer .zoomButton {
		position: absolute;
		bottom: 4px;
		z-index: 199;
		border-width: 0;
	}

	#productPageImageInlineContainer .swiperImageStack .navigation svg {
		width: 75%;
	}

	#articlePageImageInlineContainer {
		height: 100%;
	}

	#articlePageImageInlineContainer .zoomButton {
		position: absolute;
		bottom: 0px;
		z-index: 199;
	}

	#articlePageImageInlineContainer.inlineGallery .swiperThumbStack {
		height: 130px;
	}

	.articlePageDescription {
		font-weight: bold;
	}

	.productPageFullVariantSelects .imageFormat a {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 2%;
		text-align: center;
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

	.productPageFullVariantSelects .imageFormat .selectedImage a {
		border-width: 1px;
		border-style: solid;
		border-color: #231f20;
	}

	/* Adds a transparent border so images without selected border will be of the same size. */
	.productPageFullVariantSelects .imageFormat .aspectRatioElement {
		padding: 1px;
	}
	.productPageFullVariantSelects .imageFormat .selectedImage .aspectRatioElement {
		padding: 0px;
	}

	.productPageFullVariantSelects .imageFormat .variantImageHeight {
		position: relative;
		padding-top: 95%;
	}

	.productPageFullVariantSelects .imageFormat img {
		max-width: 100%;
		max-height: 100%;
	}

	.productPageVariantSelects {
		width: 100%;
		margin-bottom: 2%;
		height: 2.2em;
	}

	.productPageCustomerCommentBox {
		width: 100%;
		height: 40px;
	}

	.productPageInfo .productInfoContainer {
		margin-bottom: 6px
	}

	.productPageInfo .productInfoContainer.variantRow,
	.productPageInfo .productInfoContainer.imageVariantRow {
		display: none;
	}

	.productPageInfo .productInfoTitle {
		width: 98px;
		float: left;
	}

	.productPageInfo .productInfoContent {
		margin-left: 100px;
	}


/* Menus */

	/* Drop Down Menu - Basic drop down functionality */
	.dropDownMenu ul a {
		display: block;
	}

	.dropDownMenu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		z-index: 202;
	}

	.dropDownMenu ul li {
		display: block;
		float: left;
		position: relative;
	}

	.dropDownMenu ul ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
	}

	.dropDownMenu ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}

	.dropDownMenu ul ul li {
		float: none;
	}

	.dropDownMenu ul ul ul {
		left: 98%;
		top: 6px;
	}

	.dropDownMenu ul:after {
		content: '';
		clear: both;
		display: block;
	}

	/* Two Levels / Multi Column Mode */
	.multiColumn .dropDownMenu > ul {
		position: relative;
	}

	.multiColumn .dropDownMenu ul li.node351,
	.multiColumn .dropDownMenu ul li.node270 {
		position: static;
	}

	.multiColumn .dropDownMenu ul li.node351 ul li,
	.multiColumn .dropDownMenu ul li.node270 ul li {
		float: left;
	}

	.multiColumn .dropDownMenu ul li.node351 ul ul li,
	.multiColumn .dropDownMenu ul li.node270 ul ul li {
		float: none;
	}

	.multiColumn .dropDownMenu ul li.node351 ul ul,
	.multiColumn .dropDownMenu ul li.node270 ul ul {
		left: 0px;
		top: 0px;
		position: relative;
	}

	.multiColumn .dropDownMenu ul li.node351:hover ul,
	.multiColumn .dropDownMenu ul li.node270:hover ul {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}

	#topMenuBody.multiColumn .dropDownMenu ul li.node351 ul ul,
	#topMenuBody.multiColumn .dropDownMenu ul li.node270 ul ul {
		border-width: 0px;
		padding-left: 0px;
	}

	#topMenuBody.multiColumn .dropDownMenu ul li.node351 ul li a,
	#topMenuBody.multiColumn .dropDownMenu ul li.node270 ul li a {
		font-weight: bold;
	}

	#topMenuBody.multiColumn .dropDownMenu ul li.node351 ul li a:after,
	#topMenuBody.multiColumn .dropDownMenu ul li.node270 ul li a:after {
		content: ' ';
	}

	#topMenuBody.multiColumn .dropDownMenu ul li.node351 ul ul li a,
	#topMenuBody.multiColumn .dropDownMenu ul li.node270 ul ul li a {
		font-weight: normal;
	}

	#topMenuBody.multiColumn .dropDownMenu ul li.node569 > a {
		visibility: hidden;
	}

/* Top Menu 1- Visual styling */
	#topMenuBody1 {
		font-size: 0.9em;
		text-transform: uppercase;
		float: right;
	}

	#topMenuBody1 ul {
		background-color: transparent;
		border-color: transparent;
		border-style: solid;
		border-width: 0px;
		z-index: 203;
	}

	#topMenuBody1 ul li a {
		font-size: 14px;
		color: #00594c;
		text-decoration: none;
		padding-top: 7px;
		padding-left: 14px;
		margin-left: 10px;
		padding-bottom: 6px;
		padding-right: 0px;
		white-space: nowrap;
	}

	#topMenuBody1 ul ul {
		background-color: #ffd987;
		border-color: #244177;
		border-style: solid;
		border-width: 1px;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#topMenuBody1 ul ul li a {
		padding: 8px 18px 8px 8px;
		margin-right: 10px;
		color: #231f20;
		font-weight: normal;
	}

	#topMenuBody1 ul ul li.parentNode > a:after {
		content: '►';
		position: absolute;
		right: 5px;
		font-size: 0.8em;
		top: 1em;
	}

	#topMenuBody1 ul li a:hover {
		color: #a59e84;
		text-decoration: underline;
	}


	/* Side Menu - Functionality */
	#sideMenu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}


	/* Top Menu - Visual styling */
	#topMenuBody {
		text-transform: uppercase;
	}

	#topMenuBody ul {
		background-color: transparent;
		border-color: transparent;
		border-style: solid;
		border-width: 0px;
	}

	#topMenuElement {
		text-align: center;
	}

	#topMenuElement > ul {
		display: inline-block;
		text-align: left;
	}

	#topMenuElement > ul > li > a {
		font-size: 14px;
	}

	#topMenuElement ul li a {
		color: #00463b;
		text-decoration: none;
		padding-top: 7px;
		padding-right: 7px;
		padding-bottom: 6px;
		padding-left: 7px;
		font-weight: bold;
		white-space: nowrap;
		margin-top: 5px;
	}

	#topMenuElement  ul li a:hover {
		color: #a59e84;
	}

	#topMenuElement > ul > li:hover > a {
		color: #a59e84;
		text-decoration: underline;
	}

	#topMenuBody ul ul {
		background-color: #ebe7dc;
		margin-top: 0;
		border-width: 1px;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 18px;
		padding-bottom: 8px;
	}

	#topMenuBody ul ul ul {
		padding-top: 8px;
	}

	#topMenuElement .dropdownBackground {
		display: none;
		background-color: #ebe7dc;
		width: 1201px;
		max-width: 100vw;
		height: 105%;
		position: absolute;
		top: 0;
	}

	#topMenuElement ul li:hover .dropdownBackground {
		display: block;
	}

	#topMenuBody ul ul li a {
		font-size: 14px;
		padding: 5px 25px 5px 0px;
		font-weight: normal;
		margin-top: 0px;
	}

	#topMenuBody ul ul li.parentNode > a:after {
		content: '►';
		position: absolute;
		right: 1px;
		font-size: 0.8em;
		top: 0.8em;
	}

	#topMenuBody ul ul li a:hover {
		color: #a59e84;
	}


	/* Side Menu - Functionality */
	#sideMenu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#sideMenu ul li {
		display: block;
	}

	#sideMenu ul ul {
		display: none;
	}

	#sideMenu ul li.expandNode > ul {
		display: block;
	}

	/* Side Menu - Visual styling */
	#sideMenu ul li a {
		display: block;
		color: #3e3e3e;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #5d5e61;
		background-color: transparent;
		background-image: none;
		padding: 4% 0 1% 0;
		margin-bottom: 2px;
		font-size: 1.1em;
		font-weight: normal;
	}

	#sideMenu ul li.activeNode > a,
	#sideMenu ul li a:hover {
		color: #fbb742;
	}

	#sideMenu ul ul li a {
		padding: 2% 2% 2% 23px;
		border-color: #ffffff;
	}

	#sideMenu ul ul ul li a {
		background-position: 20px center;
		padding-left: 37px;
	}

	#sideMenu ul ul ul li a:before {
		left: 25px;
	}

	#sideMenu ul ul ul ul li a {
		padding-left: 52px;
	}

	#sideMenu ul ul ul ul li a:before {
		left: 40px;
	}

	#sideMenu ul ul ul ul ul li a {
		padding-left: 67px;
	}

	#sideMenu ul ul ul ul ul li a:before {
		left: 55px;
	}

	#sideMenu ul ul ul ul ul ul li a {
		padding-left: 82px;
	}

	#sideMenu ul ul ul ul ul ul li a:before {
		left: 70px;
	}


	#sideMenu {
		margin-bottom: 24%;
	}

	#sideMenuHeader {
		color: #fbb742;
		font-family: Myriad Pro Regular;
		text-transform: uppercase;
		font-size: 1.6em;
	}

	#edgingCarpetSelect {
		height: 2em;
		margin-bottom: 4px;
		border-top-right-radius: 0.25em;
		border-top-left-radius: 0.25em;
		border-bottom-right-radius: 0.25em;
		border-bottom-left-radius: 0.25em;
	}

	.edgingInfoMessage {
		margin-bottom: 1em;
		margin-top: 1em;
	}

	.disableOverlay {
		position: relative;
	}

	.disableOverlay:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, .65);
		z-index: 2;
	}

	#addToCartActionContainer {
		clear: both;
		padding-top: 10px;
	}

	.addToCartContainerSubButton {
		background-color: #00463b;
		color: #ffffff;
		width: 49%;
		float: left;
		margin-top: 6px;
		padding: 7px 0 7px 0;
		text-align: center;
		font-size: 12px;
		text-transform: uppercase;
	}

	.addToCartContainerLinkButton {
		background-color: #00463b;
		width: 49%;
		float: left;
		margin-top: 6px;
		margin-right: 2%;
		font-size: 12px;
		text-transform: uppercase;
	}

	.addToCartContainerLinkButton a {
		display: block;
		padding: 7px 6% 7px 6%;
		font-weight: normal;
		color: #ffffff;
	}

	#addSampleToCart {
		cursor: pointer;
	}

	.addToCartContainerSubButton:first-of-type {
		margin-right: 2%;
	}

	.addToCartContainerSubButton a {
		font-weight: normal;
	}

	.shippingInfo {
		margin-top: 4em;
	}

	#productIngress {
		font-size: 18px;
		border-bottom: 1px solid #01594d;
		padding-bottom: 24px;
	}

	.productPageInfoBody .moreInfoContainer {
		margin-bottom: 6px
	}

	.productPageInfoBody .moreInfoTitle {
		width: 98px;
		float: left;
		font-weight: bold;
	}

	.productPageInfoBody .moreInfoContent {
		margin-left: 100px;
	}

	.productListTable .removeColumn .deleteIcon {
		width: 20px;
		height: 20px;
		float: right;
		margin-top: 2px;
	}

	/* page12 = login page */
	.page12 .pageBody {
		margin-bottom: 48px;
	}

	.page17 .pageTitle {
		text-align: center;
		border-bottom-width: 0px;
	}

	.page17 .pageBody {
		margin-bottom: 0;
	}

	.page17 .pageBody h2 {
		margin-bottom: 6px;
	}
	
	.page17 .productListTable td {
		padding: 6px 4px 6px 4px;
	}

	.page17 .productListTable td.thumbnailColumn {
		padding-left: 0px;
	}

	.page17 .productListTable .productTitle a {
		color: #231f20;
		font-weight: bold;
	}

	.checkoutPrice {
		margin-top: 4px;
		font-size: 1.4em;
		font-weight: bold;
	}

	.addToCartContainer {
		font-size: 14px;
	}

	.addToCartContainer textarea:required,
	.addToCartContainer input:required,	
	.addToCartContainer textarea.showValidationIcon,
	.addToCartContainer input.showValidationIcon {
		padding-right: 1px;
		border-color: rgb(169, 169, 169);
	}

	.addToCartContainer input.user-success:required,
	.addToCartContainer input.user-success.showValidationIcon {
		background-image: none;
		border-color: rgb(169, 169, 169);
	}

	.addToCartContainer textarea.user-success:required,
	.addToCartContainer textarea.user-success.showValidationIcon {
		background-image: none;
		border-color: rgb(169, 169, 169);
	}

	.addToCartContainer input[type='submit'] {
		font-size: 18px;
		width: 100%;
		height: auto;
		padding: 0.8em;
		font-weight: normal;
		margin-top: 0.3em;
	}

	#addToCartContainerBasic #addToCartActionContainer {
		padding-top: 50px;
		position: relative;
	}

	#addToCartContainerTiles #addToCartActionContainer {
		padding-top: 30px;
	}

	#addToCartActionContainer .priceContainer {
		font-size: 20px;
		font-weight: normal;
		display: inline-block;
		float: left;
		margin-bottom: 0.5em;
	}

	.addToCartContainer .priceTotalContainer {
		font-size: 2em;
		font-weight: bold;
		display: inline-block;
		clear: both;
		float: left;
		margin-bottom: 18px;
	}

	.addToCartContainer .blockedShippmentWarning {
		clear: both;
		margin-top: 0.9em;
		margin-bottom: 0.6em;
		border: 1px solid #00463b;
		padding: 12px;
		color: #00463b;
	}

	.addToCartContainer .outOfStockWarning {
		display: none;
		clear: both;
		margin-top: 0.9em;
		margin-bottom: 0.6em;
		border: 1px solid #00463b;
		padding: 0 12px 0 12px;
		color: #00463b;
	}

	#addToCartContainerWallToWall #addToCartActionContainer .price,
	#addToCartContainerRunner #addToCartActionContainer .price,
	#addToCartContainerTiles #addToCartActionContainer .price,
	#addToCartContainerFlooring #addToCartActionContainer .price,
	#addToCartContainerEdging #addToCartActionContainer .price {
		font-size: 1.3em;
	}

	#addBasketQuantity {
		width: 35px;
		border-color: rgb(169, 169, 169);
	}

	#addToCartHelpText {
		margin-top: 8px;
	}

	.addToCartContainer .addToBasketButton {
		text-transform: uppercase;
		padding-left: 10px;
		padding-right: 10px;
	}

	.optionsContainerText {
		margin-bottom: 0.4em;
	}

	#addToCartContainerBasic .optionsContainer {
		width: 70%;
		float: left;
		min-height: 10px;
	}

	#addToCartContainerBasic .qtyContainer {
		width: 29%;
		float: left;
		margin-left: 1%;
		text-align: right;
		white-space: nowrap;
	}

	#addToCartContainerFlooring .productPageFullVariantSelectsTitle {
		width: 95px;
		margin-top: 6px;
		float: left;
	}

	#addToCartContainerBasic .productPageFullVariantSelectsTitle {
		width: 78px;
		margin-top: 6px;
		float: left;
	}

	#addToCartContainerFlooring .productPageFullVariantSelects {
		margin-left: 97px;
	}

	#addToCartContainerBasic .productPageFullVariantSelects {
		margin-left: 80px;
	}

	#addToCartContainerWallToWall .optionsContainer,
	#addToCartContainerRunner .optionsContainer {
		width: 40%;
		float: left;
		min-height: 10px;
	}

	#addToCartContainerWallToWall .qtyContainer,
	#addToCartContainerRunner .qtyContainer {
		min-width: 185px;
		width: 59%;
		float: left;
		margin-left: 1%;
		white-space: nowrap;
	}

	#addToCartContainerEdging .qtyContainer {
		white-space: nowrap;
	}

	#addToCartContainerTiles .optionsContainer,
	#addToCartContainerFlooring .optionsContainer {
		width: 50%;
		float: left;
		min-height: 10px;
	}

	#addToCartContainerTiles .qtyContainer,
	#addToCartContainerFlooring .qtyContainer {
		width: 49%;
		float: left;
		margin-left: 1%;
		white-space: nowrap;
		text-align: right;
	}

	#addToCartContainerTiles .qtyContainer #addBasketQuantity,
	#addToCartContainerEdging .qtyContainer .calculationInput {
		width: 55px;
	}

	#addToCartContainerFlooring #addToCartActionContainer {
		position: relative;
		bottom: 0px;
		right: 0px;
	}

	#addToCartContainerWallToWall .productPageFullVariantSelectsTitle,
	#addToCartContainerRunner .productPageFullVariantSelectsTitle,
	#addToCartContainerTiles .productPageFullVariantSelectsTitle {
		width: 58px;
		margin-top: 6px;
		float: left;
	}

	#addToCartContainerWallToWall .productPageFullVariantSelects,
	#addToCartContainerRunner .productPageFullVariantSelects,
	#addToCartContainerTiles .productPageFullVariantSelects {
		margin-left: 60px;
	}

	#addToCartContainerWallToWall .productPageVariantSelects,
	#addToCartContainerRunner .productPageVariantSelects,
	#addToCartContainerTiles .productPageVariantSelects,
	#addToCartContainerFlooring .productPageVariantSelects {
		min-width: 75px;
	}

	/* Compact (mobile) Menu */
	#compactMenu {
		display: none;
	}

	#compactMenu ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#compactMenu ul li {
		display: block;
	}

	#compactMenu ul ul {
		display: none;
	}

	/* Compact (mobile) Menu - Visual styling */
	#compactMenu {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #ffffff;
	}

	#compactMenu ul li a {
		display: block;
		background-color: #00463b;
		color: #ffffff;
		font-weight: normal;
		padding: 0.8em;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}

	#compactMenu ul li.parentNode > a:after {
		content: '▼';
		font-size: 0.7em;
		margin-left: 0.7em;
		position: relative;
		top: -2px;
	}

	#compactMenu ul li:last-child > a {
		border-bottom-width: 0px;
	}

	#compactMenu ul ul {
		padding-left: 0.4em;
		background-color: #00463b;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}

	#compactMenu ul ul li a {
		background-color: #ebe7dc;
		color: black;
	}

	#compactMenu .node569,
	#compactMenu .node569.parentNode > a {
		display: none;
	}

	#compactMenu .node569.parentNode,
	#compactMenu .node569.parentNode > ul {
		display: block;
	}

	#compactMenu .node569.parentNode > ul {
		padding-left: 0;
	}

/* Article Lists */

	/* Normal List */

	.articleListBox .thumbnail {
		float: left;
		width: 35%;
		margin-right: 1.5%;
	}

	.articleListBox .title {
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		clear: both;
		padding-top: 2px;
	}

	.articleListBoxSmallImage .articleListBox .thumbnail {
		width: 20%;
	}

	.articleListBoxLargeImage .articleListBox .thumbnail {
		width: 50%;
	}

	.articleListBoxFullImage .articleListBox .thumbnail {
		width: 100%;
		margin-bottom: 2.5%;
	}

	/* Allow images to stack neatly under each other when no text is present */
	.articleListBoxFullImage.articleListBoxHideTitle.articleListBoxHideMoreLink.articleListBoxHideShortDescription .articleListBox .thumbnail {
		margin-bottom: 0;
	}

	.articleListBoxDynamicImage .articleListBox .thumbnail {
		width: auto;
		max-width: 100%;
	}

	.articleListBoxRightFloatImage .articleListBox .thumbnail {
		float: right;
		margin-left: 1.5%;
		margin-right: 0px;
	}

	.articleListBoxCenteredImage .articleListBox .thumbnail {
		float: none;
		margin: 0px auto 3px auto;
		display: block;
	}

	.articleListBoxNoFloatImage .articleListBox .thumbnail {
		float: none;
	}

	.articleListBoxNoWrap .articleListBox .texts {
		overflow: hidden;
	}

	.articleListBox .shortDescriptionTextOnly,
	.articleListBoxShortDescriptionEllipsis .articleListBox .shortDescription {
		display: none;
	}

	.articleListBoxShortDescriptionEllipsis .articleListBox .shortDescriptionTextOnly {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.articleListBoxHideImage .articleListBox .thumbnail,
	.articleListBoxHideTitle .articleListBox .title,
	.articleListBoxHideShortDescription .articleListBox .shortDescription,
	.articleListBoxHideShortDescription.articleListBoxShortDescriptionEllipsis .articleListBox .shortDescriptionTextOnly,
	.articleListBoxHideMoreLink .articleListBox .moreLink {
		display: none;
	}

	.articleListBoxFrame .articleListBox .frame {
		padding: 2%;
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd;
	}

	.articleListBoxBottomBorder .articleListBox .frame {
		padding-bottom: 2%;
		border-bottom: 1px solid #dddddd;
	}

	.articleListBoxHeight40 .articleListBox .boxAspectRatioElement,
	.articleListBoxHeight60 .articleListBox .boxAspectRatioElement,
	.articleListBoxHeight80 .articleListBox .boxAspectRatioElement,
	.articleListBoxHeight100 .articleListBox .boxAspectRatioElement,
	.articleListBoxHeight130 .articleListBox .boxAspectRatioElement {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
	}

	.articleListBoxHeight40 .articleListBox .boxHeight {
		padding-top: 40%;
	}

	.articleListBoxHeight60 .articleListBox .boxHeight {
		padding-top: 60%;
	}

	.articleListBoxHeight80 .articleListBox .boxHeight {
		padding-top: 80%;
	}

	.articleListBoxHeight100 .articleListBox .boxHeight {
		padding-top: 100%;
	}

	.articleListBoxHeight130 .articleListBox .boxHeight {
		padding-top: 130%;
	}

	.articleListBoxHeight40 .articleListBox .descriptionEllipsis,
	.articleListBoxHeight60 .articleListBox .descriptionEllipsis,
	.articleListBoxHeight80 .articleListBox .descriptionEllipsis,
	.articleListBoxHeight100 .articleListBox .descriptionEllipsis,
	.articleListBoxHeight130 .articleListBox .descriptionEllipsis {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 10%;
		background: linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0)) 0 0;
	}

	/* Only takes effect with fixed height */
	.articleListBoxMaxHeight85 .articleListBox .thumbnail {
		max-height: 85%;
	}

	/* Only takes effect with fixed height */
	.articleListBoxMaxHeight50 .articleListBox .thumbnail {
		max-height: 50%;
	}

	/* A div with 100% height inside the absolute div is needed for Chrome/Opera to respect the max-height on the image */
	.articleListBox .imageMaxHeightEnabler {
		height: 100%;
	}


	/* FAQ List */

	.articleListFAQ {
		overflow: hidden;
	}

	.articleListFAQ .frame {
		border-bottom: 1px solid #00463b;
		padding-bottom: 1%;
	}

	.articleListFAQ .title {
		margin-bottom: 4px;
		cursor: pointer;
	}

	.articleListFAQ .thumbnail {
		float: left;
		width: 35%;
		margin-right: 1.5%;
	}

	.articleListFAQSmallImage .articleListFAQ .thumbnail {
		width: 20%;
	}

	.articleListFAQLargeImage .articleListFAQ .thumbnail {
		width: 50%;
	}

	.articleListFAQFullImage .articleListFAQ .thumbnail {
		width: 100%;
	}

	.articleListFAQRightFloatImage .articleListFAQ .thumbnail {
		float: right;
		margin-left: 1.5%;
		margin-right: 0px;
	}

	.articleListFAQHideMoreLink .articleListFAQ .moreLink,
	.articleListFAQHideImage .articleListFAQ .thumbnailBox {
		display: none;
	}

	.articleListFAQHideBorder .articleListFAQ .frame {
		border-bottom-width: 0px;
	}


/* Product Lists */

	/* Table */

	.productListTable {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
	}

	.productListTable td {
		vertical-align: top;
		padding: 4px;
	}

	.productListTable .thumbnailColumn {
		width: 13%;
		min-width: 90px;
	}

	.productListTable .thumbnailColumn img {
		width: 100%;
		display: block;
	}

	.page17 .productListTable td.priceColumn {
		padding-top: 0px;
		padding-bottom: 16px;
	}

	.productListTable .priceColumn .priceBeforeDiscount {
		text-decoration: line-through;
	}

	.productListTable .shoppingColumn {
		width: 17%;
	}

	.productListTable .removeColumn {
		width: 20px;
	}

	.productListTable .removeColumn .removeButton {
		width: 20px;
		height: 20px;
		float: right;
		margin-top: 2px;
	}

	.productListTable .shoppingColumn select,
	.productListTable .shoppingColumn .customerComment {
		width: 100%;
	}

	.productListTable .shoppingColumn .customerComment {
		min-width: 130px;
		height: 80px;
	}

	.productListTable .shoppingColumn .qty {
		float: left;
		padding-right: 2%;
	}

	.productListTable .shoppingColumn .buyButton {
		width: 100%;
		margin-left: 0px;
	}

	.productListTable .qtyInput {
		width: 40px;
		text-align: right;
		padding-right: 5px;
	}

	.productListTable .shoppingColumn .optionsBox select,
	.productListTable .shoppingColumn .customerCommentBox,
	.productListTable .shoppingColumn .qtyBox {
		margin-top: 0px;
		margin-bottom: 3px;
	}

	/* Avvoid spacing below inline element */
	.productListTable .shoppingColumn .customerComment {
		display: block;
	}

	.productListTable .priceColumn,
	.productListTable .stockColumn,
	.productListTable .shoppingColumn {
		text-align: right;
	}

	.productListTable .priceColumn,
	.productListTable .shoppingColumn .qtyBox,
	.productListTable .stockColumn,
	.productListTable .moreInfoColumn.productListTableHeader {
		white-space: nowrap;
	}


	/* Header overrides normal cells so normal cells do not need their own class */
	.productListTable tr.highlightedRow td.productListTableHeader {
		font-weight: bold;
		background-color: transparent;
	}

	.productListTableHideHighlight .productListTable tr.highlightedRow td {
		background-color: transparent;
	}

	.productListTableHideArticleNumberColumn .productListTable .articleNumberColumn,
	.productListTableHideArticleNumber2Column .productListTable .articleNumber2Column,
	.productListTableHideThumbnailColumn .productListTable .thumbnailColumn,
	.productListTableHidePriceColumn .productListTable .priceColumn,
	.productListTableHideStockColumn .productListTable .stockColumn,
	.productListTableHideMoreInfoColumn .productListTable .moreInfoColumn,
	.productListTableHideShoppingColumn .productListTable .shoppingColumn,
	.productListTableHideBuyButton .productListTable .buyButton {
		display: none;
	}

	/* For admin */
	.productListTable .rowHasLocations td {
		border-bottom-width: 0px;
	}


	/* Box */

	.productListBox {
		position: relative;
		font-size: 14px;
	}

	.discountSticker {
		position: absolute;
		height: 28px;
		z-index: 2;
		top: 20px;
		right: -20px;
		background: #00463b;
		color: #ffffff;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
		padding: 4px 10px 0 12px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		word-spacing: -4px;
		-webkit-print-color-adjust: exact;
	}

	.discountSticker:before {
		content: "";
		float: left;
		position: absolute;
		top: 0;
		left: -16px;
		width: 0;
		height: 0;
		border-color: transparent #00463b transparent transparent;
		border-style: solid;
		border-width: 16px 16px 16px 0;
	}

	.discountSticker:after {
		content: "";
		position: absolute;
		top: 13px;
		left: 0;
		float: left;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background: #ffffff;
		box-shadow: -1px -1px 2px #004977;
	}
	
	.productListBox a,
	.productListBox a:active,
	.productListBox a:hover,
	.productListBox a:visited {
		font-weight: normal;
		color: #353535;
	}

	.productListBox .outerBorder {
		overflow: hidden;
		position: relative;
	}

	.productListBox .imageOuterBox {
		box-sizing: border-box;
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd;
		text-align: center;
		overflow: hidden;
	}

	.productListBox .imageCenterOuterBox {
		height: 100%;
	}

	.productListBox .imageCenterInnerBox {
		position: relative;
		height: 100%;
	}

	.productListBox .imageBoxHeight {
		padding-top: 95%;
	}

	.productListBoxLandscapeImage .productListBox .imageBoxHeight {
		padding-top: 70%;
	}

	.productListBoxPortraitImage .productListBox .imageBoxHeight {
		padding-top: 150%;
	}

	/* height: Required by Opera to size image correctly */
	.productListBox .imageInnerBox {
		height: 100%;
	}

	.productListBox .imageInnerBox img {
		width: 100%;
		margin-top: 2.5%;
	}

	.productListBoxCenterImage .productListBox .imageCenterOuterBox {
		height: 100%;
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.productListBoxCenterImage .productListBox .imageCenterInnerBox {
		display: table-cell;
		vertical-align: middle;
	}

	.productListBox .titleBox {
		font-size: 14px;
		font-weight: bold;
		padding-top: 4%;
		padding-bottom: 1%;
		background-color: rgba(255,255,255,0.8);
		max-height: 2.5em;
		overflow: hidden;
	}

	.productListBox .titleBoxPadding {
		padding-right: 3%;
		padding-left: 3%;
	}

	.productListBox .descriptionBox {
		margin-top: 1%;
		margin-bottom: 1%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.productListBoxTwoLineDescription .productListBox .descriptionBox {
		height: 2.4em;
	}

	.productListBox .stockBox {
		height: 16px;
		margin-top: 1%;
		margin-bottom: 1%;
		text-align: right;
		color: #777777;
		overflow: hidden;
	}

	.productListBox .priceBox {
		padding-top: 1%;
		padding-bottom: 1%;
		height: 2.7em;
		line-height: 1.2;
		overflow: hidden;
	}

	.productListBox .beforediscountPrice,
	.productListBox .discountedPrice,
	.productListBox .price {
		display: inline-block;
		float: left;
		font-weight: bold;
		white-space: nowrap;
		font-size: 14px;
	}

	.productListBox .price {
		padding-right: 16px;
	}

	.productListBox .beforediscountPrice {
		text-decoration: line-through;
		padding-right: 16px;
	}

	.productListBox .discountedPrice {
		color: #b80303;
	}

	.productListBox .priceBox input[type='button'] {
		float: right;
		height: 100%;
		padding-right: 0.8em;
		padding-left: 0.8em
	}

	.productListBox .descriptionEllipsis,
	.productListBox .fullEllipsis {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 10%;
		background: linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0)) 0 0;
	}

	.productListBox .fullEllipsis {
		height: 3%;
	}

	.productListBox.isNotShoppable .descriptionEllipsis {
		display: none;
	}

	.productListBox.isNotShoppable .descriptionBox .aspectRatioElement {
		overflow: visible;
	}

	.productListBox.isShoppable .fullEllipsis {
		display: none;
	}

	.productListBoxGrayTitle .productListBox .titleBox {
		border-top: 1px solid rgb(226, 226, 226);
		background-color: rgba(238,238,238,0.8);
	}

	.productListBoxGrayTitle .productListBox .ImageOuterBox {
		border-color: rgb(226, 226, 226);
	}

	.productListBoxBlackTitle .productListBox .titleBox {
		background-color: rgba(25, 25, 25, 0.75);
		color: #ffffff;
	}

	.productListBoxHideFrame .productListBoxGrayTitle .productListBox .titleBox,
	.productListBoxHideFrame .productListBox .imageOuterBox,
	.productListBoxFullFrame .productListBoxGrayTitle .productListBox .titleBox,
	.productListBoxFullFrame .productListBox .imageOuterBox {
		border-width: 0px;
	}

	.productListBoxFullFrame .productListBox .outerBorder {
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd;
	}

	.productListBoxFullFrame .productListBox .descriptionBox .aspectRatioElement {
		left: 3%;
		right: 3%;
	}

	.productListBoxFullFrame .productListBox .priceBox {
		padding-right: 3%;
		padding-left: 3%;
	}

	.productListBoxHideDescription .productListBox .descriptionBox,
	.productListBoxHideStock .productListBox .stockBox,
	.productListBoxHidePrice .productListBox .priceBeforeDiscount,
	.productListBoxHidePrice .productListBox .price,
	.productListBoxHideButton .productListBox input[type='button'],
	.productListBoxHidePrice.productListBoxHideButton .productListBox .priceBox {
		display: none;
	}
	

	/* Cart Extension */

	.productListCartExtension {
		font-size: 1em;
		position: relative;
		margin-top: 2%;
		margin-bottom: 2%;
		background-color: #ffffff;
		box-sizing: border-box;
		padding: 15px;
	}

	.productListCartExtension a,
	.productListCartExtension a:active,
	.productListCartExtension a:hover,
	.productListCartExtension a:visited {
		font-weight: normal;
		color: #353535;
	}

	.productListCartExtension .outerBox {
		background-color: #ffffff;
		text-align: center;
		overflow: hidden;
		width: 100%;
	}

	.productListCartExtension .boxHeight {
		padding-top: 85%;
	}

	/* height: Required by Opera to size image correctly */
	.productListCartExtension .innerBox {
		height: 100%;
	}

	.productListCartExtension .innerBox img {
		max-height: 100%;
		max-width: 100%;
		margin-top: 2.5%;
	}

	.productListCartExtension .titleBox {
		bottom: 0px;
		left: 0px;
		right: 0px;
		text-align: center;
		padding-top: 4%;
		padding-bottom: 4%;
		background-color: rgba(255,255,255,0.8);
	}

	.productListCartExtension .priceBox {
		width: 90%;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-size: 1.2em;
		font-weight: bold;
	}

	.productListCartExtension .removeButton {
		position: absolute;
		width: 10%;
		height: 10%;
		top: 3%;
		right: 4%;
	}

	/* Bestseller */

	.productListBestseller .productListBestsellerTitle {
		margin-bottom: 1%;
	}

	.productListBestseller .productListBestsellerImage {
		width: 100%
	}

	.productListBestseller .productListBestsellerButton {
		margin-top: 2%;
		width: 100%;
	}


	/* Shopping Lists */

	.productListTable tr td.shoppingListEditTitleColumn,
	.productListTable tr td.shoppingListEditPriceColumn,
	.productListTable tr td.shoppingListEditOptionsColumn,
	.productListTable tr td.shoppingListEditQtyColumn {
		vertical-align: middle;
		background-color: transparent;
	}

	.productListTable .shoppingListEditPriceColumn {
		white-space: nowrap;
	}

	.productListTable .shoppingListEditQtyColumn input {
		width: 40px;
		text-align: right;
		padding-right: 5px;
	}

	.productListTable tr td.shoppingListTitleColumn,
	.productListTable tr td.shoppingListPriceColumn,
	.productListTable tr td.shoppingListOptionsColumn,
	.productListTable tr td.shoppingListDesiredColumn,
	.productListTable tr td.shoppingListPurchasedColumn,
	.productListTable tr td.shoppingListShoppingColumn {
		vertical-align: middle;
		background-color: transparent;
	}

	.productListTable .shoppingListPriceColumn {
		white-space: nowrap;
	}

	.productListTable .shoppingListQty {
		width: 40px;
		text-align: right;
		padding-right: 5px;
	}

	.shoppingListTable {
		width: 100%;
	}

	.shoppingListTable td {
		padding: 4px 2px 2px 2px;
	}

	.shoppingListTableHeading {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #708bbc;
		font-weight: bold;
	}

	.shoppingListTable.editMode .shoppingListTablePrivate {
		text-align: center;
		vertical-align: top;
	}

	.shoppingListTable.editMode .shoppingListTableComment,
	.shoppingListTable.editMode .shoppingListTablePrivate {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #708bbc;
	}

	.shoppingListTable.listMode .shoppingListTableComment {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #708bbc;
	}


/* E-commerce */

	.priceBeforeDiscount {
		color: #000000;
	}

	.priceDiscount {
		color: #000000;
	}

	.highlightedElement .priceBeforeDiscount {
		color: #000000;
	}

	.highlightedElement .priceDiscount {
		color: #000000;
	}

	.highlightedElement .price {
		color: #000000;
	}

	.sideElement .priceBeforeDiscount {
		color: #ffffff;
	}

	.sideElement .priceDiscount {
		color: #ffffff;
	}

	.sideElement .price {
		color: #ffffff;
	}

	.orderListPanel select {
		width: 110px;
	}

	.orderListPanel input[type='submit'] {
		width: 110px;
		margin-top: 2px;
	}

	.orderTitles {
		padding: 4px;
	}

	/* registered orders */
	.orderLine1 {
		padding: 7px 2px 4px 2px;
		border-bottom: 1px dotted #808080;
	}

	/* confirmed orders */
	.orderLine2 {
		padding: 7px 2px 4px 2px;
		border-bottom: 1px dotted #808080;
	}

	/* processed orders */
	.orderLine5 {
		padding: 7px 2px 4px 2px;
		border-bottom: 1px dotted #808080;
	}

	/* shipped orders */
	.orderLine6 {
		padding: 7px 2px 4px 2px;
		border-bottom: 1px dotted #808080;
	}

	/* cancelled orders */
	.orderLineCancelled {
		background-color: #fa8c66;
	}

	/* inactive orders */
	.orderLineInactive {
		background-color: #faab8f;
	}

	.orderFooter {
		padding: 2px;
		font-weight: bold;
	}

	.orderConfirmationOrderLines table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px;
	}

	.orderConfirmationOrderLines td {
		border-width: 0px;
		vertical-align: top;
		padding: 3px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: gray;
	}

	.orderConfirmationOrderLines .orderConfirmationHeader {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #aaaaaa;
	}

	.orderConfirmationOrderLines .orderConfirmationPriceColumn {
		text-align: right;
		padding-right: 0px;
		white-space: nowrap;
	}

	.orderConfirmationPriceSummary {
		display: inline-block;
		float: right;
	}

	.orderProductLines {
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-style: dotted;
	}

	#termsAndConditions {
		width: auto;
		padding: 1% 2% 2% 2%;
		margin: 2% 10%;
	}

	.checkoutSum.checkoutMiddleSum {
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
	}

	.checkoutSum {
		border-top: 1px solid gray;
		border-bottom: 4px double gray;
	}

	.freightOption {
		font-size: 0.9em;
	}

	.checkoutFreightSelection .freightOption {
		margin-bottom: 2px;
	}

	.checkoutFreightSelection input[type='radio'] {
		margin-left: 0px;
		margin-right: 7px;
	}

	.checkoutFreightSelection .freightOptionTitle {
		margin-right: 5px;
	}

	/* Facilitates hiding of the price part of the freight option */
	.checkoutFreightSelection .freightOptionPrice {

	}


/* idangeros Swiper 2.7.0 css */

	.swiper-container {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		/* Fix of Webkit flickering */
		z-index: 1;
	}

	.swiper-wrapper {
		position: relative;
		width: 100%;
		-webkit-transition-property: -webkit-transform, left, top;
		-webkit-transition-duration: 0s;
		-webkit-transform: translate3d(0px,0,0);
		-webkit-transition-timing-function: ease;
		transition-property: transform, left, top;
		transition-duration: 0s;
		transform: translate3d(0px,0,0);
		transition-timing-function: ease;
		box-sizing: content-box;
	}

	.swiper-free-mode > .swiper-wrapper {
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto;
	}

	.swiper-slide {
		float: left;
		box-sizing: content-box;
	}


/* Swiper Image Gallery */

	.swiperImageGalleryInitialHide .navigation,
	.swiperImageGalleryInitialHide .swiperPaginatio,
	.swiperImageGalleryInitialHide .swiper-wrapper .swiper-slide,
	.swiperImagepopupGalleryInitialHide,
	.swiperImageGalleryContainer.singleImage .navigation {
		display: none;
	}

	/* Unhide first item */
	.swiperImageGalleryInitialHide .swiper-wrapper .swiper-slide:first-child {
		display: block;
	}

	.swiperImageStack {
		position: relative;
		height: 100%;
	}

	.swiperImageStack .navigation {
		position: absolute;
		top: 45%;
		cursor: pointer;
		width: 60px;
		height: 30px;
		z-index: 198;
	}

	.swiperImageStack .navigation svg {
		vertical-align: middle;
		height: 100%;
		width: 50%;
	}

	#navigationArrow line {
		stroke: #01594d;
	}

	#navigationArrow path {
		fill: #01594d;
		stroke: #ffffff;
		stroke-width: 50px;
	}

	.popupImageFullWidth .navigationArrow line {
		stroke: #ffffff;
	}

	.popupImageFullWidth .navigationArrow path {
		fill: #ffffff;
		stroke: #000000;
		stroke-width: 50px;
	}

	.swiperImageStack .sliderSirkelContainer {
		height: 100%;
		width: 50%;
		position: absolute;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.6em;
		pointer-events: none;
	}

	.swiperImageStack .sliderSirkelContainer.mediumTekst {
		font-size: 3em;
	}

	.swiperImageStack .sliderSirkelContainer.storTekst {
		font-size: 4em;
	}

	.swiperImageStack .sliderSirkel {
		display: grid;
		aspect-ratio: 1 / 1;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		padding: 20px;
		text-shadow: none;
		background-color: #e1ddcc;
		line-height: 1.5;
	}

	.swiperImageStack .sliderSirkelContainer.mediumTekst .sliderSirkel {
		padding: 30px;
	}

	.swiperImageStack .sliderSirkelContainer.storTekst .sliderSirkel {
		padding: 40px;
	}

	.swiperImageStack .sliderSirkelContainer.mediumTekst .sliderSirkel {
		line-height: 1.3;
	}

	.swiperImageStack .sliderSirkelContainer.storTekst .sliderSirkel {
		line-height: 1;
	}

	@media (max-width: 768px) {
	
		/* Slett etter mobilslider er publisert */
		.swiperImageStack .sliderSirkelContainer {
			font-size: 2.5vw;
		}

		/* Slett etter mobilslider er publisert */
		.swiperImageStack .sliderSirkelContainer.mediumTekst {
			font-size: 4.2vw;
		}

		/* Slett etter mobilslider er publisert */
		.swiperImageStack .sliderSirkelContainer.storTekst {
			font-size: 5.5vw;
		}

		#headerSwiperMobile .swiperImageStack .sliderSirkelContainer {
			font-size: 4vw;
		}

		#headerSwiperMobile .swiperImageStack .sliderSirkelContainer.mediumTekst {
			font-size: 5.5vw;
		}

		#headerSwiperMobile .swiperImageStack .sliderSirkelContainer.storTekst {
			font-size: 7vw;
		}

		.swiperImageStack .sliderSirkel {
			padding: 3vw;
		}
	}

	.swiperImageStack .navigateLeft {
		left: 10px;
	}

	.swiperImageStack .navigateRight {
		right: 10px;
		text-align: right;
	}

	.swiperImageStack .navigateLeft svg {
		margin-right: 20%;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	.swiperImageStack .navigateRight svg {
		margin-left: 20%;
	}

	.swiperImageStack button.mfp-close {
		font-size: 2.5em;
		z-index: 210;
	}

	.swiperImageStack .slidesContainer {
		height: 100%;
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	#productPageImageInlineContainer .swiperImageStack {
		text-align: center;
	}

	#productPageImageInlineContainer .swiperImageStack .slidesContainer {
		padding-top: 0;
		width: 100%;
	}

	#productPageImageInlineContainer .swiperImageStack .navigation {
		position: relative;
		display: inline-block;
	}

	#productPageImageInlineContainer .swiperThumbStack {
		display: none;
	}

	.swiperImageStack .swiper-container {
		height: 100%;
		width: 100%;
		padding-top: 1%;
		padding-bottom: 1%;
	}

	.swiperThumbStack .swiper-container {
		width: 100%;
	}

	/* width: without width set the image inside the slide will force the width of the slide to be equal the image's own width (in IE)*/
	.swiperImageStack .swiper-slide {
		text-align: center;
		width: 100%;
		position: relative;
	}

	.swiperImageStack .swiper-slide img {
		vertical-align: middle;
		max-width: 100%;
		max-height: 100%;
	}

	.swiperThumbStack {
		position: relative;
		margin-top: 2%;
	}

	.inlineGallery .swiperThumbStack {
		height: 70px;
	}

	.swiperThumbStack .swiper-container {
		height: 100%;
	}

	.inlineGallery .swiperThumbStack .swiper-container {
		position: absolute;
	}

	.swiperThumbStack .swiper-wrapper,
	.swiperThumbStack .swiper-slide {
		height: 100%;
	}

	.swiperThumbStack .swiper-slide img {
		height: 100%;
		box-sizing: border-box;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		padding: 1px;
	}

	.swiperThumbStack .swiper-slide.activeThumb img {
		border-color: #aaaaaa;
	}

	.popupGallery .swiperImageStack {
		height: 80%;
	}

	.popupGallery .swiperThumbStack {
		height: 14%;
		padding-left: 1%;
		padding-right: 1%;
	}

	.popupGallery.white-popup {
		padding: 0;
	}


/* jquery-ui 1.11.4 slider */

	.ui-widget-content {
		border: 1px solid #aaa;
		background: #fff url("//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
		color: #222;
	}

	.ui-widget-content a {
		color: #222;
	}

	.ui-widget-content .ui-state-default {
		border: 1px solid #d3d3d3;
		background: #e6e6e6 url("//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
		font-weight: normal;
		color: #555;
	}

	.ui-widget-content .ui-state-hover,
	.ui-widget-content .ui-state-focus {
		border: 1px solid #999;
	}

	.ui-widget-content .ui-state-active {
		border: 1px solid #aaa;
	}

	.ui-widget-content .ui-state-highlight {
		border: 1px solid #fcefa1;
	}

	.ui-widget-content .ui-state-error {
		border: 1px solid #cd0a0a;
	}

	.ui-corner-all {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.ui-slider {
		position: relative;
		text-align: left;
	}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: default;
		-ms-touch-action: none;
		touch-action: none;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

	.ui-slider-horizontal {
		height: .8em;
	}

	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

	.ui-slider-vertical {
		width: .8em;
		height: 100px;
	}

	.ui-slider-vertical .ui-slider-handle {
		left:-.3em;
		margin-left:0;
		margin-bottom:-.6em;
	}

	.ui-slider-vertical .ui-slider-range {
		left:0;
		width:100%;
	}

	.ui-slider-vertical .ui-slider-range-min {
		bottom:0
	}

	.ui-slider-vertical .ui-slider-range-max {
		top:0;
	}


/* Product filtering */

	html #frontEndBody #productFilter div.filterSection[data-filtertype="select"] {
		border-width: 0px;
		background-color: #ffffff;
		padding: 0px;
	}

	#productFilter div[data-filtertype="select"] .filterInnerContent {
		margin-top: 0px;
	}

	div[data-filtertype="select"] .filterTitleSection {
		display: none;
	}

	#productFilter div[data-filtertype="select"] .filterContent {
		display: block;
	}

	div[data-filtertype="select"] select {
		height: 37px;
		width: 164px;
		padding-left: 6px;
		font-family: Myriad Pro Regular, Arial, Helvetica;
		font-size: 13px;
		border: none;
		background-color: #f4f1ea;
		color: #231f20;
		box-sizing: content-box;
	}

	.sortForm select {
		float: left;
		margin-right: 12px;
		border: none;
		background-color: #f4f1ea;
		font-size: 13px;
		padding-left: 6px;
		color: #231f20;
		margin-bottom: 12px;
		height: 37px;
		min-width: 164px;
		box-sizing: content-box;
	}

	/* compact menu styles */
	#productFilter .filterSection {
		border: 1px solid rgb(169, 169, 169);
		margin-bottom: 12px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		background-color: #ffffff;
	}

	#mainContent #productFilter .filterSection {
		float: left;
		margin-right: 12px;
		min-width: 150px;
		border: none;
		background-color: #f4f1ea;
		min-height: 37px;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#compactFilter {
		padding: 10px 10px 2px 10px;
		background-color: #000000;
	}

	.sideElement .filterSection {
		border-bottom: 1px dotted white;
	}

	.sideElement .filterSection:last-of-type {
		border-bottom: 0px solid transparent;
	}

	.sideElement .ui-slider .ui-slider-range {
		background-image: none;
		background-color: #708bbc;
	}

	#mainContent #productFilter {
		margin-top: 13px;
	}

	#productFilter .sideElementBody {
		padding: 0px;
	}

	#productFilter.loadingOverlay:before {
		z-index: 10;
	}

	#productFilter .filterTitleOpenArrow {
		float: right;
		position: relative;
		right: -6px;
		top: 2px;
		width: 1.3em;
		font-size: 0.7em;
	}

	#productFilter .filterTitleClosedArrow {
		display: none;
	}

	#productFilter .filterSectionIsOpen .filterTitleClosedArrow {
		display: none;
	}

	#productFilter .filterSectionIsOpen .filterTitleOpenArrow {
		display: block;
	}

	#productFilter .filterContent {
		display: none;
	}

	#productFilter .filterSectionIsOpen .filterContent {
		display: block;
		font-size: 12px;
	}

	#priceFilter.filterSectionIsOpen .filterContent {
		padding-top: 6px;
	}

	#productFilter .filterTitleSection {
		cursor: pointer;
	}

	#mainContent #productFilter .filterTitleSection {
		padding-top: 9px;
	}

	#productFilter .filterTitle {
		float: left;
		font-size: 13px;
	}

	#productFilter .filterRemove {
		font-size: 0.8em;
		display: none;
		float: right;
	}

	#productFilter .filterSectionIsOpen .filterRemove {
		display: inline-block;
	}

	#productFilter .filterInnerContent {
		margin-top: 0.8em;
		font-size: 0.9em;
	}

	#productFilter .filterSection[data-filtersubid="Lagerstatus"] .filterInnerContent,
	#productFilter .filterSection[data-filtersubid="Nyhet"] .filterInnerContent {
		margin-bottom: 0.8em;
	}

	#productFilter .filterSliderContainer {
		font-size: 0.8em;
		margin-top: 0.5em;
		height: 2em;
		padding-right: 3px;
		padding-left: 3px;
	}

	#compactFilter #productFilter,
	#compactFilter #productFilter .sideElementBody {
		display: block;
		margin-bottom: 0px;
	}

	#compactFilter #productFilter .sideElementHeader {
		display: none;
	}


/* Div Classes */

	.loadingOverlay {
		position: relative;
	}

	.loadingOverlay:before,
	.loadingOverlay:after {
		content: '';
		position: absolute;
		z-index: 1;
	}

	.loadingOverlay:before {
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, .85);
	}

	.loadingOverlay:after {
		width: 30px;
		height: 30px;
		top: 50%;
		left: 50%;
		margin-left: -19px;
		margin-top: -19px;
		border-top: 4px solid rgba(150, 150, 150, 0.2);
		border-right: 4px solid rgba(150, 150, 150, 0.2);
		border-bottom: 4px solid rgba(150, 150, 150, 0.2);
		border-left: 4px solid #555555;
		transform: translateZ(0);
		animation: loadingOverlaySpin 0.9s infinite linear;
		border-radius: 50%;
	}

	@keyframes loadingOverlaySpin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}


	/* Magnific Popup uses zoom out cursor to close lightbox, could be confusing. Pointer is more "standard". */
	.mfp-zoom-out-cur,
	.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
		cursor: pointer;
	}

	/* When loading the mfp stylesheet after rendering skipping might occur unless the hide style is defined. */
	.mfp-hide {
		display: none !important;
	}

	.white-popup {
		position: relative;
		background: #ffffff;
		padding: 1% 2% 2% 2%;
		margin-left: auto;
		margin-right: auto;
	}

	/* Counters the top margin in the first <p> tag found in the columns. Without this wysiwyg content in the columns would be shifted down. */
	.disableTopPMargin p:first-child {
		margin-top: 0px;
	}

	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	.visuallyhidden {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	/* Hide in the frontend and admin browser, but show inside wysiwygs. */
	#frontEndBody .hideOnlyInFrontEnd {
		display: none;
	}

	/* Disables the yellow color used by Chromes autofill feature */
	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
	}

	/* Disables blue underlined text on iPhone phone number underlining */
	a[href^=tel] {
		color: inherit;
		text-decoration: none;
	}

	.clearFix {
		clear: both;
	}

	.boxOutlined {
		border-width: 1px;
		border-style: dotted;
		border-color: #708bbc;
		background-color: #dbe0ec;
		padding: 10px;
		margin-bottom: 2%;
		color: #231f20;
	}

	.boxOutlinedTitle {
		font-weight: bold;
	}

	.boxOutlinedWarning {
		border-width: 1px;
		border-style: dotted;
		border-color: #8b0000;
		background-color: #e5dada;
		padding: 10px;
		margin-bottom: 2%;
	}

	.boxOutlinedWarning {
		color: #8b0000;
	}

	.highlightedElement {
		background-color: #dbe0ec;
		color: #231f20;
	}

	.highlightedElementBorder {
		border-color: #708bbc;
		border-width: 1px;
		border-style: solid;
	}

	.borderBottom {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #aaaaaa;
	}

	.ellipsis {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.iconButton {
		cursor: pointer;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #616161;
		height: 28px;
	}

	.iconButton svg {
		width: 20px;
		/* IE requires height or scaling goes wrong */
		height: 20px;
		margin: 6px;
		display: block;
	}

	.zoomButton svg g {
		fill: #01594d;
	}

	.verticalAlignmentHelper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.verticallyAligned {
		display: inline-block;
		vertical-align: middle;
	}

	.aspectRatioContainer {
		position: relative;
		width: 100%;
	}

	.aspectRatioElement {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
	}

	.aspectRatioCenteredImage {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}


/* Forms */

	.formRow {
		margin-bottom: 8px;
		clear: both;
		min-height: 2em;
	}

	.formRow label {
		display: block;
		float: left;
		padding-top: 2px;
	}

	.formRow.forgotPasswordDisabled {
		color: #cccccc;
	}

	.formRequiredMarker {
		float: right;
		width: 0.7em;
		text-align: right;
	}

	.formCenterElement {
		margin-right: 0.9em;
	}

	.formInputWidth {
		width: 75%;
	}

	.altSubmitButton {
		cursor: pointer;
	}

	.removeButton circle {
		stroke: #ffffff;
		stroke-width: 100px;
		fill: #d2d2d2;
	}

	.removeButton path {
		fill: #ffffff;
	}

	.removeButton:focus {
		outline: none;
	}

	.removeButton:focus circle {
		stroke: rgb(208, 75, 40);
		fill: white;
		stroke-width: 300px;
	}

	.removeButton:focus path {
		fill: red;
	}

/* Buttons */

	button.actionButton,
	input.actionButton {
		background-color: #00463b;
		font-weight: bold;
		color: #ffffff;
		border-width: 0px;
	}

	button.largeButton,
	input.largeButton {
		padding-right: 3em;
		padding-left: 3em;
		height: 2.5em;
	}

	/* When buttons with relative width render as very small, having side padding will displace their text */
	input.setWidthButton,
	button.setWidthButton {
		padding-left: 0px;
		padding-right: 0px;
	}


/* Links */

	.highlightedElement a {
		color: #617aa9;
	}

	.highlightedElement a:hover {
		color: #617aa9;
	}

	.sideElementHeader a,
	.sideElementBody a,
	.sideElementBodyOnly a {
		color: #ffffff;
	}

	.sideElementHeader *:hover,
	.sideElementBody a:hover,
	.sideElementBodyOnly a:hover,
	.sideElementHeader *:focus,
	.sideElementBody a:focus,
	.sideElementBodyOnly a:focus {
		color: #231f20;
		outline: none;
	}

	.boxOutlined a {
		color: #617aa9;
	}

	.boxOutlined a:hover {
		color: #617aa9;
	}

	.boxOutlinedWarning a {
		color: #701200;
	}

	.boxOutlinedWarning a:hover {
		color: #701200;
	}


/* Columns */

	.columns1-2 > .columnElement {
		float: left;
		width: 32%;
		margin-right: 2%;
		clear: none;
	}
	.columns1-2 > .columnElement:nth-of-type(2n+2) {
		margin-right: 0px;
		width: 66%;
	}
	.columns1-2 > .columnElement:nth-of-type(2n+3) {
		clear: both;
	}

	.columns2-1 > .columnElement {
		float: left;
		width: 66%;
		margin-right: 2%;
		clear: none;
	}
	.columns2-1 > .columnElement:nth-of-type(2n+2) {
		margin-right: 0px;
		width: 32%;
	}
	.columns2-1 > .columnElement:nth-of-type(2n+3) {
		clear: both;
	}

	.columns4-2-2 > .columnElement {
		float: left;
		width: 26%;
		margin-right: 3.25%;
		clear: none;
	}
	.columns4-2-2 > .columnElement:nth-of-type(3n+1) {
		width: 41.5%;
	}
	.columns4-2-2 > .columnElement:nth-of-type(3n+3) {
		margin-right: 0px;
	}
	.columns4-2-2 > .columnElement:nth-of-type(3n+4) {
		clear: both;
	}

	.columns2 > .columnElement {
		float: left;
		width: 49%;
		margin-right: 2%;
		clear: none;
	}
	.columns2 > .columnElement:nth-of-type(2n+2) {
		margin-right: 0px;
	}
	.columns2 > .columnElement:nth-of-type(2n+3) {
		clear: both;
	}

	.columns3 > .columnElement {
		float: left;
		width: 32%;
		margin-right: 2%;
		clear: none;
	}
	.columns3 > .columnElement:nth-of-type(3n+3) {
		margin-right: 0px;
	}
	.columns3 > .columnElement:nth-of-type(3n+4) {
		clear: both;
	}

	.columns4 > .columnElement {
		float: left;
		width: 23.5%;
		margin-right: 2%;
		clear: none;
	}
	.columns4 > .columnElement:nth-of-type(4n+4) {
		margin-right: 0px;
	}
	.columns4 > .columnElement:nth-of-type(4n+5) {
		clear: both;
	}

	.columns5 > .columnElement {
		float: left;
		width: 18.4%;
		margin-right: 2%;
		clear: none;
	}
	.columns5 > .columnElement:nth-of-type(5n+5) {
		margin-right: 0px;
	}
	.columns5 > .columnElement:nth-of-type(5n+6) {
		clear: both;
	}

	.columns6 > .columnElement {
		float: left;
		width: 15.5%;
		margin-right: 1.4%;
		clear: none;
	}
	.columns6 > .columnElement:nth-of-type(6n+6) {
		margin-right: 0px;
	}
	.columns6 > .columnElement:nth-of-type(6n+7) {
		clear: both;
	}



/* Media Styling */

	@media print {
		#frontEndBody #compactHeader,
		.screenOnly,
		.swiperImageStack .navigation,
		.swiperThumbStack,
		.zoomButton,
		#topHeaderContainer,
		#headerContainer,
		#topMenuContainer,
		#leftColumn,
		.qtyContainer,
		.addToCartContainer input[type='submit'],
		#poweredby,
		#productListSetSort {
			display: none;
		}

		#scrollCircle {
			display: none !important;
		}

		.swiper-wrapper,
		.swiper-slide {
			width: 100% !important;
			height: auto !important;
			transition-duration: initial !important;
			transform: initial !important;
		}

		.swiper-slide {
			margin-bottom: 3%;
		}

		.page-break {
			display: block;
			page-break-before: always;
			height: 2px;
		}

		.productListBox {
			page-break-inside: avoid;
		}

	}

	@media print and (max-width: 768px) {
		.footer3,
		.footer4 {
			display: none;
		}
	}
	
	@media screen {
		.printOnly {
			display: none;
		}
	}

	@media (max-width: 768px) {
		.largeScreenOnly {
			display: none;
		}
	}

	@media (min-width: 769px) {
		.smallScreenOnly {
			display: none;
		}
	}


/* Responsive general */

	.pageTitle img,
	.pageBody img,
	.pageFooter img,
	.articlePageDescription img,
	.articlePageBody img,
	.productPageBody img {
		max-width: 100%;
	}

	.pageTitle table img,
	.pageBody table img,
	.pageFooter table img,
	.articlePageDescription table img,
	.articlePageBody table img,
	.productPageBody table img {
		max-width: none;
	}


	@media (max-width: 1147px) {

		.bannerSticker {
			font-size: 0.9em;
		}

		.addToCartContainerLinkButton a,
		.addToCartContainerSubButton {
			font-size: 0.9vw;
		}

		#topMenuElement > ul > li > a {
			font-size: 12px;
		}

	}


	@media (max-width: 1050px) {
		.bannerSticker {
			font-size: 0.8em;
			right: 2px;
			left: 2px;
			padding: 2px 2px 4px 2px;
		}

		.addToCartContainer input[type='submit'] {
			font-size: 1.2em;
			padding: 0.6em;
		}

	}


	@media (max-width: 950px) {

		#headerSwiperMobile .swiperImageStack .navigation svg,
		#headerSwiper .swiperImageStack .navigation svg {
			height: 40px;
			width: 40px;
		}

	}


	@media (max-width: 850px) {

		.bannerSticker {
			font-size: 0.7em;
		}

		#topHeaderContent .grid-element2,
		#topHeaderContent .grid-element3,
		#topHeaderContent .grid-element4,
		#topHeaderContent .grid-element5 {
			font-size: 0.7em;
		}

	}

	@media (min-width: 769px) {
		.mobileOnly {
			display: none;
		}
	}

	/* Typical mobile landscape */ 
	@media (max-width: 768px) {

		.circleContainerSamples {
			margin: auto;
			margin-top: 24px;
		}

		.productPageMoreInfoContainer {
			width: 100%;
		}

		.productListBox .discountedPrice,
		.productImageOverlay {
			display: block;
			float: none;
			clear: both;
			padding-top: 4px;
		}

		.footerVareproveMelding {
			float: none;
		}

		.sortForm select {
			width: 32%;
			min-width: unset;
			box-sizing: border-box;
		}

		#sheet {
			overflow: hidden;
		}

		.mobileBottomCustom {
			display: block;
		}

		.bannerSticker {
			font-size: 1em;
			right: 8px;
			left: 8px;
			padding: 4px 4px 6px 4px;
		}

		#chatPopup #phoneChatButtonLinked.chatButton {
			display: inline-block;
			cursor: pointer;
		}
		#chatPopup #phoneChatButtonDeactivated.chatButton {
			display: none;
		}

		#mobileSubmenuContainer {
			width: 66%;
		}

		.nonMobile {
			display: none;
		}

		#headerSwiperMobile .swiperImageStack .navigation svg,
		#headerSwiper .swiperImageStack .navigation svg {
			height: 30px;
			width: 30px;
		}

		#chatIconContainer {
			bottom: 60px;
			right: 8px;
			top: auto;
			height: auto;
		}

		#chatIconContainer .stickerImage {
			display: none;
		}

		#chatIconContainer .mobileStickerImage {
			display: block;
			width: 42px;
		}

		#chatPopup {
			position: absolute;
			right: 10px;
			bottom: 20px;
		}

		#headerSwiperMobile .swiperTitleInner,
		#headerSwiper .swiperTitleInner,
		.overlayImage .overlayReadMoreInner {
			font-size: 1.3em;
		}

		.page17 .productListTable .productTitle a {
			font-size: 1.2em;
		}

		#mainContent #productFilter .filterSection {
			width: 32%;
			box-sizing: border-box;
			margin-right: 2%;
			min-width: unset;
		}

		.sortForm select {
			margin-right: 2%;
		}

		#mainContent #productFilter .filterSection:nth-of-type(2n+2) {
			margin-right: 0;
		}

		/* mobileSubmenuContainer shifts dropdown two places */
		#mainContent #mobileSubmenuContainer ~ #productFilter .filterSection:nth-of-type(2n+2) {
			margin-right: 2%;
		}
		#mainContent #mobileSubmenuContainer ~ #productFilter .filterSection:nth-of-type(2n+3) {
			margin-right: 0;
		}

		#mobileSubmenu .node569.parentNode > a {
			display: none;
		}

		#mobileSubmenu .node569.parentNode > ul {
			padding-left: 0;
		}
    

		div[data-filtertype="select"] select {
			width: 100%;
			box-sizing: border-box;
		}

		#productFilter .filterSectionIsOpen .filterContent {
			font-size: 0.8em;
		}

		#compactFilterButton {
			display: none;
		}

		#headerSliderContainerMobile,
		#headerSliderContainer {
			top: 68px;
			position: relative;
		}

		#mainContainer {
			margin-top: 68px;
			padding-top: 16px;
		}

		#scrollCircle {
			bottom: 10px;
			right: 10px;
		}

		#headerContainer,
		#topHeaderContainer,
		#topMenuContainer {
			display: none; 
		}

		#header,
		#search,
		#cart,
		#sideMenu,
		#leftColumn,
		#bestseller,
		#sideElementLoginForgotPasswordContainer,
		#emarketingInfoLink,
		.addthis_button_print,
		.addthis_button_favorites {
			display: none;
		}

		#frontEndBody {
			background-color: #ffffff;
		}

		.ui-datepicker {
			font-size: 0.9em;
		}

		.productListTable {
			font-size: 0.9em;
		}

		.productListBox {
			font-size: 1em;
		}

		#main {
			width: 100%;
			padding-left: 0px;
			padding-right: 0px;
		}

		.centerElement {
			margin-bottom: 4%;
		}

		.tightMargin .centerElement {
			margin-bottom: 2%;
		}

		#termsAndConditions {
			margin: 2% 1%;
		}

		.fixCompactHeader #main {
			margin-top: 68px;
		}

		.roundSide .sideElementHeader {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}

		.roundSide .sideElementBody {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}

		#compactHeader {
			display: block;
		}

		#poweredby {
			background-color: rgba(190, 190, 190, .2);
			padding-right: 3%;
		}

		.sideElement {
			margin-bottom: 1px;
		}

		.sideElementHeader {
			padding-top: 12px;
			padding-right: 16px;
			padding-bottom: 12px;
			padding-left: 16px;
			position: relative;
		}

		.sideElementBody {
			display: none;
			margin-bottom: 1%;
		}

		#textBoxCookieWarning .sideElementBody {
			display: block;
		}

		button,
		input[type='reset'],
		input[type='button'],
		input[type='submit'],
		input[type='text'],
		input[type='email'],
		input[type='password'],
		.inputHeight {
			height: 30px;
		}

		.formInputWidth {
			width: 100%;
		}

		#cartExtensionProductContainer {
			width: 60%;
		}

		#cartExtensionControlsContainer {
			width: 38%;
		}

		#cartExtension {
			right: 10px;
			left: 10px;
			top: 10px;
			width: auto;
			margin-top: 0px;
		}

		/* Google's PageSpeed Insights requires more spacing on touch elements in mobile view */
		.articleListBox .moreLink,
		.articleListFAQ .moreLink {
			margin-bottom: 1em;
		}

		.productListBox .descriptionBoxHeight {
			padding-top: 20%;
		}

		/* reset all n-th element settings on columns */
		.columns3 > .columnElement:nth-of-type(1n),
		.columns4 > .columnElement:nth-of-type(1n),
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n),
		.columns4-2-2 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}


		.columns4-2-2 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 100%;
			margin-bottom: 2%;
		}
		.columns4-2-2 > .columnElement:nth-of-type(2n+2) {
			clear: none;
			width: 49%;
			margin-right: 2%;
		}
		.columns4-2-2 > .columnElement:nth-of-type(2n+3) {
			width: 49%;
		}
		.columns4-2-2 > .columnElement:nth-of-type(2n+4) {
			clear: both;
		}

		/* 3 columns are reduced down to two columns */
		.columns3 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 49%;
			margin-right: 2%;
		}
		.columns3 > .columnElement:nth-of-type(2n+2) {
			clear: none;
			margin-right: 0px;
		}
		.columns3 > .columnElement:nth-of-type(2n+3) {
			clear: both;
		}

		.reduce4-2 .columns4 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 49%;
			margin-right: 2%;
		}
		.reduce4-2 .columns4 > .columnElement:nth-of-type(2n+2) {
			clear: none;
			margin-right: 0px;
		}
		.reduce4-2 .columns4 > .columnElement:nth-of-type(2n+3) {
			clear: both;
		}

		/* 4 columns and up are reduced down to three columns */
		.columns4 > .columnElement:nth-of-type(1n),
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 32%;
			margin-right: 2%;
		}
		.columns4 > .columnElement:nth-of-type(3n+3),
		.columns5 > .columnElement:nth-of-type(3n+3),
		.columns6 > .columnElement:nth-of-type(3n+3) {
			margin-right: 0px;
		}
		.columns4 > .columnElement:nth-of-type(3n+4),
		.columns5 > .columnElement:nth-of-type(3n+4),
		.columns6 > .columnElement:nth-of-type(3n+4) {
			clear: both;
		}
	}


	@media (max-width: 580px) {
		.bannerSticker {
			font-size: 0.8em;
		}
	}


	/* Typical mobile portrait */ 
	@media (max-width: 480px) {

		#headerSliderContainer {
			display: none;	
		}
		#headerSliderContainerMobile {
			display: block;	
		}

		.addToCartContainerLinkButton a,
		.addToCartContainerSubButton {
			font-size: 2.6vw;
		}

		#compactHeaderGraphics .compactHeaderButton {
			padding-left: 0px;
		}

		#headerSwiperMobile .swiperImageStack .navigation svg,
		#headerSwiper .swiperImageStack .navigation svg {
			height: 20px;
			width: 20px;
		}

		#chatPopup {
			position: fixed;
			right: 0;
			bottom: 120px;
			left: 0;
			margin: auto;
		}

		#headerSwiperMobile .swiperTitleInner,
		#headerSwiper .swiperTitleInner,
		.overlayImage .overlayReadMoreInner {
			font-size: 1.2em;
		}

		#cartExtension {
			font-size: 0.9em;
		}

		.centerElement {
			margin-bottom: 8%;
		}

		#cartExtensionProductContainer {
			width: 49%;
		}

		#cartExtensionControlsContainer {
			width: 49%;
		}

		/* reset all n-th element settings on columns */
		.columns1-2 > .columnElement:nth-of-type(1n),
		.columns2-1 > .columnElement:nth-of-type(1n),
		.columns2 > .columnElement:nth-of-type(1n),
		.columns3 > .columnElement:nth-of-type(1n),
		.columns4 > .columnElement:nth-of-type(1n),
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}

		/* 2-3 columns are reduced down to one column */
		.columns1-2 > .columnElement:nth-of-type(1n),
		.columns2-1 > .columnElement:nth-of-type(1n),
		.columns2 > .columnElement:nth-of-type(1n),
		.columns3 > .columnElement:nth-of-type(1n) {
			width: 100%;
			float: none;
			clear: both;
			margin-right: 0px;
		}

		/* 4 columns and up are reduced down to two columns */
		.columns4 > .columnElement:nth-of-type(1n),
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 49%;
			margin-right: 2%;
		}
		.columns4 > .columnElement:nth-of-type(2n+2),
		.columns5 > .columnElement:nth-of-type(2n+2),
		.columns6 > .columnElement:nth-of-type(2n+2) {
			margin-right: 0px;
		}
		.columns4 > .columnElement:nth-of-type(2n+3),
		.columns5 > .columnElement:nth-of-type(2n+3),
		.columns6 > .columnElement:nth-of-type(2n+3) {
			clear: both;
		}
	}


	/* Kundens IPhone */ 
	@media (max-width: 420px) {

		#cartExtensionElement {
			display: flex;
			flex-direction: column;
		}

		#cartExtensionProductContainer {
			order: 2;
			width: 100%;
			margin-top: 2em;
		}

		#cartExtensionControlsContainer {
			order: 1;
			width: 100%;
		}

		#cartExtensionControlsContainer input[type='submit'] {
			width: 49%;
			margin-right: 1%;
		    height: 30px;
		}

		#cartExtensionControlsContainer input[type='button'] {
			width: 49%;
		}

		#cartExtensionPricesContainer {
			float: right;
		}

		#cartExtensionShippingCheckContainer {
			text-align: left;
		}

		#cartExtension .columns3 > .columnElement:nth-of-type(1n) {
			clear: none;
			float: left;
			width: 49%;
			margin-right: 2%;
		}
		#cartExtension .columns3 > .columnElement:nth-of-type(2n+2) {
			clear: none;
			margin-right: 0px;
		}
		#cartExtension .columns3 > .columnElement:nth-of-type(2n+3) {
			clear: both;
		}
	}

	/* Very small mobile */ 
	@media (max-width: 320px) {

		#chatPopup {
			width: 90%;
			box-sizing: border-box;
		}

		#chatPopup .chatButton {
			width: 50%;
			padding-bottom: 0.4em;
		}

		/* All columns are reduced down to one column */
		.columns3 > .columnElement:nth-of-type(1n),
		.reduce4-2 .columns4 > .columnElement:nth-of-type(1n),
		.columns4 > .columnElement:nth-of-type(1n),
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n) {
			width: 100%;
			float: none;
			clear: both;
			margin-right: 0px;
		}

	}

	@media print {
		html body #fixedCompactHeaderSpacer {
			display: none !important; 
		}

		#compactHeader,
		#scrollCircle,
		#chatIconContainer,
		.checkoutSteps {
			display: none;
		}

		.swiper-wrapper,
		.swiper-slide {
			width: 100% !important;
			height: auto !important;
			transition-duration: initial !important;
			transform: initial !important;
			transition: none !important;
		}

		.swiper-slide {
			margin-bottom: 3%;
		}

		.swiperImageStack .navigation {
			display: none;
		}

		.swiperThumbStack {
			display: none;
		}

		.page-break {
			display: block;
			page-break-before: always;
			height: 2px;
		}

		.productListBox {
			page-break-inside: avoid;
		}

		body {
			margin: 1%;
		}

		.zoomButton {
			display: none;
		}

		#headerContainer {
			display: none;
		}

		.productListBox .descriptionOuterBox {
			font-size: 0.85em;
		}

		.addToCartContainer {
			-webkit-print-color-adjust: exact;
			page-break-inside: avoid;
		}

		#nextLink {
			display: none;
		}

	}


	@media print and (orientation: landscape) {

		.columns5 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}
		.columns5 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 18.4%;
			margin-right: 2%;
		}
		.columns5 > .columnElement:nth-of-type(5n+5) {
			margin-right: 0px;
		}
		.columns5 > .columnElement:nth-of-type(5n+6) {
			clear: both;
		}
	}

	@media print and (orientation: portrait) {

		.columns5 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}
		.columns5 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 23.5%;
			margin-right: 2%;
		}
		.columns5 > .columnElement:nth-of-type(4n+4) {
			margin-right: 0px;
		}
		.columns5 > .columnElement:nth-of-type(4n+5) {
			clear: both;
		}
	}