/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Widgetkit Gallery: Showcase Style
 */


/* Slideshow: Buttons
----------------------------------------------------------------------------------------------------*/

.wk-gallery-showcase .slides-container { position: relative; }

.wk-gallery-showcase .slides-container:hover .next,
.wk-gallery-showcase .slides-container:hover .prev {
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(images/buttons.png) 0 50px no-repeat;
}

.wk-gallery-showcase .slides-container:hover .next {
	right: 30px;
	background-position: 0 0;
}

.wk-gallery-showcase .slides-container:hover .prev {
	left: 30px;
	background-position: 0 -50px;
}


/* Slideset: Container
----------------------------------------------------------------------------------------------------*/

.wk-gallery-showcase .wk-slideset > div { padding: 0 60px; }
.wk-gallery-showcase .wk-slideset.no-buttons > div { padding: 0; }

.wk-gallery-showcase .wk-slideset .sets { padding-top: 10px; }


/* Slideset: Content
----------------------------------------------------------------------------------------------------*/

.wk-gallery-showcase .wk-slideset .set > li {
	margin: 0 3px;
	cursor: pointer;
}

.wk-gallery-showcase .wk-slideset .set > li > img { display: block; }

/* Hover */
.wk-gallery-showcase .wk-slideset .set > li:hover { outline: 3px solid rgba(0,0,0,0.3); }

/* Active */
.wk-gallery-showcase .wk-slideset .set > li.active { outline: 3px solid rgba(0,0,0,0.6); }


/* Slideset: Buttons
----------------------------------------------------------------------------------------------------*/

.wk-gallery-showcase .wk-slideset > div { position: relative; }

.wk-gallery-showcase .wk-slideset > div .next,
.wk-gallery-showcase .wk-slideset > div .prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -13px;
	background: url(images/navigation_buttons.png) 0 30px no-repeat;
}

.wk-gallery-showcase .wk-slideset > div .next {
	right: 25px;
	background-position: 0 0;
}

.wk-gallery-showcase .wk-slideset > div .prev {
	left: 25px;
	background-position: 0 -90px;
}


.wk-gallery-showcase .wk-slideset > div .next:hover { background-position: 0 -30px; }
.wk-gallery-showcase .wk-slideset > div .next:active { background-position: 0 -60px; }
.wk-gallery-showcase .wk-slideset > div .prev:hover { background-position: 0 -120px; }
.wk-gallery-showcase .wk-slideset > div .prev:active { background-position: 0 -150px; }