/* These hieghts and widths should be edited to your images */
#pika-wrapper
{
    float: right;
    width: auto;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 15px 15px 15px 0px;
	background: #E9E9E9 url('../images/text-top-right-corner.gif') right top no-repeat ; 
	
}

ul#pikame{
    clear: both;
    float:right;
    width: 305px;
	padding:0px 0px 0px 13px;
	margin:0px 0 20px 0;
	}
ul#pikame-big{
    width: auto;
	padding:0px 0px 0px 13px;
	margin:0px auto 20px auto;
	}

.pika_main{
    text-align:right;
    float:right;
	width:310px;
	padding-right:0px;
	margin:0 0;}
ul#pikame li, ul#pikame-big li{
    padding:0px 0px 0px 0px;
	margin: 0px 0px 4px 4px;
	float: left;
	border: none;
	overflow:hidden;
	position:relative;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img, ul#pikame-big li img{position:relative;cursor:pointer; overflow:hidden;}
.pika_main img{border:none; width: 302px; height: auto;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height: 15px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:0px;clear:both;text-align:center;}


/* SliderJS */