@charset "utf-8";

#scroller {

  /* required settings */
  position:relative;
  overflow:hidden;
  width:505px;
  _width:484px;
  height:195px;

  /* custom decorations */
}
.2011_ #scroller {
  width:505px  !important;
  _width:484px !important;
  height:195px !important;
}

#scroller .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

/* single scrollable item */
#scroller img {
  float:left;
  margin:20px 5px 20px 21px;
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  cursor:pointer;
  width:70px;
  height:120px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
#contents #scroller img {
  width:90px !important;
  height:150px !important;
}

/* active item */
#scroller .active {
  border:2px solid #000;
  z-index:9999;
  position:relative;
}

/* this makes it possible to add next button beside scrollable */
#scroller {
  float:left;  
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background:url(../images/collections.viewer/arrow/hori_large.png) no-repeat;
  display:block;
  width:30px;
  height:30px;
  float:left;
  margin:40px 10px;
  cursor:pointer;
  font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 


/* left */
a.left  { margin-left: 0px; } 
a.left:hover  { background-position:-30px 0; }
a.left:active   { background-position:-60px 0; }

/* up and down */
a.up, a.down { 
  background:url(../images/collections.viewer/arrow/vert_large.png) no-repeat; 
  float: none;
  margin: 10px 50px;
}

/* up */
a.up:hover  { background-position:-30px 0; }
a.up:active  { background-position:-60px 0; }

/* down */
a.down   { background-position: 0 -30px; }
a.down:hover  { background-position:-30px -30px; }
a.down:active   { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
  visibility:hidden !important; 
}   

/* position and dimensions of the navigator */
.navi {
  width:182px;
  height:20px;
}


/* items inside navigator */
.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url(../images/collections.viewer/arrow/navigator.png) 0 0 no-repeat;
  display:block;
  font-size:1px;
}

/* mouseover state */
.navi a:hover {
  background-position:0 -8px; 
}

/* active state (current page state) */
.navi a.active {
  background-position:0 -16px; 
}

/**
 * image_wrap
 */
#image_wrap {
  width:100%;
  position:relative;
  text-align:center;
}
#image_wrap img{
}
#image_wrap .jqzoom{
}
#image_wrap .first{
  z-index:10;
}
#image_wrap .jqzoom {
  z-index:20;
  float:left;
  display:block;
}
#image_wrap .last{
  z-index:20;
}