div.scrollingHotSpotLeft {
	width: 30px;
	height: 100%;
	position: absolute;
	z-index: 200;
	left: 0;
	cursor: e-resize;
	background-color: #372f2b !important;
	opacity: 0;
}

div.scrollingHotSpotLeftVisible {
	background-image: url(../images/icon/arrow-nav-left.png);
    background-repeat: no-repeat;
    background-position: center;
	opacity: 0.5 !important;
	zoom: 1;
}

div.scrollingHotSpotLeftVisible:hover {
	opacity: 0.75 !important;
}

div.scrollingHotSpotRight {
	width: 30px;
	height: 100%;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor:  e-resize;
	background-color: #372f2b !important;
	opacity: 0;
}

div.scrollingHotSpotRightVisible {
	background-image: url(../images/icon/arrow-nav-right.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5 !important;
	zoom: 1;
}

div.scrollingHotSpotRightVisible:hover {
    opacity: 0.75 !important;
}

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

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	vertical-align: top;
}