.scrollban{
width:712px;
float:left;
position:relative;
margin:20px 0px 0px 0px;
}
.slidedetail{
	width:620px;
	background:#4c4c4c;
	float:left;
	display:block;
	position:absolute;
	z-index:999999;
	margin:0px 0px 0px 46px;
	padding:5px 0px;
	left:0px;
	bottom:0px;
	color:#ffffff;
}
.slidedetail p{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding: 3px 15px 3px 5px;
	margin:0px;
	text-align:right;
}
.slidedetail p span b{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding: 3px 5px 3px 5px;
	margin:0px;
	text-align:right;
}
.slidedetail p span{
	font-size:12px;
	font-weight:normal;
	float:right;
	color:#ffffff;
	margin:0px 10px 0px 0px;
}
.slidedetail p a.order-botton2{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	width:94px;
	height:32px;
	float:left;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px -6px;
	background:url(../images/order.png) no-repeat left top;
	z-index:99999;
	bottom:3px;
	left:0px;
}
.scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width:620px;
	padding:0px 0px 0px 0px;
	height:188px;
	background:#fff;
	margin:0px 10px 0px 10px;
	border:2px solid #dddddd;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.slidebox{
	float:left;
	width:189px;
	height:139px;
	margin:0px 5px 0px 10px;
}

.scrollable div.slidebox img {
	width:189px;
	height:139px;
}


/* items inside navigator */

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:34px;
	height:36px;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 	{background:url(../images/right_arrow.gif) no-repeat right top; margin:60px 0px 0px 0px; }

/* left */
a.left				{background:url(../images/left_arrow.gif) no-repeat left top; margin:60px 0px 0px 0px; }