/*below is the stuff for the compact example*/
.pikachooseCompact{
	width:690px;
	position:relative;
	margin:0;
	padding: 0px;
}
/* This is the ul you have all your images in */
.pikachooseCompact ul{
	width:678px;
	height:18px;
	overflow:hidden;
	position:absolute;
	bottom:1px;
	left:0px;
	background:url('black.png') top left;
	z-index:99;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.pikachooseCompact ul li{
	float: left;
    position:relative;
	rgb(50%, 25%, 25%);
	background:url('thumb-circle-empty.png') top left no-repeat;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0;
}

.pikachooseCompact 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:690px;
	height:320px;
	display:block;
	position:relative;
}

.pika_main_img{position:relative;}
.pika_subdiv{position:relative;}
.pika_animationDivs{top:0;left:0;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{
	height:16px;
	text-align:right;
	position:absolute;
	bottom:1px;
	right:3px;
	z-index:100;
	color:white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
.pika_caption a{color:white;}
.pika_caption a:hover {
	color:#FF9;
}