﻿
#ImportSkinForm input
{
    display: none;
}

/** Restrict max size of carousel to max size of img
    (this prevents emtpy space appearing besides images)
*/

#Skins.carousel
{
    max-width: 800px;
}
                
.look-skin-content
{
    position: relative;
    overflow: hidden;
    display: block;         
    height: 100%;
} 

.carousel-caption *
{
    display: inline-block
}

.carousel-caption span:last-child
{
    display: block;
}

.look-skin-content form
{
    float: right;
    display: block;    
    margin: 0 0 5px 5px;    
}

.look-skin-actions
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;   
}

.look-skin-content button
{
    color: White;
    background-color: transparent;
    border: 0;
}
        
.look-skin-content .image-wrap 
{
    position: absolute;    
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    z-index: -10;
}

.look-skin-content .image-wrap:after
{
    content: " ";
    position: absolute;    
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.look-skin-description
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);    
}

/** Mobile browsers
*/

@media (max-width: 480px)
{    
    div.look-skin-actions
    {
        position: relative;
        right: auto;
        bottom: auto;        
    }
    
    div.look-skin-actions form
    {
        float: left;
    }
    
    div.carousel
    {
        background: rgba(0, 0, 0, 0.75); 
    } 
}
