/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 79px; height:49px;}
.pika-stage {height: 322px !important;}


body{font-family: sans-serif;}
a{color:white;}
.pikachoose {width: 500px; margin: 0 auto;}
/*.pika-stage {position: relative;border: 3px solid #010101;
	-moz-box-shadow: 5px 5px 2px #888;-webkit-box-shadow: 5px 5px 2px #888;box-shadow: 5px 5px 2px #888;}*/
.pika-stage {
	display:block;
	border:1px solid #ddd;
	padding:7px;
	position:relative;
    float:left;
    width:auto;
    background:#fff; }

/*
.pika-stage:before,
.pika-stage:after {
    content:"";
    position:absolute; 
    z-index:-2;
    bottom:15px;
    left:10px;
    width:42%;
    height:40px;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.9);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.9);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.9);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg); }

.pika-stage:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg); }
*/
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:322px;}

.pika-stage .caption {position:relative; background-color:#f3f3f3;  border: 1px solid #e0e0e0; font-size: 11px; 
			color: #555; font-style:italic; padding: 10px; padding-top:18px; text-align:center;
			-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:-5; width:502px; /*margin-left:10px;*/ }
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;cursor:pointer;}
	.pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45%;left:10px;}
	.pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45%;right:10px;}
	.pika-imgnav a:hover{opacity:.6;-webkit-transition: opacity 300ms linear;}	

	.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;}
	.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;}

.pika-textnav {display:none;}
	
.pika-thumbs {margin: 400px 0 0 17px; padding: 0;}
	.pika-thumbs li {float: left; list-style-type: none;margin: 0 5px; cursor: pointer; }
	
		.pika-thumbs li.active { border:3px solid #72c2c2; margin:0;}
		.pika-thumbs li.active img { margin:-3px; margin-top:0; }
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 15px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
	
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 0; overflow:hidden; width:505px; position:absolute !important; margin-top:352px; padding-left:30px; padding-right:30px; }
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width:470px; padding-right:30px; margin-top:40px;overflow:hidden;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

.jcarousel-prev { background:url('http://www.myrtlebeachbestwestern.com/assets/images/interface/arrowball-left-silver.png') left top no-repeat; height:25px; width:25px; position:absolute; top:70px; left:5px; z-index:100; cursor:pointer; }
.jcarousel-next { background:url('http://www.myrtlebeachbestwestern.com/assets/images/interface/arrowball-right-silver.png') left top no-repeat; height:25px; width:25px; position:absolute; top:65px; right:5px; z-index:100; cursor:pointer; }