.jcarousel-skin-pika .jcarousel-container-horizontal { overflow:hidden; width: 890px; height:137px; background:url(/UI/Scripts/PhotoSlider/images/bgPreview.png) left top no-repeat;margin:0 auto; padding-top:34px}

.pikachoose {width:960px; margin:0 auto; position:relative}
.pikachoose li {background:none !important;}
/* Style the thumbnails */
.pika-thumbs{ padding:0 16px; }
.pika-thumbs li{ width:136px; height:97px; overflow:hidden;
		float:left; list-style-type:none; padding:2px !important; margin:0 18px !important; background:#fafafa; border:1px solid #d3d3d3 !important; cursor:pointer;}
	.pika-thumbs li:last {margin:0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align:center; vertical-align:middle; overflow:hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage {width:600px; margin:0 auto; position:relative; background:#d3d3d3; border:10px solid #f4f5f6; padding:0 0 20px 0; text-align:center; height:450px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.pika-stage img{height:100%; width:100%}
.pika-stage .caption {position:absolute; background:#565656; background:rgba(0,0,0,0.7); font-size:11px; color:#fafafa; padding:0 10px; height:20px; line-height:20px; text-align:left; left:0; bottom:0; width:580px}
	.pika-stage .caption p {padding:0; margin:0; line-height:20px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position:absolute; text-indent:-5000px; display:block;z-index:3;}
	.pika-imgnav a.pika-previous {background:url(/UI/Scripts/PhotoSlider/images/prev.png) no-repeat left 45%; height:100%; width:33px; top:10px; left:-33px;cursor:pointer;}	
	.pika-imgnav a.pika-next {background:url(/UI/Scripts/PhotoSlider/images/next.png) no-repeat left 45%; height:100%; width:33px; top:10px; right:-33px;cursor:pointer;}
	.pika-imgnav a.pika-previous:hover, .pika-imgnav a.pika-next:hover {background-position:right 45%}
/* The previous and next textual buttons */
.pika-textnav {width:960px; margin:0 auto; overflow:hidden; bottom:24px; position:absolute;}
.pika-textnav a {font-size:12px; text-decoration:none; color:#333; cursor:pointer }
.pika-textnav a.pika-previous {float:left; width:30px; height:123px; display:block; background:url(/UI/Scripts/PhotoSlider/images/prevTrumbs.png) left top no-repeat}
.pika-textnav a.pika-next {float:right; width:30px; height:123px; display:block; background:url(/UI/Scripts/PhotoSlider/images/nextTrumbs.png) left top no-repeat}
.pika-textnav a.pika-previous:hover, .pika-textnav a.pika-next:hover {background-position:right top}

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

.pika-counter {
	position:absolute;bottom:45px;left:15px;color:white;
	background:#000000;
	background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius:5px;border-radius:5px;
}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:#000; background-color:rgba(0,0,0,0.9); color:white;  font-size:11px; padding:5px 5px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:right; position:absolute; top:15px; right:15px; }

.pikachoosemin {width:450px;}
.pikachoosemin .pika-stage {width:400px; height:300px; }
.pikachoosemin .pika-textnav  {width:450px;}
.pikachoosemin  .jcarousel-skin-pika .jcarousel-container-horizontal { width: 400px; height:95px; background:url(/UI/Scripts/PhotoSlider/images/bgPreviewMin.png) left top no-repeat;}
.pikachoosemin .pika-thumbs li { width: 75px; height: 56px; margin:0 9px !important;}
.pikachoosemin .pika-textnav a.pika-previous {height:83px; background:url(/UI/Scripts/PhotoSlider/images/prevTrumbsMin.png) left top no-repeat}
.pikachoosemin .pika-textnav a.pika-next {height:83px; background:url(/UI/Scripts/PhotoSlider/images/nextTrumbsMin.png) left top no-repeat}