Current File : /home/karenpetzb/www/js/gallery/styles/right.css

/*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: 100px; height:100px;}
.pika-thumbs li .clip{width: 90px; height:90px;}

.pika-thumbs li .clip img {
	max-width: 90px;
	max-height: 90px;
	height: auto;
}
.pika-stage img {
	max-height: 400px;
	max-width: 400px;
	height: auto;
	}
	
	
	.pika-stage,
	.pika-thumbs li,
	.pika-thumbs li .clip {
	background-color: #fff;
	}
	.pika-stage,
	.pika-thumbs li .clip {
	display: table-cell;
	vertical-align: middle;
}

.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}
.pika-thumbs li { margin: 5px 5px;}

.pika-textnav, .pika-imgnav {display:none;}
.pika-stage {
	height: 415px;
	width: 415px;
	padding: 5px;
}
	
#pikame{width: 110px;}
.pikachoose{width:525px; position:relative;}
/* 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 { width: 110px;height: 420px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  110px; height: 420px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-top: 0;}