@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	

	#imageflow_holder {
        height:220px;
        float:left;
    }
    .imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:430px;
		padding-bottom:50px;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;

		cursor:pointer;
		visibility:hidden;
				cursor:pointer;

		-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%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		top:8px;
		text-align:center;
		z-index:10001;
		text-transform:uppercase;
		color:#282828;
	}
	.imageflow .scrollbar {
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:18px;
		background:url(screen/img/flow/scrollbar.png) repeat-x;
	}
	.imageflow .slider {
		background-image:url(screen/img/flow/sliderbg.png);
		background-repeat:no-repeat;
		height:13px;
		margin:2px 0 0 0;
		position:absolute;
		width:20px;
		z-index:10003;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;

}
	.imageflow .button {
		cursor:pointer;
		height:18px;
		position:relative;
		width:36px;
		background: url(screen/img/flow/scrollarrows.png) top left no-repeat;
	}
	.imageflow .previous {
		float:left;
		margin:0 0 0 -36px;
	}
	.imageflow .next {
		float:right;	
		background-position:-36px 0;
		margin:0 -36px 0 76px;	}
}