/* FUNCTIONAL CSS */
	.slider.active  {
		text-align: center;
		_zoom: 0; /* IE 6 */
	}
	.slider.active .contents {
		overflow: hidden;
		text-align: left;
		margin: 0 auto;
		_zoom: 0;
	}
	
	.slider.active .viewport {
		position: relative;
		overflow: hidden;
		float: left;
		_zoom: 1;
	}
	
	.slider.active .sliding-tray {
		position: relative;
		width: 9999px; /* WIDE LOAD! */
		top: 0;
		left: 0;
		_zoom: 1;
	}
	
	.compact.slider .slider-control,
	.compact.slider .section {
		float: left;
		position: relative;
		_zoom: 1;
	}

/* BASIC UI STYLES */
	.compact.slider .slider-control {
		display: block;
		width: 2em;
		height: 4em;
		margin: 0;
		padding: 0;
		background-color: #eee;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.compact.slider .slider-control span {
		display: block;
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	
	
	.slider.active .prev-panel {
		background-image: url(images/prev-black.png);
	}
	.slider.active .next-panel {
		background-image: url(images/next-black.png);
	}
	
	.compact.slider .slider-control:hover,
	.compact.slider .slider-control:focus {
		background-color: #ef9;
		outline: none;
	}
	
	.slider.active .prev-disabled {
		background-image: url(images/prev-white.png);
	}
	.slider.active .next-disabled {
		background-image: url(images/next-white.png);
	}
	
	.compact.slider .slider-control.disabled:hover,
	.compact.slider .slider-control.disabled:focus {
		background-color: #eee;
		cursor: default;
		outline: none;
	}


/* Basic prettys */
	.compact.slider .section {
		/*width: 8.6em;*/
		width: 8.6em;
		overflow: hidden;
		padding: 0 0 .5em 0;	
		background: #efefef;
		margin: .3em;
		text-align: center;
	}
	
	.compact.slider a img {
		margin: 0 auto;
		border: 2px solid #efefef;
	} .compact.slider a:hover img {
		border: 2px solid #ccc;
	}
	
	.compact.slider .section ul {
		margin: 0;
		padding: 0 0 0 1.5em;
		text-align: left;
		height: 9.5em;
	}