/** The banner elements are defined to the bottom here. */

#slideshowHolder {
	margin: auto;
	color: inherit;
	font-family: inherit;
}

#ft-buttons-slideshowHolder {
	top: 10px;
	height: 10px;
	margin-top: 3px;
	position: relative;
	text-align: center;
}

.ft-button-slideshowHolder {
	top: -18px;
	width: 10px;
	height: 10px;
  	cursor: pointer;
	margin: 0px 4px;
	position: relative;
	vertical-align: top;
	display: inline-block;
	background: url('../images/buttons.png') no-repeat scroll 0 0 transparent;
}

.ft-button-slideshowHolder:hover {
	background-position: -10px 0px;
}

.ft-button-slideshowHolder-active {
	background: url('../images/buttons.png') no-repeat scroll 0 0 transparent;
	background-position: -10px 0px;
}

#ft-title-slideshowHolder {
	top:0;
	left: 0;
	color: #fff;
	z-index: 1000;
	position: absolute;
	background-color: #000; 
	padding: 5px 5px 3px 5px;
}

#ft-next-slideshowHolder {
    right: 0;
	color: #000;
	width: 19px;
	height: 39px;
    z-index: 1001;
	line-height: 3.4em;
	text-align: center;
    position: absolute;
	text-decoration: none;
	display: inline-block;
	background: url('../images/button_navigation_next.png') no-repeat scroll 0 0 transparent;
}

#ft-next-slideshowHolder:hover, #ft-prev-slideshowHolder:hover  {
	outline: none;
	color: #009d82;
}

#ft-next-slideshowHolder:active, #ft-prev-slideshowHolder:active  {
	color: #F00;
	outline: none;
}

#ft-next-slideshowHolder:focus, #ft-prev-slideshowHolder:focus  {
	outline: none;
	-moz-outline-style: none;
}

#ft-prev-slideshowHolder {
    left: 0;
	color: #000;
	width: 19px;
	height: 39px;
    z-index: 1001;
	line-height: 3.4em;
	text-align: center;
    position: absolute;
	text-decoration: none;
	display: inline-block;
	background: url('../images/button_navigation_prev.png') no-repeat scroll 0 0 transparent;
}

/* remove the small img for external links from the KIT's website */
#slideshowHolder img.external_link_symbol {
    display: none;
}