.pikachoose{
	width:270px;
	margin:0 auto 50px auto;
	padding: 0px 10px 0px 0px;
}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:270px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:none;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.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{width:270px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;border:none;width:260px;display:inline;}
.pika_subdiv{position:relative;border:none;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:4px;}
.pika_caption{width:270px;height:16px;padding-top:4px;text-align:center;position:absolute;z-index:3;bottom:12px;left:3px;color:#FFFFFF; font-weight:bold;}
.pika_caption a{color:white;}
.pika_caption_back{position:absolute;background-color:Black;opacity:0.7;filter:alpha(opacity=70);width:259px;left:8px;height:26px;padding-top:4px;bottom:7px;text-align:center;
	color:#FFFFFF; z-index:2;}

#pikame{display:none;}

/*.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}*/
.pika_play{display:none;width:30px;height:30px;position:absolute;float:left;margin-left:115px;}
.pika_play a{position:relative;margin:0px auto;cursor:pointer;display: block;width:30px;height:30px;background:url('../img/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('../img/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;height:30px;display:inline-block;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{position:relative;padding-top:10px;clear:both;text-align:center;margin:0px auto;width:260px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;width:40px;height:40px;background:url('../img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;width:40px;height:40px;background:url('../img/fastf.png') top right no-repeat;}

#nextnav{position:absolute;width:30px;height:30px;background:url('../img/next.gif') top right no-repeat;float:right;right:0px;}
#prevnav{width:30px;height:30px;background:url('../img/prev.gif') top left no-repeat;float:right;margin-right:10px;}


#prevnav:hover, #nextnav:hover{ cursor:pointer;}

