﻿/* SHOWCASE */

#awOnePageButton .view-slide {
	display: none;
}
.showcase-load {
	height: 250px; overflow: hidden;
}
.showcase {
	position: relative; margin: auto;
}
.showcase-content-container {
    background-color: #000000;
}
.showcase-arrow-previous, .showcase-arrow-next {
    position: absolute; background: url('/img/showcase/arrows.png'); width: 33px; height: 33px; top: 220px; cursor: pointer;
}
.showcase-arrow-previous {
    left: -60px;
}
.showcase-arrow-previous:hover {
    background-position: 0px -34px;
}
.showcase-arrow-next {
    right: -56px; background-position: -34px 0;
}
.showcase-arrow-next:hover {
    background-position: -34px -34px;
}
.showcase-content {
    background-color: #000000; text-align: center;
}
.showcase-content-wrapper {
    width: 500px; height: auto; margin:50px auto 0px auto; color: #FFFFFF; text-align:justify;
}
.showcase-content-wrapper a {
    color:#FFFFFF;font-size:18px; font-weight:bold;
}
.showcase-caption {
    color: #444; padding: 10px 20px; text-align: left; position: absolute; bottom: 10px; left: 20px; right: 20px; display: none; background: url(/img/showcase/white-opacity-80.png); 
    border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;
}
.showcase-onepage .showcase-content {
    margin-bottom: 10px;
}
.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;
}
.showcase-thumbnail-container {
    background-color: #000;
}
.showcase-thumbnail-wrapper {
    overflow: hidden;
}		
.showcase-thumbnail {
    width: 120px; height: 90px; cursor: pointer; border: solid 1px #333; position: relative;
}
.showcase-thumbnail-caption {
    position: absolute; bottom: 0px; padding-left: 10px; padding-bottom: 5px; background: #000000;color:#FFFFFF; opacity: 0.8; filter: alpha(opacity=80);
}
.showcase-thumbnail-content {
    padding: 10px; text-align: center; padding-top: 25px;
}	
.showcase-thumbnail-cover {
    background-image: url(/img/showcase/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(/img/showcase/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;
}
.showcase-thumbnail-button-forward span span,.showcase-thumbnail-button-backward span span {
    display: none;
}
.clear {
    clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none;
}