#stickyTop {
    background-color: #000000;
    color: #ffffff;
    overflow: hidden;
	position: sticky;
	top: 0;
	z-index: 210;
}

#stickyTop p:first-child {
	margin-top: 6px;
	margin-bottom: 6px;
}

.addToBasketMessage {
	text-align: center;
	margin-top: 6px;
}

#productFilter {
	margin-bottom: 24px;
}

#productFilter .filterSection {
	float: left;
	border-color: #dddddd;
	border-width: 1px;
	border-style: solid;
	min-height: 37px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 0px;
	box-sizing: border-box;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 6px;
}

#productFilter .filterSection:nth-of-type(4n+4) {
	margin-right: 0px;
}
#productFilter .filterSection:nth-of-type(4n+5) {
	clear: both;
}


#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: 0.9em;
}

#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 .filterInnerContent {
	margin-top: 0.8em;
	font-size: 0.9em;
	margin-bottom: 0.4em;
}

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

#CybotCookiebotDialog button {
	height: auto;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

#sendWishOpenButton {
	background: url('/images/System/onskeknappen.png');
	width: 130px;
	height: 28px;
}

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

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

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

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

#sendWishContainer {
	background-color: #f4f0ef;
	padding: 2%;
	border-radius: 10px;
	font-size: 1.2em;
}

#sendWishIcon {
	float: right;
	width: 17%;
	margin-right: 7%;
}

#headerImages {
	width: 100%;
	min-height: 610px;
	position: relative;
}


/* For responsive videos */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


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


/* Base Elements - CSS Resets */


#colone {
	width: 29%;
	float: left;
	padding: 5px 15px;
	
}
#colone a, #coltwo a, #colthree a {
	font-weight: normal;
	
}

#coltwo {
	width: 29%; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
	font-weight: normal;
}

#colthree {
	width: 28%;
	padding: 5px 15px;
	float: left;
	font-weight: normal;
}

#footercontainer {
	clear: both;
	width: 100%;
	margin-top: 5%;
}

.bunnmeny ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
		
.bunnmeny ul li a {
	display: block;
	background-image: none;
	line-height: 170%;
	margin-bottom: 2px;
}
#sideMenu ul li a hover{
	color: red;
}

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

	body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		font-family: Verdana, Arial, Helvetica;
		color: #000000;
		line-height: 150%;
	}

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

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

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

	a:visited {

	}

	a:active {

	}

	a:hover {
		color: #000000;
	}
	
	a {
		outline: 0;
	}

	a::-moz-focus-inner {
		border: 0; 
	}

	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'] {
		border-color: #abadb3;
		border-width: 1px;
		border-style: solid;
		cursor: pointer;
		padding: 2px 20px 1px 20px;
		font-size: inherit;
	}

	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: #abadb3;
		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: #708bbc;
		color: #708bbc;
		height: 1px;
	}

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

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

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


/* Font Sizes */

	body {
		font-size: 90%;
	}

	.pageTitle,
	h1 {
		font-size: 1.6em;
	}

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

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

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

	#topMenu {
		font-size: 0.9em;
	}

	#centerColumn {
		font-size: 0.85em;
	}

	#leftColumn,
	#rightColumn {
		font-size: 0.7em;
	}

	#breadcrumb {
		float: right;
		position: relative;
		top: -6px;
		font-size: 0.9em;
		color: #000000; 
	}

	#cart{width: 200px;
	
	border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;}
	#cartExtensionControlsContainer {
		font-size: 0.7em;
	}

	.productListCartExtension {
		font-size: 0.8em;	
	}

	.productListBox {
		font-size: 0.9em;
	}

	.productListBox .titleBox {
		font-size: 1.0em;
		font-weight: bold;
	}

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

	.textSizeLevel1 {
		font-size: 0.8em;
	}

	.textSizeLevel2 {
		font-size: 0.9em;		
	}

	.textSizeLevel3 {
		font-size: 1.1em;
	}

	.sideElementBody{font-size: 11px;}

/* Dimensions */

	

	#sheet {
		overflow: hidden;
		margin: 0 auto;
	}

	@media screen {
		#sheet {
			max-width: 1200px;
		}
	}


	/* Force margin collapse */
	#header {
		padding-bottom: 1px;
		
	}

	.fullWidthHeader #header {
		padding-bottom: 0px;
	}

	#header,
	.headerMargin #main,
	.fullWidthHeader #topMenuElement {
		
	}

	.headerMargin #header {
		margin-top: 30px;
	}

	#main {
		margin-top: 12px;
	}

	.headerMargin #headerGraphics,
	.headerMargin #topMenu {
		margin-top: 0.7%;
		margin-bottom: 0.7%;
	}

	.fullWidthHeader #header {
		width: 100%;
	}

	.headerMargin #main {
		padding-top: 0px;
	}

	.topMenuAbsolute #topMenu,
	.fullWidthHeader.topMenuAbsolute #topMenu {
		position: absolute;
		bottom: 0px;
		left: 7.5%;
		right: 7.5%;
	}

	.topMenuAbsolute #topMenuElement,
	.fullWidthHeader.topMenuAbsolute #topMenuElement {
		width: 100%;
		padding-left: 15px;
	}
	
	#facebookbox{
			padding-top: 10px;
			padding-bottom: 10px;
		}


/* Rounding */

	.roundHeader.sheetMargin #header,
	.roundSide .sideElementHeader {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
	}

	.roundHeader #headerImages img,
	.roundHeader #topMenu,
	.roundHeader #sideMenuContainer,
	.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'],
	.roundForm .roundAsButton,
	.roundSide #sideMenu ul li a,
	.roundMain .boxOutlined,
	.roundMain .boxOutlinedWarning,
	.roundMain #cartExtension,
	.roundMain .productListCartExtension .outerBox,
	.roundSide #news .articleListBoxFrameElement,
	.roundHeader #topMenu 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;
	}


/* Background Elements */

	/* Place body backgrounds in this style if you don't want them to show up in the wysiwyg in admin */
	#frontEndBody {
		background-color: #ffffff;
		/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJvCAIAAAA1FizdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXxJREFUeNq0VluOwzAI9JD7n2+Psj8V05rECTbYm1bbDyQ74TkMJOXx+yMFDymlfEUAuLt8Lc5nokLu+YFyPvM6JFNbYXzW64qLQbuDOtiIva8YZXGancWCdjqnTc0bh193BvOc9rtWRTsTrlcJBpf9/g5KeVnmNR/2cDX3eMrgG+e91XPhKkv8TZTBHtgGm73HtTjzp7D8R+x8D4RyngEGDDp+H/lq4cV1Zeijn4OsJmGua/lRphzr8xv5A+tF82e+y7bGtJNqx4/na6+lYtk4Xgb+qsXIsOn3RpypeJcw26t9U3lQuX/xpq9THE5+RuYioQ5/14XdaYNZ3RNhr6soC+wOEYR5Pfkg+HOHq8t3trd6P7EHtkFGnrd3ZZ0Dvb9jNjp+D+dXmxO+VFuE2UrjceCnXDXTdl3sx50+GnYocX+POq4mRb5Hx29si193U+PuDO8sL13M3OUjm7dW+xbmOIs/5nj3f4LZ8xs68/+Sd/9j/k//Xb9OngIMAF6d+tLBH0+YAAAAAElFTkSuQmCC');
		background-repeat: repeat-x; */
		z-index: -20;
	}

	#backgroundGradient {
		
		height: 100%;
		width: 100%;
		top: 0px;
		margin: 0px;
		position: fixed;
		z-index: -10;
	}

	#backgroundGlare {

	}

	#backgroundGlareImage {

	}


/* Header Elements */

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

	#headerGraphics {
		position: relative;
	}

	#headerHeight {
	height: 120px;
		
	}

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

	#headerImages img {
		width: 100%;
		height: 100%;
		border-radius:6px;
	}
	
	#headerImagesShadow {
		width: 99%;
		height: 26px;
		margin: auto;
		display: block;
		float: left;
	}

	#headerImagesNav {
		display: none;
	}

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

	#headerImagesNav a {
		color: transparent;
		display: inline-block;
		width: 14px;
		height: 14px;
		font-size: 10px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF/Pz8o5+e0by0////90LN6gAAAAR0Uk5T////AEAqqfQAAAAxSURBVAjXY/g/Nf8Dw88GtQ8MTxgYNzBcYGAoYFjAAEQODAwC6ARYAqwErBisDWQAAM8RFG+EjS3dAAAAAElFTkSuQmCC');
		background-repeat: no-repeat;
		margin-right: 10px;
		padding-top: -2px;
	}

	#headerImagesNav a.activeSlide {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF4buvnpybjo6OkJCQlJSUrKKfnJqal5iYzrOpzbGoq6Kempqay7GozrGpnZub////Ph+zgQAAABB0Uk5T////////////////////AOAjXRkAAABLSURBVAjXY/j/f1ZaxP//DP8ZnZVMBP4zfChWUlIy52f4aASkleUZWpRAwJMhGEybMiSBaW0orQcXh6mD6YOZAzP3//9T+2L//wcA8oAf/dfdYd0AAAAASUVORK5CYII=');
		color: transparent;
	}	

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

	#logo {
		width: 180px;
		height: 115px;
		vertical-align: middle;
		float: left;
	}
	
	.topContainer {
		position:absolute;
		right: 0px;
		top: 40px;
		width: 500px;
	}

	/* z-index: topMenuAbsolute */
	#topMenuBody,
	#topMenuFixedBody {
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		z-index: 101;
	}

	.fixTopMenu #topMenu.fixed #topMenuBody {
		position: fixed;
		top: 0px;
		bottom: auto;
		margin-top: 0px;
		z-index: 202;
		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;
	}

	#topMenuElement {
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
	}

	.fullWidthHeader #topMenuElement {
		padding-left: 0px;
	}

	#compactTopMenu {
		display: none;
		width: 150px;
		position: absolute;
		top: 12px;
		bottom: 0px;
		right: 5px;
		overflow: hidden;
		z-index: 101;
		/* The vertical alignment of sub elements uses display: inline-block which in turn adds a aprox 4px left
		   margin to the elements. By reducing the font size this margin is reduced */ 
		font-size: 1px;
	}

	#compactTopMenu .menuButton {
		background-color: #ffffff;
		border-top-right-radius: 8%;
		border-top-left-radius: 8%;
		border-bottom-right-radius: 8%;
		border-bottom-left-radius: 8%;
		color: #000000;
		border-color: #ffffff;
		border-width: 0px;
		border-style: solid;
		cursor: pointer;
		font-weight: bold;
	}

	#compactSearchContainer {
		display: none;
	}

	#compactSearch {
		background-color: #ebebeb;
		padding: 10px;
		margin-top: 1px;
	}

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

	#compactSearchQ {
		width: 100%;
		float: left;
	}
	
	#searchwrapper {
		width: 290px;
		height: 40px;
		background-repeat: no-repeat;
		padding: 0px;
		margin: 0px;
		position: relative;
	}
 
	#searchwrapper form {
		display:inline;
	}
 
	.searchbox {
		border: 0px;
		background-color: white;
		position: absolute;
		top: 45px;
		left: 0px;
		width: 290px;
		height: 28px;
		outline: none;
	}
 
	.searchbox_submit {
		border: 0px;
		background-color: transparent;
		position: absolute;
		top: 50px;
		left: 265px;
		width: 16px;
		height: 16px;
		outline: none;
	}

	.wrappericons {
		max-width: 310px;
		max-height: 30px;
		font-size: 10px;
		clear:both;
	}

	.login {
		width: 60px;
		float: left;
		margin-right: 10px;
		max-height: 30px;
		text-align:center;
	}

	.register {
		width: 70px;
		float: left;
		margin-right: 10px;
		max-height: 30px;
		text-align: center;
	}

	.contact {
		width: 70px;
		float: left;
		max-height: 30px;
		text-align: center;
	}

	.cart {
		width: 70px;
		float: left;
		max-height: 30px;
		text-align: center;
		position: relative;
	}

	.cart .cartCounter {
		background-color: #ffffffcc;
		color: #000000;
		height: 17px;
		min-width: 11px;
		padding-right: 3px;
		padding-left: 3px;
		font-size: 11px;
		text-decoration: none;
		border-radius: 10px;
		line-height: 16px;
		text-align: center;
		font-weight: bold;
		display: block;
		position: absolute;
		top: -8px;
		right: 16px;
		border: 1px solid #000000;
		cursor: pointer;
	}

	#compactCart .cartCounter {
		background-color: #ffffffcc;
		color: #000000;
		height: 16px;
		min-width: 10px;
		padding-right: 3px;
		padding-left: 3px;
		font-size: 10px;
		text-decoration: none;
		border-radius: 10px;
		line-height: 16px;
		text-align: center;
		font-weight: bold;
		display: block;
		position: absolute;
		top: -2px;
		right: 2px;
		border: 1px solid #000000;
		cursor: pointer;
	}


/* Page Elements */

	#main {
		
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	#centerColumn {
		position: relative;
		float: left;
		width: 100%;
	}

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

	#leftColumn {
		position: relative;
		float: left;
		left: -74%;
		width: 20%;
		min-width: 20%;
	}

	#rightColumn {
		display:none;
		position: relative;
		float: left;
		left: 4%;
		width: 20%;
	}

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

	.centerElement {
		margin-bottom: 2%;
	}

	.sideElement {
		margin-bottom: 4%;
	}

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

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

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

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

	.compactSideElementTrigger {
		display: none;
	}

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

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

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

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

	#cartExtensionControlsContainer {
		width: 200px;
		float: right;
		text-align: right;
	}

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

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


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

	#flags {
		text-align: center;
	}

	#poweredby {
		text-align: right;
		margin-right: 25px;
	}

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

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

	#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 {
		padding-top: 15%;
	}

	.articlePageDescription {
		font-weight: bold;
	}

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

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

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

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

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

	#productPageDescriptionTabs.ui-tabs {
		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;
	}

	/* Used in the admin wysiwyg */
	.pageBody {

	}

	/* Used in the admin wysiwyg */
	.pageFooter {

	}


/* 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.node318 ul,
	.dropDownMenu ul li.node363 ul {
		top: auto;
	}

	.dropDownMenu ul li.node318 > ul > li > a,
	.dropDownMenu ul li.node363 > ul > li > a {
		display: none;
	}

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

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

	.dropDownMenu ul li.node318,
	.dropDownMenu ul li.node363,
	.multiColumn .dropDownMenu ul li {
		position: static;
	}

	.dropDownMenu ul li.node318 ul li,
	.dropDownMenu ul li.node363 ul li,
	.multiColumn .dropDownMenu ul ul li {
		float: left;
	}

	.dropDownMenu ul li.node318 ul ul li,
	.dropDownMenu ul li.node363 ul ul li,
	.multiColumn .dropDownMenu ul ul ul li {
		float: none;
		padding-left: 15px;
	}

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

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

	.dropDownMenu ul li.node363:hover ul {
		right: 0;
	}

	/* Top Menu - Visual styling */
	#topMenu {
		background-color: #ebebeb;
		-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3);
		box-shadow:3px 3px 3px rgba(0,0,0,0.3);
		border-radius:6px;
	}

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

	#topMenuBody ul li a {
		color: #000000;
		text-decoration: none;
		padding-top: 7px;
		padding-right: 33px;
		padding-bottom: 6px;
		padding-left: 0px;
		font-weight: bold;
		white-space: nowrap;
	}

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

	#topMenuBody ul ul {
		background-color: #ebebeb;
	}

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

	#topMenuBody ul ul li.parentNode > a {
		background-image: url('../../images/System/ice_arrow_sub.gif');
		background-repeat: no-repeat;
		background-position: right center;
	}

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

	.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 */
	
	#sideMenuContainer{
		background-color: #ffffff;
		-moz-box-shadow: inset 0 3px 3px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 3px 3px 3px rgba(0,0,0,0.3);
		box-shadow: inset 0 0px 3px 3px rgba(0,0,0,0.3);	
		padding-left: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-radius:6px;
	}

	#sideMenu {
		font-size: 1.2em;
	}
	
	#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;
	}

	/* Top Menu - Visual styling */
	#sideMenu ul li a {
		display: block;
		
		
		background-color: transparent;
		background-image: none;
		border-width: 0px;
		border-style: solid;
		border-color: #feef92;
		line-height: 250%;
		
		margin-bottom: 2px;
	}

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

	#sideMenu ul ul li a {
		padding: 2% 2% 2% 23px;
		border-color: #ffffff;
		background-position: 5px 13px;
		background-image: url('../../images/System/ice_sidemenuimage.gif');
		background-repeat: no-repeat;
		color: #fb962a;
	}

	#sideMenu ul ul li.activeNode > a,
	#sideMenu ul ul li a:hover {
		border-color: #597ab6;
		border-style: dotted;
		color: #000000;
	}

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

	#sideMenu ul ul ul ul li a {
		background-position: 35px 13px;
		padding-left: 52px;
	}

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

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

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

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

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

	#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: 0em;
		background-color: #ebebeb;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}

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


/* Normal List */

	.articleListBox .articleListBoxImage {
		float: left;
		width: 35%;
		overflow: hidden;
		margin-right: 1.5%;
	}

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

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

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

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

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

	.articleListBoxCenteredImage .articleListBox .articleListBoxImage {
		float: none;
		margin: 0px auto 3px auto;
		display: block;
	}
	
	.articleListBoxLandscape .articleListBox .articleListBoxImage {
		position: absolute;
		margin: auto;
		top: -40px;
		left: 0;
		right: 0;
		bottom: 0;
		width: 98%;
	}

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

	.articleListBox .articleListBoxShortDescriptionTextOnly {
		display: none;
	}

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

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

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

	.articleListBoxHideTitle .articleListBox .articleListBoxTitle {
		display: none;
		
	}
	
	.articleListBoxTitle {
		text-align: center;
		position:absolute;
		bottom: 25px;
		width: 100%;	
	}
	
	.articleListBoxShortDescription
	{
		text-align: center;
		position:absolute;
		bottom: 8px;
		width: 100%;
			
		
	}
	

	.articleListBoxHideShortDescription .articleListBox .articleListBoxShortDescription,
	.articleListBoxHideShortDescription.articleListBoxShortDescriptionEllipsis .articleListBox .articleListBoxShortDescriptionTextOnly {
		display: none;
	}

	.articleListBoxHideMoreLink .articleListBox .articleListBoxMoreLink {
		display: none;
	}

	.articleListBoxFrame .articleListBox .articleListBoxFrameElement {
		
		border-width: 1px;
		border-style: solid;
		border-color: #dddddd;
		background-color: #ffffff;
		padding-bottom: 3%;
		position:relative;	
		
		
	
	}

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

	.articleListBoxAspectRatioContainer {
		position: relative;
	}

	.articleListBoxHeight40 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight60 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight80 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight100 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight110 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight120 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight130 .articleListBox .articleListBoxAspectRatioContainer,
	.articleListBoxHeight200 .articleListBox .articleListBoxAspectRatioContainer {
		position: relative;
		width: 100%;
	}

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

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

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

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

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

	.articleListBoxHeight110 .articleListBox .articleListBoxHeight {
		padding-top: 110%;
	}

	.articleListBoxHeight120 .articleListBox .articleListBoxHeight {
		padding-top: 120%;
	}

	.articleListBoxHeight130 .articleListBox .articleListBoxHeight {
		padding-top: 160%;
		padding-bottom: 7px;
	}

	.articleListBoxHeight200 .articleListBox .articleListBoxHeight {
		padding-top: 200%;
	}

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

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


	.articleListBoxMaxHeight87 .articleListBox .articleListBoxImage {
		max-height: 87%;
	}

	@media screen and (min-width: 805px) {
		.articleListBoxMaxHeight87 .articleListBox .articleListBoxImage {
			max-height: 93%;
		}
	}

	/* Only takes effect with fixed height */
	.articleListBoxMaxHeight50 .articleListBox .articleListBoxImage {
		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: #708bbc;
	}

	.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: #dbe0ec;
		color: #000000;
	}

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

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

	.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;
		text-align: center;
		overflow: hidden;
	}

	.productListBox .imageCenterOuterBox {
		height: 100%;
	}

	.productListBox .imageCenterInnerBox {
		height: 100%;
		background-color: white;
	}

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

	.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: 77%;
		max-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 {
		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;
		background-color: #ffffff;
	}

	.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.4em;
		line-height: 1.2;
		overflow: hidden;
	}

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

	.productListBox .price {
		font-weight: normal;
		white-space: nowrap;
	}

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

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

	.productListCartExtension .innerBox {
		/* Required by Opera to size image correctly */
		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: #708bbc;
		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: #708bbc;
	}

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


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

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

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

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

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

	.orderLineCancelled {
		background-color: #fa8c66;
	}

	.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: #efecde;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		margin-right: 0.5%;
		border-bottom: 4px solid #d1cbb4;
		background-color: #efecde;
		position: relative;
	}

	.checkoutStep.checkoutTitleStep {
		background-color: #efecde;
		background-color: #efecde;
		padding-top: 12px;
		padding-bottom: 8px;
		border-bottom-color: #d1cbb4;
	
		font-weight: bold;
	}

	.checkoutStep.checkoutPastStep {
		color: #000000;
		border-bottom-color: #d1cbb4;
		font-weight: bold;
	}

	.checkoutStep.checkoutActiveStep,
	.checkoutStep.checkoutHoverStep {
		color: #efecde;
		background-color: #c3b99d;
		border-bottom-color: #b0a07b;
		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: #efecde;
		font-weight: bold;
		border-radius: 50%;
		color: #d0c6ac;
		line-height: 20px;
		font-size: 11px;
	}

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

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

	
/* Swiper Image Gallery */

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

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

	.swiperImagepopupGalleryInitialHide {
		display: none;
	}

	.swiperImageGalleryContainer.singleImage .navigation {
		display: none;
	}

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

	.swiperImageStack .navigation {
		position: absolute;
		cursor: pointer;
		width: 10%;
		top: 0px;
		bottom: 0px;
		z-index: 198;
	}

	.swiperImageStack .navigation svg {
		height: 100%;
		width: 50%;
	}


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

	.swiperImageStack .navigation svg {
		vertical-align: middle;
	}

	.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 {
		vertical-align: middle;
		max-width: 100%;
		max-height: 100%;
	}

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

	.inlineGallery .swiperThumbStack {
		padding-top: 20%;
	}

	.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;
		-webkit-box-sizing: border-box;
		-moz-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;
	}



/* Div Classes */


	 .loadingOverlay {
		position: relative;
	}

	.loadingOverlay:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, .85);
		background-image: url('/images/Ikoner/icon24_loading.gif');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		z-index: 10;
	}

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

	.clearFix {
		clear: both;
	}

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

	.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: #efecde;
		color: #000000;
	}

	.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: 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 svg {
		width: 16px;
		/* IE requires height or scaling goes wrong */
		height: 16px;
		margin: 6px;
		display: block;
	}


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

	.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: 26px;
		/* clearfix */
		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 {
		
		font-weight: bold;
		color: #ffffff;
		background-color:#c3b99d;
	}

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

	/* 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;
		background-color: #fb962a
	}
	
	input.setWidthButton2,
	button.setWidthButton2 {
		padding-left: 0px;
		padding-right: 0px;
		background-color: #fb962a
	}



/* Links */

	.highlightedElement a {
		color: #617aa9;
	}

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

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

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

	.boxOutlined a {
		color: #617aa9;
	}

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

	.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 {
		.screenOnly {
			display:none;
		}
	}

	@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 tablets, netbooks and low resolution desktops */
	@media screen and (max-width: 3000px) {

		/* Dimensions */
		
		

		
		#sheet {
			max-width: 1200px;
			padding-right: 1%;
		padding-left: 1%;
			}

		#main {
			
		}

		

		.fullWidthHeader #header {
			width: 100%;
		}

		.topMenuAbsolute #topMenu,
		.fullWidthHeader.topMenuAbsolute #topMenu {
			left: 4%;
			right: 4%;
		}

		
	}
	
@media screen and (max-width: 1220px) {
	
		#headerImages {
			min-height: 595px;
		}
}

@media screen and (max-width: 1150px) {
	
		#headerImages {
			min-height: 560px;
		}
}

@media screen and (max-width: 1100px) {
	
		#headerImages {
			min-height: 525px;
		}
}

/*=====================================================================================================*/



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

		#headerImages {
			min-height: 480px;
		}

		#sheet {
			max-width: 1000px;
			padding-right: 0%;
			padding-left: 0%;
		}
		
		#headerImagesShadow {
			display: none;
		}
			
		#colone {
			width: 290px;
			float: left;
			padding: 5px 15px;
		}

		#coltwo {
			width: 294px; /* Account for margins + border values */
			float: left;
			padding: 5px 15px;
			margin: 0px 5px 5px 5px;
		}

		#colthree {
			width: 270px;
			padding: 5px 15px;
			float: left;
		}	
		
		
		/* Background Elements */

		#frontEndBody {
			background-color: #ffffff;
		}
		
		.topContainer{
			display: none;
		}

		#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 {
			font-size: 1em;
		}
		
		

		/* Dimensions */
		
		.headerMargin #header,
		#main {
			margin-top: 0px;
		}

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

		.sheetMargin #sheet,
		#topMenu,
		#headerGraphics,
		.headerMargin #headerGraphics {
			margin-top: 0px;
			margin-bottom: 0px;
		}

		.headerMargin #headerCollapse {
			padding-top: 0px;
		}

		.centerElement {
			margin-bottom: 4%;
		}

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

		#termsAndConditions {
			margin: 2% 1%;
		}
		
		#facebookbox{
			padding-top: 10px;
			padding-bottom: 10px;
		}

		/* Rounding */

		.roundHeader.sheetMargin #header {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}

		.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 {
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}

		#headerImages {
			margin-top: 1em;
		}

		#headerHeight {
			/* Aspect Ratio */
			height: 100px;
			-moz-box-shadow:3px 3px 0px rgba(0,0,0,0.3);
			-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3);
			box-shadow:3px 3px 3px rgba(0,0,0,0.3);
		}

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

		#logo {
			width: 100px;
			height: 65px;
			vertical-align: middle;
			margin-right: 0px;
			float: left;
			margin-left: 2%;
			margin-top: 18px;
		}

		#compactTopMenu {
			display: block;
		}

		#topMenu {
			display: none;
		}

		#compactSearchContainer {
			display: block;
		}

		#compactMenuContainer {
			display: block;
		}

		/* Page Elements */

		#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: 2px;
			padding-right: 3%;
			padding-bottom: 10px;
			padding-left: 3%;
		}

		#sideColumns {
			width: 100%;
			left: 0px;
			float: none;
			clear: both;
			background-color: #ffffff;
			padding-top: 8px;
			overflow: hidden;
		}

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

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

		#textBox3 {
			display: none;
		}

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

		#poweredby {
			background-color: #fffff7;
			padding-right: 3%;
		}

		#breadcrumb {
			display: none;
		}

		.addthis_button_favorites {
			display: none;
		}

		.addthis_button_print {
			display: none;
		}

		#search {
			display: none;
		}

		#cart {
			display: none;
		}

		#sideMenu {
			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%;
		}

		/* 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),
		.columns7 > .columnElement:nth-of-type(1n),
		.columns8 > .columnElement:nth-of-type(1n),
		.columns9 > .columnElement:nth-of-type(1n),
		.columns10 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}

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

		#productFilter .filterSection:nth-of-type(1n) {
			float: left;
			width: 49%;
			margin-right: 2%;
		}

		#productFilter .filterSection:nth-of-type(2n+2) {
			clear: none;
			margin-right: 0px;
		}
		#productFilter .filterSection:nth-of-type(2n+3) {
			clear: both;
		}

		/* 5 columns and up are reduced down to three columns */
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n),
		.columns7 > .columnElement:nth-of-type(1n),
		.columns8 > .columnElement:nth-of-type(1n),
		.columns9 > .columnElement:nth-of-type(1n),
		.columns10 > .columnElement:nth-of-type(1n) {
			float: left;
			width: 32%;
			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) {
			margin-right: 2%;
		}
		.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;
		}
		.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;
		}


	}


@media screen and (max-width: 900px) {

		#headerImages {
			min-height: 420px;
		}
}

@media screen and (max-width: 800px) {
		#headerImages {
			min-height: 380px;
		}
}


@media screen and (max-width: 750px) {
		#headerImages {
			min-height: 350px;
		}
}

@media screen and (max-width: 700px) {
		#headerImages {
			min-height: 330px;
		}
}

@media screen and (max-width: 600px) {

	#headerImages {
		margin-top: 1em;
		min-height: 290px;
	}

	#colone {
		width: auto;
		float: none;
	}
	
	#coltwo {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#colthree {
		width: auto;
		float: none;
	}

}

@media screen and (max-width: 550px) {
	#headerImages {
		min-height: 270px;
	}

}

@media screen and (max-width: 500px) {
	#headerImages {
		min-height: 250px;
	}

}

@media screen and (max-width: 450px) {
	#headerImages {
		min-height: 220px;
	}
}


@media screen and (max-width: 400px) {
	#headerImages {
		min-height: 190px;
	}
}

@media screen and (max-width: 365px) {
	#headerImages {
		min-height: 170px;
	}	
}

@media screen and (max-width: 300px) {
	#headerImages {
		min-height: 150px;
	}	
}
	
/*=====================================================================================================*/

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






 #colone, #coltwo, #colthree {
	margin-bottom: 5px;
}


		/* Font Sizes */

		.checkoutSteps {
			font-size: 0.75em;
		}

		#cartExtension {
			font-size: 1.2em;
		}

		/* Dimensions */

		.centerElement {
			margin-bottom: 8%;
		}

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

		/* 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),
		.columns7 > .columnElement:nth-of-type(1n),
		.columns8 > .columnElement:nth-of-type(1n),
		.columns9 > .columnElement:nth-of-type(1n),
		.columns10 > .columnElement:nth-of-type(1n) {
			margin-right: 0px;
			clear: none;
		}

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

		/* 5 columns and up are reduced down to two columns */
		.columns5 > .columnElement:nth-of-type(1n),
		.columns6 > .columnElement:nth-of-type(1n),
		.columns7 > .columnElement:nth-of-type(1n),
		.columns8 > .columnElement:nth-of-type(1n),
		.columns9 > .columnElement:nth-of-type(1n),
		.columns10 > .columnElement:nth-of-type(1n) {
			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;
		}

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

		#cartExtensionProductContainer {
			width: 49%;
		}

		#cartExtensionControlsContainer {
			width: 49%;
		}

		#productPageInfoTable {
			display: block;
			width: auto;
		}

		#productPageImageContainer {
			display: block;
			float: left;
			padding-right: 0px;
		}

		#productPageInfoContainer {
			display: block;
			float: left;
		}


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

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


	}

	/* Compact Cart Font Size */
	#compactCartAmount {
		font-size: 14px;
	}
	@media screen and (max-width: 630px) {
		#compactCartAmount {
			font-size: 13px;
		}
	}
	@media screen and (max-width: 560px) {
		#compactCartAmount {
			font-size: 11px;
		}
	}
	@media screen and (max-width: 510px) {
		#compactCartAmount {
			font-size: 10px;
		}
	}
	@media screen and (max-width: 430px) {
		#compactCartAmount {
			font-size: 9px;
		}
	}
	@media screen and (max-width: 350px) {
		#compactCartAmount {
			font-size: 8px;
		}
	}
	@media screen and (max-width: 310px) {
		#compactCartAmount {
			font-size: 7px;
		}
	}