
/* slides styling */

.photo {width:240px; 
text-align:left; 
position:relative; 
margin:0 auto;
height:312px;
background-color:#f7ffb1;
cursor: auto;
cursor: pointer;
}

.photo ul.topic{
padding:0; margin:0; 
list-style:none; 
width:240px; position:relative; z-index:10;	cursor: pointer;}



.photo ul.topic li{
display:block; width:120px; height:31px; float:left;}
.photo ul.topic li a.set {
	display: block;
	padding-top:5px;
	width: 118px;
	height:117px;
	text-align: center;
	/*line-height: 30px;*/
	text-decoration: none;
	border:1px solid #66694c;
	border-top:0px;
	background:#d4db99;
	font-family: verdana, arial, sans-serif;
	font-size:13px;
   font-weight: bold;
	color: #66694c;
		cursor: pointer;
}


.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;	cursor: pointer;}

.photo ul.topic li.active a
{color:#000; background:#f7ffb1;	cursor: pointer;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#f5671d; background:#fbf9b7;	cursor: pointer;}

.photo ul.topic li.active ul
{
	display: block;
	position: absolute;
	left: 0;
	top: 31px;
	list-style: none;
	margin:0;
	height:309px;
	width:234px;
	padding:2px;
	border:1px solid #66694c;
	border-top:0px;
	z-index:1;
	background-color:#f7ffb1;
		cursor: pointer;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul{
	display: block;
	position: absolute;
	left: 0;
	top: 31px;
	list-style: none;
	padding: 2px;
	margin: 0;
	height: 309px;
	background: #fbf9b7;
	width: 234px;
	border: 1px solid #66694c;
	border-top: 0px;
	z-index: 100;
	cursor: pointer;
}

/*.photo ul.topic li ul li
{display:inline; width:120px; height:87px; float:left; border:1px solid #fff; margin:1px;}*/

.photo ul.topic li ul li a
{display:block; cursor:default; float:left; 
text-decoration:none; 	cursor: pointer;
/*width:234px; height:85px; 
background:#444; border:1px solid #888;*/}
/*
.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid Red;}*/

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;	cursor: pointer;}
/*
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute;  top:-32px; width:220px; height:150px; border-color:#fff;}*/

