/* 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: 470px; /* Same as showcase javascript option */
 overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
 /**/
}

/* Container when content is shown in slider */
.showcase
{
 width: 100%;
 margin: 0 auto;
 text-align: center;
}


 .showcase-content-container
 {
  width: 100%;
  background: url("../img/bg-texture.png");
  margin-top: 5px;
 }
 
 /* Navigation arrows */
 .showcase-arrow-previous, 
 .showcase-arrow-next
 {
  position: absolute;
  background: url("../img/arrows.png");
  width: 36px;
  height: 200px;
  top: 250px;
  margin: 10px 0 !important;
  cursor: pointer; 
 }
 
 .showcase-arrow-previous
 {
  left: -72px;
 }
 
 .showcase-arrow-previous:hover
 {
  background-position: 0 -200px;
 }
 
 .showcase-arrow-next
 {
  right: -72px;
  background-position: -36px 0;
 }
 
 .showcase-arrow-next:hover
 {
  background-position: -36px -200px;
 }
 
 /* Content */
 .showcase-content
 {
  background-color: #fff !important;
  text-align: center !important;
 }
  
  .showcase-content-wrapper
  {
   text-align: center;
   width: auto;
   height: 470px;
   margin: 0 auto;
   /* display: table-cell; */
   vertical-align: middle;
  }

  .showcase-content-wrapper > img
  {
   max-width:100%;
   text-align: center;
   margin: 0 auto;
  }

 
  
  /* Styling the tooltips */
  .showcase-plus-anchor
  {
   background-image: url('../img/plus.png');
   background-repeat: no-repeat;
  }
  
  .showcase-plus-anchor:hover
  {
   background-position: -60px 0;
  }
  
  div.showcase-tooltip
  {
   background-color: #fff;
   color: #000;
   text-align: left;
   padding: 5px 8px;
   background-image: url(../img/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(../img/white-opacity-80.png);
  }
  
 .showcase-onepage .showcase-content
 {
  margin-bottom: 10px;
 }
 
 /* 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: 18px;
   color: #444444;
  }
 
  .showcase-button-wrapper span.active
  {
   color: #05acac;
  }
 
 /* Thumbnails */
 .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
 {
  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: 2px;
    padding-left: 10px;
    padding-bottom: 5px;
   }
   
   .showcase-thumbnail-content
   {
    padding: 0;
    text-align: center;
    padding-top: 25px;
   }
   
   .showcase-thumbnail-cover
   {
    background-image: url(../img/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: 0;
 }
 
  .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
  {
   margin-right: 0;
   width: 116px;
  }
 
 .showcase-thumbnail-wrapper-vertical
 {
  padding: 0;
 }
 
  .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
  {
   margin-bottom: 0;
  }
  
 .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/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;
  }
 
 
 #showcase em {
  font-size: 11px;
 }
 


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
 float: none;
}