@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.caption {
		margin-top: -22px;
		margin-left: 145px;
		z-index:10001;
		float: left;
		color: #232323;
		width: 400px;
		position: relative;
	}
	.caption h3{
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 2px;
	}
	.caption p{
		margin: 0;
		padding: 0;
		font-size: 10px;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #b3b3b3;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background-image:url(slider.png);
		background-repeat:no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.buttons {
		margin-top: -23px;
		margin-right: 18px;
		float: right;
	}
	.buttons .button {
		cursor:pointer;
		height:22px;
		position:relative;
		width:22px;
		float: left;
		z-index: 10004;
	}
	.buttons .previous {
		background: url(left-button.png) top left no-repeat;
		margin-right: 8px;
	}
	.buttons .next {
		background: url(right-button.png) top left no-repeat;
	}
}