.tabs {
	height: 			2.167em;
	background:			#fff url('../../img/mdc/bg_tabs.png') repeat-x top left;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
	list-style:			none;
}

.tabs li {
	float:				left;
	width:				10em;
	height:				2.083em;
	line-height:		2.083em;
	text-align:			center;
	border-left:		0.083em solid #bfd0e4;
	border-right:		0.083em solid #bfd0e4;
	border-top:			0.083em solid #bfd0e4;
	padding:			0em 0em 0em 0em;
	margin:				0em 0.833em 0em 0em;
	color:				#004494;
	font-weight:		bold;
	text-align:			center;
	background:			#fff url('../../img/mdc/bg_tabs_li.png') repeat-x top left;
}

.tabs li.current {
	background-image:	none;
}

.panes {
	overflow: 			hidden;
	height: 			11.5em;
	margin:				0em 0em 1.667em 0em;
	border:				none;
	border-left:		0.083em solid #bfd0e4;
	border-right:		0.083em solid #bfd0e4;
	border-bottom:		0.083em solid #bfd0e4;
	background-color: 	#fff;
}

.panes a.prevPage {
	float: 				left;
	display: 			block;
	height: 			11.5em;
	width: 				2.917em;
	text-indent: 		-999em;
	cursor:				pointer;
	background:			#fff url('../../img/mdc/icon_prevPage.png') no-repeat top left;
}

.panes a.nextPage {
	float: 				right;
	display: 			block;
	height: 			11.5em;
	width: 				2.917em;
	text-indent: 		-999em;
	cursor:				pointer;
	background:			#fff url('../../img/mdc/icon_nextPage.png') no-repeat top left;
}

.panes  .disabled {
	visibility:hidden;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:			relative;
	overflow:			hidden;
	width: 				37.333em;
	height:				11.5em;

	/* custom decorations */
	float: 				left;
}

/*
	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 */
	display:			block;
	width:				20000em;
	height:				11.5em;
	position:			absolute;
	clear:				both;
}

/* single scrollable item */
.scrollable .scrollitem {
	float:				left;
	width:				19.545em;
	height:				10em;
	margin:				0em 0em 0em 0em;
	padding:			1.818em 0.909em 0.727em 0.909em;
	background-color:	#fff;
	font-size:			0.917em;
	font-weight:		bold;
	line-height:		1.2em;
	text-align:			left;
}

.scrollable .scrollitem img {
	float:				left;
	width:				5.455em;
	max-height:			10em;
	padding:			0em 0em 0em 0em;
	margin:				0em 0.455em 0em 0em;
} 

.scrollable .scrollitem a.boxProductTitle {
	display:			block;
	font-size:			1em;
	font-weight:		bold;
	line-height:		1em;
	padding:			0em 0em 0.455em 0em;
	margin:				0em 0em 0em 0em;
}

.scrollable .scrollitem span {
	display:			block;
	padding:			0em 0em 0.455em 0em;
	margin:				0em 0em 0em 0em;
}

.scrollable .scrollitem span.productOldPrice {
	display:			block;
	padding:			0em 0em 0em 0em;
	margin:				0em 0em 0em 0em;
}

/* active item */
.scrollable .active {
	border:				0em;
	z-index:			9999;
	position:			relative;
}