.scrollable {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 688px;
	height:280px;
	
	background-image:url(../backgrounds/65pro.png);
	background-repeat:repeat;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	text-align:center;
}

.single_product {
	width:163px;
	padding:5px;
	color:#A6A192;
	font-size:16px;
	font-weight:bold;
	text-align:center;

}

.single_product div{
	width:152px;
	padding:5px 0px;
	color:#A6A192;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.single_product a{
	text-align:center;
	font-size:16px;
		color:#8b2414;
}
.single_product a:hover{
	text-align:center;
	font-size:16px;
}

.single_product img{
    margin-bottom:10px;
	text-align:center;
}

.single_product .name{
    padding:0px;
	height: 45px;
	font-size:11px;
	color:#A6A192;
	font-weight:normal;
	text-align:center;
}

.csouter {
	border:1px solid #8b2414;
	margin:0px 0px 20px 0px;
}

a.browse {
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:280px;
	margin:0px 1px 0px 1px;
	width:25px;


}
a.right {
	background:url(../images/arrow_right.png) center 135px no-repeat #fef5f3;
	clear:right;
	margin-right:0;
}

a.right:hover {
	background:url(../images/arrow_right_white.png) center 135px no-repeat #8b2414;
	
}
a.right:active {
	background:url(../images/arrow_right_white.png) center 135px no-repeat #8b2414;

}
a.left {
	background:url(../images/arrow_left.png) center 135px no-repeat #fef5f3;
	margin-left:0;
}
a.left:hover {
	background:url(../images/arrow_left_white.png) center 135px no-repeat #8b2414;

}
a.left:active {
	background:url(../images/arrow_left_white.png) center 135px no-repeat #8b2414;
	
}
