
.pikachoose     { margin-top: 0; margin-right: auto; margin-left: auto; width: 160px }
/* This is the ul you have all your images in */
.pikachoose ul { margin: 0; padding-left: 0; width: 150px; overflow: hidden }
.pikachoose ul li    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin-right: 2px; margin-bottom: 2px; position: relative; float: left; overflow: hidden; border: solid 1px #ccc }
.pikachoose ul li div img   { cursor: pointer; padding-right: 4px; padding-bottom: 4px; position: relative }

/* 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: absolute; top: -2px; left: -2px; width: 960px; height: 420px }
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img  { position: absolute; top: 2px; left: 2px }
.pika_back_img{position:relative;top:0px;}
.pika_subdiv { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; position: relative }
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_animationDivs { background-color: lime; top: 2px; left: 2px } /*must match top/left padding for subdiv */

.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('img_picachoose/black.png') top left;}
.pika_caption a{color:white;}

.pika_play { margin-left: -25px; position: absolute; z-index: 1; top: 10px; left: 50%; width: 50px }
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('img_picachoose/play_btn.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('img_picachoose/pause_btn.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover { background: url("img_picachoose/rewind_btn.png") no-repeat left top; position: absolute; top: 10px; left: 5px; width: 100px; height: 456px }
.pika_next_hover { background: url("img_picachoose/forward_btn.png") no-repeat right top; position: absolute; top: 10px; right: 5px; width: 100px; height: 456px }


