/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
 
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1050px;
	height: 222px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div { float:left; width: 1050px;  }

/* active item */
.scrollable .active { border:2px solid #000; cursor:default; }

a.browse {
	display:block;
	width: 18px;
	height: 21px;
	cursor:pointer;
	z-index: 3000;
	position: absolute; 
	margin-top: 100px; margin-left: 15px;
}

/* right */
a.left { background-image: url('../imgs/forward_2.png'); clear:right; margin-left: 1017px; }

/* left */
a.right	{ background-image: url('../imgs/back_2.png'); } 

/* disabled navigational button */
a.disabled { cursor: default; }