﻿.pikachoose {margin: 0 auto; position:relative;}

/* Style the thumbnails */
.pika-thumbs{position: absolute;top:0px;right:0px;}
.pika-thumbs li{ overflow: hidden; float: left; cursor: pointer; margin-bottom:7px; width:105px; height:62px;}
.pika-thumbs li img{width:94px !important; height:65px; float:right;}
.pika-thumbs li .clip {position:relative;height:100%; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {}
.pika-stage {position: relative; }
.pika-stage .caption {width:435px; height:22px; background:rgba(0,0,0,0.5); position:absolute; color:#ffffff; left:0px; bottom:0px; text-align: center; line-height: 22px;}
.pika-stage .caption p {line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute;  display: block;z-index:3;}
.pika-imgnav a.previous {display:none;}
.pika-imgnav a.next {display:none;}
.pika-imgnav a.play {display:none;}
.pika-imgnav a.pause{display:none;}

/* The previous and next textual buttons */
.pika-textnav {display:none;}
.pika-textnav a {display: none;}

/*for the tool tips*/
.pika-tooltip{position:absolute;color:white; background-color: rgba(0,0,0,0.7);}
.pika-counter{display:none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ text-align:right; position:absolute; top:0px; right:0px; }
/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
#pikame{width:105px;}
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0;right:0;}
.jcarousel-skin-pika .jcarousel-container-vertical { height:270px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { }
.jcarousel-skin-pika .jcarousel-item-vertical { }
.active{background-image:url(active.png);}