#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;
    font-family:"Roboto Slab", serif;
}

.showcase-caption {
    word-wrap: break-word;  
}

.showcase-caption .title {
    font-size: 30px;
    font-weight: 700;
    margin: 10px 15px 15px 15px;
    line-height: 35px;
}

.showcase-caption .description {
    font-size: 15px;    
    margin: 0 15px 15px 15px;
    line-height: 20px;
}

.showcase-caption .link {
    font-size: 15px;
    margin: 0 15px 0 15px;
}

.showcase-caption .link a {
    text-decoration: none;
    font-weight: 700;
    color: #fff;
}

.showcase-caption .link a:hover {
    text-decoration: underline; 
}


    .showcase-content-container
    {
        background-color: #36312C;
    }
    
    /* Navigation arrows */
    .showcase-arrow-previous, .showcase-arrow-next
    {
        position: absolute;
        background: url('images/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;
    }
    
    /* Content */
    .showcase-content
    {
        background-color: #36312C;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    
    .showcase-content img {
        width: 660px;
        height: 100%;
        display: inline;
        float: left;
    }
    
        
        .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/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(images/white-opacity-80.png);
        }
        
        /* Styling the caption */
        .showcase-caption
        {
            background-color: #416664;
            color: #fff;
            padding: 0;
            text-align: left;
            width: 300px;
            height: 100%;
            display: inline;
            float: left;
        }
                
    .showcase-onepage .showcase-content
    {
        margin-bottom: 10px;
    }
    
    /* Button Wrapper */
    .showcase-button-wrapper
    {
        clear: both;
        text-align: center;
        position: absolute;
        top: 15px;
        right: 15px;
    }
    
        .showcase-button-wrapper span
        {
            margin-right: 3px;
            padding: 2px 5px 0px 5px;
            cursor: pointer;
            font-size: 12px;
            color: #000;
            background-image: url(images/progress_button.png);
            background-repeat: no-repeat;
            padding: 0 7px 3px 5px;
            font-weight: 700;
        }
    
        .showcase-button-wrapper span.active
        {
            color: #fff;
        }
    
    /* Thumbnails */
    .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
    {
        background-color: #36312C;
    }
    
    .showcase-thumbnail-wrapper
    {
        overflow: hidden;
    }
        
        .showcase-thumbnail
        {
            width: 120px;
            height: 90px;
            cursor: pointer;
            border: solid 4px #36312C;
            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(images/background_grey.png);
                position: absolute;
                top: 0; bottom: 0; left: 0; right: 0;
            }
        
        .showcase-thumbnail:hover
        {
            border: solid 4px #999;
        }
        
            .showcase-thumbnail:hover .showcase-thumbnail-cover
            {
                display: none;
            }
        
        .showcase-thumbnail.active
        {
            border: solid 4px #fff;
        }
        
            .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 {
        margin: 44px 7px 0 7px;
        cursor: pointer;
    }
    
    .showcase-thumbnail-button-forward
    {
        margin: 44px 7px 0 7px;
        cursor: pointer;
    }
    
    .showcase-thumbnail-button-backward
    {
        padding-bottom: 0px;
        padding-right: 0px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
        background-image: url(images/arrow_left.png);
        background-repeat: no-repeat;
        display: block;
        width: 13px;
        height: 26px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal:hover {
        background-image: url(images/arrow_left_hover.png);
    }

    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
        background-image: url(images/arrow_right.png);
        background-repeat: no-repeat;
        display: block;
        width: 13px;
        height: 26px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal:hover {
        background-image: url(images/arrow_right_hover.png);
    }

        .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
        .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
        {
            background-image: url(images/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;
        }
        
        /* 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;
}