﻿.pikachoose{width:858px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:640px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;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:646px;height:480px;display:block;position:relative;left:200px}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
/* .pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('/images/pika/black.png') top left; color: white} */
/* .pika_caption a{color:white;} */

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/images/pika/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('/images/pika/pause.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{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/images/pika/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('/images/pika/fastf.png') top right no-repeat;}



#pikachoose-left{width:858px;height:500px;position:relative;}
#pikachoose-left ul{position:absolute;top:10px;}
#pikachoose-left .pika_main{position:absolute;top:0;right:0;}


<!--
body {
	background-color: #000000;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999933;
}
a:link {
	color: #CC9933;
}
a:visited {
	color: #999900;
}
.style4 {font-size: 9px}


/* root element for scrollable */
.scrollable {
 
	/* required settings */
	position:relative;
	overflow:hidden;
 
	/* vertical scrollables have typically larger height than width but not now */
	top:0px;
	height: 470px;
	width: 820px;
}

/* root element for scrollable items */
.scrollable .items 
{
	position:absolute;
 
	/* this time we have very large space for the height */
	height:20000em;
}
    .prev 
    {
        color:Yellow;
        font-size:10pt;
          top:20px;
          width: 100px;
        margin-left:50px;
        cursor:pointer;
    }
    .prev a 
    {
        color:Yellow;
        font-size:10pt;
        width: 100px;
    
   
    }
    .next
    {
        position:absolute;
        color:Yellow;
        font-size:8pt;
        top:540px;
        width: 100px;
        margin-left:50px;
        cursor:pointer;
    }
    .next a 
    {
        color:Yellow;
        font-size:10pt;
        width: 100px;
    }
 
-->
