/********* Product Rotation CSS **********/
#product_rotation {width: 558px; margin: auto; height: 180px; padding-top: 5px;}
a.left {float:left;}
a.right {float:right;}
.scroll {
	position:relative;
	overflow:hidden;
	width: 520px;
	height:180px;
}
.scroll .items {
	width:20000em;
	position:absolute;
}
.scroll .items div {
 display:inline-block;
 width:120px;
 height:140px;
 float:left;
 margin-right:10px;
}
.scroll h4 { text-align: center; height: 33px; margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#000; }
.scroll p { border:0; margin:0; padding:0; font:normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; }
.scroll a { font:bold 11px Arial, Helvetica, sans-serif; color:#000;text-decoration:underline; }
.scroll a:hover { color:#000;text-decoration:none; }
.scroll img { float:none; border:0; margin:0; padding:0;}
.scroll p.price { text-align: right; margin: 0; }
.scroll .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
.scroll p.price a {text-decoration:none;}
.scroll p.price .regularprice {color: #900; font-weight: bold;}
.scroll p.price .oldprice {color: #900; font-weight: bold; text-decoration: line-through;}
.scroll p.price .discount {color: #F00;}
.scroll {float:left;}
a.browse {
	background:url(arrows.gif) no-repeat;
	display:block;
	width:13px;
	height:23px;
	float:left;
	margin:42px 0;
    padding:0px;
	cursor:pointer;
}
a.right 		{ background-position:-13px 0; margin-top:90px; margin-left:5px; margin-right: 0px;}
a.right:hover 	{ background-position:-13px -23px; }
a.right:active 	{ background-position:-13px -23px; }
a.left			{ margin-left: 0px; margin-top:90px; margin-right: 5px; }
a.left:hover  	{ background-position:-0px -23px; }
a.left:active  	{ background-position:-0px -23px; }
a.disabled {visibility:hidden !important;}