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



/* Invisible left hotspot */

div.scrollingHotSpotLeft

{

	min-width: 0px;

	margin:0px 0 0 -10px;

	width: 5%;

	height: 60%;

	background-repeat: repeat;

	background-position: center center;

	position: absolute;

	z-index: 200;

	left: 0;

	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);				

	background-repeat: no-repeat;

	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */

	display:block!important;

}



/* Invisible right hotspot */

div.scrollingHotSpotRight

{

	min-width: 0;

	margin:0px -10px 0 0px;

	width: 5%;

	height: 60%;

	background-repeat: repeat;

	background-position: center center;

	position: absolute;

	z-index: 200;

	right: 0;

	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);

	background-repeat: no-repeat;

	zoom: 1;

	display:block!important;

}



/* 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: 90%;

	height: 100%;

	margin:0 auto;

}





div.scrollableArea

{

	position: relative;

	width: auto;

	height: 100%;

	margin:0 0px;

}







#makeMeScrollable

{

	width:100%;

	min-height: 100px;

	position: relative;



}



#makeMeScrollable div.scrollableArea *

{

	margin: 0px 28px 0 9px;

    padding: 0px;

    position: relative;

}

.scroll_gallery {

float:left;

margin:2px 0 0 0;

min-height:141px;

width:406px;

padding:0px 0 0 0;

}

.scroll_gallery ul{

	margin:0px 0 0 0px!important;

	padding:0;

	list-style:none;

	float:left;

}







.scroll_gallery ul li {

/*	background:url(../images/pro1.png) no-repeat left top;*/

	width:179px;

	height:146px;

	margin:0px;

	padding:0px;

	float:left; 
	/*background:url(../images/li_bg.jpg) left top no-repeat;*/ 

}