.myImagesSlideBox{
	width:300px;
	border:1px solid #bbb;
	height:290px;
	float:left;
}
.myImagesSlideBox .myImages{
	text-align:center;
	position:relative;
	overflow:hidden;
	height:228px;
	width:300px;
	background:#fff url(../images/nopic.gif) center center no-repeat;
}
.myImagesSlideBox .myImages img{
	width: 300px;
	height:228px;
	border:0;
}
.myImagesSlideBox .myImgs {
	display:none;
}
.myImagesSlideBox .myTxts{
	padding:10px;
	padding-top:0;padding-bottom:0;
	text-align:center;
	overflow:hidden;
	height:20px;
	line-height:20px;
	width:280px;
}

.myImagesSlideBox .myImagesSlideBox .myTxts a{
	text-decoration:none;
	text-align:center;
	color:#666;
}
.myImagesSlideBox .myTxts a:hover{
	color:#f60;
}

/*  wrapper element  */
.myImagesSlideBox #scrollable {
	background-color:#efefef;
	padding:10px;
	width:280px;
	height:42px;
}

.myImagesSlideBox div.items {
	height:66px;	
	float:left;
	width:256px !important;
	visibility: visible;
	overflow: hidden; 
	position: relative;
}
/* item */
.myImagesSlideBox div.items a {
	display:inline-block;
	float:left;
	margin-left:6px;
	width:55px;
	height:42px;
	background:#BBB;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	border:1px solid #bbb;
}
.myImagesSlideBox div.items a:hover {
	border:1px solid #FF3F3F;
}
.myImagesSlideBox div.items a.active {
	border:1px solid #FF3F3F;
}
.scrollableDiv{
	position: absolute; width: 200000em; left: 0px;
}
.myImagesSlideBox .scrollableDiv img
{
	width:55px;height:42px;
}
/* next / prev buttons */
.myImagesSlideBox a.s_prev, a.s_next {
	background:url(../images/go_down.jpg) no-repeat 0 0;
	display:block;
	width:12px;
	height:50px;
	float:left;	
	cursor:pointer;
}
.myImagesSlideBox a.s_next {
	background-image:url(../images/go_up.jpg)		
}