/* 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); }
.adds .wk-gallery-showcase .wk-slideset .set > li:hover { outline:1px solid rgba(0, 0, 0, 0.3); }
.adds .prev {display:none;}
.adds .next {display:none;}
.adds .wk-gallery-showcase .wk-slideset > div {border: solid 1px lightGrey;border-radius: 7px;
box-shadow: 0 0 15px 1px #EEE;}


/* Active */

.wk-gallery-showcase .wk-slideset .set > li.active { outline: 3px solid rgba(0,0,0,0.6); }
.adds .wk-gallery-showcase .wk-slideset .set > li.active { outline:2px solid rgba(213, 1, 1, 0.4); }



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