﻿div.scrollable
{
	border: 0 outset #cccccc;
	height: 123px;
	margin: 0 11px;
	overflow: hidden;
	position: absolute;
	width: 976px;
}
div.scrollabletemplatetop
{
	background-image: url('/Images/ScrollableTemplateTop.png');
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	z-index: 2;
	height: 10px;
	overflow: hidden;
	position: absolute;
	width: 990px;
}
div.scrollabletemplatebottom
{
	background-image: url('/Images/ScrollableTemplateBottom.png');
	background-position: 5px 0px;
	background-repeat: no-repeat;
	z-index: 2;
	height: 10px;
	overflow: hidden;
	position: relative;
	top: 113px;
	width: 990px;
}
div.scrollable div.items
{
	clear: both;
	margin: 0 -5px;
	position: absolute;
	width: 20000em;
}
div.scrollable div.items div
{
	float: left;
	margin: 0px 4px 0px 5px;
	vertical-align: bottom;
	width: 320px;
}
div.scrollable div.items div.active
{
	border: 0 inset #cccccc;
}
a.prev, a.prevPage, a.next, a.nextPage
{
	background-attachment: scroll;
	background-color: Transparent;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 39px;
	margin-top: 43px;
	position: absolute;
	width: 33px;
	z-index: 5;
}
a.prev, a.prevPage
{
	background-position: right top;
}
a.next, a.nextPage
{
	background-position: left top;
	margin-left: 965px;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
{
	/*background-position: 0 -98px;*/
}
a.disabled
{
	cursor: default;
	filter: alpha(opacity=30);
	opacity: 0.3; 
	visibility: visible !important;
}
a.disabled:hover
{
	/*background-position: 0 0 !important;*/
}

/****** Scrollable on Category Landing ************/
div.scrollable-cl
{
	position:relative;
	overflow:hidden;
	width:979px;
	height:442px;
}

div.scrollable-cl div.items-cl
{
	width:20000em;
	position:absolute;
}

div.scrollable-cl div.items-cl div
{
	float:left;
}

.nonScrollableItem
{
	float: left;
	margin: 0px 4px 0px 5px;
	width: 320px;
	height: 123px;
	display: block;
}

.nonScrollableItemsContainer
{
	position: absolute;
	margin-left: 6px;
}

