/* ######### PROMO SHOWCASE STYLES ######### */

#promo-showcase {margin: 0; position: relative; z-index: 2; overflow: hidden; margin: 0;}

#promo-showcase .promo-container {float: left; overflow: hidden;}
#promo-showcase .promo-container .promo-slide {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	z-index: 3;
	overflow: hidden;
}

#promo-showcase iframe {position: relative; z-index: 3;}
#ps_controls {position: relative; z-index: 99;}
.promo-left-arrow-block {float: left; width: 23px; text-align: center; margin: 0 -25px 0 5px; position: relative; z-index: 99;}
.promo-right-arrow-block {float: right; width: 23px; text-align: center; margin: 0 5px 0 -25px; position: relative; z-index: 99;}

a.promo-arrow-control-right:link, a.promo-arrow-control-right:visited {display: block; padding: 0; background: url('../../../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -40px center; width: 20px; height: 30px; position: absolute; top: 50%; margin-top: -15px;}
a.promo-arrow-control-right:hover, a.promo-arrow-control-right:active {background: url('../../../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -60px center;}

a.promo-arrow-control-left:link, a.promo-arrow-control-left:visited {display: block; padding: 0; background: url('../../../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat -20px center; width: 20px; height: 30px; position: absolute; top: 50%; margin-top: -15px;}
a.promo-arrow-control-left:hover, a.promo-arrow-control-left:active {background: url('../../../../../../addons/promo_showcase/images/arrow-controls.png') no-repeat 0 center;}

#promo-showcase a {
	display: block;
	text-decoration: none;
}

#promo-showcase .contents {
	background: url('../../../../../../addons/promo_showcase/images/bg-overlay.png');
	position: absolute;
	z-index: 2;
	display: block;
}

#promo-showcase .contents strong.title {
	margin: 0;
	padding: 5px 25px;
	color: #fff;
	font-size: 18px;
	display: block;
}

#promo-showcase .contents span.description {
	margin: 0;
	padding: 0 25px;
	color: #fff;
	line-height: 18px;
	font-size: 12px;
	display: block;
}


#promo-showcase .content-top {top: 0; left: 0; width: 100%; height: 35%; padding-bottom: 10px;}
#promo-showcase .content-bottom {bottom: 0;	left: 0; width: 100%; height: 35%;}
#promo-showcase .content-left {top: 0; left: 0; height: 100%; width: 40%;}
#promo-showcase .content-right {top: 0;	right: 0; height: 100%; width: 40%;}


#promo-showcase .media-frame {overflow: hidden; position: absolute; background: #000;}
#promo-showcase .media-bottom {top: 0; left: 0; width: 100%; height: 65%; float: left;}
#promo-showcase .media-top {bottom: 0; left: 0; height: 65%; width: 100%; float: left;}
#promo-showcase .media-left {top: 0; right: 0; height: 100%; width: 60%; float: left;}
#promo-showcase .media-right {top: 0; left: 0; height: 100%; width: 60%; float: left;}


#promo-menu {
	clear: both;
}

#promo-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#promo-menu ul li {
	float: left;
	margin: 0; 
	padding: 0;
}

#promo-menu a {
	display: block;
	background: #eaeaea;
	color: #555;
	padding: 5px 10px;
	margin: 0 1px 0 0;
	text-align: center;
}

#promo-menu a:hover {background: #cacaca;}