/* common styling */
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}
/* slides styling */
.photo {
width:430px;
height:320px;
text-align:center;
position:relative;
margin:0px;
left:0px;
z-index:1;
}
.photo ul.topic {
padding:0px 5px;
margin:0;
list-style:none;
width:385px;
height:auto;
position:relative;
z-index:0;
left: 0px;
top: 20px;
}
.photo ul.topic li {
display:block;
width:92px;
height:20px;
float:left;
left: 0px;
}
.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}
.photo ul.topic li a.set {
display:block;
font-size:10px;
width:85px;
height:20px;
text-align:center;
line-height:15px;
color:#000;
text-decoration:none;
border:1px solid #fff;
border-width:1px 1px 0px 0px;
font-family:verdana, arial, sans-serif;
height: 20px;
left: 0px;
background-color: #E1E2A9;
}
.photo ul.topic li.active a
{
color:#000;
background-color: #E1E2A9;
}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
color:#fff;
background-color: #3D3E12;
}
.photo ul.topic li.active ul
{
display:block;
position:absolute;
left:0px;
top:20px;
list-style:none;
padding:0;
margin:0;
height:250px;
width:400px;
padding:5px 10px;
z-index:0;
background-color: #E1E2A9;
right: 20px;
max-width: 350px;
border: 5px solid #3D3E14;
}
.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{
display:block;
position:absolute;
left:0px;
top:20px;
list-style:none;
padding:0;
margin:0;
height:250px;
width:400px;
padding:5px 10px;
z-index:0;
background-color: #E1E2A9;
max-width: 350px;
border: 5px solid #3D3E14;
}
.photo ul.topic li ul li
{
display:inline;
width:78px;
height:53px;
float:left;
border:0px solid #fff;
margin:2px;
padding: 0px 2px;
}
.photo ul.topic li ul li a
{
display:inline;
width:78px;
height:53px;
cursor:default;
float:left;
text-decoration:none;
background:#444;
border:1px solid #888;
left: 0px;
}
.photo ul.topic li ul li a img
{
display:block;
width:75px;
height:50px;
border:1px solid #eee;
float: none;
left: 0px;
}
.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
{
position:absolute;
left:-60px;
top:-35px;
width:180px;
height:130px;
border-color:#fff;
}