/*   LAYERING Elementi

    +---> Thumbnails [z-index: 3]
    |
    +---> .PictureBox.Upper [z-index: 1]
    +---> .PictureBox.Lower [z-index: 0]

*/

body
{
    overflow:hidden;
}

a, a:visited, a:hover, img
{
    text-decoration:none;
    border: 0px none transparent;
    cursor: pointer;
}

.PictureBox
{
    position: absolute;
    width:718px;
}

.upper
{
    z-index: 1;
}
.lower
{
    z-index: 0;
}
#thumbnails
{
    list-style-type:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color:transparent;
    letter-spacing: -3px;
    display:block;
    position:absolute;
    z-index:3;
    top:0px;
    right:0px;
    line-height: -3px;
    font-size: 0px;
    height:100%;
    
    overflow: visible;
    
    background-image: url('/images/home/sfondo_sfumatura_thumbnails.png');
    background-position: right top;
    background-repeat: repeat-y;
    
}

#thumbnails li
{
    line-height: normal;
    letter-spacing: normal;
    padding: 0px;
    margin: 0px 0px 6px 0px;
    
    display:block;
    position: relative;
    right: -55px;
}

*:first-child+html #thumbnails li /* ie7 only */
{
   margin: 0px 0px -3px 0px;
}

.selected
{
    border: 2px solid yellow;
}
.deselected
{
    border: 2px solid white;
}
.deselected:hover
{
    border: 2px solid orange;
}
.thumbs
{
    -moz-box-shadow: -7px 7px 7px rgba(0,0,0,0.4);
    -webkit-box-shadow: -7px 7px 7px rgba(0,0,0,0.4);
    box-shadow: -5px 5px 7px rgba(0,0,0,0.4);
    
    cursor: pointer;
}

.thumbs img
{
    width: 100px;
    height: 50px;
}
#hiddenimages
{
    display:none;
}


#container
{
    position: relative;
    display: block;
    width: 718px; 
    height: 359px;
    padding: 0px 0px 0px 8px; 

    /*margin: 5px auto 0px auto; */ 
    margin: 5px 0px 0px 0px;  
    
    overflow: hidden;
}