div.scrollingHotSpotLeft
{
	
	min-width:42px;
	width: 5%;
	height:42px;
	
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 900;
	top:40%;
	left:-50px;
	
	/*cursor: url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;*/
	cursor:pointer;
}


div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.png);				
	background-repeat: no-repeat;
	
	zoom: 1; 
	
}


div.scrollingHotSpotRight
{
	min-width: 42px;
	width: 5%;
	height:42px;
	background-image:url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 900;
	right:-50px;
	top:40%;
	/*cursor: url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;*/
	cursor:pointer;
}


div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.png);
	background-repeat: no-repeat;

	
	zoom: 1;
}


div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}