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


/* 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
{
	overflow: hidden;
	height: 90px;
}

div.scrollableArea
{

}
#sliding-gallery
	{
		width:100%;
		position: relative;
	}

	#sliding-gallery div.scrollableArea img
	{
		position: relative;
		float: left;
		margin: 0;
		width: auto;
		height: 90px;
		padding: 0 30px;
		/* If you don't want the images in the scroller to be selectable, try the following
		   block of code. It's just a nice feature that prevent the images from
		   accidentally becoming selected/inverted when the user interacts with the scroller. */
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}