/* 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.scrollWrapperV
{
	position: relative;
	overflow: hidden;
	width: 140px;
	text-align: center;
	height: 550px;
	margin-left: 5px;
}

div.scrollableAreaV
{
	position: relative;
	width: 140px;
	height: auto;
}
div.scrollableAreaV img
{
	width: 120px;
}
div.scrollableAreaV div
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

div.scrollWrapperH
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 90px;
}

div.scrollableAreaH
{
	position: relative;
}

div.scrollableAreaH img
{
	height: 90px;
	margin-right: 10px;
}
div.scrollableAreaH div
{
	height: 90px;
	float: left;
}