/*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: 64px; height:auto;}
.pikachoose{width:320px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 0px 0 0 0px; width:320px;position: relative;/*float:left;*/top: 0px;right: 0px;}
	.pika-thumbs li { margin: 0px 0px;}

@media only screen and (min-width: 470px) {
.pika-thumbs li{width: 20%; height:auto;}
.pikachoose{width:453px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 0px 0 0 0px; width:453px;position: relative;/*float:left;*/top: 0px;right: 0px;}
	.pika-thumbs li { margin: 0px 0px;}
}
@media only screen and (min-width: 768px) {
.pika-thumbs li{width: 33.33%; height:auto;}
.pikachoose{width:732px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 0px 0 0 0px; width:220px;position: relative;float:left;top: 0px;right: 0px;}
	.pika-thumbs li { margin: 0px 0px;}
}

@media only screen and (min-width: 1049px) {
.pika-thumbs li{width: 103px; height:auto;}
.pikachoose{width:1029px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 0px 0 0 0px; width:309px;position: relative;float:left;top: 0px;right: 0px;}
	.pika-thumbs li { margin: 0px 0px;}
}

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