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

  /* required settings */
  position:relative;
  overflow:hidden;
  height:473px;
}

/*
  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 */
  height:20000em;
  position:absolute;
  width:100%;
}

/* Add CSS Rules Here */

#scrollable_controls
{
  position:relative;
}

#scrollable_controls a
{
  position:absolute;
  cursor:pointer;
  font-size:3em;
  font-weight:bold;
}

#scrollable_controls a span {
  display: none; 
}

#scrollable_controls .prev
{
  background: url(/resources/dyn/files/351462zf3304939/_fn/arrow_up.jpg) no-repeat top left;
  right:-30px;
  top:32px;
  height: 27px;
  width: 28px;
}

#scrollable_controls .next
{
  background: url(/resources/dyn/files/351469z64e290b1/_fn/arrow_down.jpg) no-repeat top left;
  right:-30px;
  top:420px;
  font-size:2.6em;
  height: 27px;
  width: 28px;
}

#scrollable_controls .disabled
{
  color:#ccc;
  cursor:default;
}