/*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: 90px; height:55px;}
.pikachoose{width:100%; position:relative;box-sizing: content-box;}
#pikame{width: 150px;box-sizing: content-box;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;box-sizing: content-box;}
	.pika-thumbs li { margin: 5px 5px;}

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


.pika-stage {
	box-sizing: content-box;
	height: 400px;
	padding: 10px;
}

.pika-textnav {
	display: none;
}

@media (max-width: 727px) {
	.jcarousel-skin-pika{
		display: none;
	}
}

@media (max-width: 600px) {
	.pika-stage {
		width: auto;
		height: 300px;
	}
}