
/* LIGHTBOX*/
	/* Preload images */
	body:after {
	  content: url(/_project/_layout/gfx/webshop/icons/close.png) url(/_project/_layout/gfx/webshop/icons/loading.gif) url(/_project/_layout/gfx/webshop/icons/prev.png) url(/_project/_layout/gfx/webshop/icons/next.png);
	  display: none;
	}
	
	body.lb-disable-scrolling {
	  overflow: hidden;
	}
	
	.lightboxOverlay {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 9999;
	  background-color: black;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	  opacity: 0.8;
	  display: none;
	}
	
	.lightbox {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  z-index: 10000;
	  text-align: center;
	  line-height: 0;
	  font-weight: normal;
	}
	
	.lightbox .lb-image {
	  display: block;
	  height: auto;
	  max-width: inherit;
	  max-height: none;
	  border-radius: 3px;
	
	  /* Image border */
	  border: 4px solid white;
	}
	
	.lightbox a img {
	  border: none;
	}
	
	.lb-outerContainer {
	  position: relative;
	  *zoom: 1;
	  width: 250px;
	  height: 250px;
	  margin: 0 auto;
	  border-radius: 4px;
	
	  /* Background color behind image.
		 This is visible during transitions. */
	  background-color: white;
	}
	
	.lb-outerContainer:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	
	.lb-loader {
	  position: absolute;
	  top: 43%;
	  left: 0;
	  height: 25%;
	  width: 100%;
	  text-align: center;
	  line-height: 0;
	}
	
	.lb-cancel {
	  display: block;
	  width: 46px;
	  height: 46px;
	  margin: 0 auto;
	  background: url(/_project/_layout/gfx/webshop/icons/loading.gif) no-repeat;
	}
	
	.lb-nav {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  z-index: 10;
	}
	
	.lb-container > .nav {
	  left: 0;
	}
	
	.lb-nav a {
	  outline: none;
	  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
	}
	
	.lb-prev, .lb-next {
	  height: 100%;
	  cursor: pointer;
	  display: block;
	}
	
	.lb-nav a.lb-prev {
	  width: 34%;
	  left: 0;
	  float: left;
	  background: url(/_project/_layout/gfx/webshop/icons/prev.png) left 48% no-repeat;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  -webkit-transition: opacity 0.6s;
	  -moz-transition: opacity 0.6s;
	  -o-transition: opacity 0.6s;
	  transition: opacity 0.6s;
	}
	
	.lb-nav a.lb-prev:hover {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	  opacity: 1;
	}
	
	.lb-nav a.lb-next {
	  width: 64%;
	  right: 0;
	  float: right;
	  background: url(/_project/_layout/gfx/webshop/icons/next.png) right 48% no-repeat;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  -webkit-transition: opacity 0.6s;
	  -moz-transition: opacity 0.6s;
	  -o-transition: opacity 0.6s;
	  transition: opacity 0.6s;
	}
	
	.lb-nav a.lb-next:hover {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	  opacity: 1;
	}
	
	.lb-dataContainer {
	  margin: 0 auto;
	  padding-top: 5px;
	  *zoom: 1;
	  width: 100%;
	  -moz-border-radius-bottomleft: 4px;
	  -webkit-border-bottom-left-radius: 4px;
	  border-bottom-left-radius: 4px;
	  -moz-border-radius-bottomright: 4px;
	  -webkit-border-bottom-right-radius: 4px;
	  border-bottom-right-radius: 4px;
	}
	
	.lb-dataContainer:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	
	.lb-data {
	  padding: 0 4px;
	  color: #ccc;
	}
	
	.lb-data .lb-details {
	  width: 85%;
	  float: left;
	  text-align: left;
	  line-height: 1.1em;
	}
	
	.lb-data .lb-caption {
	  font-size: 13px;
	  font-weight: bold;
	  line-height: 1em;
	}
	
	.lb-data .lb-caption a {
	  color: #4ae;
	}
	
	.lb-data .lb-number {
	  display: block;
	  clear: left;
	  padding-bottom: 1em;
	  font-size: 12px;
	  color: #999999;
	}
	
	.lb-data .lb-close {
	  display: block;
	  float: right;
	  width: 30px;
	  height: 30px;
	  background: url(/_project/_layout/gfx/webshop/icons/close.png) top right no-repeat;
	  text-align: right;
	  outline: none;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	  opacity: 0.7;
	  -webkit-transition: opacity 0.2s;
	  -moz-transition: opacity 0.2s;
	  -o-transition: opacity 0.2s;
	  transition: opacity 0.2s;
	}
	
	.lb-data .lb-close:hover {
	  cursor: pointer;
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	  opacity: 1;
	}
			
			
			
/* SLICK SLIDER */
	.bildspel, .slick-list, .slick-track {
		height: 100%;
		position: relative;
		text-align: center;
	}
	
	.slideshow {
		width: 100%;
		background-color: #dfdfdf;
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	
	.slick-slider{
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
			touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}
	
	.slick-list{
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.slick-list:focus{
		outline: none;
	}
	.slick-list.dragging{
		cursor: pointer;
		cursor: hand;
	}
	.slick-slider .slick-track,
	.slick-slider .slick-list{
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			 -o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
	
	.slick-track{
		position: relative;
		top: 0;
		left: 0;
		display: block;
	}
	.slick-track:before,
	.slick-track:after{
		display: table;
		content: '';
	}
	.slick-track:after
	{
		clear: both;
	}
	.slick-loading .slick-track
	{
		visibility: hidden;
	}
	
	.slick-slide
	{
		display: none;
		float: left;
	
		height: 100%;
		min-height: 1px;
	}
	[dir='rtl'] .slick-slide
	{
		float: right;
	}
	.slick-slide img
	{
		display: block;
	}
	.slick-slide.slick-loading img
	{
		display: none;
	}
	.slick-slide.dragging img
	{
		pointer-events: none;
	}
	.slick-initialized .slick-slide
	{
		display: block;
	}
	.slick-loading .slick-slide
	{
		visibility: hidden;
	}
	.slick-vertical .slick-slide
	{
		display: block;
	
		height: auto;
	
		border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
		display: none;
	}
	
	/* Slider */
	.slick-loading .slick-list
	{
		background: #fff url('/_project/_source/modules/webshop/gfx/ajax-loader.gif') center center no-repeat;
	}
	
	/* Arrows */
	.slick-prev,
	.slick-next{
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 30px;
		height: 30px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		z-index: 10;
	}
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus{
		color: transparent;
		outline: none;
		background: transparent;
	}
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before{
		opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before{
		opacity: .25;
	}
	
	.slick-prev:before,
	.slick-next:before{
		display: block;
		font-family: fontello;
		font-weight: bold;
		font-size: 20px;
		border-radius: 50%;
		opacity: 0.8;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		background: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		text-align: center;
		cursor: pointer;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.slick-prev{
		left: -30px;
	}
	[dir='rtl'] .slick-prev{
		right: 0;
		left: auto;
	}
	.slick-prev:before{
		content: '\e8cb';
	}
	[dir='rtl'] .slick-prev:before{
		content: '\e8cc';
	}
	.slick-next{
		right: -30px;
	}
	[dir='rtl'] .slick-next{
		right: auto;
		left: 0;
	}
	.slick-next:before
	{
		content: '\e8cc';
	}
	[dir='rtl'] .slick-next:before{
		content: '\e8cb';
	}
	
	/* Dots */
	.slick-dotted.slick-slider{
		margin-bottom: 30px;
	}
	
	.slick-dots{
		position: absolute;
		bottom: 15px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slick-dots li{
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button{
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus{
		outline: none;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before{
		opacity: 1;
	}
	.slick-dots li button:before{
		font-family: fontello;
		font-size: 40px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		content: '•';
		text-align: center;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before{
		opacity: .75;
		color: color1;
	}
			
/* COLOR PICKER */
	.colorpicker {
		width: 356px;
		height: 176px;
		overflow: hidden;
		position: absolute;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_background.png);
		font-family: Arial, Helvetica, sans-serif;
		display: none;
	}
	.colorpicker_color {
		width: 150px;
		height: 150px;
		left: 14px;
		top: 13px;
		position: absolute;
		background: #f00;
		overflow: hidden;
		cursor: crosshair;
	}
	.colorpicker_color div {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 150px;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_overlay.png);
	}
	.colorpicker_color div div {
		position: absolute;
		top: 0;
		left: 0;
		width: 11px;
		height: 11px;
		overflow: hidden;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_select.gif);
		margin: -5px 0 0 -5px;
	}
	.colorpicker_hue {
		position: absolute;
		top: 13px;
		left: 171px;
		width: 35px;
		height: 150px;
		cursor: n-resize;
	}
	.colorpicker_hue div {
		position: absolute;
		width: 35px;
		height: 9px;
		overflow: hidden;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_indic.gif) left top;
		margin: -4px 0 0 0;
		left: 0px;
	}
	.colorpicker_new_color {
		position: absolute;
		width: 60px;
		height: 30px;
		left: 213px;
		top: 13px;
		background: #f00;
	}
	.colorpicker_current_color {
		position: absolute;
		width: 60px;
		height: 30px;
		left: 283px;
		top: 13px;
		background: #f00;
	}
	.colorpicker input {
		background-color: transparent;
		border: 1px solid transparent;
		position: absolute;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #898989;
		top: 4px;
		right: 11px;
		text-align: right;
		margin: 0;
		padding: 0;
		height: 11px;
		width: auto !important;
	}
	.colorpicker_hex {
		position: absolute;
		width: 72px;
		height: 22px;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_hex.png) top;
		left: 212px;
		top: 142px;
	}
	.colorpicker_hex input {
		right: 6px;
	}
	.colorpicker_field {
		height: 22px;
		width: 62px;
		background-position: top;
		position: absolute;
	}
	.colorpicker_field span {
		position: absolute;
		width: 12px;
		height: 22px;
		overflow: hidden;
		top: 0;
		right: 0;
		cursor: n-resize;
	}
	.colorpicker_rgb_r {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_rgb_r.png);
		top: 52px;
		left: 212px;
	}
	.colorpicker_rgb_g {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_rgb_g.png);
		top: 82px;
		left: 212px;
	}
	.colorpicker_rgb_b {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_rgb_b.png);
		top: 112px;
		left: 212px;
	}
	.colorpicker_hsb_h {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_hsb_h.png);
		top: 52px;
		left: 282px;
	}
	.colorpicker_hsb_s {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_hsb_s.png);
		top: 82px;
		left: 282px;
	}
	.colorpicker_hsb_b {
		background-image: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_hsb_b.png);
		top: 112px;
		left: 282px;
	}
	.colorpicker_submit {
		position: absolute;
		width: 22px;
		height: 22px;
		background: url(/_project/_source/modules/webshop/gfx/plugin/colorpicker/colorpicker_submit.png) top;
		left: 322px;
		top: 142px;
		overflow: hidden;
	}
	.colorpicker_focus {
		background-position: center;
	}
	.colorpicker_hex.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_submit.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_slider {
		background-position: bottom;
	}