/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:660px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}

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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 665px;
	height: 120px;
	margin-bottom: 40px;
	background: url("h300.png") repeat-x scroll 0 0 transparent;
}


.scrollable img {
  margin: 20px 7px 17px 19px;
  width: 75px;
  height: 75px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set 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 single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}


a.browse {
    background: url("hori_large.png") no-repeat scroll 0 0 transparent;
}
a.right {
  background-position: 0 -30px;
}