/*
Slidebox jQuery banner rotator and image slideshow plugin styling
*/

/* basic/minimum styling */
.slidebox {
	background-image: url(images/hash.png);
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	background: #ccc;
	overflow: hidden;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
}
.slidebox, .slidebox .slideboxSlide {
	width: 636px;
}
.slidebox, .slidebox .slideboxSlides, .slidebox .slideboxSlide {
	height: 300px;
}
.slidebox ul {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
.slidebox ul li {
	float: left;
}
.slidebox ul li .slideboxCaption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
.slidebox ul li a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
}
.slideboxContainer {
	position: relative;
	float: left;
	width: 636px;
}
.slideboxContainer .slideboxNext, .slideboxContainer .slideboxPrevious {
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	top: 50%;
	margin-top: -11px;
}
.slideboxContainer .slideboxNext {
	right: 0;
	margin-right: 10px;
	background: url(images/slidebox_next.png) no-repeat;
}
.slideboxContainer .slideboxNext:hover {
	background: url(images/slidebox_next_hover.png) no-repeat;
}
.slideboxContainer .slideboxPrevious {
	margin-left: 10px;
	background: url(images/slidebox_previous.png) no-repeat;
}
.slideboxContainer .slideboxPrevious:hover {
	background: url(images/slidebox_previous_hover.png) no-repeat;
}
.slideboxContainer .slideboxThumbs {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: center;
	background-image: url(images/transparent_white.png);
	background-repeat: repeat;
	padding: 3px;
}
.slideboxContainer .slideboxThumbs .slideboxThumb {
	display: inline-block;
	margin: 0 3px;
	background: #666;
	min-width: 10px;
	min-height: 10px;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}
.slideboxContainer .slideboxThumbs .slideboxThumb:hover, .slideboxContainer .slideboxThumbs .selectedSlideboxThumb {
	background: #fff;
	color: #666;
}
.slideboxCaption span {
	display: block;
	border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	display: block;
	position: absolute;
	background-color: #FFF;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	bottom: 10px;
	max-width: 300px;
}