/* Showcase
   -------------*/
   
#awOnePageButton .view-slide {display: none;}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {height: 400px; /* Same as showcase javascript option */ overflow: hidden;}


/* Container when content is shown in slider */
.showcase {position: relative; margin: auto;
     -moz-box-shadow:    3px 3px 5px 3px #afafaf;
     -webkit-box-shadow: 3px 3px 5px 3px #afafaf;
     box-shadow:         3px 3px 5px 3px #afafaf;
}
.showcase-content-container {background-color: #000;}

	
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next {
   position: absolute;
   background: url('../arrows.png');
   width: 33px;
   height: 33px;
   top: 183px;
   cursor: pointer;
   z-index: 20;
}
   	
.showcase-arrow-previous {left: 30px;}
.showcase-arrow-previous:hover {background-position: 0px -34px;}
.showcase-arrow-next {right: 30px; background-position: -34px 0;}
.showcase-arrow-next:hover {background-position: -34px -34px;}
   	

/* Content */
.showcase-content {background-color: inherit; text-align: center;}
.showcase-content-wrapper {
   text-align: center;
   height: 470px;
   width: inherit;
   display: table-cell;
   vertical-align: middle;
}


/* Styling the tooltips */
.showcase-plus-anchor {background-image: url('../plus.png'); background-repeat: no-repeat;}
.showcase-plus-anchor:hover {background-position: -32px 0;}
   		
div.showcase-tooltip {
   background-color: #fff;
   color: #000;
   text-align: left;
   padding: 5px 8px;
   background-image: url(../white-opacity-80.png);
}


/* Styling the caption */
.showcase-caption {
   color: #000;
   padding: 8px 15px;
   text-align: left;
   position: absolute;
   bottom: 10px; left: 10px; right: 10px;
   display: none;
   background-image: url(../white-opacity-80.png);
}
   		
.showcase-onepage .showcase-content {margin-bottom: 10px;}
.showcase-onepage .static-caption {background-color: #dfdfdf;color: #333;}

/* Caption */
.static-caption {
   text-align: left;
   font-size: 11px;
   color: #e0e0e0;
   padding: 10px 0;
   margin: 0;
}



/* Button Wrapper */
.showcase-button-wrapper {
   clear: both;
   margin-top: 10px;
   text-align: center;
}

.showcase-button-wrapper span {
   margin-right: 3px;
   padding: 2px 5px 0px 5px;
   cursor: pointer;
   font-size: 12px;
   color: #444444;
}

.showcase-button-wrapper span.active {color: #fff;}


/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ {background-color: #000;}
.showcase-thumbnail-wrapper {overflow: hidden; margin: auto;}
.showcase-thumbnail {
   width: 120px;
   height: 90px;
   cursor: pointer;
   border: solid 1px #333;
   position: relative;
}
.showcase-thumbnail-caption {
   position: absolute;
   bottom: 2px;
   padding-left: 10px;
   padding-bottom: 5px;
}
.showcase-thumbnail-content {
   padding: 10px;
   text-align: center;
   padding-top: 25px;
}
.showcase-thumbnail-cover {
   background-image: url(../black-opacity-40.png);
   position: absolute;
   top: 0; bottom: 0; left: 0; right: 0;
}
.showcase-thumbnail:hover {border: solid 1px #999;}
.showcase-thumbnail:hover .showcase-thumbnail-cover {display: none;}
.showcase-thumbnail.active {border: solid 1px #999;}
.showcase-thumbnail.active .showcase-thumbnail-cover{display: none;}
.showcase-thumbnail-wrapper-horizontal {padding: 10px;}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {margin-right: 10px; width: 116px;}
.showcase-thumbnail-wrapper-vertical {padding: 10px;}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {margin-bottom: 10px;}
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {padding: 7px; cursor: pointer;}
.showcase-thumbnail-button-backward {padding-bottom: 0px; padding-right: 0px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
   background-image: url(../arrows-small.png);
   background-repeat: no-repeat;
   display: block;
   width: 17px;
   height: 17px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
   background-position: 0 -51px;
   margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {background-position: -17px -51px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
   background-position: 0 -34px;
   margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {background-position: -17px -34px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
   background-position: 0 -17px;
   margin-top: 40px;
   margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {background-position: -17px -17px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
   background-position: 0 0;
   margin-top: 40px;
   margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {background-position: -17px 0;}
   		
/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {display: none;}
   	
   
   
 /* Clear (used for horizontal thumbnails) */
.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
   float: none;
}