.jcarousel-skin-conjure .jcarousel-container {
}

body.work.index .scroller {
  position: relative;
  left: 12px;
  width: 879px;
  height: 1px;
  border-top: 1px solid #522F6F;
}

body.work.index .scroller #scroller-position {
  position: relative;
  top: -1px;
  left: 0;
  /* this is 879 divided by number of pages (which is work items - 3) */
  width: 175px;
  height: 1px;
  background: #EEE;
}

.jcarousel-skin-conjure .jcarousel-clip-horizontal {
  width:  904px;
}

.jcarousel-skin-conjure .jcarousel-item {
  width: 207px;
  height: 375px; /* + 25px = height of body.work.index #content = 400*/
  margin-right: 25px;
  margin-top: 25px;
  position: relative;
}

.jcarousel-skin-conjure .jcarousel-item a.image-container {
  width: 207px;
  height: 207px;
  background: url(/assets/images/frame.png) no-repeat;
  margin-bottom: 10px;
  display: block;
}

.jcarousel-skin-conjure .jcarousel-item a.image-container img {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 197px;
  height: 197px;
  background-color: #333;
}

.jcarousel-skin-conjure .jcarousel-item a.image-container img.bw { z-index: 10; }
.jcarousel-skin-conjure .jcarousel-item a.image-container img.colour { z-index: 0; }

.jcarousel-skin-conjure .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}
 
.jcarousel-skin-conjure .jcarousel-next-horizontal,
.jcarousel-skin-conjure .jcarousel-prev-horizontal {
  background: transparent url(/assets/images/icon_arrow.png) no-repeat 0 0;
  position: absolute;
  width: 15px;
  height: 16px;
  top: -9px;
  cursor: pointer;
}
 
.jcarousel-skin-conjure .jcarousel-next-horizontal {
  background-position: -75px 0;
  right: -3px;
}

.jcarousel-skin-conjure .jcarousel-next-horizontal:hover {
  background-position: -60px 0;
}

.jcarousel-skin-conjure .jcarousel-next-horizontal:active {
/*  background-position: -64px 0;*/
}

.jcarousel-skin-conjure .jcarousel-next-disabled-horizontal,
.jcarousel-skin-conjure .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-conjure .jcarousel-next-disabled-horizontal:active {
  background-position: -45px 0;
  cursor: default;
}

.jcarousel-skin-conjure .jcarousel-prev-horizontal {
  background-position:  0 0;
  left: -3px;
}

.jcarousel-skin-conjure .jcarousel-prev-horizontal:hover {
  background-position: -15px 0;
}

.jcarousel-skin-conjure .jcarousel-prev-horizontal:active {
/*  background-position: -64px 0;*/
}

.jcarousel-skin-conjure .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-conjure .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-conjure .jcarousel-prev-disabled-horizontal:active {
  background-position: -30px 0;
  cursor: default;
}