/*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: 45px; height:45px;}
.pika-stage {width: 350px;}

body{font-family:Helvetica, sans-serif;}
a{color:white;}
.pikachoose {width: 350px; margin: 0 auto;}
.pika-stage {position: relative; margin: 0px 0 0 0; border: 1px solid #e5e5e5; padding: 5px 5px 5px 5px;text-align:center;height:320px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 5px; left: 5px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 5px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}
	
.pika-thumbs {float: center;margin: 2px 0 0 2px; padding: 0; overflow: hidden;}
.pika-thumbs li {float: center; list-style-type: none;padding: 1px; margin: 0 1px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}

		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal {float: center; padding: 1px 1px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 50px; width: 350px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 2px;}