/* Just for the example. Fee free to delete these three lines */
.pikachoose {width: 463px; margin: 0 auto;direction:ltr;
margin-left:1px;


}


/* Style the thumbnails */
     .pika-thumbs { 
     padding: 0 16px;
     height: 75px;
}


     .pika-thumbs li:hover {
    background-color: none !important;
   
}

     .pika-thumbs li{
          width: 86px;
          height:71px !important;
          margin: 10px 0 0 17px;
          padding: 0;
          overflow: hidden;
	      float: left;
          list-style-type: none;
          padding: 2px;
          margin: 0 0px;
          /*background: #fafafa;
          border: 1px solid #e5e5e5;*/
          cursor: pointer;
     }

     
     .pika-thumbs li .clip {
          position:relative;
          height:100%;
          text-align: center;
          vertical-align: middle;
          overflow: hidden;
          border: solid 1px #f1f0f0;
     }


     .pika-thumbs li .clip img {
	     width:84px !important;
	     height:71px;
         opacity: 1 !important;
}

	
/* The stage is the wrapper. The image fills 100% the height of the stage */
     .pika-stage, .pika-textnav {width: 99%; }


     .pika-stage {
          position: relative;
         /* background: #fafafa;
          border: 1px solid #e5e5e5;*/
          padding: 2px 2px;
          text-align:center;
          height:370px;
     }


     .pika-stage img {
          height:100%;
          width: 100%;
          border: solid 1px #f1f0f0;
          
     }


     .pika-stage .caption {
          position: absolute;
          background: #000;
          background: rgba(0,0,0,0.75);
          border: 1px solid #141414;
          font-size: 11px; 
		  color: #fafafa;
          padding: 10px;
          text-align: right;
          bottom: 50px;
          right: 10px;
     }

            
	.pika-stage .caption p {
         padding: 0;
         margin: 0;
         line-height: 14px;
    }

    

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {
     position: absolute;
     text-indent: -5000px;
     display: block;z-index:3;
}


	.pika-imgnav a.previous {
         background: url(../images/gallery_left_arrow.png) no-repeat left 45%;
         height: 100%;
         width: 63px;
         top: 10px;
         left: 10px;
         cursor:pointer;
    }

	.pika-imgnav a.next {
         background: url(../images/gallery_right_arrow.png) no-repeat right 45%;
         height: 100%;
         width: 63px;
         top: 10px;
         right: 10px;
         cursor:pointer;
    }

	.pika-imgnav a.play {
         background: url(play.png) no-repeat 0% 50%;
         height: 100px;
         width: 44px;top:0;left:50%;display: none;cursor:pointer;}

	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}


/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;display: none;}

.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}

	.pika-textnav a.previous {float: left; width: auto; display: block;}

	.pika-textnav a.next {float: right; width: auto; display: block;}


/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}

.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;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:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

    
    
.jcarousel-skin-pika .jcarousel-container-horizontal { 
     padding: 11px 0;
     overflow:hidden;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 640px;}

.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 13px;}

