// CSS styles for mootools coda effect

#product_overview {
	width: 982px;
	float: left;
}

#product_overview #product_menu {
	padding-left:88px;
	height: 24px;
	position: relative;
}

#product_overview #product_menu a {
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
}

#product_overview #product_nav_details {
	width:70px;
	background-image: url(img/reiter_details.png);
}

#product_overview #product_nav_details:hover, #product_overview #product_nav_details.act {
	background-position: -70px 0;
}

#product_overview #product_nav_highlights {
	width:102px;
	background-image: url(img/reiter_highlights.png);
}

#product_overview #product_nav_highlights:hover, #product_overview #product_nav_highlights.act {
	background-position: -102px 0;
}

#product_overview #product_nav_data {
	width:142px;
	background-image: url(img/reiter_data.png);
}

#product_overview #product_nav_data:hover, #product_overview #product_nav_data.act {
	background-position: -142px 0;
}

#product_overview #product_container {
	overflow: hidden;
	width: 982px;
	margin:0;
	padding:0;
	position: relative;
}

#product_overview #product_wrapper {
	width: 2946px;
	overflow: hidden;
	margin:0;
	padding:0;
	float: left;
	position: relative;
}

#product_overview .scrolling {
	width: 982px;
	text-align: left;
	margin:0;
	padding:0;
	float: left;
	position: relative;
	z-index:15;
}