/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
@import url('base.css');

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 175px; height:142px;  margin: 5px 0px 0px 5px;}
.pikachoose{width:680px; position:relative;}
#pikame{width: 180px;}


/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:-5px;right:0px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 180px;height: 380px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  180px; height: 380px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom: 0px;}

/* Thumb controls */
#photos-scroller .thumb-controls { position: absolute; right: 0px; z-index: 99; width: 180px; height: 32px; }
#photos-scroller #prev{top: -18px; background: url(prev-vertical.png) no-repeat bottom center; cursor:pointer;}
#photos-scroller #prev:hover{background: url(prev-vertical.png) no-repeat top center}
#photos-scroller #next{bottom: -20px; background: url(next-vertical.png) no-repeat bottom center; cursor:pointer}
#photos-scroller #next:hover{background: url(next-vertical.png) no-repeat top center;}