/* ------------------------------
ROTATOR STYLES
-------------------------------- */
.showcase {
	position: relative;
	margin: 0px !important;
	overflow: visible !important;
	background: none;
}

.showcase-content-container {
	margin: 0 auto;
	overflow: hidden !important;
}

.showcase-content {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

.showcase-content img {
	border: none !important;
	padding: 0 !important;
}

.showcase-content iframe {
	z-index:222;
}

.showcase-caption {
	color: #bebac0;
	font:14px/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 20px 30px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
	background:#000;
	background:rgba(0,0,0,.9);
}

/* ------------------------------
ROTATOR ARROWS
-------------------------------- */
.showcase-button-wrapper {
	width: 100%;
	margin: 7px 0 0 0px;
	font-size: 28px;
	text-align:center;
}

.showcase-button-wrapper span {
	cursor: pointer;
	color: #005e85;
	padding:0 3px;
}

.showcase-button-wrapper span.active {
	color: #00afd9;
}

/* Showcase
-------------*/


/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}