.pikachoose{
	clear:left;
	float:left;
    width:auto;
    margin:0 auto;
    display: block;
	border:1px solid #dedede;
	position: relative;
}

/* This is the ul you have all your images in */
.pikachoose ul{
	clear:left;
	margin-left:2px;
	padding:0;
	float:left;
	text-align:center;
    list-style:none;
	display:block;
	/*opacity: 0;*/

}
.pikachoose ul li{
	display:block;
    float:left;
    padding:2px;
	margin:2px;
    border:1px solid #dedede;
	background:none;
    
}
.pikachoose ul li img{
    display: none;
}

.pikachoose ul li div img{
	position:relative;
	cursor:pointer;
}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
	display:block;
	position:relative; 
	padding-bottom: 5px;
}
/*since we give it the fake border, you need to position the image a little. */

.pika_main_img{
	position:relative;
	z-index: 1;
/*	top:2px;
	left:2px;*/
}
.pika_subdiv a{
	position:relative;
}

.pika_back_img{
	position:absolute;
	z-index: 0;
}

.pika_subdiv{
	position:relative;
	z-index: 0;
	text-align:center;
}

.pika_subdiv img, .pika_subdiv a img{
	border:none;
}

.pika_caption{
	width:100%;
	height:25px;
	padding-top:5px;
	text-align:center;
	position:absolute;
	bottom:5px;
	left:0;
	background:url('/tpl/img/gallery/white.png') top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);

}

.pika_caption{
	color:#333;
}

.pika_play{
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-25px;
	width:50px;
	top:5px;
}

.pika_play a.pika_play_button{
	position:relative;
	margin-left:auto;
	cursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('/tpl/img/gallery/play.png') bottom center no-repeat;
}

.pika_play a.pika_stop_button{
	position:relative;
	margin-left:auto;
	cursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('/tpl/img/gallery/pause.png') bottom center no-repeat;
}

.pika_navigation a {
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

.pika_navigation a:hover{
	text-decoration: underline;
}

.pika_navigation{
	padding-top:10px;
	clear:both;
	text-align:center;
	margin-bottom: 10px;
}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
	position:absolute;
	top:5px;
	left:5px;
/*	height:456px;
	width:100px;*/
	height:1px;
	width:1px;
	background:url('/tpl/img/gallery/rewind.png') bottom left no-repeat;
}

.pika_next_hover{
	position:absolute;
	top:5px;
	right:5px;
/*	height:456px;
	width:100px;*/
	height:1px;
	width:1px;
	background:url('/tpl/img/gallery/fastf.png') bottom right no-repeat;
}