/*  * Tangoxp  *  * http://www.magentoxp.com * * email to support@magentoxp.com *  * @category   Tangoxp  * * @package    Tangoxp_Slidercontentpro  ** @copyright  Copyright (c) 2011 Tangoxp (http://www.magentoxp.com)* */

#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 { position: relative; margin: auto;}
.showcase-content-container {clear: both;}
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('../images/slider/arrows.png'); width: 33px; height: 33px; top: 42%; cursor: pointer; z-index: 100;}
.showcase-arrow-previous { left: 22px; }
.showcase-arrow-previous:hover { background-position: 0px -34px; }
.showcase-arrow-next { right: 22px; background-position: -34px 0; }
.showcase-arrow-next:hover { background-position: -34px -34px; }
/* Content */
.showcase-content { text-align: center; }
.showcase-content-wrapper { text-align: center; /* height: 470px; width: 700px; */ display: table-cell; vertical-align: middle; }
/* Styling the tooltips */
.showcase-plus-anchor { background-image: url('../images/slider/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; border:0; margin:0; background-image: url(../images/slider/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(../images/slider/white-opacity-80.png); }
.showcase-onepage .showcase-content { margin-bottom: 10px; }
/* Button Wrapper */
.showcase-button-wrapper {position:absolute;bottom: 10px; right:15px;clear: both;  margin-right: 5px;  text-align: center; }
.showcase-button-wrapper span {float:left;display: block;width:16px;height:19px;background: url('../images/slider/buttons.png') 100% 0 no-repeat;color: #FFFFFF; cursor: pointer; font-size: 18px;  margin-left: 5px;  padding: 0; }
.showcase-button-wrapper span.active { background-position:0 0;color: #898989; font-weight: bold; }
/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ { }
.showcase-thumbnail-wrapper { overflow: hidden; }
.showcase-thumbnail { width: 120px; height: 110px; 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: left; }
.showcase-thumbnail-cover { background-image: url(../images/slider/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: 9px; }
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail { margin-bottom: 10px; }
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward { padding: 7px; cursor: pointer;display:none; }
.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(../images/slider/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; }