/*----------------------------DESIGN THUMBS ---------------------------*/
.des_frame {
  position:relative;
	margin: 5px 10px 10px;
	padding: 5px;
	line-height: 1.3em;
	font-size: 0.8em;
	color: #444;
	/*background: url(../images/bg_contents.png);
	border: 1px solid #FED;*/
}
.des_frame img {
	float: right;
	margin: 5px 0;
}
.des_detail {
	float: right;
	width: 330px;
	padding: 10px 7px 7px;
	text-align:right;
}
.ent{
font-weight:bold;
font-size:1.2em;
color:#080;
}
.avail{
/*position:absolute;
top:3px;
left:205px;
width:158px;
height:35px;
background: url(../images/bt_available.png) no-repeat left top;
text-indent:-9999px;*/
color:#F60;
line-height:2em;
}
.avail:hover{
/*background: url(../images/bt_available.png) no-repeat 0 -35px;*/
font-style:italic;
color:#060;
}
.thumbs ul li .caption {
/* fix it at the bottom */
	position:absolute;
	left:15px;
  top:5px;
  z-index:10;
	width:160px;
	height:160px;
	background:#000;
	color:#FFF;
	font-weight:normal;
	/* hide it by default */
	display:none;
  text-align: left;
	/* opacity setting */
	filter:alpha(opacity=90);    /* ie  */
	-moz-opacity:0.9;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.9;    /* for really really old safari */
	opacity: 0.9;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.thumbs ul li{
padding:5px 0;
}
.thumbs ul li .caption ul {
padding:5px 10px;
width:150px;
}
.thumbs ul li .caption a {
	text-decoration:none;
	font-size:16px;
  position:absolute;
  top:0;
  left:0;
  width:90%;
  height:100%;
	/* add spacing and make the whole row clickable*/
	padding:5px;
}