@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
	
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
		height:300px;
		color:#000000;
	}
	.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;color:#dadadc;
		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:#bbb;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{width:100%;
		z-index:10000;
	}
	.imageflow .caption {font-size:16px;
		font-weight:bold;color:#FFF;
		position:relative; 
		text-align:center;
		z-index:10001;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #000000;
		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;
	}
	.imageflow .button {
		cursor:pointer;
		height:18px;
		position:relative;
		width:18px;
	}
	.imageflow .previous:hover {
		background: url(pleft-p.png) top left no-repeat;
		float:left;
		margin: 30px -60px 20px 200px;
	}
	.imageflow .next:hover {
		background: url(pright-p.png) top right no-repeat;
		float:right;	
		margin:30px -60px 200px 0px;
	}
	.imageflow .previous {
		background: url(pleft-p.png) top right no-repeat;
		float:right;
		margin: 10px 10px 20px -90px;
	}
	.imageflow .next {
		background: url(pright-p.png) top left no-repeat;
		float:right;	
		margin:10px -20px -30px 0px;
	}
}