
/* Slider box/container (default to 'Dimensions' */
#scroller					{ width:900px; margin:20px 0 35px 40px; }

.viewer						{ width:900px; height:320px; margin:0 auto 30px; padding:0; overflow:hidden; position:relative; }

.viewer ul					{ margin:0; padding:0; list-style:none; }
.viewer ul li 				{ float:left; list-style:none; }
.viewer ul li img 			{ border:none; }

.conveyor					{ width:1000px; height:335px; position:relative; } /* Set original width before gets overridden */

/* Scrollbar */
#scrollbar					{ display:none; position:relative; height:19px; margin:0 25px; padding:0 55px; background:transparent url("/cars/_assets/presentation/galleryslider/scrollbar-sprite.gif") repeat-x; }
#slider						{ position:relative; height:19px; width:auto !important; }
/* The red thing */
#slider .ui-slider-handle	{ position:absolute; top:0; margin-left:-55px; width:110px; height:19px; z-index:10; background:transparent url("/cars/_assets/presentation/galleryslider/scrollbar-sprite.gif") 0 -60px no-repeat; cursor:default; }

/* Removing other UI slider styles */
#slider						{ background:none; border:none; }

#scrollActions a			{ position:absolute; top:0; width:25px; height:19px; background-repeat:no-repeat; }
.scrollUp					{ left:-25px; background-image:url(/cars/_assets/presentation/galleryslider/scrollbar-sprite.gif); background-position:0 -40px; }
.scrollDown					{ right:-25px; background:url(/cars/_assets/presentation/galleryslider/scrollbar-sprite.gif); background-position:-1px -20px; }

#scrollbarLabels			{ position:absolute; z-index:20; top:0; left:0; margin:0 55px; width:740px; }
.scrollLabels div			{ position:absolute; top:0; z-index:40; cursor:pointer; }
.scrollLabels div			{ font:bold 1.2em/19px Arial, Helvetica, sans-serif; color:#000; }

/* Gallery overrides */
.scroller-gallery								{ margin-top:15px; }
.scroller-gallery .viewer						{ height:45px; margin-top:15px; }
.scroller-gallery .viewer ul li					{ position:relative; width:90px; margin-right:5px; }
.scroller-gallery .viewer ul li.firstofgroup	{ padding-left:30px; }
.scroller-gallery .viewer ul li .indicator		{ display:none; }

	
/* Gallery rules */
.carThumbs .indicator		{ position: absolute; top: 12px; left: 41px; width: 20px; height: 20px; overflow: hidden; background: none; display: none; }
.carThumbs .indicator.indicatorfirstofgroup { position: absolute; top: 12px; left: 66px; width: 20px; height: 20px; overflow: hidden; background: none; display: none; }	
.carThumbs .indicator div	{ width: 20px; height: 240px; background: url(/_assets/presentation/load-indicator-20.png) no-repeat; position: absolute; top: 0; left: 0; }

#picloadingarea				{ position:absolute; display:none }
#flashNavigationTip			{ position:absolute; height: auto; width: auto; padding: 7px 10px; right: 0px; margin-top: 0; margin-right: 20px; background-color: #000; color: #fff; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; display: none; z-index: 1; }
#carGallery					{ cursor:pointer; }
