/*  PikaChooser: container */
.product-pika {
  width:590px;
  position:relative;
}

/* PikaChooser: list of product images */
.product-pika ul {
  padding: 20px 0 20px 6px;
  width:110px;
  margin:0;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
}
.product-pika ul li {
  float:left;
  padding:10px 0px 10px 0px;
  background:#FFFFFF;
  margin:0;
  position:relative;
  overflow:hidden;
  border-bottom:1px dashed #333333;
}

/* PikaChooser: border around individual list images */
.product-pika ul li div {
  border:1px solid #333333;
}
.product-pika ul li div img {
  position:relative;
  cursor:pointer;
}

/*  PikaChooser: container for the whole image gallery */
.pika_main {
  width:590px;
  /*height:600px;*/
  display:block;
  position:relative;
  overflow:hidden;
}

/* PikaChooser: full size image styles */
.pika_main_img {
  position:absolute;
  top:2px;
  left:0px;
}
.pika_back_img {
  position:relative;
  top:0px;
}

/* PikaChooser: full size image container */
.pika_subdiv {
  position:relative;
  /*border:1px solid #555555;*/
  background:#FFFFFF;
  padding:2px 2px 2px 0;
  width:470px;
  margin:0px 0px 0px 116px;
}
.pika_subdiv img, .pika_subdiv a img {
  border:none;
}
.pika_caption {
  font-size:10px;
  width:400px;
  height:16px;
  padding-top:4px;
  text-align:center;
  position:absolute;
  top:50px;
  left:30px;
  background:url('/lib/jquery/images/black.png') top left;
  margin-left:125px;
  color:#FFFFFF;
}
.pika_caption a {
  color:white;
}

/******************************
     PIKACHOOSER (a jQuery plugin)
******************************/
/* PikaChooser: navigation: play, nav, prev, next */
.pika_play {
  position:absolute;
  z-index:1;
  left:50%;
  margin-left:-25px;
  width:50px;
  top:5px;
}
.pika_play a {
  position:relative;
  margin-left:auto;
  cursor:pointer;
  display: block;
  width:50px;
  height:50px;
  background:url('/lib/jquery/imagesplay.png') top center no-repeat;
}
.pika_play a {
  position:relative;
  margin-left:auto;
  cursor:pointer;
  display: block;
  width:50px;
  height:50px;
  background:url('/lib/jquery/imagespause.png') top center no-repeat;
}
.pika_navigation a {
  font-size: 12px;
  text-decoration: none;
}
.pika_navigation a:hover{
  text-decoration: underline;
}
.pika_navigation{
  padding-top:10px;
  clear:both;
  text-align:center;
}

/* PikaChooser: if you want to 'hide' these just make their height and width 1px */
.pika_prev_hover{
  position:absolute;
  top:5px;
  left:5px;
  height:456px;
  width:100px;
  background:url('/lib/jquery/imagesrewind.png') top left no-repeat;
}
.pika_next_hover{
  position:absolute;
  top:5px;
  right:5px;
  height:456px;
  width:100px;
  background:url('/lib/jquery/imagesfastf.png') top right no-repeat;
}