#CybotCookiebotDialog button {
	height: auto;
}

iframe[src*=youtube] {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 10px;
}

#sideMenu.isInsideMenu > ul > li {
    display: none;
}

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



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

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Tabs */

	.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%);
		cursor: pointer;
		border-bottom: 1px solid #aaaaaa;
	}

	.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%);
		padding-top: 5px;
		border-top-width: 3px;
		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;
		font-size: 14.5px;
	}

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

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

.discountSticker {
    position: absolute;
    height: 28px;
    z-index: 2;
    top: 20px;
    right: -20px;
    background: #ac0012;
    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: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;
}

#productPageDescriptionTabs video {
	width: 100%;
}

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

#productPageImageInlineContainer {
	height: 100%;
}

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

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

#articlePageImageInlineContainer {
	height: 100%;
}

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

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

/* 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;
	cursor: pointer;
	width: 10%;
	top: 0px;
	bottom: 0px;
	z-index: 198;
}

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

.swiperImageStack .navigation svg g {
	fill: #5f5f5f;
	stroke: #ffffff;
}

.swiperImageStack .navigation svg path {
	stroke-width: 30px;
}

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

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

.swiperImageStack .navigateRight svg {
	margin-right: 10%;
}

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

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

.swiperImageStack .swiper-slide img,
.swiperImageStack .swiper-slide video {
	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%;
}

/* The extra padding avvoids cutting of the bottom of the border on the images */
.swiperThumbStack .swiper-slide {
	box-sizing: border-box;
	padding-bottom: 1px;
}

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

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

.popupGallery .swiperImageStack {
	height: 80%;
}

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

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

#textBoxCustomerType .actionButton {
    padding-right: 4%;
    padding-left: 4%;
	height: 2.5em;
}

#textBoxCustomerTypeContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .6);
}

#textBoxCustomerType {
    position: fixed;
    top: 20%;
	height: 220px;
    left: 20%;
    right: 20%;
    background-color: #ffffff;
    border: 3px solid #072241;
}

.textBoxCustomerTypeTitle {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 1em;
	font-size: 2vw;
	font-weight: bold;
}

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

/* Sticky Footer Elements  */
html,
body {
  height: 100%;
}
body {

  width: 100%;
}


/* Base Elements - CSS Resets */

	/* Hack: Ext-js resets the strong font weight. Undoing this to be able to link to ext-all.css */
	html strong {
		font-weight: bold;
		height: 100%;
	}

	body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		font-family: 'Open Sans', sans-serif;
		height: 100%;
		color: #323232;
	}

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

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

	a {
		color: #323232;
		font-weight: bold;
		text-decoration: none;
	}

	a:hover {
		color: #323232;
	}
	img {
		border-width: 0px;
	}

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

	input[type='checkbox'] {
		margin: 3px 4px 0px 0px;
		padding: 0px;
	}

	button,
	input[type='reset'],
	input[type='button'],
	input[type='submit'] {
		cursor: pointer;
		padding: 2px 20px 1px 20px;
		font-size: inherit;
		-webkit-appearance: none;
		border-width: 0px;
	}

	button,
	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	.inputHeight {
		height: 26px;

	}
	
	
	


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

	input[type='text'],
	input[type='email'],
	input[type='password'] {
		height: 26px;
	}

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

	input.user-success:required,
	input.user-success.showValidationIcon {
		background-image: url('../../images/System/icon16_valid.png');
		background-repeat: no-repeat;
		background-position: 99% 50%;
		border-color: #42b402;
	}

	textarea.user-success:required,
	textarea.user-success.showValidationIcon {
		background-image: url('../../images/System/icon16_valid.png');
		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: #919291;
		color: #919291;
		height: 1px;
	}
	
	.pageTitle{
		border-bottom: 1px solid #dddddd;
		border-top: 1px solid #dddddd;
		text-transform:uppercase;
		color: #323232;;
		padding-top: 4px;
		height: 30px;
		margin-top: 0px;
		}

	.pageTitle,
	h1 {
		font-weight: bold;	
	}

	.productPageTitle,
	h2 {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #aaaaaa;
		font-weight: normal;
	}

	/* jQuery UI datepicker must have higher z-index than all other elements. */
	.ui-datepicker {
		z-index: 9999 !important;
	}


/* Font Sizes */
	body {
		font-size: 95%;
	}
	
	.pageTitle,
	h1 {
		font-size: 1.4em;
	}

	.productPageTitle,
	h2 {
		font-size: 1.25em;
	}

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

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

	#upperTopMenuBody,
	#topMenuBody {
		font-size: 0.9em;
	}

	#upperTopMenuBody ul ul li a,
	#topMenuBody ul ul li a {
		font-size: 0.9em;
	}

	#compactCartAmount {
		font-size: 0.8em;
	}

	#centerColumn {
		font-size: 0.85em;
	}

	#breadcrumb {
		font-size: 0.9em;
	}

	#cartExtensionControlsContainer {
		font-size: 0.9em;
	}

	.productListCartExtension {
		font-size: 0.8em;	
	}

	.productListBox {
		font-size: 1em;
	}

	.productListBox .titleBox {
		font-size: 1.1em;
	}

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

	.textSizeLevel1 {
		font-size: 0.8em;
	}

	.textSizeLevel2 {
		font-size: 0.9em;		
	}

	.textSizeLevel3 {
		font-size: 1.1em;
	}


/* Dimensions and margins */

	.sheetMargin #sheet {
		margin-top: 1%;
	}

	#compactHeaderGraphics {
		min-height: 100px;
		padding-bottom: 12px;
	}

	#compactHeaderGraphics .compactHeaderButton {
		width: 24px;
		height: 24px;
		margin-top: 40px;
		padding: 10px;
		float: left;
		margin-left: 12px;
	}

	#compactHeaderGraphics .compactHeaderButton svg {
		width: 24px;
	}

	#compactHeaderGraphics .compactHeaderButton path {
		fill: #363f79;
	}

	#compactLogo {
		height: 50px;
		margin-top: 35px;
		margin-bottom: 2px;
		float: right;
		margin-right: 12px;
		margin-left: 6px;
	}

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

	.reverseCompactHeader #compactLogo {
		float: left;
		margin-right: 6px;
		margin-left: 12px;
	}	

	.centerElement {
		margin-bottom: 2%;
	}

	.sideElement {
		margin-bottom: 4%;
	}

	#leftColumn {
		left: -76%;
		width: 20%;
	}

	#centerColumn {
		left: 24%;
		width: 76%;
	}


/* Rounding */
	
	.roundHeader #topMenuBody,
	.roundSide .sideElementBodyOnly,
	.roundSide .productListBestseller .productListBestsellerImage,
	.roundMain .mfp-figure:after,
	.roundMain #termsAndConditions {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}

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

	.roundForm button,
	.roundForm input[type='reset'],
	.roundForm input[type='button'],
	.roundForm input[type='submit'],
	.roundForm textarea,
	.roundForm input[type='text'],
	.roundForm input[type='email'],
	.roundForm input[type='password'],
	
	.roundMain .boxOutlined,
	.roundMain .boxOutlinedWarning,
	.roundMain #cartExtension,
	.roundMain .productListCartExtension .outerBox,
	.roundSide #news .frame,
	.roundHeader #topMenuBody ul ul {
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		
	}

	.roundMain #productPageDescriptionTabs.ui-tabs .ui-tabs-panel {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}



/* Header Elements */

	#compactHeader {
		display: none;
	}

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

	/* The height is only an initial value to avoid skipping of the text when exact height is set by jQuery. */
	#fixedCompactHeaderSpacer {
		height: 77px;
		display: none;
	}

	#compactHeaderGraphics {
		background-image: url('../../images/System/topbg3.png');
	}

	#compactHeaderGraphicsShadow {
		height: 6px;
		background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.0)) 0 0;
	}

	#compactCart {
		width: auto;
		display: table;
	}

	#compactCart img {
		margin-right: 4px;
		display: block;
	}

	#compactCartAmount {
		display: table-cell;
		vertical-align: middle;
	}

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

	/* background-color: may show through behind the image slider, so don't set it unless the slider isn't used */
	#headerGraphics {
		position: relative;
		overflow: hidden;
		background-color: transparent;
	}

	#headerImages img {
		width: 100%;
		height: 100%;
	}
	
	
	#logoContainer {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
		z-index: 100;
	}

	#logo {
		width: 25%;
		vertical-align: middle;
		margin-right: 6.5%;
	}	
	
	#headerImagesShadow {
		width: 100%;
		height: 30px;
		margin: auto;
		display: block;
	}

	#headerImagesNav {
		width: 100%;
		height: 19px;
		
		margin-bottom: 5px;
		text-align: center;
	}

	#headerImagesNav a {
		color: white;
		display: inline-block;
		width: 14px;
		height: 14px;
		font-size: 10px;
		background-image: url('../../images/System/pager.png');
		background-repeat: no-repeat;
		margin-right: 10px;
	}

	#headerImagesNav a.activeSlide {
		background-image: url('../../images/System/pager-active.png');
		color: #8b8b8b;
	}	
	

	/* z-index: topMenuAbsolute */
	
	#topMenuFixedBody {
		margin-left: auto;
		margin-right: auto;	
		z-index: 101;
	}

	.fixTopMenu #topMenu.fixed #topMenuBody {
		position: fixed;
		top: 0px;
		bottom: auto;
		margin-top: 0px;
		z-index: 200;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.fullWidthHeader.topMenuAbsolute.fixTopMenu #topMenu.fixed #topMenuBody {
		width: auto;
	}

	#topMenuFixedBody {
		display: none;
	}

	.fixTopMenu #topMenu.fixed #topMenuFixedBody {
		display: block;
	}

	.topMenuAbsolute.fixTopMenu #topMenu.fixed #topMenuFixedBody {
		display: none;
	}

	#upperTopMenuElement,
	#topMenuElement {
		width: 100%;
	}

	#compactHeaderGraphics .compactHeaderButton {
		background-color: #ffffff;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		color: #323232;
		border-color: #ffffff;
		border-width: 0px;
		border-style: solid;
		cursor: pointer;
		font-weight: bold;
		white-space: nowrap;
		line-height: 10px;
	}

	#compactSearch {
		background-color: #323232;
		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 {
		background-color: #ffffff;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 2%;
		margin-bottom: 2%;
	}

	#centerColumn {
		position: relative;
		float: left;
	}

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

	@media print {
		div#centerColumn {
			left: 0px;
			width: 100%;
		}
	}

	#leftColumn {
		position: relative;
		float: left;
	}

	#rightColumn {
		position: relative;
		float: left;
	}

	
	.pageBody,
	.pageFooter,
	.articlePage {
		overflow-x: auto;
	}

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

        /* IE7 compatibility requires separate block */
        .sideElementBody {
                background-color: #ffffff;
        }

	.sideElementBody {
		background-color: #ffffff;
		color: #323232;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		margin-top: 1px;
		line-height: 130%;
		border: 1px solid #dddddd;
	}

	.sideElementBodyOnly {
		background-color: #dddddd;
		color: #323232;
		padding-top: 6px;  
		padding-right: 10px;
		padding-bottom: 6px;  
		padding-left: 10px;
	}

	.compactSideElementTrigger {
		display: none;
	}

        /* IE7 compatibility requires separate block */
        #cartExtension {
                background-color: #323232;
        }

	#cartExtension {
		position: absolute;
		display: none;
		width: 100%;
		background-color: #323232;
		color: #ffffff;
		margin-top: 1px;
		line-height: 130%;
		z-index: 201;
	}

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

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

	#cartExtensionControlsContainer {
		width: 24%;
		float: right;
		text-align: right;
	}

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

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

	#breadcrumb {
		color: #4f4f4f;
		text-align: left;
		width: 50%;
		padding-bottom: 16px;
	}

	#sharetool {
		float: right;
	}

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

	.pageImage {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
	}

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

	.articlePageDescription {
		font-weight: bold;
	}

	#productPageImage {
		max-width: 100%;
		max-height: 100%;
	}

	#productPageImageZoomContainer {
		position: absolute;
		width: 100%;
		z-index: -10;
	}

	.productPageImageMagnificPopup .mfp-figure {
		margin: 2%;
	}

	.productPageImageMagnificPopup .mfp-figure:after {
		background: #ffffff;
	}

	.productPageVariantSelects {
		width: 100%;
		margin-bottom: 2%;
		height: 26px;
	}

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

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

	.productPageMoreInfo .moreInfoTitle {
		width: 120px;
		float: left;
	}

	.productPageMoreInfo .moreInfoContent {
		margin-left: 150px;
	}

	#productPageDescriptionTabs.ui-tabs {
		clear: both;
		border-width: 0px;
		padding: 0px;
	}

	#productPageDescriptionTabs.ui-tabs .ui-tabs-panel {
		overflow: auto;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	}

	#productPageDescriptionTabs.ui-tabs .ui-widget-header {
		background-color: transparent;
		background-image: none;
		border-width: 0px 0px 1px 0px;
		border-bottom: 1px solid #c0c0c0;
		border-radius: 0px;
		padding-left: 0px;
	}

	#productPageDescriptionTabs #tabExternalUrls div {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	

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

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

	.dropDownMenu ul ul {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s linear 0.35s, opacity 0.35s linear;
		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: 96%;
		top: 6px;
	}

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

	
	
	/* Top Menu - Visual styling */
	#topMenuTop {
		background-color: transparent ;
	}
	
	#upperTopMenu,
	#topMenu {
		background-color:transparent ;
			
	}

	#upperTopMenu .expandNode a,
	#topMenu .expandNode a {		
	    background-color: #072241;
	    color: white;
	    border-left: 1px solid white;
	    border-right: 1px solid white;  
	}

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

	#upperTopMenu ul li a,
	#topMenu ul li a {
		color: #ffffff;
		text-decoration: none;
		height: 25px;
		margin-right: 7px;
		padding-top: 10px;
		padding-right:14px;
		padding-left: 14px;
		font-weight: normal;
		white-space: nowrap;
		text-transform: uppercase;
	}

	#upperTopMenu ul li a:hover,
	#topMenu ul li a:hover {
	color: #ffffff;
	background-color: #072241;
	}
	
	
/* Level 2 */

	#topMenu ul ul {		
		margin-top: -1px;	
	}

	#topMenu ul ul li a {
	background-image: none;	
	background-color: #072241;
	height: 20px;
	padding-top: 12px;
	padding-bottom:10px;
	text-align: left;
	}
	
	#topMenu .expandNode ul ul li a {
	background-image: none;	
	background-color: #fd9602;		
	}
	
	
	#topMenu ul ul li a:hover {
		color: #ffffff;
		background-image:none;
		background-color: #ab2424;
	}
	
	#topMenu .expandNode ul ul li a:hover {
		background-image: none;	
		background-color: #2f2f2f;
	}
	
	#topMenu ul ul ul {
		position: absolute;
		top: 15px;
		left: 140px;
	}
	
	#topMenu ul ul ul li a {
		background-image: none;	
		height: 12px;
		padding-top: 10px;
	}
		
	.multiColumn #topMenuElement ul ul li.parentNode > a {
		background-image: none;
	}

	.multiColumn #topMenuElement ul ul ul {
		border-color: transparent;
	}

	.multiColumn #topMenuElement ul ul ul li {
		background-image: url('../../images/System/ice_sidemenuimage.gif');
		background-position: 6px 10px;
		background-repeat: no-repeat;
	}

	/* 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 */
	
	#sideMenuHeader {
		cursor: pointer;
		font-size: 1.6em;
		text-transform:uppercase;
		font-weight:400;
		border-bottom: solid 2px #ab2424;
	}

	#sideMenu ul li a {
		display: block;
		background-color: transparent;
		background-image: none;
		border-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dddddd;
		padding: 2%;
		margin-bottom: 1px;
		font-weight:300;
		font-size: 1em;
		text-indent: 15px;
		 background-image: url('../../images/System/plus.png');
		background-repeat: no-repeat;
		background-position: 4px 10px;
	}
	
	#sideMenu ul li.parentNode > a {
       
	}


	#sideMenu ul li.activeNode > a
	 {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		background-image: url('../../images/System/plus_hover.png');
		background-repeat: no-repeat;
		background-position: 4px 10px;
	}
	
	#sideMenu ul li a:hover {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		
	}

	
	

	#sideMenu ul ul li a {
		display: block;
		background-color: transparent;
		background-image: none;
		border-width: 0px;
		padding: 2%;
		margin-bottom: 1px;
		font-weight:300;
		font-size: 1em;
		text-indent: 29px;
		color: #ab2424;
		
		
	}
	#sideMenu ul ul li.parentNode > a {
        background-image: url('../../images/System/plus.png');
		background-repeat: no-repeat;
		background-position: 15px 10px;
		text-indent: 29px;
	}

	#sideMenu ul ul li.activeNode > a
	 {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		background-image: url('../../images/System/plus_hover.png');
		background-repeat: no-repeat;
		background-position: 15px 10px;
		text-indent: 29px;
	}
	
	#sideMenu ul ul li a:hover {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		}

	#sideMenu ul ul ul li a {
		display: block;
		background-color: transparent;
		background-image: none;
		padding: 2%;
		margin-bottom: 1px;
		font-weight:bold;
		font-size: 1em;
		text-indent: 39px;
	}
	
	#sideMenu ul ul ul li.parentNode > a {
        background-image: url('../../images/System/plus.png');
		background-repeat: no-repeat;
		background-position: 27px 10px;
		text-indent: 39px;
	}

	#sideMenu ul ul ul li.activeNode > a
	 {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		background-image: url('../../images/System/plus_hover.png');
		background-repeat: no-repeat;
		background-position: 27px 10px;
		text-indent: 39px;
	}
	
	#sideMenu ul ul ul ul li a:hover {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		}


		#sideMenu ul ul ul ul li a {
		display: block;
		background-color: transparent;
		background-image: none;
		padding: 2%;
		margin-bottom: 1px;
		font-weight:300;
		font-size: 1em;
		
	}
	
	#sideMenu ul ul ul ul li.parentNode > a {
        background-image: url('../../images/System/plus.png');
		background-repeat: no-repeat;
		background-position: 25px 10px;
	}

	#sideMenu ul ul ul ul li.activeNode > a
	 {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		background-image: url('../../images/System/plus_hover.png');
		background-repeat: no-repeat;
		background-position: 25px 10px;
		
	}
	
	#sideMenu ul ul ul ul li a:hover {
		color: #ffffff;
		background-color: #ab2424;
		border-color: #dddddd;
		}

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

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

	/* 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: #323232;
		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: #dddddd;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}

	#compactMenu ul ul li a {
		background-color: #dddddd;
		color: #323232;
	}
	
	#compactMenu ul ul ul {
		padding-left: 0.4em;
		background-color: #ab2424;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}
	
	
/* Article Lists */

	/* Normal List */

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

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

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

	.articleListBoxFullImage .articleListBox .thumbnail {
		width: 100%;
	}

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

	.articleListBox .shortDescriptionTextOnly {
		display: none;
	}

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

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

	.articleListBoxHideImage .articleListBox .thumbnail {
		display: none;
	}

	.articleListBoxHideTitle .articleListBox .title {
		display: none;
	}

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

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


	/* FAQ List */

	.articleListFAQ {
		overflow: hidden;
	}

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

	.articleListFAQ .title {
		margin-bottom: 0.5%;
		font-weight: bold;
		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;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #919291;
	}

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

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

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

	.productListTable .shoppingColumn {
		width: 17%;
	}

	.productListTable .removeColumn {
		width: 20px;
	}

	.productListTable .removeColumn .deleteIcon {
		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: 3%;
	}

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

	.productListTable .shoppingColumn .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;
	}

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

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

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

	/* Every second row can be "highlighted". Typically with a background color */
	.productListTable tr.highlightedRow td {
		background-color: #ffffff;
		color: #323232;
	}

	.productListTable tr:first-child td {
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #919291;	
	}

	/* Header overrides normal cells so normal cells do not need their own class */
	.productListTable tr.highlightedRow td.productListTableHeader {
		font-weight: bold;
		background-color: transparent;
		border-top-width: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #919291;
	}

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

/* Box */

	.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 {
		height: 100%;
	}

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

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

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

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

	.productListBox .imageInnerBox img {
		max-height: 65%;
		max-width: 150px;
		margin-top: 5%;
	}

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

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

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

        .productListBox .descriptionBox {
                color: #777777;
                margin-top: 1%;
                margin-bottom: 1%;
                line-height: 1.2;
                height: 4.8em;
                overflow: hidden;
        }

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

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

	.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: 32px;
		overflow: hidden;
	}

	.productListBox .priceBeforeDiscount {
		text-decoration: line-through;
		font-weight: normal;
	}

	.productListBox .price {
		font-weight: normal;
	}

	.productListBox .priceBox input[type='button'] {
		float: right;
		width: 35%;
	}

	.productListBox .descriptionEllipsis,
	.productListBox .fullEllipsis {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 10%;
		
	}

	.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 {
		position: relative;
		margin-top: 2%;
		margin-bottom: 2%;	
	}

	.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: 90%;
	}

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

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

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

	.productListCartExtension .titleBox {
		position: absolute;
		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 {
		color: #ffffff;
		width: 90%;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.productListCartExtension .removeButton {
		position: absolute;
		width: 18%;
		top: -9%;
		right: 3%;
	}

	/* 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: #919291;
		font-weight: bold;
	}

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

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

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


/* E-commerce */

	.priceBeforeDiscount {
		color: #8b0000;
	}

	.priceDiscount {
		color: #8b0000;
	}

	.price {
		color: #006400;
		
	}

	.highlightedElement .priceBeforeDiscount {
		color: #8b0000;
	}

	.highlightedElement .priceDiscount {
		color: #8b0000;
	}

	.highlightedElement .price {
		color: #006400;
	}

	.sideElement .priceBeforeDiscount {
		color: #f69c9c;
	}

	.sideElement .priceDiscount {
		color: #f69c9c;
	}

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

	.checkoutSteps {
		margin-bottom: 22px;
	}

	.checkoutStep {
		width: 24.5%;
		float: left;
		background-color: #c0c1c0;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		margin-right: 0.5%;
		border-bottom: 4px solid #a0a1a0;
		color: #dddddd;
		position: relative;
	}

	.checkoutStep.checkoutTitleStep {
		color: #323232;
		background-color: #a0a1a0;
		padding-top: 12px;
		padding-bottom: 8px;
		border-bottom-color: #a0a1a0;
		text-transform: uppercase;
		font-weight: bold;
	}

	.checkoutStep.checkoutPastStep {
		color: #ffffff;
		border-bottom-color: #a0a1a0;
		font-weight: normal;
	}

	.checkoutStep.checkoutActiveStep,
	.checkoutStep.checkoutHoverStep {
		color: #ffffff;
		background-color: #a0a1a0;
		border-bottom-color: #919291;
		font-weight: bold;
	}

	.checkoutStep.checkoutHoverStep {
		cursor: pointer;
	}

	.checkoutStepCountContainer {
		position: absolute;
		left: 50%;
		bottom: -12px;
	}

 	.checkoutStepCount {
		position: relative;
		left: -50%;
		width: 20px;
		height: 20px;
		background-color: #a0a1a0;
		font-weight: bold;
		border-radius: 50%;
		color: #ffffff;
		line-height: 20px;
		font-size: 11px;
	}

	.checkoutPastStep .checkoutStepCount,
	.checkoutActiveStep .checkoutStepCount,
	.checkoutHoverStep .checkoutStepCount {
		background-color: #323232;
	}

	#checkoutPaymentStep {
		display: none;
	}

	#checkoutStepCountWithoutPayment {
		display: block;
	}

	#checkoutStepCountWithPayment {
		display: none;
	}

	#termsAndConditions {
		position: relative;
		background: #FFF;
		padding: 1% 2% 2% 2%;
		width: auto;
		margin: 2% 10%;
	}

	.paymentTerminal #checkoutPaymentStep {
		display: block;
	}

	.paymentTerminal #checkoutStepCountWithoutPayment {
		display: none;
	}

	.paymentTerminal #checkoutStepCountWithPayment {
		display: block;
	}

	.paymentTerminal .checkoutStep {
		width: 19.5%;
	}

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

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

	.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 {

	}

	.checkoutFooter .columnElement.checkoutPriceSummary {
		width: auto;
		float: right;
		max-width: 48%;
	}


/* Div Classes */

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

	.clearFix {
		clear: both;
	}

	.boxOutlined {
		border-width: 1px;
		border-style: dotted;
		border-color: #919291;
		background-color: #a0a1a0;
		padding: 10px;
		margin-bottom: 2%;
		color: #323232;
	}

	.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: #a0a1a0;
		color: #323232;
	}

	.highlightedElementBorder {
		border-color: #919291;
		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: 3px;
		border-top-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #3a437c;
		height: 28px;
	}

	.iconButton img {
		width: 16px;
		margin: 6px;
		display: block;
	}

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

	.zoomButton svg g {
		fill: #415464;
	}

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

	/* overflow: clearfix */
	.formRow {
		margin-bottom: 8px;
		clear: both;
		min-height: 26px;
		overflow: hidden;
	}

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

	.formRow.forgotPasswordDisabled {
		color: #cccccc;
	}

	.formRequiredMarker {
		float: right;
		width: 10px;
		text-align: right;
	}

	.formCenterElement {
		 margin-right: 16px;
	}

	.formInputWidth {
		width: 75%;
	}
	
	

/* Buttons */

	button.actionButton,
	input.actionButton {
		background-color: #ab2424;
		font-weight: bold;
		color: #ffffff;
		-webkit-appearance: none;
	}

	button.largeButton,
	input.largeButton  {
		padding-right: 40px;
		padding-left: 40px;
		height: 32px;
		
	}

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

	.highlightedElement a:hover {
		color: #323232;
	}

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

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

	.boxOutlined a {
		color: #323232;
	}

	.boxOutlined a:hover {
		color: #323232;
	}

	.boxOutlinedWarning a {
		color: #701200;
	}

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


/* Columns */

	.columns2 .columnElement {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.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%;
	}
	.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%;
	}
	.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%;
	}
	.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%;
	}
	.columns6 .columnElement:nth-of-type(6n+6) {
		margin-right: 0px;
	}
	.columns6 .columnElement:nth-of-type(6n+7) {
		clear: both;
	}

	.columns7 .columnElement {
		float: left;
		width: 13.25%;
		margin-right: 1%;
	}
	.columns7 .columnElement:nth-of-type(7n+7) {
		margin-right: 0px;
	}
	.columns7 .columnElement:nth-of-type(7n+8) {
		clear: both;
	}

	.columns8 .columnElement {
		float: left;
		width: 11.6%;
		margin-right: 1%;
	}
	.columns8 .columnElement:nth-of-type(8n+8) {
		margin-right: 0px;
	}
	.columns8 .columnElement:nth-of-type(8n+9) {
		clear: both;
	}

	.columns9 .columnElement {
		float: left;
		width: 10.2%;
		margin-right: 1%;
	}
	.columns9 .columnElement:nth-of-type(9n+9) {
		margin-right: 0px;
	}
	.columns9 .columnElement:nth-of-type(9n+10) {
		clear: both;
	}

	.columns10 .columnElement {
		float: left;
		width: 9.1%;
		margin-right: 1%;
	}
	.columns10 .columnElement:nth-of-type(10n+10) {
		margin-right: 0px;
	}
	.columns10 .columnElement:nth-of-type(10n+11) {
		clear: both;
	}


/* General Media Styling */

	@media print {
		.swiperImageStack .navigation,
		.swiperThumbStack,
		.screenOnly {
			display: none;
		}

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

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

	@media screen {
		.printOnly {
			display: none;
		}
	}

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

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


/* Responsive Facebook */

	.fb-comments,
	.fb-comments span,
	.fb-comments iframe[style],
	.fb-comments iframe span[style] {
		width: 100% !important;
	}


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

	/* Typical mobile landscape */ 
	@media screen and (max-width: 1150px) {

		#textBoxCustomerType {
			left: 3%;
			right: 3%;
		}

		.textBoxCustomerTypeTitle {
			font-size: 4vw;
		}

		/* Background Elements */

		#frontEndBody {
			background-color: #ffffff;
		}

		#backgroundGradient,
		#backgroundGlare {
			display: none;
		}

		/* Font Sizes */

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

		.checkoutSteps {
			margin-top: 10px;
			font-size: 0.9em;
		}

		.productListTable {
			font-size: 0.9em;
		}

		.productListBox {
			
		}

		/* Dimensions */

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

		.sheetMargin #sheet {
			margin-top: 0px;
			margin-bottom: 0px;
		}

		.centerElement {
			margin-bottom: 4%;
		}

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

		#centerColumn {
			position: static;
			float: none;
			clear: both;
			left: 0%;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding-top: 0px;
			padding-right: 3%;
			padding-bottom: 10px;
			padding-left: 3%;
		}

		#leftColumn {
			position: static;
			float: none;
			clear: both;
			width: 100%;
		}

		#rightColumn {
			position: relative;
			float: none;
			clear: both;
		}

		#termsAndConditions {
			margin: 2% 1%;
		}

		/* Rounding */

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

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

		/* Header Elements */

		#header {
			display: none;
		}

		#compactHeader {
			display: block;
		}

		.fixCompactHeader #fixedCompactHeaderSpacer {
			display: block;
		}
		

		/* Page Elements */

		#textBox3 {
			display: none;
		}

		#news {
			padding-left: 3%;
			padding-right: 3%;
		}		

		.addthis_button_favorites {
			display: none;
		}

		.addthis_button_print {
			display: none;
		}

		#search {
			display: none;
		}

		#cart {
			display: none;
		}

		#sideMenu {
			display: none;
		}
		#sideMenuHeader{
		
		display: none;
		
		}

		#bestseller {
			display: none;
		}

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

		.compactSideElementTrigger {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
		}

		#sideElementLoginForgotPasswordContainer {
			display: none;
		}

		#emarketingInfoLink {
			display: none;
		}

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

		/* Product Lists */
		.productListBox .descriptionBoxHeight {
			padding-top: 20%;
		}

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

		/* 4 columns and up are reduced down to three columns */

                .columns4 .columnElement:nth-of-type(4n+5) {
                        clear: none;
                }

		.columns4 .columnElement,
		.columns5 .columnElement,
		.columns6 .columnElement,
		.columns7 .columnElement,
		.columns8 .columnElement,
		.columns9 .columnElement,
		.columns10 .columnElement {
			float: left;
			width: 32%;
			margin-right: 2%;
		}
		.columns4 .columnElement:nth-of-type(4n+4),
		.columns5 .columnElement:nth-of-type(5n+5),
		.columns6 .columnElement:nth-of-type(6n+6),
		.columns7 .columnElement:nth-of-type(7n+7),
		.columns8 .columnElement:nth-of-type(8n+8),
		.columns9 .columnElement:nth-of-type(9n+9),
		.columns10 .columnElement:nth-of-type(10n+10) {
			margin-right: 2%;
		}
		.columns4 .columnElement:nth-of-type(3n+3),
		.columns5 .columnElement:nth-of-type(3n+3),
		.columns6 .columnElement:nth-of-type(3n+3),
		.columns7 .columnElement:nth-of-type(3n+3),
		.columns8 .columnElement:nth-of-type(3n+3),
		.columns9 .columnElement:nth-of-type(3n+3),
		.columns10 .columnElement:nth-of-type(3n+3) {
			clear: none;
			margin-right: 0px;
		}
		.columns4 .columnElement:nth-of-type(3n+4),
		.columns5 .columnElement:nth-of-type(3n+4),
		.columns6 .columnElement:nth-of-type(3n+4),
		.columns7 .columnElement:nth-of-type(3n+4),
		.columns8 .columnElement:nth-of-type(3n+4),
		.columns9 .columnElement:nth-of-type(3n+4),
		.columns10 .columnElement:nth-of-type(3n+4) {
			clear: both;
		}


	}


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

		#textBoxCustomerType {
			height: 150px;
		}

		/* Font Sizes */
		
		.pageTitle,
	h1 {
		font-size: 0.9em;
		padding-top: 14px;
	}

		#compactCartAmount {
			font-size: 0.6em;
		}

		.checkoutSteps {
			font-size: 0.75em;
		}

		#cartExtension {
			font-size: 0.9em;
		}

		/* Dimensions */

		#compactHeaderGraphics {
			min-height: 60px;
			padding-bottom: 8px;
		}

		#compactHeaderGraphics .compactHeaderButton {
			width: 18px;
			height: 18px;
			margin-top: 26px;
			padding: 8px;
			margin-left: 8px;
		}

		#compactHeaderGraphics .compactHeaderButton svg {
			width: 18px;
		}

		#compactLogo {
			height: 36px;
			margin-top: 30px;
			margin-right: 8px;
		}
		
		

		/* The height is only an initial value to avoid skipping of the text when exact height is set by jQuery. */
		#fixedCompactHeaderSpacer {
			height: 58px;
		}

		.centerElement {
			margin-bottom: 8%;
		}

		#cartExtensionProductContainer {
			width: 49%;
		}

		#cartExtensionControlsContainer {
			width: 49%;
		}

		/* 2-4 columns are reduced down to one column */
		.columns2 .columnElement,
		.columns3 .columnElement,
		.columns4 .columnElement {
			width: 100%;
			float: none;
			clear: both;
			margin-right: 0px;
		}

		/* 5 columns and up are reduced down to two columns */
		.columns5 .columnElement,
		.columns6 .columnElement,
		.columns7 .columnElement,
		.columns8 .columnElement,
		.columns9 .columnElement,
		.columns10 .columnElement {
			float: left;
			width: 49%;
			margin-right: 2%;
		}
		.columns5 .columnElement:nth-of-type(5n+5),
		.columns6 .columnElement:nth-of-type(6n+6),
		.columns7 .columnElement:nth-of-type(7n+7),
		.columns8 .columnElement:nth-of-type(8n+8),
		.columns9 .columnElement:nth-of-type(9n+9),
		.columns10 .columnElement:nth-of-type(10n+10),
		.columns5 .columnElement:nth-of-type(3n+3),
		.columns6 .columnElement:nth-of-type(3n+3),
		.columns7 .columnElement:nth-of-type(3n+3),
		.columns8 .columnElement:nth-of-type(3n+3),
		.columns9 .columnElement:nth-of-type(3n+3),
		.columns10 .columnElement:nth-of-type(3n+3) {
			margin-right: 2%;
		}
		.columns5 .columnElement:nth-of-type(2n+2),
		.columns6 .columnElement:nth-of-type(2n+2),
		.columns7 .columnElement:nth-of-type(2n+2),
		.columns8 .columnElement:nth-of-type(2n+2),
		.columns9 .columnElement:nth-of-type(2n+2),
		.columns10 .columnElement:nth-of-type(2n+2) {
			clear: none;
			margin-right: 0px;
		}
		.columns5 .columnElement:nth-of-type(2n+3),
		.columns6 .columnElement:nth-of-type(2n+3),
		.columns7 .columnElement:nth-of-type(2n+3),
		.columns8 .columnElement:nth-of-type(2n+3),
		.columns9 .columnElement:nth-of-type(2n+3),
		.columns10 .columnElement:nth-of-type(2n+3) {
			clear: both;
		}

.columns2 .columnElement.productListBox,
.columns3 .columnElement.productListBox,
.columns4 .columnElement.productListBox,
.columns5 .columnElement.productListBox {
	float: left;
	width: 49%;
	margin-right: 2%;
}

.columns2 .columnElement.productListBox:nth-of-type(2n+2),
.columns3 .columnElement.productListBox:nth-of-type(2n+2),
.columns4 .columnElement.productListBox:nth-of-type(2n+2),
.columns5 .columnElement.productListBox:nth-of-type(2n+2) {
	clear: none;
	margin-right: 0px;
}

		.checkoutFooter .columnElement.checkoutPriceSummary {
			width: 100%;
			float: none;
			max-width: none;
		}

	}






		.contentwidth{ 
		max-width: 1180px; 
		width: 90%;
		margin: 0 auto;} 

		#topcontainer{ 		
		height: 39px;
		background-image:url('../../images/System/topbg2.png');
		background-repeat:repeat;} 
		
		.toptopmenu{
		float: right;
		margin-top: 10px;
		height: 29px;
			}
			
		#headlogocontainer{ 		
		height: 134px;
		background-image:url('../../images/System/topbg3.png');
		background-repeat:repeat;} 
		
		.headlogocontainer {
		margin-top: 50px;
		float: left;}
		
		.contactinfo{
		margin-top: 40px;
		float: right;
		width: 315px;}
		
		.telefonnr{
		border-bottom: 1px solid #454545;
		font-size: 2.4em;
		font-weight:400;
		width: 225px;
		margin-left: 82px;}
		
		.epost  {
		font-size: 0.8em;
		width: 225px;
		font-weight: 300; 
		float: left;
		}
		
		#topmenucontainer{ 		
		height: 35px;
		background-color: #4f4f4f;}
		
		.kurvlink a {
		float: right; 
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		width: 120px;
		height: 29px;
		background-color: #192742;
		color: white;
		font-size:11px;
		font-weight:300;
		padding-left: 5px;
		padding-top: 6px;
		}		
		
		#footercontainer{ 
		clear: both;
		background-color: #e3e3e3;
		width: 100%;} 
		
		.footerbilde {
		width: 49%;
		float: left;
		text-align: right; 
		margin-right: 1%;
		margin-top: 0px;}
		
		.footertekst {
		width: 50%;
		float: right;}
		
		.footertekst a {
		font-weight: bold;}
		
			
	/* Typical mobile landscape */ 
	@media screen and (max-width: 1150px) {	
	
		#topcontainer{ 		
		display: none;}
			
		#headlogocontainer{ 		
		display: none;}  

		#topmenucontainer{ 		
		display: none;}
			
		}
		
		
		/* Typical mobile landscape */ 
	@media screen and (max-width: 480px) {	
	
		#topcontainer{ 		
		display: none;}
			
		#headlogocontainer{ 		
		display: none;}  

		#topmenucontainer{ 		
		display: none;}
		
		.footerbilde {
			width: 100%;
			float: left;
			text-align: center; 
			margin-right: 1%;
			margin-top: 0px;}
		
		.footertekst {
			width: 100%;
			text-align: center;
			float: left;}
		}