﻿body {font-family: helvetica, arial, sans-serif;}
a{color:white;}
.pikachoose{left: 0;
    position: relative;
    top: 0;
    width: 100%;
    max-width: 620px;
    height:305px;}
.jcarousel-skin-pika,.no-carousel{right:5px;position:absolute;float:right;}
.pika-image {float: left;
    height:300px;
    left: 0;
    position: relative;
    top: 10px;
    width:510px;
  
    background-repeat:no-repeat;
    background-image:none;}

	.jcarousel-skin-pika { overflow:hidden;}	 
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 0px; left:0px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;   }

.pika-image .caption {position:relative;  font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; }
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

	.pika-imgnav a {position: absolute; text-indent: -5000px; display: block; z-index:3;}
	.pika-imgnav a.previous {  
    cursor: pointer;
    float: right;
    height: 19px;
    position: relative;
    left:auto; right:7px;
    top: -292px;
    width: 91px; 
	right: -120px; cursor:pointer;  bottom:5px; left:auto; }
   
   .pika-imgnav a.next {   height: 19px; width:91px; top: auto; cursor:pointer;  bottom:5px; left:auto; right:7px;}
	 
.pika-textnav {overflow: hidden; margin: -10px 0 0 0;}
 
	.pika-textnav a  {color: #0065B2; display:block; display: block; height:20px; position:absolute; z-index:300; left:auto; right:7px; cursor:pointer;  }
	.pika-textnav a.previous { width: 91px; top:-2px; background:url(../images/navigatorArrows.png) no-repeat 0 0}
	.pika-textnav a.next { width: 91px; background:url(../images/navigatorArrows.png) no-repeat 0 -30px; display: block; bottom:5px; }
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 100px; padding: 3px; margin: 0 2px;background-image:url('/images/Tborder.png');background-repeat:no-repeat; cursor: pointer;}

@media (max-width: 768px) {
	/* Item: exactly 1/3 width of screen, no border frame */
	.pika-thumbs li, .jcarousel-item {
		background-image: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 33.333% !important;
		height: 90px !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		border: 1px solid #e0e0e0 !important;
	}
	/* Clip div: fill the item completely, no inner border */
	.pika-thumbs li .clip, .jcarousel-item .clip {
		border: none !important;
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		position: relative !important;
		overflow: hidden !important;
	}
	/* Image: fill the clip */
	.jcarousel-item .clip img,
	.pika-thumbs li .clip img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		margin-left: 0 !important;
		display: block !important;
	}
	/* Stage: white background, image fills it completely */
	.pika-stage {
		background: white !important;
		background-image: none !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		overflow: hidden !important;
	}
	.pika-stage > img,
	.pika-aniwrap img {
		width: 100% !important;
		height: 260px !important;
		object-fit: cover !important;
		object-position: center !important;
		display: block !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}
	.pika-image {
		background: none !important;
		background-image: none !important;
		background-color: transparent !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		position: relative !important;
		top: 0 !important;
	}
	.pika-stage img,
	.pika-image img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}
	.pikachoose {
		background: none !important;
		width: 100% !important;
		height: auto !important;
		position: relative !important;
		left: 0 !important;
		overflow: hidden !important;
		max-width: 100% !important;
	}
}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 85px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;top:-4px; border:solid 3px #efefef;}
ul.no-carousel{width:200px;} 
	.pika-thumbs li .clip img { margin-left:-15px;  }
	.pika-stage { background: transparent;
    display: inline;
    float: left; height:290px;
    padding: 0;}	
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical {  top:0; right:0px; }
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 460px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  100px; margin-top:10px; height: 265px; top:10px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder { background: #fff; color: #000;}
