@import url('base.css');


/* Make the thubms tile on the left */

.pikachoose {width: 656px; margin: 0 auto;position:relative;}
.pika-stage {position: absolute;left:250px;}
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-vertical { width: 105px;height: 291px; padding: 0 20px 0 0; overflow:hidden; margin-top:20px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  125px; height: 230px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-top: 10px;}
.pika-thumbs li {
    background: none repeat scroll 0 0 #E01837;
    border: 1px solid #E5E5E5;
    cursor: pointer;
    float: left;
    height: 74px;
    list-style-type: none;
    margin: 0 5px;
    overflow: hidden;
    /*padding: 3px;*/
    width: 144px;
}
.pika-thumbs li{width: 90px; height:55px; margin: 5px 5px;}
.pika-thumbs li .clip {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.pika-thumbs li .clip {
    text-align: center;
}
.pika-imgnav a.previous {
    background: url("prev.png") no-repeat scroll left 45% transparent;
    cursor: pointer;
    height: 15%;
    left: -37px;
    top: 141px;
    width: 30px;
}
.pika-imgnav a.previous:hover {
    background: url("prev.png") no-repeat scroll right 45% transparent;
}
.pika-imgnav a.next {
    background: url("next.png") no-repeat scroll right 45% transparent;
    cursor: pointer;
    height: 15%;
    right: -38px;
    top: 141px;
    width: 30px;
}
.pika-imgnav a.next:hover {
    background: url("next.png") no-repeat scroll left 45% transparent;
}
.pika-imgnav a {
    display: block;
    position: absolute;
    text-indent: -5000px;
    z-index: 3;
}
.pika-stage .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border: 1px solid #141414;
    bottom: -99px;
    color: #FAFAFA;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    left: 0;
    text-align: left;
    line-height:16px;
}
.pika-stage .caption strong{
	color:#A6A8AB;
	font-weight:normal;
	}
.pika-stage img {
    height: 100%;
}
.pika-textnav a.previous {
    display: none;
    float: left;
    width: auto;
}
.pika-textnav a.next {
    display: none;
    float: right;
    width: auto;
}
.pika-textnav a {
    color: #333333;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
}
.pika-stage {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E5E5E5;
    height: 325px;
   /* padding: 10px 10px 40px;*/
    position: relative;
    text-align: center;
}
.pika-stage {
    left: 145px;
    position: absolute;
}
.pika-counter {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-radius: 5px 5px 5px 5px;
    bottom: 45px;
    color: white;
    font-size: 11px;
    left: 15px;
    padding: 3px;
    position: absolute;
    display:none;
}
.pika-textnav {
    bottom: 10px;
    margin: 10px 0 0;
    overflow: hidden;
    position: absolute;
}
.pika-stage, .pika-textnav {
    width: 488px;
}