/*
	20.02.2010, mJ:	neues Layout

	20.03.2010, mJ:	margin-bottom vereinheitlicht

	24.03.2010, mJ:	custom styles f. related products
	
	06.05.2010, mJ:	product-shallow -> overflow: visible
	
	08.10.2010, mJ:	promo-price; strikeout-price

	14.08.2012, mJ:	more margin for media types in buy box

	19.08.2013, mJ:	product bottom margin reduced for tracklist integration

	04.09.2013, mJ:	video stuff

	28.11.2013, mJ: Mantis 0002786: product text: overflow-x: auto
*/

@import url(tracklist.css);
@import url(player.css);


/* .product-shallow wird der cat Resultatliste und in what's new, what's coming und press verwendet */

.product-shallow-shadow
{
	margin-bottom:		20px;
	clear:				both;
}

.product-shallow
{
	position:			relative;
	padding:			12px 0px 13px 13px;
	width:				627px;
	overflow:			visible;
	
/* 	float: 				left; */
}

.product-shallow .cover-container
{
	float:				left;
/* damit die Texte rechts der Cover gleichmäßig laufen */
	width:				110px;
}

.product-shallow img.cover
{
/*  	float: 				left; */
 	border:				5px solid	white;
	box-shadow:         1px 1px 2px #444;
	-moz-box-shadow:    1px 1px 2px #444;
	-webkit-box-shadow: 1px 1px 2px #444;
/* 	margin-right:		30px; */
}

.product-shallow .product-text
{
 	width:				330px;
 	position:			relative;
	float: 				left;
/* 	margin-left:		10px; */
	overflow:			visible;
}

.product-shallow .title,
.product-shallow .prod,
.product-shallow .works,
.product-shallow .artists
{
	margin-bottom:		5px;
}

.product-shallow .released
{
	margin-bottom:		8px;
}

.product-shallow .title
{
	font-weight:		bold;
}

.product-shallow .product-recommended-track,
.product-shallow .video-preview-container
{
 	width:				168px;
/*	min-height:			121px; */
	float: 				right;
	/*overflow:			hidden;*/
	margin-right:		13px;
}

.product-shallow .product-recommended-track h4
{
	margin-bottom:		0.3em;
}

.product-shallow .product-recommended-track p
{
	font-size:			11px;
	line-height:		1.1em;
	margin-bottom:		0.2em;
}




/* recommended track in product-single */
.product-shallow .product-recommended-track .prelistening
{
 	background-color:	#e0e0e0;
	width:				168px;
	height:				22px;
}

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

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

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

.product-shallow .product-recommended-track .inner-bar-container,
.product-shallow .product-recommended-track .progress-bar
{
	width:				104px;
}

.product-shallow .product-recommended-track .play-time
{	
	left:				116px;
}

.product-shallow .video-preview-container
{
	margin-bottom: 13px;
}


.product-shallow .video-preview-container .video-preview-image-container
{
	box-shadow:         1px 1px 2px #444;
	-moz-box-shadow:    1px 1px 2px #444;
	-webkit-box-shadow: 1px 1px 2px #444;
}

.product-shallow .video-preview-container .video-preview-text-container
{
	display:            none;
}




/* press quotes language selection */

div#press-quotes .ui-tabs-nav
{
	background:			#eee; 
	margin-bottom:		8px;
}

div#press-quotes .ui-tabs-nav li a
{
	padding-left:		0px;
	font-weight:		normal;
	text-decoration:	underline;
}

div#press-quotes .ui-tabs-nav li.ui-tabs-selected a
{
	font-weight:		bold !important;
	text-decoration:	none !important;
}

div#press-quotes hr
{
	margin:				20px 0 20px 0;
	border:				0 none;
	height:				1px;
	color:				#d0d0d0;
	background-color:	#d0d0d0;
}

div#press-quotes .footer
{
	font-style:			italic;
	padding-top:		0.2em;
}


/* Produkt einzelansicht */

#product-single
{
	width:				990px;
}

#product-single #mainstuff
{
	width:				660px;
	float:				left;
	min-height:			100px;
/* 	background:			red; */
}



/* padding already done in new-main
#product-single #mainstuff .content
{
 	margin-left:		14px; 
 	margin-top:			21px; 
 	margin-bottom:		14px; 
}
*/
#product-single #mainstuff .content
{
	padding-bottom:		0;	/* content has own margin... */
}


/* except... */
#product-single #mainstuff .content #press-quotes,
#product-single #mainstuff .content .insight
{
	padding-bottom:		13px;	/* provide content margin... */
}




#product-single #mainstuff .content dd
{
	margin:				16px 16px 16px 70px;
/*	a bit more space than usual */
}



#product-single .utils-shadow
{
	background:			#f0f0f0;
	margin-bottom:		20px;
}

#product-single #mainstuff #product-tabs
{
	width:				640px;
	min-height:			100px;
}

#product-single #mainstuff .cover-with-subtitle
{
	float:				left;
	width:				330px;
	text-align:			center;
	/*margin-bottom:		14px;*/
}

#product-single #mainstuff .cover-container
{
	float:				left;
 	margin-right:		14px; 
 	margin-bottom:		14px; 
	box-shadow:         1px 1px 2px #444;
	-moz-box-shadow:    1px 1px 2px #444;
	-webkit-box-shadow: 1px 1px 2px #444;
}

#product-single img.cover {
	border:				6px solid white;
}

#product-single #product-text
{
/* 	float:				left; */	
/* dynamische breite */
	margin-top:			5px;
	margin-left:		330px;
/* fixe breite */
}

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

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

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


#product-single #product-text .artists,
#product-single #product-text .prod,
#product-single #product-text .date
{
	margin-bottom:		12px;
	overflow-x:			auto;
}

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

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

#product-single .recording
{
	font-size:			11px;
	margin-right:		20px;	
	/* correctly center below cover */
}

#product-single .recording .HL-7
{
	font-size:			12px;
}

#product-single .recording .HL-6
{
	font-size:			11px;
}


#product-single #related #related-products .HB-7,
#product-single #related #related-products .HL-7
{
	font-size:			11px;
}

#product-single #related #related-products .HB-6,
#product-single #related #related-products .HL-6
{
	font-size:			10px;
	letter-spacing:		-1px;
}


#product-single .content .product-video-player
{	
	width:              100%;
/* 	height:				564px; */
	height:				366px;
	margin:             0 0 16px 0;
}


#product-single #related .video-preview-text-container
{
	display:            none;
}


#product-single #mainstuff #product-tracklist
{
	width:				640px;
	min-height:			200px;
}

#product-single #related
{
	width:				293px;
	float:				left;
	min-height:			100px;
}

#product-single #related .content
{
	width:				264px;
}
#product-single #related #related-video
{
	min-height:         173px; /* prevent jumping */
}

#product-single #related #related-products
{
	padding-bottom:		0px;
}

#product-single #related .cover-container
{
	float:				left;
	width:				80px;
	margin-bottom:		13px;
}

#product-single #related img.cover
{
	border:				3px solid #fff;
	box-shadow:         1px 1px 2px #444;
	-moz-box-shadow:    1px 1px 2px #444;
	-webkit-box-shadow: 1px 1px 2px #444;
}

#product-single #related .product-text-container
{
	margin-left:		80px;
	margin-bottom:		13px;
}

#product-single #related #buybox
{
	position:			relative;
}

#product-single #related #buybox .button
{
	position:			absolute;
	margin-right:		0px;
	right:				13px;
	bottom:				13px;
/* 	float:				right; */
/* 	margin-top:			10px; */
/* 	margin-bottom:		10px; */
}


#product-single #related #buybox .HB-6,
#product-single #related #buybox .HL-6
{
	font-size:		11px;
	line-height:	13px;
}

#product-single #related #buybox .promo-price
{
	color:			#f00;
}

#product-single #related #buybox .strikeout-price
{
	width: 			100%; 
	height: 		100%; 
	position:		absolute; 
	top: 			0; 
	left: 			0; 
	background: 	url('imgs/strikeout-red.png') no-repeat;  
	background-size: 100%;
}

/* recommended track in product-single */
#product-single #related #recommended-track .prelistening
{
 	background-color:	#e0e0e0;
	width:				264px;
	height:				22px;
}

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

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


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


#product-single #related #recommended-track .inner-bar-container,
#product-single #related #recommended-track .progress-bar
{
	width:			200px;
}

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

#product-single #related #recommended-track .play-time
{	
	left:			212px;
}


/*
#product-single #tracklist .prelistening
{
	position:			absolute;
	left:				480px;
	top:				6px;
	
	padding-left:		16px;
	width:				86px;
	height:				12px;
	font-size:			8px;
}
*/

/*
#product-single #tracklist .paused
{
	background:	url(imgs/tracklist-prelistening-paused-bg.gif) no-repeat 3px 0px;
}

#product-single #tracklist .playing
{
	background:			url(imgs/tracklist-prelistening-playing-bg.gif) no-repeat 3px 0px;
}
*/





/* Gallery */

#product-single  #gallery 
{
	width: 				614px; 
	min-height: 		250px; 
	background: 		#f0f0f0; 
	padding: 			13px;
}

#product-single #gallery  .thumb
{
	border:				3px solid #fff;
}

/* gallery options outside #gallery*/
#fancybox-title  .text
{
	font-weight:		bold;
	padding-bottom:		0.5em;
}

#fancybox-title  .credits
{
}


/* Shopping */
#product-single  ul#product-formats
{
	list-style:			none;
}

#product-single  ul#product-formats li.product-format
{
	margin-bottom:		6px;
	position:			relative;
/* 	width:				250px; */
/* 	display:			block; */
	clear:				both;
}

#product-single  ul#product-formats li.product-format .product-format-line
{
	height:				1.3em;
}


#product-single  ul#product-formats li.product-format label
{
	position:			absolute;
	left:				20px;
	top:				0px;
}

#product-single  ul#product-formats li.product-format .format-price
{
	position:			absolute;
	right:				0px;
	font-weight:		bold;
}

#product-single  ul#product-formats li.product-format .format-additional
{
	margin-left:		20px;
	font-size:			0.9em;
	background-color:	#ddd;
	padding:			4px 6px;
	margin-bottom:		8px;
}

#product-single  ul#product-formats li.product-format .format-additional a
{
	text-decoration:	underline;
}


#product-single  #tracklist span.shopcart-add-icon-button
{
	width:				44px;	/* 30 px padding vom icon-button */
	text-align:			right;
}

#product-single  #tracklist .album-only
{
	width:				80px;
	background:			#ddd;
	text-align:			right;
	padding:			4px 6px;
	height:				14px;
	font-weight:		bold;
}

.related-album
{
	display:			inline;
	text-decoration:	underline;
	cursor:				pointer;
}

.related-album:hover
{
	color:				#000;
}

.current-album
{
	font-weight:		bold;
}