/**********************************
		Equinox Club Tour Styles
		v 1.0

SECTIONS:

clubtour_images

Backgrounds
position / float 
width / height
margin / padding / border
text formatting / color.

***********************************/

#clubtour_images {
	float: left;
	position: relative;
	top: -390px;
	left: 230px;
	*left: 0px;
	z-index: 2;
	width: 750px;
	height: 390px;
	margin-bottom: -390px;
}

#clubtour_images img {
	position: absolute;
	top: 0;
	left: 0;
}

#clubtour_thumbs_wrapper{
	float: left;
	position: relative;
	left: 230px;
	*left: 0px;
	top: -60px;
	z-index: 4;
	width: 750px;
	height: 60px;
	overflow: hidden;
	margin-bottom: -60px;
}


#clubtour_thumbs{
	width: 750px;
	height: 60px;
	background: #000;
	margin-top: 60px;
}

#thumbs-list-wrapper{
	position:relative;
	width: 663px;
	z-index: 5;
	left: 44px;
	overflow: hidden;
}

#clubtour_thumbs div ul {
	margin: 9px 0 0 0px;
	list-style-type: none;
	width: 9999px;
}

#clubtour_thumbs div ul li{
	float: left;
	margin: 0 9px 0 0;
	overflow: visible;
}

#clubtour_thumbs div ul li a {
	outline: none;
}

#clubtour_thumbs div ul li a:link img,
#clubtour_thumbs div ul li a:visited img{
	border: 1px solid #000;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

#clubtour_thumbs div ul li a:hover img{
	border: 1px solid #000;
	opacity:.99;filter: alpha(opacity=99); -moz-opacity: 0.99;
}

#clubtour_thumbs div ul li a:link img.on,
#clubtour_thumbs div ul li a:visited img.on,
#clubtour_thumbs div ul li a:hover img.on{
	border: 1px solid #FFF;
	opacity:.99;filter: alpha(opacity=99); -moz-opacity: 0.99;
}

#clubtour_thumbDisplay {
	float: left;
	position: relative;
	left: 560px;
	*left:330px;
	top: -30px;
	z-index: 6;
	width: 60px;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cached/thumbdisplay.png',sizingMethod='scale');
	margin: 0 0 -30px 0;
	cursor: pointer;

}

html > body #clubtour_thumbDisplay {
	background: url(/images/cached/thumbdisplay.png) center center no-repeat;
	opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9; 
}

#after-clubtour-maindiv {
	width: 100%;
	height: 5px;
	clear: both;
}

#scrollBtnL {
	width: 44px;
	height: 60px;
	background: #000;
	position: absolute;
	left: 0px;
	top: 0;
	display: none;
	z-index: 10;
}

#scrollBtnR {
	width: 43px;
	height: 60px;
	background: #000;
	position: absolute;
	left: 707px;
	top: 0;
	display: none;
	z-index: 10;
}

#scrollBtnR.on {
	background: #000 url(../images/cached/thumbArrowRt.gif) 10px 50% no-repeat;
	cursor: pointer;
	display: block;
	outline: none;
}
#scrollBtnR.on:hover {
	background-image: url(../images/cached/thumbArrowRtOn.gif);
}
#scrollBtnL.on {
	background: #000 url(../images/cached/thumbArrowLt.gif) 15px 50% no-repeat;
	cursor: pointer;
	display: block;
	outline: none;
}
#scrollBtnL.on:hover {
	background-image: url(../images/cached/thumbArrowLtOn.gif);
}

