/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 570px;
	height:140px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

a.arrowleftbtn {zIndex:2000; cursor: pointer; background:url(images/scroller/arrow_left.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-left: 3px;  margin-top: 20px  }
a.arrowleftbtn:hover, a.arrowrightbtn:hover {background-position: 0px -58px; }

a.arrowleftrelbtn {background:url(images/scroller/arrow_leftrel.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-left: 3px;  margin-top: 20px  }
a.arrowleftrelbtn:hover, a.arrowrightrelbtn:hover {background-position: 0px -58px; }

a.arrowrightbtn {cursor: pointer; background:url(images/scroller/arrow_right.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-right: 3px;  margin-top: 20px }
a.arrowrightrelbtn {background:url(images/scroller/arrow_rightrel.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-right: 3px;  margin-top: 20px }

div.alsointerestedinproduct {float:left; width: 140px; margin: 10px 5px 10px 5px; padding: 0px 5px 10px 5px;}
div.alsointerestedinproduct_descrip {float:left; width: 125px;font-size: 100%; line-height: 116%; margin-left: 5px; }
div.alsointerestedinproduct_price {color:#cc0000; margin-top: 10px; font-size: 123%; font-weight: bold}