@charset "utf-8";
/* 
	slider.css
	Provides presentation for carousel slider control.

	:THEME: screen/base
	:AUTHOR: John Daniel
	:CREATED: August 7, 2008
	
	:UPDATED:
	JD 08/07/2008 - Initial setup.
	JG 08/20/2008 - Adjusted line height, slider graphics and position for new shadow background.
	JG 08/26/2008 - Added nowrap to slider gallery ul tag.
	
	:NOTES:
	Version 1.
*/

#band-carousel-navigation .slider-gallery {
	overflow: hidden;
	position: relative;
	height: 188px;
	margin:0 20px;
	background:url(slider/slider-bg.png) no-repeat 10px 159px;
	height:210px;
	line-height: 115%;
	padding:6px 0 0 0;
}
#band-carousel-navigation .slider-gallery ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin:10px 0;
	white-space:nowrap;
}
#band-carousel-navigation .slider-gallery ul li {
	display: inline;
	float: left;
}
#band-carousel-navigation .slider {
	height: 26px;
	padding: 1px;
	position: relative;
	top:151px;
	width: 918px;
	left: 10px;
}
#band-carousel-navigation .handle {
	/*background: transparent url(slider/handle.png) no-repeat 24px 0;*/ /* Set the left position of handle to the right edge of the left button. */
	position: absolute;
	cursor: move;
	top: 5px;
	left:0; /* Starting position. this will get changed once slider starts moving. */
    height: 26px;
	width: 117px; /* Set width of handle plus the widths of both the left and right buttons. This stops the handle at the buttons. */
}
#band-carousel-navigation .slider-panel {
	display:inline;
	float:left;
	height:120px;
	margin: 10px 10px 35px 10px;
	width: 276px;
	padding: 0px 10px;
	white-space: normal;
}
#band-carousel-navigation .slider-panel h2 {
	color:#666;
	font-size:1.12em;
	font-weight:bold;
	margin:0 0 5px;
	padding:0;
	line-height:125%;
}
#band-carousel-navigation .slider-panel p {
	margin:0;
	padding:0;
	font-size:1em;
}
#band-carousel-navigation .slider-panel img {
	float:left;
	margin:0 10px 0 0;
}
#band-carousel-navigation .slider img#left-button {
	position:absolute;
	top:5px;
	left:3px;
	z-index:100;
	cursor:pointer;
}
#band-carousel-navigation .slider img#right-button {
	position:absolute;
	top:5px;
	right:5px;
	z-index:100;
	cursor:pointer;
}