@charset "utf-8";
@import "colors";
@import "mixins";

.showcase-div li {
	float: left;
	display: block;
	width: 91px;
	height: 91px;
	> img {
		display: block;
		margin: 9px;
		width: 80px;
		height: 80px;
		background: white;
		border: 1px solid @dark-gray;
		.box-shadow(0px 0px 5px rgba(0,0,0,0.5));
	}
}

.sc {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	li {
		position: absolute;
		margin: 0;
		padding: 0;
		z-index: 10;
	}
}
.sc-wrapper {
	position: relative;
	margin: 0 auto;
	.sc-controls {
		position: absolute;
		width: 28px;
		height: 100px;
		top: 50%;
		margin-top: -40px;
		cursor: pointer;
		text-indent: -9999px;
		&.next { left: -88px; }
		&.prev { right: -88px; }
	}
	.popover-image {
		background: url('../images/ajax-loader.gif') no-repeat center center;
		position: absolute;
		display: block;
		z-index: 50;
		>img { display: none; width: 100%; height: 100%; }
	}
}
.l-full-inner {
	position: absolute;
	left: 4px;
	top: 0px;
	background: url(../images/showcase-bg.jpg) no-repeat;
	padding: 60px 0px 0px;
	width: 645px;
	height: 343px;
	.dzineit-box-shadow();
}