/*
	20.03.2010, mJ:	margin-bottom vereinheitlicht
	
	21.04.2010, mJ:	unselected/selected aus template hierher
*/

#content
{
	width:			950px;
}

#tabbed-content
{
	margin:			25px 16px;
	width:			916px;
/* 	background:		blue; */
}

.ui-tabs .ui-tabs-nav li a:hover
/* wird von jQuery per js umgeschossen, wir brauchen's von Hand... */
{
	background:		#eee;
}


#recommendations-topic-covers
{
	margin-bottom:	25px;
/* 	background:		green; */
}

#recommendations-topic-intro,
#recommendations-product
{
	width:			620px;
	margin:			0px auto;
/* 	text-align:		center; */
/* 	background:		red; */
}

#recommendations-topic-covers img
{
	border:			4px solid #fff;
}

#recommendations-topic-covers div.unselected
{
	border:					0 none; 
	padding-bottom:			16px;
}
#recommendations-topic-covers div.selected
{
	border:					0 none; 
	border-bottom:			8px solid #ffe800; 
	padding-bottom:			8px;
}

#recommendations-topic-covers img.selected
{
/* 	border:			4px solid #ffe800;  */
	border:			4px solid #666;
}

#recommendations-product #product-text
{
	float:			left;
	width:			290px;
	margin-right:	34px;
}

#recommendations-product #recommended-track
{
	float:			left;
	width:			290px;
}


#recommendations-product  #product-text h4
{
	margin-bottom:		12px;
}

#recommendations-product  #product-text .HB-8
{
	font-weight:		bold;
}

#recommendations-product  #product-text .works
{
	font-style:			italic;
	margin-bottom:		12px;
}

#recommendations-product  #product-text .works br
{
/* 	display:			none; */
}



#recommendations-product  .recording
{
/* 	margin-right:		20px;	 */
	/* correctly center below cover */
}


#recommendations-product  #product-text .artists,
#recommendations-product  #product-text .prod,
#recommendations-product  #product-text .date
{
	margin-bottom:		12px;
}

#recommendations-product  #product-text .marketing-text
{
	background:			#ddd;
	padding:			6px 10px 10px;
	margin-bottom:		14px;
}

#recommendations-product  #product-text .marketing-text b
{
	font-weight:		normal !important;
}


/* recommended track in product-single */
#recommendations-product #recommended-track .prelistening
{
 	background-color:	#ddd;
	width:				100%;
	height:				22px;
}

#recommendations-product #recommended-track .paused
{
	background:			#ddd url(imgs/tracklist-prelistening-paused-bg.gif) no-repeat 8px 7px !important;
}

#recommendations-product #recommended-track .playing
{
	background:			#ddd url(imgs/tracklist-prelistening-playing-bg.gif) no-repeat 8px 7px !important;
}


#recommendations-product #recommended-track .progress-bar
{
	position: 			absolute; 
	top: 				7px; 
	left: 				20px;
}


#recommendations-product #recommended-track .inner-bar-container,
#recommendations-product #recommended-track .progress-bar
{
	width:			230px;
}

#recommendations-product #recommended-track p
{	
	margin-bottom:	0.5em;
}

#recommendations-product #recommended-track .play-time
{	
	left:			242px;
}