/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo
{
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 880px;
}
.photo ul.topic
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 10;
    top: -16px;
}
.photo ul.topic li
{
    display: block;
    width: 80px;
    float: left;
}
.photo ul.topic li a.set
{
    display: block;
    font-size: 11px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
}
.photo ul.topic li a ul, .photo ul.topic li ul
{
    display: none;
}
.photo ul.topic li.active a
{
    color: #000;
    background: #111;
}
.photo ul.topic li a:hover, .photo ul.topic li:hover a
{
    color: #000;
    background: #111;
}
.photo ul.topic li.active ul
{   /* normal state */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    list-style: none;
    padding: 0;
    background: #111;
    border: 0px;
    z-index: 1;
}
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{   /* hovered state */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    list-style: none;
    padding: 0;
    background: #111;
    border: 0px;
    z-index: 100;
}
.photo ul.topic li ul li
{
    display: inline;
    width: 80px;
    height: 80px;
    float: left;
    border: 0px;
    margin: 0px;
}
.photo ul.topic li ul li a
{
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    text-decoration: none;
    background: #111;
    border: 0px;
}
.photo ul.topic li ul li a img
{
    padding: 0px;
    display: block;
    width: 80px;
    height: 80px;
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover
{
    white-space: normal;
    position: relative;
}
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img 
{   /* large image */

    position: absolute;
    left: -50px;
    top: 0px;
    width: 180px;
    height: 180px;
}