/*
* Required
*/
#loopedSlider
{
	/*[disabled]margin-bottom:20px;*/
}
.container .slider
{
	/*[disabled]width:940px;*/
	/*[disabled]height:430px;*/
	/*[disabled]overflow:hidden;*/
	/*[disabled]position:relative;*/
	/*[disabled]cursor:pointer;*/
	/*[disabled]margin-bottom:20px;*/
}
DIV.slides
{
	/*[disabled]position:absolute;*/
	/*[disabled]top:0;*/
	/*[disabled]left:0;*/
	/*[disabled]height:430px;*/
	/*[disabled]width:2000em;*/
	/*[disabled]z-index:0;*/
}
DIV.slides DIV.item
{
	/*[disabled]padding:0;*/
	/*[disabled]margin:0;*/
	/*[disabled]text-align:center;*/
	/*[disabled]vertical-align:bottom;*/
	/*[disabled]float:left;*/
	/*[disabled]position:relative;*/
	/*[disabled]width:940px;*/
	/*[disabled]height:430px;*/
}
DIV.slides DIV.item-inner
{
	/*[disabled]width:940px;*/
	/*[disabled]bottom:0;*/
	/*[disabled]position:absolute;*/
}
/*Slider Navigation*/
#loopedSlider .slideNav
{
	/*[disabled]width:960px;*/
}
#loopedSlider .slideNav .inner
{
	/*[disabled]margin:0 auto;*/
	/*[disabled]width:130px;*/
}
#loopedSlider UL.pagination LI A
{
	/*[disabled]width:7px;*/
	/*[disabled]height:7px;*/
	/*[disabled]float:left;*/
	/*[disabled]background:url(../images/slideNav.png) no-repeat top left;*/
}
#loopedSlider .slideNav UL
{
}
#loopedSlider .slideNav UL LI
{
	/*[disabled]margin:0;*/
	/*[disabled]width:7px;*/
	/*[disabled]height:7px;*/
	/*[disabled]display:block;*/
	/*[disabled]float:left;*/
	/*[disabled]margin-right:7px;*/
	/*[disabled]margin-left:7px;*/
}
#loopedSlider.slideNav UL.pagination LI A SPAN
{
	/*[disabled]display:none;*/
}
#loopedSlider .slideNav UL.pagination LI A.active
{
	/*[disabled]background-position:0px -7px;*/
}
#loopedSlider .slideNav A
{
	/*[disabled]float:left;*/
	/*[disabled]cursor:pointer;*/
	/*[disabled]background:url(../images/slideNav.png) no-repeat 0px -14px;*/
}
#loopedSlider .slideNav A.disabled
{
	/*[disabled]visibility:hidden;*/
}
#loopedSlider .slideNav A.prev, #loopedSlider .slideNav A.next
{
	/*[disabled]height:7px;*/
	/*[disabled]margin-right:7px;*/
	/*[disabled]margin-left:7px;*/
	/*[disabled]width:7px;*/
}
#loopedSlider .slideNav A.next
{
	/*[disabled]background-position:left bottom;*/
}
#loopedSlider .slideNav A SPAN
{
	/*[disabled]display:none;*/
	/*[disabled]padding-left:0;*/
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable
{
/*required settings*/
	position: relative;
	overflow: hidden;
	width: 940px;
	height: 450px;
/*custom decorations*/
	/*[disabled]border:1px solid #444;*/
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items
{
/*this cannot be too large*/
	width: 20000em;
	position: absolute;
	clear: both;
}
/*single scrollable item*/
.scrollable .item
{
	float: left;
	margin: 0 5px 0 21px;
	padding: 2px;
	/*[disabled]border:1px solid #444;*/
	/*[disabled]cursor:pointer;*/
	width: 890px;
	text-align: center;
}
/*active item*/
.scrollable .active
{
	border: 2px solid #000;
	z-index: 9999;
	position: relative;
}
/*#######NAVIGATOR#########*/
.scrollContainer .navi
{
	margin-left: 436px;
	width: 75px;
	height: 20px;
	clear: left;
}
.scrollContainer .navi A
{
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(../images/navigator.png) no-repeat 0 0;
	display: block;
	font-size: 1px;
}
.scrollContainer .navi A
{
}
.scrollContainer .navi A:hover
{
	background-position: 0 -8px;
}
.scrollContainer .navi A.active
{
	background-position: 0 -16px;
}
/*########## Buttons ##########*/
.scrollable
{
	float: left;
}
A.browse
{
	background: url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 40px 10px;
	cursor: pointer;
	font-size: 1px;
}
A.right
{
	background-position: 0 -30px;
	clear: right;
	margin-right: 0px;
}
A.right:hover
{
	background-position: -30px -30px;
}
A.right:active
{
	background-position: -60px -30px;
}
A.left
{
	margin-left: 0px;
}
A.left:hover
{
	background-position: -30px 0;
}
A.left:active
{
	background-position: -60px 0;
}
A.disabled
{
	visibility: hidden !important;
}