@charset "UTF-8";
/* CSS Document */


/* ____________________________________________________________ COPIES ____________________________________________________________ */

.page h1.product-title {
	margin:10px 0px 20px 0px;
	padding:0px;
	text-align:left;
	color: #333333;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:500;
	font-size:34px;
	line-height:38px;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
}
.page h2.product-classification {
	margin:10px 0px 10px 0px;
	padding:0px;
	text-align:left;
	color: #333333;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:500;
	font-size:26px;
	line-height:30px;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
}
.page .product-subtitle,
.page .product-data {
	margin:10px 0px 3px 0px;
	padding:0px;
	text-align:left;
	color:#333333;
	color:#D32E12;
	color:#626791;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:700;
	font-size:16px;
	line-height:22px;
}
.page .product-data .dotted-list-item {
	display:block;
	overflow:hidden;
}
.page .product-data .dotted-list-item:before {
	position:relative;
	display:inline;

 }
.page .product-data .dotted-list-item .dli-label { display:inline-block; background-color:white; height:20px; position:relative; margin-bottom:-20px; }
.page .product-data .dotted-list-item .dli-value { display:inline-block; background-color:white; }

.page .product-description {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	color: #666666;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:18px;
}




.category-navigator {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	color: #626791;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:500;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.category-navigator 
	.back-to-webshop-link {
		text-decoration:none;
		display:inline-block;
		position:relative;
		background-color:#626791;
		color:white;
		text-align:center;
		padding:5px 10px 5px 10px;
		margin:-5px 10px 0px 20px;
		height:18px;
		transition:background-color 0.3s ease;
	}
.category-navigator 
	.back-to-webshop-link:hover {
		background-color:#424771;
	}
.category-navigator 
	.back-to-webshop-link:after {
		right:100%; top:50%;
		border:solid transparent;
		content:" ";
		height:0;width:0;
		position:absolute;
		pointer-events:none;
		border-color:rgba(136, 183, 213, 0);
		border-right-color:#626791;
		border-width:14px;
		margin-top:-14px;
		transition:border-color 0.3s ease;
	}
.category-navigator:hover 
	.back-to-webshop-link:after {
		border-right-color:#424771;
	}


.category-navigator 
	.cn-main-category-name {
		color:#626791;
		text-decoration:none;
}
.category-navigator 
	.cn-main-category-name:hover {
		color:black;
	}

.category-navigator
	.cn-category-name{
	}
.category-navigator
	.cn-separator {
		display:inline-block;
		padding:0px 5px 0px 5px;
		color:#666666;
	}



.product-classification {
}
.product-classification .classification-icon {
	display:inline-block;
	position:relative;
	width:12px;
	height:12px;
	border-radius:8px;
	background-color:gray;
	margin:0px 5px 0px 0px;
	top:2px;
}
.product-classification .classification-icon.class-20 { background-color:#DC1615; }
.product-classification .classification-icon.class-16 { background-color:#1453b9; }
.product-classification .classification-icon.class-19 { background-color:#B65717; }
.product-classification .classification-icon.class-18 { background-color:#DCAC00; }
.product-classification .classification-icon.class-17 { background-color:#626EA7; }
.product-classification .classification-text {
}


.classification-label {
	width:200px;
	height:160px;
	position:relative;
	left:-10px;
	top:-10px;
	float:left;
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px -200px -160px 0px;
	z-index:1;
}
.classification-label.class-18 { background-image:url(../../pics/shop/Suzuki-non-genuine-alternate-parts.png); }
.classification-label.class-19 { background-image:url(../../pics/shop/Suzuki-non-genuine-parts.png); }
.classification-label.class-20 { background-image:url(../../pics/shop/Suzuki-genuine-parts.png); }
.classification-label.class-16 { background-image:url(../../pics/shop/Suzuki-genuine-parts-Suzuki-Maruti.png); }
.classification-label.class-17 { background-image:url(../../pics/shop/Suzuki-released-parts.png); }

.product-image-holder {
	display:block;
	width:100%;
	height:420px;
	border:1px solid gray;
	border-radius:4px;
	overflow:hidden;
	margin:0px 0px 15px 0px;
	transition:height 0.3s ease;
}

.product-image-holder .product-image {
	display:inline-block;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	filter:contrast(130%); -webkit-filter:contrast(130%);
	filter:saturate(130%); -webkit-filter:saturate(130%);
	filter:brighthess(115%); -webkit-filter:brightness(115%); 
}


.product-parameters {
	list-style:none;
	margin:0px;
	padding:0px;
	color: #333333;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:19px;
}
.product-parameters .product-parameter {
}
.product-parameters .product-parameter .label {
	display:inline-block;
	display:inline-block;
	width:250px;
	height:20px;
	overflow:hidden;
	text-align:left;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:19px;
}
.product-parameters .product-parameter .label:before {
	position:relative;
	z-index:-1;
	display:block;
	content:"........................................................................................................................";
	letter-spacing:1px;
	width:400px;
	height:20px;
	margin:0px -400px -20px 0px;
	overflow:hidden;
}
.product-parameters .product-parameter .label .copy {
	position:relative;
	display:inline-block;
	background-color:rgba(255,255,255,1);
	padding:0px 5px 2px 0px;
	z-index:1;
}

.product-parameters .product-parameter .value {
	display:inline-block;
	width:calc(100% - 260px);
	white-space:normal;
	vertical-align:top;
	height:auto;
	font-family:,mseo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:19px;
	padding:0px 5px 2px 5px;
	outline:0px solid orange;
}


.product-parameters .product-parameter .value .main-category-name {
	display:inline;
}
.product-parameters .product-parameter .value .category-name {
	display:inline;
}
.product-parameters .product-parameter .value .category-name:before { content:" ("; }
.product-parameters .product-parameter .value .category-name:after { content:")"; }









/* Autótípusok, modellek, amelyekhez használható az alkatrész */

.connected-cars-holder {
	display:inline-block;
	overflow:hidden;
	width:100%;
	
}
.copy .cc-important {
	font-weight:500;
}
.connected-cars-holder.collapsed {
}
.connected-cars-holder .connected-cars {
	transition:all 0.2s ease;
	max-height:3000px;
}
.connected-cars-holder.collapsed .connected-cars {
	transition:all 0.2s ease;
	max-height:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid white;
}
.toggle_connected_cars {
	display:block;
	margin:6px 0px 0px 0px;
	text-decoration:none;
	color:#333333;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:19px;
}
.toggle_connected_cars 
	.icon {
		display:block;
		position:relative;
		float:left;
		top:0px;
		left:0px;
		background-image:url(../../pics/sprite/W-626791/20.png);
		background-position:-80px -60px;
		width:20px;
		height:20px;
		margin:0px 5px 0px 0px;
		opacity:0.5;
	}
.toggle_connected_cars 
	.copy {
	}
.toggle_connected_cars:hover 
	.icon {
		opacity:1;
	}
.connected-cars-holder.collapsed
	.toggle_connected_cars
		.icon {
			background-position:-100px -20px;
		}

.connected-cars {
	list-style:disc;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 15px;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:17px;
	border:1px solid gray;
	border-radius:4px;
	padding:10px 20px 10px 25px;
	margin:15px 0px 15px 0px;
	
}
.connected-cars 
	.connected-car {
		display:list-item;
		margin:0px 0px 0px 10px;
		padding:0px 0px 0px 0px;
	}












.shopping-cart-buttons {
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
}
.shopping-cart-buttons
	.shopping-cart-button {
		list-style:none;
		display:block;
		margin:0px;
		padding:0px;
	}
.shopping-cart-buttons
	.shopping-cart-button.hidden {
		display:none;
	}


.shopping-cart-button.remove-from-shopping-cart {
	width:calc(100% - 22px);
	outline:0px solid black;
}

/*						*/
/*	BACK TO WEBSHOP		*/
/*						*/

	.shopping-cart-button.back-to-webshop .button {
		display:block;
		margin: 0 0 15px 0;
		width:calc(100% - 22px);
		padding:15px 10px 15px 10px;
		border: 1px solid #51569F;
		background-color:#51569F;
		ox-shadow: 0 5px 2px 0 rgba(0,0,0,.1), inset 0 15px 5px 0 rgba(255,255,255,.15);
		transition: all .2s linear
	}
	.shopping-cart-button.back-to-webshop .button:hover {
		background-color:#3E3980;
		box-shadow: 0 5px 2px 0 rgba(0,0,0,.1), inset 0 15px 5px 0 rgba(255,255,255,.15), 0 0 10px 1px rgba(139,207,242,1);
	}
	
/*						*/
/*	GO TO SHOPPING CART	*/
/*						*/

	.shopping-cart-button.go-to-shopping-cart .button {
		display:block;
		margin: 0 0 15px 0;
		width:calc(100% - 22px);
		padding:15px 10px 15px 10px;
		background-color:hsla(140,100%,30%,1);
	}
	.shopping-cart-button.go-to-shopping-cart .button:hover {
		background-color:hsla(140,100%,35%,1)
	}



.button.remove-from-shopping-cart {
	display:block;
	width:auto;
	margin: 15px 0 15px 0;
	padding:15px 10px 15px 10px;
	background-color:hsla(0,88%,40%,1);
}
.button.remove-from-shopping-cart:hover {
	background-color:hsla(0,88%,45%,1);
}

.button.put-into-shopping-cart {
	display:block;
	width:calc(100% - 2px);
	background-color:hsla(140,100%,30%,1);
	padding:15px 0px 15px 0px;
	font-size:24px;
	text-align:left;
	text-indent:10px;
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.1), inset 0px 25px 15px 0px rgba(255,255,255,0.15);	
}
.button.put-into-shopping-cart:hover {
	background-color:hsla(140,100%,35%,1);
}
.amount.put-into-shopping-cart {
	position:relative;
	float:right;
	z-index:1;
	width:100px;
	height:49px;
	margin:0px -100px -49px 0px;
	padding: 0 0 0 10px;
	left:-98px;
	top:0px;
	overflow:hidden;
	text-align:right;
	background-color:#094f20;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	transition:background-color 0.3s ease;
}
.amount.put-into-shopping-cart:hover {
	background-color:#094f20;
}
.amount.put-into-shopping-cart .apsc-selector {
	width:100px;
	height:100%;
	display:block;
	padding:0px 40px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:700;
	font-size:22px;
	line-height:22px;
	text-align: center;
	background-color:#094f20;
	color:#FFFFFF;
	appearance:textarea;
	-webkit-appearance:textarea;
	
	-moz-appearance:none;
	-moz-outline: none;
	-moz-user-focus: none;

	border-radius:0px;
	border:none;
	resize:none;
	outline:none;
	cursor:pointer;
}
:focus { outline:none; }
::-moz-focus-inner { border:0; }

.amount.put-into-shopping-cart .apsc-selector optgroup {
	text-align:center;
	font-size:12px;
	line-height:14px;
}
.amount.put-into-shopping-cart .apsc-selector optgroup option {
	direction:ltr;
}
.amount.put-into-shopping-cart .apsc-post-tag {
	pointer-events:none;
	display:block;
	position:relative;
	width:32px;
	height:32px;
	margin:0px -32px -32px 0px;
	left:-55px;
	top:14px;
	float:right;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
}


.fake-button-not-in-stock {
	display:block;
	width:100%;
	width:calc(100% - 2px);
	padding:15px 0px 15px 0px;
	text-align:left;
	font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:500;
	font-size:18px;
	line-height:24px;
	color:#BF0000;
	border:1px solid #BF0000;
	background-color:#FFE77D;
	border-radius:4px;
}
.fake-button-not-in-stock .icon {
	display:block;
	float:left;
	margin:-6px 10px 0px 10px;
	width:32px;
	height:32px;
	background-image:url(../../pics/sprite/W-AD2122/32.png);
	background-position:0px -96px;
}


.button.request-information {
	/*background-color:hsla(40,70%,30%,1);*/
}
.button.share-on-facebook {
}

.shop-buttons {
	/*width:calc(100% + 5px);*/
}

.shop-buttons .shop-button {
	/*
	width:calc(33% - 5px);
	margin-right:5px;
	display:inline-block;
	*/
}


/*	___________________ Buttons on the top of page ____________________ */

		/* navigator */
		.webshop-references-spacer {
			display:block;
			width:100%;
			height:90px;
			margin:0px 0px 0px 0px;
		}
		.webshop-references-holder {
			display:block;
			position:absolute;
			left:0;
			width:100%;
			margin:-25px 0px 0px 0px;
			padding:0px;
			background-color:rgba(0,0,0,0.1);
		}
		.webshop-references-holder .webshop-references {
			display:table;
			position:relative;
			list-style:none;
			margin:0px auto;
			padding:0px;
			width:auto;
			left:10px;
			text-align:center;
			outline:0px solid green;
		}
		.webshop-references-holder .webshop-references .webshop-reference {
			display:block;
			float:left;
			position:relative;
			margin:0px;
			padding:0px;
			list-style:none;
			width:150px;
			height:95px;
			margin:0px 0px 0px -1px;
			padding:0px 0px 0px 0px;
			vertical-align:middle;
			border:none;
			border-left:1px solid white;
			border-right:1px solid white;
			outline:0px solid red;
			overflow:hidden;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button {
			display:block;
			position:relative;
			width:100%;
			height:100px;
			top:20%;
			border:none;
			margin:0px;
			padding:0px 0px 0px 0px;
			text-decoration:none;
			font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-weight:300;
			font-size:13px;
			line-height:16px;
			color:#FFFFFF;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button:hover {
			background-color:rgba(0,0,0,0.1);
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .icon {
			display:block;
			position:relative;
			top:15%;
			left:50%;
			width:32px;
			height:32px;
			margin:-21px 0px 0px -21px;
			border-radius:36px;
			background-color:#999999;
			border:5px solid #999999;
			background-repeat:no-repeat;
			background-position:center center;
			opacity:0.5;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button:hover .icon {
			opacity:1;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .text {
			display:block;
			position:relative;
			top:20%;
			left:0px;
			width:100%;
			margin:0px;
			text-align:center;
			font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-weight:300;
			font-size:13px;
			line-height:16px;
			color:#626791;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button:hover .text {
			color:#333333;
		}
		.webshop-references-holder .webshop-references .webshop-reference.disabled {
			display:none;
		}
		.webshop-references-holder .webshop-references .webshop-reference.back-to-products a.navigator-button .icon {
			background-image:url(../../pics/menu/navigator-left-white.png);
		}
		
		
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .icon {
			text-align:center;
			color:white;
			font-size:24px;
			font-weight:700;
			padding:10px 0px 0px 0px;
			height:22px;
		}
		.webshop-references-holder .webshop-references .webshop-reference.classification.Genuine .icon             { background-color:#DC1615; border-color:#DC1615; }
		.webshop-references-holder .webshop-references .webshop-reference.classification.GenuineSM .icon           { background-color:#1453b9; border-color:#1453b9; }
		.webshop-references-holder .webshop-references .webshop-reference.classification.NonGenuine .icon          { background-color:#B65717; border-color:#B65717; }
		.webshop-references-holder .webshop-references .webshop-reference.classification.NonGenuineAlternate .icon { background-color:#DCAC00; border-color:#DCAC00; }
		.webshop-references-holder .webshop-references .webshop-reference.classification.Released .icon            { background-color:#626EA7; border-color:#626EA7; }





/* ____________________________________________________________ ICONS ____________________________________________________________ */


		.webshop-reference.main-category .icon {
			background-image:url(../../pics/icons/main-category/csoport-ikonok-32.png);
			background-repeat:no-repeat;
			width:32px; 
			height:32px; 
			display:block; 
		}
		.webshop-references-holder .webshop-references .webshop-reference.main-category				.icon { background-position:200px 200px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.body		.icon { background-position:-64px     0px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.break		.icon { background-position:-64px   -32px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.clutch		.icon { background-position:-64px   -64px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.electronic	.icon { background-position:-64px   -96px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.equipment	.icon { background-position:-64px  -128px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.exhaust		.icon { background-position:-64px  -160px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.filter		.icon { background-position:-64px  -192px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.gear		.icon { background-position:-64px  -224px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.resource	.icon { background-position:-64px  -256px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.extra		.icon { background-position:-64px  -284px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.wheel		.icon { background-position:-64px  -320px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.motor		.icon { background-position:-64px  -352px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.oil			.icon { background-position:-64px  -384px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.service		.icon { background-position:-64px  -416px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.cooler		.icon { background-position:-64px  -448px; }
		.webshop-references-holder .webshop-references .webshop-reference.main-category.fuel		.icon { background-position:-64px  -480px; }








		/* 24 x 24 */
		
		.main-category-icon.size-24x24 { 
			background-image:url(../../pics/icons/main-category/csoport-ikonok-24.png);
			background-repeat:no-repeat;
			width:24px; height:24px; 
			display:block; 
			float:left; 
			margin:-3px 5px 0px 0px;
		}
		.main-category-icon.size-24x24.none { display:none; }
		
		.main-category-icon.positive.size-24x24				{ background-position:200px 200px; }		.main-category-icon.negative.size-24x24				{ background-position:200px  200px; }
		.main-category-icon.positive.size-24x24.body		{ background-position:0px     0px; }		.main-category-icon.negative.size-24x24.body		{ background-position:-48px    0px; }
		.main-category-icon.positive.size-24x24.break		{ background-position:0px   -24px; }		.main-category-icon.negative.size-24x24.break		{ background-position:-48px  -24px; }
		.main-category-icon.positive.size-24x24.clutch		{ background-position:0px   -48px; }		.main-category-icon.negative.size-24x24.clutch		{ background-position:-48px  -48px; }
		.main-category-icon.positive.size-24x24.electronic	{ background-position:0px   -72px; }		.main-category-icon.negative.size-24x24.electronic	{ background-position:-48px  -72px; }
		.main-category-icon.positive.size-24x24.equipment	{ background-position:0px   -96px; }		.main-category-icon.negative.size-24x24.equipment	{ background-position:-48px  -96px; }
		.main-category-icon.positive.size-24x24.exhaust		{ background-position:0px  -120px; }		.main-category-icon.negative.size-24x24.exhaust		{ background-position:-48px -120px; }
		.main-category-icon.positive.size-24x24.filter		{ background-position:0px  -144px; }		.main-category-icon.negative.size-24x24.filter		{ background-position:-48px -144px; }
		.main-category-icon.positive.size-24x24.gear		{ background-position:0px  -168px; }		.main-category-icon.negative.size-24x24.gear		{ background-position:-48px -168px; }
		.main-category-icon.positive.size-24x24.resource	{ background-position:0px  -192px; }		.main-category-icon.negative.size-24x24.resource	{ background-position:-48px -192px; }
		.main-category-icon.positive.size-24x24.extra		{ background-position:0px  -216px; }		.main-category-icon.negative.size-24x24.extra		{ background-position:-48px -216px; }
		.main-category-icon.positive.size-24x24.wheel		{ background-position:0px  -240px; }		.main-category-icon.negative.size-24x24.wheel		{ background-position:-48px -240px; }
		.main-category-icon.positive.size-24x24.motor		{ background-position:0px  -264px; }		.main-category-icon.negative.size-24x24.motor		{ background-position:-48px -264px; }
		.main-category-icon.positive.size-24x24.oil			{ background-position:0px  -288px; }		.main-category-icon.negative.size-24x24.oil			{ background-position:-48px -288px; }
		.main-category-icon.positive.size-24x24.service		{ background-position:0px  -312px; }		.main-category-icon.negative.size-24x24.service		{ background-position:-48px -312px; }
		.main-category-icon.positive.size-24x24.cooler		{ background-position:0px  -336px; }		.main-category-icon.negative.size-24x24.cooler		{ background-position:-48px -336px; }
		.main-category-icon.positive.size-24x24.fuel		{ background-position:0px  -360px; }		.main-category-icon.negative.size-24x24.fuel		{ background-position:-48px -360px; }

		/* 36 x 36 */
		.main-category-icon.size-36x36 { 
			background-image:url(../../pics/icons/main-category/csoport-ikonok-36.png);
			background-repeat:no-repeat;
			width:36px; height:36px; 
			display:block; 
			float:left; 
			margin:1px 5px 0px 0px;
		}
		.main-category-icon.size-36x36.none { display:none; }
		
		.main-category-icon.positive.size-36x36				{ background-position:200px 200px; }		.main-category-icon.negative.size-36x36				{ background-position:200px  200px; }
		.main-category-icon.positive.size-36x36.body		{ background-position:0px     0px; }		.main-category-icon.negative.size-36x36.body		{ background-position:-72px    0px; }
		.main-category-icon.positive.size-36x36.break		{ background-position:0px   -36px; }		.main-category-icon.negative.size-36x36.break		{ background-position:-72px  -36px; }
		.main-category-icon.positive.size-36x36.clutch		{ background-position:0px   -72px; }		.main-category-icon.negative.size-36x36.clutch		{ background-position:-72px  -72px; }
		.main-category-icon.positive.size-36x36.electronic	{ background-position:0px  -108px; }		.main-category-icon.negative.size-36x36.electronic	{ background-position:-72px -108px; }
		.main-category-icon.positive.size-36x36.equipment	{ background-position:0px  -144px; }		.main-category-icon.negative.size-36x36.equipment	{ background-position:-72px -144px; }
		.main-category-icon.positive.size-36x36.exhaust		{ background-position:0px  -180px; }		.main-category-icon.negative.size-36x36.exhaust		{ background-position:-72px -180px; }
		.main-category-icon.positive.size-36x36.filter		{ background-position:0px  -216px; }		.main-category-icon.negative.size-36x36.filter		{ background-position:-72px -216px; }
		.main-category-icon.positive.size-36x36.gear		{ background-position:0px  -252px; }		.main-category-icon.negative.size-36x36.gear		{ background-position:-72px -252px; }
		.main-category-icon.positive.size-36x36.resource	{ background-position:0px  -288px; }		.main-category-icon.negative.size-36x36.resource	{ background-position:-72px -288px; }
		.main-category-icon.positive.size-36x36.extra		{ background-position:0px  -324px; }		.main-category-icon.negative.size-36x36.extra		{ background-position:-72px -324px; }
		.main-category-icon.positive.size-36x36.wheel		{ background-position:0px  -360px; }		.main-category-icon.negative.size-36x36.wheel		{ background-position:-72px -360px; }
		.main-category-icon.positive.size-36x36.motor		{ background-position:0px  -396px; }		.main-category-icon.negative.size-36x36.motor		{ background-position:-72px -396px; }
		.main-category-icon.positive.size-36x36.oil			{ background-position:0px  -432px; }		.main-category-icon.negative.size-36x36.oil			{ background-position:-72px -432px; }
		.main-category-icon.positive.size-36x36.service		{ background-position:0px  -468px; }		.main-category-icon.negative.size-36x36.service		{ background-position:-72px -468px; }
		.main-category-icon.positive.size-36x36.cooler		{ background-position:0px  -504px; }		.main-category-icon.negative.size-36x36.cooler		{ background-position:-72px -504px; }
		.main-category-icon.positive.size-36x36.fuel		{ background-position:0px  -540px; }		.main-category-icon.negative.size-36x36.fuel		{ background-position:-72px -540px; }


		/* 48 x 48 */
		
		.main-category-icon.size-48x48 { 
			background-image:url(../../pics/icons/main-category/csoport-ikonok-48.png);
			background-repeat:no-repeat;
			width:48px; height:48px; 
			display:block; 
			float:left; 
			margin:-3px 5px 0px 0px;
		}
		.main-category-icon.size-48x48.none { display:none; }
		
		.main-category-icon.positive.size-48x48				{ background-position:400px 400px; }		.main-category-icon.negative.size-48x48				{ background-position:200px  200px; }
		.main-category-icon.positive.size-48x48.body		{ background-position:0px     0px; }		.main-category-icon.negative.size-48x48.body		{ background-position:-48px    0px; }
		.main-category-icon.positive.size-48x48.break		{ background-position:0px   -48px; }		.main-category-icon.negative.size-48x48.break		{ background-position:-48px  -48px; }
		.main-category-icon.positive.size-48x48.clutch		{ background-position:0px   -96px; }		.main-category-icon.negative.size-48x48.clutch		{ background-position:-48px  -96px; }
		.main-category-icon.positive.size-48x48.electronic	{ background-position:0px   144px; }		.main-category-icon.negative.size-48x48.electronic	{ background-position:-48px -144px; }
		.main-category-icon.positive.size-48x48.equipment	{ background-position:0px  -192px; }		.main-category-icon.negative.size-48x48.equipment	{ background-position:-48px -192px; }
		.main-category-icon.positive.size-48x48.exhaust		{ background-position:0px  -240px; }		.main-category-icon.negative.size-48x48.exhaust		{ background-position:-48px -240px; }
		.main-category-icon.positive.size-48x48.filter		{ background-position:0px  -288px; }		.main-category-icon.negative.size-48x48.filter		{ background-position:-48px -288px; }
		.main-category-icon.positive.size-48x48.gear		{ background-position:0px  -336px; }		.main-category-icon.negative.size-48x48.gear		{ background-position:-48px -336px; }
		.main-category-icon.positive.size-48x48.resource	{ background-position:0px  -384px; }		.main-category-icon.negative.size-48x48.resource	{ background-position:-48px -384px; }
		.main-category-icon.positive.size-48x48.extra		{ background-position:0px  -432px; }		.main-category-icon.negative.size-48x48.extra		{ background-position:-48px -432px; }
		.main-category-icon.positive.size-48x48.wheel		{ background-position:0px  -448px; }		.main-category-icon.negative.size-48x48.wheel		{ background-position:-48px -480px; }
		.main-category-icon.positive.size-48x48.motor		{ background-position:0px  -512px; }		.main-category-icon.negative.size-48x48.motor		{ background-position:-48px -512px; }
		.main-category-icon.positive.size-48x48.oil			{ background-position:0px  -576px; }		.main-category-icon.negative.size-48x48.oil			{ background-position:-48px -576px; }
		.main-category-icon.positive.size-48x48.service		{ background-position:0px  -624px; }		.main-category-icon.negative.size-48x48.service		{ background-position:-48px -624px; }
		.main-category-icon.positive.size-48x48.cooler		{ background-position:0px  -672px; }		.main-category-icon.negative.size-48x48.cooler		{ background-position:-48px -672px; }
		.main-category-icon.positive.size-48x48.fuel		{ background-position:0px  -720px; }		.main-category-icon.negative.size-48x48.fuel		{ background-position:-48px -720px; }

		/* 72 x 72 */
		
		.main-category-icon.size-72x72 { 
			background-image:url(../../pics/icons/main-category/csoport-ikonok-72.png);
			background-repeat:no-repeat;
			width:72px; height:72px; 
			display:block; 
			float:left; 
			margin:1px 5px 0px 0px;
		}
		.main-category-icon.size-72x72.none { display:none; }

		.main-category-icon.positive.size-72x72				{ background-position:400px 400px; }		.main-category-icon.negative.size-72x72				{ background-position:200px  200px; }
		.main-category-icon.positive.size-72x72.body		{ background-position:0px     0px; }		.main-category-icon.negative.size-72x72.body		{ background-position:-72px    0px; }
		.main-category-icon.positive.size-72x72.break		{ background-position:0px   -72px; }		.main-category-icon.negative.size-72x72.break		{ background-position:-72px  -72px; }
		.main-category-icon.positive.size-72x72.clutch		{ background-position:0px  -144px; }		.main-category-icon.negative.size-72x72.clutch		{ background-position:-72px -144px; }
		.main-category-icon.positive.size-72x72.electronic	{ background-position:0px  -216px; }		.main-category-icon.negative.size-72x72.electronic	{ background-position:-72px -216px; }
		.main-category-icon.positive.size-72x72.equipment	{ background-position:0px  -288px; }		.main-category-icon.negative.size-72x72.equipment	{ background-position:-72px -288px; }
		.main-category-icon.positive.size-72x72.exhaust		{ background-position:0px  -360px; }		.main-category-icon.negative.size-72x72.exhaust		{ background-position:-72px -360px; }
		.main-category-icon.positive.size-72x72.filter		{ background-position:0px  -432px; }		.main-category-icon.negative.size-72x72.filter		{ background-position:-72px -432px; }
		.main-category-icon.positive.size-72x72.gear		{ background-position:0px  -504px; }		.main-category-icon.negative.size-72x72.gear		{ background-position:-72px -504px; }
		.main-category-icon.positive.size-72x72.resource	{ background-position:0px  -576px; }		.main-category-icon.negative.size-72x72.resource	{ background-position:-72px -576px; }
		.main-category-icon.positive.size-72x72.extra		{ background-position:0px  -648px; }		.main-category-icon.negative.size-72x72.extra		{ background-position:-72px -648px; }
		.main-category-icon.positive.size-72x72.wheel		{ background-position:0px  -720px; }		.main-category-icon.negative.size-72x72.wheel		{ background-position:-72px -720px; }
		.main-category-icon.positive.size-72x72.motor		{ background-position:0px  -792px; }		.main-category-icon.negative.size-72x72.motor		{ background-position:-72px -792px; }
		.main-category-icon.positive.size-72x72.oil			{ background-position:0px  -864px; }		.main-category-icon.negative.size-72x72.oil			{ background-position:-72px -864px; }
		.main-category-icon.positive.size-72x72.service		{ background-position:0px  -936px; }		.main-category-icon.negative.size-72x72.service		{ background-position:-72px -963px; }
		.main-category-icon.positive.size-72x72.cooler		{ background-position:0px -1008px; }		.main-category-icon.negative.size-72x72.cooler		{ background-position:-72px -1008px; }
		.main-category-icon.positive.size-72x72.fuel		{ background-position:0px -1080px; }		.main-category-icon.negative.size-72x72.fuel		{ background-position:-72px -1080px; }





		/*	Árak	*/
		
		
		/* SZÖVEGEK */
		
		.price-copy {
			display: block;
			float: none;
			clear: none;
			color:#626791;
			font-weight:700;
			font-size: 16px;
			line-height: 22px;
		}
		.grid .grid-item .grid-mirror[data-shoptype="retail"]    .price-copy { margin:0 0 5px 0; }
		.grid .grid-item .grid-mirror[data-shoptype="wholesale"] .price-copy { margin:0 0 5px 0; }
		
		.grid .grid-item .grid-mirror[data-shoptype="retail"] .price-holder { 
			display: block;
			margin: 0 0 15px 0;
			padding:15px 15px 35px 0;
			width: calc(100% - 15px);
			background-color: rgba(255,235,102,0.5);
			border-radius: 4px;
		}
		.grid .grid-item .grid-mirror[data-shoptype="wholesale"] .price-holder { 
			display: block;
			margin: 0 0 15px 0px;
			padding:15px 15px 35px 0;
			width: calc(100% - 15px);
			background-color: rgba(228,72,7,0.5);
			border-radius: 4px;
		}
		
		/* NORMÁL ÁRAK */

		.normal-prices {
		}
		.normal-prices 
			.other-price {
				font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:300;
				font-size:15px;
				line-height:17px;
				margin:0px 0px 0 10px;
				text-align:right;
			}
		.normal-prices 
			.other-price
				.net-price {
					display:inline-block;
				}
		.normal-prices 
			.other-price 
				.vat-content {
					display:inline-block;
				}
		.normal-prices
			.gross-price {
				font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:500;
				font-size:32px;
				line-height:36px;
				margin:0px 0px 0px 0px;
				text-align:right;
			}
		
		
		/* AKCIÓS ÁRAK */
			
		.special-prices 
			.other-price {
				float:right;
				font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:300;
				font-size:11px;
				line-height:15px;
				margin:0px 0px 10px 10px;
				text-align:right;
			}
		.special-prices 
			.other-price
				.net-price {
					display:inline-block;
				}
		.special-prices 
			.other-price 
				.vat-content {
					display:inline-block;
				}
		.special-prices
			.percent {
				display:block;
				float:left;
				font-weight:700;
				margin:-10px 10px -10px -10px;
				padding:5px 10px 5px 10px;
				position:relative;
				top: 10px;
				left: 20px;
				transform:rotate(-8deg);
				color:#BF0000;
				border:1px dashed #BF0000;
			}
		.special-prices
			.percent
				.value {
					display:block;
					width:100%;
					font-size:24px;
					line-height:25px;
					text-align:center;
				}
		.special-prices
			.percent
				.label {
					display:block;
					width:100%;
					text-align:center;
					font-size:14px;
					line-height:16px;
					outline:0px solid red;
				}
		.special-prices 			
			.gross-price {
				font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:300;
				font-size:16px;
				line-height:22px;
				margin:0px 0px 0px 0px;
				text-align:right;
			}
		.special-prices 			
			.gross-price
				.orig-price {
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:16px;
					line-height:22px;
					text-decoration:line-through;
				}
		.special-prices 			
			.gross-price
				.orig-price-label {
					display:inline-block;
					margin:0px 0px 0px 5px;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:16px;
					line-height:22px;
				}
		.special-prices 			
			.gross-price
				.special-price {
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:500;
					font-size:32px;
					line-height:36px;
					color:#BF0000;
					margin-left:5px;
				}
			
		.special-prices 			
			.gross-price
				.percent {
				}
				
				
		/* NAGYKER ÁRAK */
		
		.grid-mirror[data-shoptype="wholesale"]
			.price-holder
				.normal-prices
					.gross-price {
						color:#000000;
					}
		.grid-mirror[data-shoptype="wholesale"]
			.price-holder
				.special-prices
					.special-price {
						color:#BF0000;
					}




		/*	A termék alternatívái:
			- Gyári, eredeti,
			- Utángyártott (prémium),
			- Utángyártott,
			- Bontott.
		*/
		
		
		.framed-content {
			display:block;
			border:1px solid gray;
			border-radius:4px;
			padding:0px 0px 0px 0px;
			margin:15px 0px 15px 0px;
			overflow:hidden;
		}
		
		
		.product-alternates {
			list-style:none;
			margin:0px;
			padding:0px;
			display:block;
			width:100%;
			outline:0px solid red;
		}
		.product-alternates
			.product-alternate {
				list-style:none;
				position:relative;
				margin:0px;
				padding:0px;
				display:block;
				width:100%;
				height:auto;
				overflow:hidden;
				border-bottom:1px solid gray;
			}
		.product-alternates
			.product-alternate:last-child {
				border-bottom:none;
			}
		.product-alternates
			.product-alternate
				.product-item-number {
					padding:0px 5px 5px 5px;
				}
		.product-alternates
			.product-alternate
				.class-label {
					padding:0px 5px 5px 5px;
				}
			
		.product-alternates
			.product-alternate.flag__InStock-0 {
				opacity:1;
			}
		.product-alternates
			.product-alternate.flag__InStock-1 {
			}

		.product-alternates
			.product-alternate.flag__InStock-0
				.not-in-stock {
					display:block;
					position:relative;
					overflow:hidden;
					width:200px;
					height:20px;
					left:50%;
					top:15px;
					margin:0px -200px -30px -100px;
					padding:5px 0px 5px 0px;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:16px;
					line-height:22px;
					text-align:center;
					color:#BF0000;
					border:2px dotted #BF0000;
					transform:rotate(-3deg);
					background-color:rgba(255,255,255,0.9);
				}
		.product-alternates
			.product-alternate.flag__InStock-1
				.not-in-stock { 
					display:none;
				}
			
		.product-alternates
			.product-alternate
				.product-alternate-link {
					text-decoration:none;
					display:inline-block;
					width:100%;
					color:black;
					border-radius:4px;
					padding:0px;
					margin:0px 0px 0px 0px;
				}
		.product-alternates
			.product-alternate
				.product-alternate-link:hover {
					background-color:#EEEEEE;
				}
		.product-alternates .product-alternate.Genuine { }
		.product-alternates .product-alternate.GenuineSM { }
		.product-alternates .product-alternate.NonGenuine { }
		.product-alternates .product-alternate.NonGenuine_Alternate { }
		.product-alternates .product-alternate.Released { }
			
			
		.product-alternates
			.product-alternate 
				.product-image {
					display:block;
					position:relative;
					width:50px;
					height:50px;
					border:1px solid gray;
					border-radius:2px;
					top:5px;
					left:5px;
					margin:0px -52px -52px 0px;
					background-position:center center;
					background-repeat:no-repeat;
					background-size:contain;
				}
		.product-alternates
			.product-alternate
				.product-name {
					display:block;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:500;
					font-size:13px;
					line-height:15px;
					margin:5px 0px 0px 65px;
					padding:0px;
				}
		.product-alternates
			.product-alternate
				.product-item-number {
					display:inline-block;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:13px;
					line-height:15px;
					margin:0px 0px 0px 0px;
					padding:0px;
				}
		.product-alternates
			.product-alternate
				.product-price {
					display:block;
					float:right;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:13px;
					line-height:15px;
					margin:10px 10px 10px 10px;
					padding:0px;
				}
				
		.product-alternates 
			.product-alternate
				.price {
					float:right;
					margin:10px 10px 5px 10px;
					font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-weight:300;
					font-size:18px;
					line-height:22px;
					outline:0px solid red;
				}
		.product-alternates 
			.product-alternate
				.price
					.gross-price {
						text-align:right;
						margin-bottom:5px;
					}
		.product-alternates 
			.product-alternate
				.price
					.gross-price-difference {
						text-align:right;
						font-size:14px;
						line-height:16px;
					}
		.product-alternates 
			.product-alternate
				.price.normal {
					color:#333333;
				}
		.product-alternates 
			.product-alternate
				.price.special {
					color:#BF0000;
				}
				
		.product-alternates
			.product-alternate
				.product-alternate-link
					.class-label {
						margin:0px 0px 0px 65px;
					}
		.product-alternates
			.product-alternate
				.product-alternate-link
					.class-label
						.icon {
							display:block;
							float:left;
							width:12px;
							height:12px;
							margin:2px 5px 0px -5px;
							border-radius:12px;
						}
		.product-alternates .product-alternate.Genuine              .product-alternate-link .class-label .icon { background-color:#DC1615; }
		.product-alternates .product-alternate.GenuineSM            .product-alternate-link .class-label .icon { background-color:#1453b9; }
		.product-alternates .product-alternate.NonGenuine           .product-alternate-link .class-label .icon { background-color:#B65717; }
		.product-alternates .product-alternate.NonGenuine_Alternate .product-alternate-link .class-label .icon { background-color:#DCAC00; }
		.product-alternates .product-alternate.Released             .product-alternate-link .class-label .icon { background-color:#626EA7; }
						
		.product-alternates
			.product-alternate
				.product-alternate-link
					.class-label
						.text {
							font-family:museo, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
							font-weight:300;
							font-size:14px;
							line-height:16px;
							text-transform:lowercase;
						}
						
						
						
						
						
	@media screen and (min-width: 1600px) {
		/* XXL */
		.webshop-references-spacer { height:90px; }
		.webshop-references-holder { margin:-35px 0px 0px 0px; }
	}
	@media screen and (min-width: 1200px) and  (max-width: 1599px) {
		/* XL */
		.webshop-references-spacer { height:90px; }
		.webshop-references-holder { margin:-25px 0px 0px 0px; }
	}
	@media screen and (min-width: 1000px) and  (max-width: 1199px) {
		/* L */
		.webshop-references-spacer { height:90px; }
		.webshop-references-holder { margin:-25px 0px 0px 0px; }
	}
	@media screen and (min-width: 800px) and (max-width: 999px) {
		/* M */
		.webshop-references-spacer { height:90px; }
		.webshop-references-holder { margin:-40px 0px 0px 0px; }
	}
	@media screen and (min-width: 600px) and (max-width: 799px) {
		/* S */
		.webshop-references-spacer { height:30px; }
		.webshop-references-holder { margin:-40px 0px 0px 0px; }
		
		.grid.split-3-2 {
			display:table;
			width:100%;
			position:relative;
		}
		.grid.split-3-2 
			.grid-item:nth-child(n+1) {
				display:table-footer-group;
				width:100%;
			}
		.grid.split-3-2 
			.grid-item:nth-child(n+2) {
				display:table-header-group;
				width:100%;
			}
		.page h1.product-title {
			font-size:28px;
			line-height:34px;
			margin-top:25px;
			text-align:center;
		}
		
		
		
		.webshop-references-holder {
			position:relative;
		}
		.webshop-references-holder .webshop-references {
			display:block;
			width:100%;
			height:auto;
			margin:0px;
			padding:10px 0px 10px 0px;
			columns:2;
			column-gap:0px;
			-webkit-columns:2;
			-webkit-column-gap:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference {
			display:block;
			columns:1;
			-webkit-columns:1;
			float:none;
			width:100%;
			height:40px;
			margin:0px;
			padding:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button {
			display:block;
			position:relative;
			width:calc(100% - 40px);
			height:40px;
			overflow:hidden;
			top:0px;
			margin:-5px 0px -5px 0px;
			padding:5px 0px 5px 0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .icon {
			display:block;
			position:relative;
			top:2px;
			left:7px;
			margin:0px 0px -36px 0px;
			border-width:2px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .text {
			display:table-cell;
			position:relative;
			top:0;
			left:55px;
			height:40px;
			text-align:left;
			font-size:15px;
			line-height:17px;
			vertical-align:middle;
			white-space:normal;
		}

	}
	@media screen and (min-width: 400px) and (max-width: 599px) {
		/* XS */
		.webshop-references-spacer { height:90px; }
		.webshop-references-holder { margin:-40px 0px 0px 0px; }
		
		.grid.split-3-2 {
			display:table;
			width:100%;
			position:relative;
		}
		.grid.split-3-2 
			.grid-item:nth-child(n+1) {
				display:table-footer-group;
				width:100%;
			}
		.grid.split-3-2 
			.grid-item:nth-child(n+2) {
				display:table-header-group;
				width:100%;
			}
		.page h1.product-title {
			font-size:28px;
			line-height:34px;
			margin-top:25px;
			text-align:center;
		}
		
		
		.webshop-references-holder {
			position:relative;
		}
		.webshop-references-holder .webshop-references {
			display:block;
			width:100%;
			height:auto;
			margin:0px;
			padding:10px 0px 10px 0px;
			columns:1;
			column-gap:0px;
			-webkit-columns:1;
			-webkit-column-gap:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference {
			display:block;
			columns:1;
			-webkit-columns:1;
			float:none;
			width:100%;
			height:40px;
			margin:0px;
			padding:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button {
			display:block;
			position:relative;
			width:calc(100% - 20px);
			height:40px;
			overflow:hidden;
			top:0px;
			margin:-5px 0px -5px 0px;
			padding:5px 0px 5px 0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .icon {
			display:block;
			position:relative;
			top:2px;
			left:7px;
			margin:0px 0px -36px 0px;
			border-width:2px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .text {
			display:table-cell;
			position:relative;
			top:0;
			left:55px;
			height:40px;
			text-align:left;
			font-size:15px;
			line-height:17px;
			vertical-align:middle;
			white-space:normal;
		}
		.grid.span-full
			.grid-item {
				width:100%;
			}
		.category-navigator {
			display:block;
		}
		.category-navigator 
			.back-to-webshop-link {
				display:block;
				margin-bottom:15px;
			}
		.category-navigator 
			.category-labels {
				display:block;
				text-align:center;
			}
		.category-navigator 
			.category-labels
				.cn-label {
					display:none;
				}
		
	}
	@media screen and (max-width: 399px) {
		/* XXS */
		.webshop-references-spacer { height:30px; }
		.webshop-references-holder { margin:-40px 0px 0px 0px; }
		
		.grid.split-3-2 {
			display:table;
			display: block;
			width:100%;
			position:relative;
		}
		.grid.split-3-2 
			.grid-item:nth-child(n+1) {
				display:table-footer-group;
				width:100%;
			}
		.grid.split-3-2 
			.grid-item:nth-child(n+2) {
				display:table-header-group;
				width:100%;
			}
		.page h1.product-title {
			font-size:28px;
			line-height:34px;
			margin-top:25px;
			text-align:center;
		}
		
		.product-image-holder {
			height:320px;
		}
		
		
		.webshop-references-holder {
			position:relative;
		}
		.webshop-references-holder .webshop-references {
			display:block;
			width:100%;
			height:auto;
			margin:0px;
			padding:10px 0px 10px 0px;
			columns:1;
			column-gap:0px;
			-webkit-columns:1;
			-webkit-column-gap:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference {
			display:block;
			columns:1;
			-webkit-columns:1;
			float:none;
			width:100%;
			height:40px;
			margin:0px;
			padding:0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button {
			display:block;
			position:relative;
			width:calc(100% - 20px);
			height:40px;
			overflow:hidden;
			top:0px;
			margin:-5px 0px -5px 0px;
			padding:5px 0px 5px 0px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .icon {
			display:block;
			position:relative;
			top:2px;
			left:7px;
			margin:0px 0px -36px 0px;
			border-width:2px;
		}
		.webshop-references-holder .webshop-references .webshop-reference a.navigator-button .text {
			display:table-cell;
			position:relative;
			top:0;
			left:55px;
			height:40px;
			text-align:left;
			font-size:15px;
			line-height:17px;
			vertical-align:middle;
			white-space:normal;
		}
		.grid.span-full
			.grid-item {
				width:100%;
			}
		.category-navigator {
			display:block;
		}
		.category-navigator 
			.back-to-webshop-link {
				display:block;
				margin-bottom:15px;
			}
		.category-navigator 
			.category-labels {
				display:block;
				text-align:center;
			}
		.category-navigator 
			.category-labels
				.cn-label {
					display:none;
				}
			
	}
