.scrollable {
	position:relative;
	overflow:hidden;
	width: 715px;
	padding: 0 0;
}
.scroller-head {
    font-size: 15px;
    font-weight: bold;
}
.scrollable .items {
	width:200000em;
	position:absolute;
	clear:both;
}
.items > div {
	float:left;
	width: 715px;
}
.items div .product{
	position:relative;
	display: block;
	padding:0 20px 40px 20px; margin:0;
	height: 180px; width:136px;
	float: left;
	border-left:1px solid #ddd;
}
.items div .product:first-child{border-left:none;}
.items div .product .product-img{
	position:relative;
	width: 137px; height: 115px;
	padding:0;
	overflow:hidden;
}
.items div .product .product-img img {
	display:block;
	position:relative;
	margin:0 auto;
	width:76px;
	
	min-height:55px;
	max-height:100px;
	
}
.items div .product .product-desc{}
.items div .product .product-desc .title{
	display:block;
	height:32px;
	overflow:hidden;
}
.items div .product .product-desc .title a{
	font-size:13px;
	font-weight:bold;
	color:#333;
	
}
.items div .product .product-desc .author a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #777!important;
	display: block;
}
.items div .product .product-desc .author:hover a{
	text-decoration:none;
	color:red!important;
}
.items div .product .product-desc .price{
	display:block;
	position:absolute;
	bottom:0; left:20;
}
.items div .product .product-desc .price span a{
	display:block;
	font-size:16px;
	color: #2F8BD1;
	font-weight: bold;
}
.items div .product .product-desc .price a{
	display: block;
	font-size: 11px;
	color: #444;
	font-weight: bold;
}
.items div .product .product-desc .price a:hover{text-decoration:none;}
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.items div .product .product-desc a.learnMore{
	padding-left:10px;
	background:url(images/learn-moreArrow.png) no-repeat 0 3px;
	letter-spacing:-0.035em;
}
.items div .product .product-desc a.learnMore:hover{color:red;}

/*---=== PRODUCT SCROLLER ===---*/

.product-scroller{
	margin-bottom:18px;
	border:1px solid #ccc;
	/*CSS3*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
	-webkit-box-shadow: 0px 2px 0px 0px #999999;
	-moz-box-shadow: 	0px 2px 0px 0px #999999;
	box-shadow: 		0px 2px 0px 0px #999999; 
	position: relative;
}
.product-scroller .scroller-header {
	height:41px;
	margin:0 0 18px 0;
	border:1px solid #fff;
	border-bottom:1px solid #bbb;
	background:#ededed url(images/beveledHeader.gif) repeat-x 0 0;
	
	/* CSS3 */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 
}
.product-scroller .scroller-header h2 {
	padding:12px 12px 12px 35px; margin:0;
	background:url(images/container-product-scroller-h2-icon2.png) no-repeat 17px 15px;
}
.product-scroller .scroller-header h2 .Head {color:#444;}
.product-scroller .scroller-header h2 img {display:none;}
.product-scroller .scroller-content {}

.product-scroller a.browse {
	display:block;
	position: absolute;
	z-index: 1000; 
	width:20px; height:35px;
	background:url(images/scrollable-arrows.png) no-repeat 0 0;
	cursor:pointer;
	font-size:1px;
	
}
/* right */
.product-scroller a.right{
	background:url(images/scrollable-arrows.png) no-repeat -48px 0;
	top: 40%;
	right:1px;
}
.product-scroller a.right:hover{background-position:-48px -48px;}
/* left */
.product-scroller a.left{
	top: 40%;
}
.product-scroller a.left:hover{background-position:0 -48px;}
/* disabled navigational button */
.product-scroller a.disabled {
	visibility:hidden !important;		
}