/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 10;
	left: -23px;
	top:13px;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/left-arrow.png);		
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	background-position: center center;
	position: absolute;
	z-index: 10;
	right: -23px;
	top:13px;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image:url(../images/right-arrow.png);
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 732px;
	height: 110px;
}

div.scrollableArea
{
	position: relative;
	/*width: 785px !important ;*/
	height: 100%;
}
div.scrollableArea img{
	border:4px solid #fff;
}
div.scrollableArea a img.activethumb{
	border:4px solid #55b7f6 !important;
}
#container{
	position:relative;
}
.beforetxt{
	position:absolute;
	top:-5px;
	left:10px;
	z-index:30;
	font-weight:bold;
	color:#fff;
}
.aftertxt{
	position:absolute;
	top:-5px;
	right:10px;
	z-index:6;
	font-weight:bold;
	color:#fff;
}