/* slideshow styles */

.slideShow ul,
.slideShow li,
.slideShow ol {
list-style-type: none;
margin: 0px;
padding: 0px;
font-family: Arial;
}

.slideShow {
width: 992px;
clear: both;
margin-bottom: -4px;
}

.hidden {
	visibility: hidden;
}

/** navigation **/

.slideShow .navigation {
display: block;
}

.slideShow .navigation li {
display: inline;
}

.slideShow .navigation a {
background-color: #B3B3B3;
margin: 0px 2px 0px 0px;
padding: 3px 8px;
color: #232323;
display: inline-block;
text-decoration: none;
border: 1px solid #fff;
font-size: 0.8em;
text-shadow: 0px 1px rgba(255,255,255,0.5);
text-transform: uppercase;
}

.slideShow .thumbs a {
padding: 0px;
overflow: hidden;
background-color: transparent;
height: 50px;
}

.slideShow .navigation a:hover,
.slideShow .navigation a.selected {
background-color: #6C6C6C !important;
border: 1px solid #6C6C6C;
color: #000000;
}

.slideShow ol.topNavigation {
margin: 0px 0px 10px 0px;
}

/** slides with more than an image in it **/
.slide h1 {
position: absolute;
background-color: #ffffff;
left: 0px;
top: 0px;
}

.slide dl dt {
width: 500px;
}

/** slides with text over images **/
.slide p {
margin: 1em;
position: absolute;
background-color: #000;
color: #fff;
z-index: 1;
padding: 0.2em 0.8em;
}

.slide p a {
color: #fff;
}

/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {
background-color: #ffffff;
}

.navigation.white a {
border: 1px solid #ffffff;
padding: 0px;
line-height: 0.8em;
}

.navigation.white a:hover,
.navigation.white a.selected {
background-color: #ffffff;
border: 1px solid #999;
}