﻿/* Smoothscroll */

	div.scrollingHotSpotLeft {
		width: 26px;
		height: 352px;
		background-image: url("");
		background-repeat: repeat;
		background-position: center center;
		position: absolute;
		z-index: 999;
		top: 139px;
		left: 0;
		cursor: url(""),w-resize;
		border-right: 1px #fff solid;
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
	}
	
	div.scrollingHotSpotLeftVisible {
		background-image: url("");				
		background-color: #C20707;
		background-repeat: no-repeat;
		opacity: 0.95;
		-moz-opacity: 0.95;
		filter: alpha(opacity = 95);
		zoom: 1;
		z-index: 999;
	}
	
	div.scrollingHotSpotLeftVisible:hover {
		background-image: url("");				
		background-color: #aa0000;
		background-repeat: no-repeat;
		opacity: 0.95;
		-moz-opacity: 0.95;
		filter: alpha(opacity = 95);
		zoom: 1;
		z-index: 999;
	}
	
	div.scrollingHotSpotRight {
		width: 26px;
		height: 352px;
		background-image: url("");
		background-repeat: repeat;
		background-position: center center;
		position: absolute;
		z-index: 999;
		top: 139px;
		right:0;
		cursor: url(""),e-resize;
		border-left: 1px #fff solid;
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
	}
	
	div.scrollingHotSpotRightVisible {
		background-image: url("");
		background-color: #C20707;
		background-repeat: no-repeat;
		opacity: 0.95;
		filter: alpha(opacity = 95);
		-moz-opacity: 0.95;
		zoom: 1;
		z-index: 999;
	}
	
	div.scrollingHotSpotRightVisible:hover {
		background-image: url("");
		background-color: #aa0000;
		background-repeat: no-repeat;
		opacity: 0.95;
		filter: alpha(opacity = 95);
		-moz-opacity: 0.95;
		zoom: 1;
		z-index: 999;
	}
	
	div.scrollWrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	div.scrollableArea {
		position: relative;
		width: auto;
		height: 100%;
		background-color: #f1f1f1;
	}
	
	#makeMeScrollable {
		width:100%;
		height: 637px;
		position: relative;
		margin-top: 3px;
		margin-bottom: 0;
	}
	
	#makeMeScrollable div.scrollableArea img {
		position: relative;
		margin: 0;
	}
	
	#left-fade {
		background-color: #fff;
		opacity: 0.85;
		-moz-opacity: 0.85;
		filter: alpha(opacity = 85);
		height: 637px;
		width: 2000px;
		position: absolute;
		left: -2000px;
		top: 0;
		z-index: 2;
	}
	
	#right-fade {
		background-color: #fff;
		opacity: 0.85;
		-moz-opacity: 0.85;
		filter: alpha(opacity = 85);		
		height: 637px;
		width: 2000px;
		position: absolute;
		right: -2000px;
		top: 0;
		z-index: 2;
	}	
	
	.scrollingHotSpotLeft img {
		margin-left: 6px;
		margin-top: 163px;
	}
	
	.scrollingHotSpotRight img {
		margin-left: 6px;
		margin-top: 163px;
	}
	
	#makeMeScrollable .fade-container {
		width: 960px; 
		margin: 0 auto; 
		position: relative; 
		z-index: 10;
	}
	
	div.scrollableArea .image-area {
		display: block;
		float: left;
		white-space: nowrap;
		width: 1605px; 
		position: relative
	}

/* End */