.theater {overflow: hidden; padding: 0px; position: relative; width: 560px; height: 420px}
.theater-slider {height: 420px; position: relative; left: 0px; top: 0px}
.theater-show {width: 560px; height: 420px; float: left}
.theater-lastshow {clear: both}

.theater-controls a {
	text-transform: uppercase;
	background-image: url('images/arrow.png'); background-repeat: no-repeat; background-position: 3px 7px;
	width: 100%; display:block;
	padding: 10px 0px 10px 24px;
	background-color: white;
	font-size: 16px;
	color: #715988;
	margin-bottom: 0px;
	text-align: left;
	border-top: 0px #cccccc solid;
	}
.theater-controls a:hover {background-image: url('images/arrow_o.png'); background-color: #715988; color: white}