.flipster {
	overflow: hidden;
	width: 100%;
	display: none;	
}

.flipster > ul {
	padding-top: 2.5%;
	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-transition: all 333ms; -moz-transition: all 333ms; transition: all 333ms;
	position: relative;
	height: 1000px;
}

.flipster li {
	display: block;
	-webkit-transition: all 333ms ease-in-out; -moz-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out;
	-webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px;
	position: absolute;
	width: 24%;
	opacity: 0.99; /* fix for strange clipping behavior on rotated elements in chrome. don't know why this works */
}

.flipster li img {
	width: 100%;
	display: block;
}

.flipster li > div {
	-webkit-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;
	background-color: #000000;
	-webkit-box-reflect: below 1px -webkit-gradient( linear, left bottom, left top, color-stop(0.05, rgba(255,255,255,0.12)), color-stop(0.2, transparent));
	width: 100%;
}

.no-transition {
	-webkit-transition: all 0ms !important;
	-moz-transition: all 0ms !important;
	transition: all 0ms !important;
}

.flipster .flipster-left > div {
	-webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg); -ms-transform: rotateY(60deg); transform: rotateY(60deg);
	opacity: 0.6;
}

.flipster .flipster-right > div{
	-webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); transform: rotateY(-60deg); -ms-transform: rotateY(-60deg);
	opacity: 0.6;
}

.flipster .flipster-current>div {
	-webkit-transform: rotateY(0deg) translate3d(0, 0, 150px); -moz-transform: rotateY(0deg) translate3d(0, 0, 150px); -ms-transform: rotateY(0deg) translate3d(0, 0, 150px); transform: rotateY(0deg) translate3d(0, 0, 150px); 
}

/* Old browser compatibility classes */
.compatibility {
	
}

.scrollbar
{
    width: 90%;
    height: 16px;
    background: url(Images/scrollbar_white.png) left center repeat-x;
    overflow: visible;
    position: relative;
    z-index: 1;
    visibility: hidden;
    margin: 10px auto 0;
}

.scrollbar .slider
{
    width: 16px;
    height: 16px;
    background: url(Images/slider_white.png) center center no-repeat;
    cursor: move;
    position: absolute;
}

* html .scrollbar .slider
{
    background-image: none;
}

* html .scrollbar .slider .virtualSlider
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/slider_white.png');
    height: 100%;
}

.scrollbar .slider .position
{
    top: 100%;
    font-size: 16px;
    font-weight: 700;
    color: silver;
    position: absolute;
    text-align: center;
}

.globalCaption
{
    text-align: center;
    font-weight: 700;
    color: #FFF;
    font-size: 14px;
    height: 20px;
    position: relative;
    z-index: 1;
    margin: 2em auto;
}