/*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: 144px !important; height:74px !important;}
.pika-stage {height: 450px !important; background-color: #e8e8e8;}


div.pikachoose {margin: 0 auto !important; margin-top: 10px !important;}
div.pika-stage {position: relative !important; text-align: center; padding-top: 8px !important; padding-bottom: 8px !important;}

/*if you change the padding on pika-stage you must adjust the top left of this to match! */
div.pika-stage div.main-image {position: absolute !important; top: 0px; left: 0px !important;padding-top: 8px !important; padding-bottom: 8px !important;}
div.pika-stage div.pika-aniwrap{position: absolute !important; top: 0px !important; left: 0px !important;padding-top: 8px !important; padding-bottom: 8px !important;}
div.pika-stage div.pika-ani {position:relative !important;display: none !important;z-index:2 !important;margin:0 auto !important;}
div.pika-stage img { border:0 !important; margin-left: 10px !important; }

div.pika-imgnav a {position: absolute !important; text-indent: -5000px !important; display: block !important;z-index:3 !important;cursor:pointer !important;}
div.pika-imgnav a.previous {width:20px !important;height:20px !important;border-left: 5px solid #FFF !important;border-top: 5px solid #FFF !important;opacity:0 !important;-webkit-transition: opacity 300ms linear;
                            -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45% !important;left:10px !important;}
div.pika-imgnav a.next {width:20px !important;height:20px !important;border-right: 5px solid #FFF !important;border-top: 5px solid #FFF !important;opacity:0 !important;-webkit-transition: opacity 300ms linear;
                        -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45% !important;right:10px !important;}
div.pika-imgnav a:hover{opacity:.6 !important;-webkit-transition: opacity 300ms linear;}

div.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
                         -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:22px;left:46.5%;display:none;}
div.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:20px;left:47%;}

div.pika-textnav {display:none;}

ul.pika-thumbs {margin: 10px 0 0 0 !important; padding: 0 !important;}
ul.pika-thumbs li {float: left !important; list-style-type: none !important;margin: 0 5px !important; cursor: pointer !important; }

ul.pika-thumbs li:last {margin: 0 !important;}
ul.pika-thumbs li .clip {position:relative !important;height:100% !important;text-align: center !important; vertical-align: center !important; overflow: hidden !important;}

/*for the tool tips*/
/*div.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}*/
span.pika-counter{position: absolute !important;bottom: 15px !important;left:15px !important;color:white !important;background:rgba(0,0,0,0.7) !important;font-size:11px !important;padding:3px !important;-moz-border-radius: 5px !important;border-radius:5px !important;}


/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
div.jcarousel-skin-pika div.jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
div.jcarousel-skin-pika div.jcarousel-clip-horizontal {height: 90px; width: 485px;}
div.jcarousel-skin-pika div.jcarousel-item-horizontal { margin-right: 10px; }