/*
	
	Style for external product view 
	/cat/product-ext?PRODUCT_NR=XXXXXXX&COVERSIZE=XXX&CSS=XXX&SUPPRESS_ARTISTS=X
	
	
	tracklist und buy 
	30.03.2007, mJ:	em -> catalog.css
					div kl Änderungen f. schöneres Tracklisting
	
	09.04.2007, mJ:	Klassen für noscript js-only
	
	27.04.2007, mJ:	Stylesheets Aufräumaktion I
	
	03.05.2007, mJ:	Euro padding-right

	23.08.2007, mJ: Fixed: Mantis 0000479 Track listing to wide for 4297902

	05.12.2007, mJ:	disabled-countryselection nicht mehr bold
	
	11.06.2008, mJ:	countryselection: padding weg
	
	03.07.2008, mJ:	aus catalog und Tracklist zusammengebaut
	
	04.07.2008, mJ:	doc update

	18.11.2008, mJ:	.minilink
*/


body#product-ext
{
	background:	#f7f7f7;
}



#catalog-product,
#catalog-tracklist
{
	position:				relative;
 	padding:				0px	10px 10px 10px;
/* 	overflow:				hidden; */
}


#catalog-product h4,
#catalog-tracklist h4
{
	background:				#eaebeb;
	padding:				2px 6px 1px 10px;

	margin-left:			-10px;
	margin-right:			-10px;
 	margin-top:				9px;
 	margin-bottom:			11px;
	font-size:				11px;
/* 	text-transform:			uppercase; */
	text-align:				left;
/* 	width:					100%; */
}

#catalog-product h4 a	/* Tab: Product Info / Press Quotes / Prizes link */
{
	padding-left:			15px;
	padding-right: 			15px;
	color:					#909090;
}

#catalog-product h4 .active /* the active "tab" */
{
	color:					#606060;
}



/* Width is calculated inline from COVERSIZE + 20 */
/* override with !important; see below	*/
.product-full .cover-container
{
	float:					left;
/* 	width:					300px !important; */
}

 
 
/* XXX the width will be set according to the selected COVERSIZE */
.product-full .cover-container 
{
/*  Texte rechts der Cover brauchen nicht gleichmäßig zu laufen */
/*  	margin-right:			10px; */
/*  	margin-right:			10px; */
	width:					160px;
/* 	border:					1px solid red; */
}


/* XXX This defines the Border around the cover */
.product-full .cover
{
	border-top:				1px solid #fff;
	border-left:			1px solid #fff;
	border-right:			1px solid #b7b7b7;
	border-bottom:			1px solid #b7b7b7;
}

.product-full,				/* volle Produktansicht */
.buy-album,					/* Buy album-bereich	*/
.tracklist-head				
{
	position:				relative;
	width:					100%;
	margin-bottom:			10px;
/*  does not work for MSIE*/
}

.tracklist-head 
{
	position:				relative;
}



/* XXX The product's text area (usually right of the Cover ) */
.product-full .product-text 
{

	overflow:				hidden;
	float:					left;
	width:					250px;
 	word-wrap:  			break-word; 
	margin-right:			16px;
	margin-bottom:			16px;
 	
}


/* XXX The different sections of the product text */
.product-text  .composer,
.product-text  .works,
.product-text  .artists,
.product-text  .recording 
{
	padding-top:			5px;
	padding-bottom:			5px;
	border-bottom:			1px dotted #979797;
}


.product-text  .product-nr 
{
	font-weight:			bold;
	display:				inline;
}

.product-text  .composer 
{
	border-top:			1px dotted #979797;
}

.product-text  .date 
{
	padding-top:			5px;
}

.product-text  .prod /* N CDs / Download */
{
	font-weight:			bold;
	padding-bottom:			5px;
	border-bottom:			1px dotted #979797;
}



.product-text  .composer,
.product-text  .works 
{
	font-weight:			bold;
}

.product-text  .buy 
{
	margin-top:				10px;
}


/* XXX Things like Album Site / Series Microsite, ... */
ul.product-subnavi
{
	list-style:				None;
}

ul.product-subnavi li
{
	margin-top:				4px;
}

.tracklist-head ul.product-subnavi
{
	position:				relative;
	float:					right;
}



/* Product prizes section */
.product-prizes
{
}


.product-prizes ul.prizes {
	margin-left: 		10px;
	margin-bottom:		10px;
}


/* Product press quotes section */

.product-press-quotes ul.pq-language-navigation
{
	list-style:			none;
	display:			inline;
	float:				left;
 	margin-bottom:		10px;
}

.product-press-quotes ul.pq-language-navigation li
{
	display:			inline;
	margin-left:		0px !important;	/* Einstellung aus content (1em) aufheben */
}


.product-press-quotes ul.pq-album-navigation
{
	list-style:			none;
	display:			inline;
	float:				right;
}

.product-press-quotes ul.pq-album-navigation li
{
	display:			inline;
	margin-left:		0px !important;	/* Einstellung aus content (1em) aufheben */
}


.product-press-quotes .pq-language
{
	font-weight:		bold;
}

.product-press-quotes .press-quote
{
	padding-left:		16px
}

.product-press-quotes .pq-foot
{
	font-style:			italic;
}


.marketing-text-container
{
	border: 			1px dotted #909090;
	padding-top:		8px;
	padding-left:		16px;
	padding-bottom:		8px;
	width:				250px;
	float:				left;
}

.marketing-text
{
	margin-bottom:		8px;
}

.recommended-track
{
	width:				200px;
	margin-top:			4px;
/* 	margin-left:		16px; */
	float:				left;
}



/* different styles for product texts (from arev export) */
/* H: Helvetica; L: Light; O: Oblique; Number: pt size in phys. Catalogue */


.HL-6  
{
 		font-family:	Tahoma, Helvetica;
		font-size:  	10px; 
		font-weight: 	normal; 
}

.HL-7  {
	 	font-family:	Tahoma, Helvetica;
		font-size:  	12px; 
		font-weight: 	normal; 
}

.HL-8  { 	
		font-family:	Tahoma, Helvetica;
		font-size:  	12px; 
		font-weight: 	normal; 
}
/* .HL-8  { font-size: 11pt; font-weight: normal } */
/* .HLO-6 { font-size:  8pt; font-style: italic } */

.HLO-7 
{ 
		font-size: 		12px; 
		font-style: 	italic 
}
30
.HLO-8 
{ 	
		font-size: 		14px; 
		font-style: 	italic 
}


/* Track List and Buy... */

noscript
{
	padding-top:		10px;
	font-weight:		bold;
	margin-bottom:		0px;
}

.js-only
{
	display: 			none;
}


.tracklist-buy-album-actions
{
	float:				right;
}

.product-buy-album
{
	padding-top: 		10px;
}

 
.tracklist-buy-album,
.tracklist-buy-tracks
{
	position:			relative;
}

.tracklist-buy-album
{ /* msie bottmnavi... */
	padding-bottom:		0px;
}



/* .tracklist-buy-album .h5, */
/* .tracklist-buy-tracks .h5 { */

.h5
{
/* Looks like h4 from product info or track list
	but other implementation
*/
/* 	position:				relative; */
	background:				#eaebeb;
	padding:				2px 6px 1px 10px;
	margin-top:				9px;
	margin-left:			-10px;
	margin-right:			-10px;
 	margin-bottom:			11px;
	font-size:				11px;
	font-weight:			bold;
/* 	text-transform:			uppercase; */
	text-align:				left;
/* 	width:					100%; */
}


h6
{
	font-size:				10px;
}


.tracklist-buy-album-choices
{
	width:					250px;
}

.tracklist-buy-tracks-choices
{
 	font-size: 				11px;
	width:					100%;
}

.buy-price
{	/*produkt*/
	text-align:				right;
}


table.tracklist .tl-even
{
	background-color:		#e7e7e7;
}

table.tracklist .tl-odd
{
	background-color:		#f0f0f0;
}



/* Tracklisting text */
table.tracklist .spacer {			height:			10px; }
table.tracklist .product {			font-size: 		11px;	font-weight: bold; }
table.tracklist .composer {			font-size: 		12px; } /* composer etwas wegstrecken */
table.tracklist .artist {			font-size: 		9px; 	padding-left: 20px; }
table.tracklist .arranger {			font-weight: 	normal;	} /* white-space:	nowrap;} */
table.tracklist .work {				font-weight:	bold; 	margin-left:	0px; }
/* indentation according to work depth */
table.tracklist .style0 {			margin-left: 	0px; }	
table.tracklist .track .style0 {	font-weight: 	bold;}	/* Composer not bold */
table.tracklist .style1 {			margin-left: 	10px;}
table.tracklist .style2 {			margin-left:	20px;}
table.tracklist .style3 {			margin-left:	30px;}
table.tracklist .style4 {			margin-left: 	40px;}
table.tracklist .time {				text-align:		right;	padding-left:	3px; }
table.tracklist .price {			text-align:		right;	padding-left:	10px;	width: 45px; padding-right:3px; /*white-space:	nowrap; */ }
table.tracklist .total {			font-weight: 	bold;	text-align:		right; }

/* textcontainer besser lesbar machen */
table.tracklist .style0,
table.tracklist .style1, 
table.tracklist .style2,
table.tracklist .style3,
table.tracklist .style4
{
	padding-top:		3px;
	padding-bottom:		3px;
}


.fd-product-type-choice,
.tracklist-buy-tracks input
{
	background-color:	transparent;	/* msie macht sie sonst weiß */
}


/* Preisspalten im Tracklisting. Per JS einschalten */
.DIGITAL,
.BURN
{
	display:				none;
}



.track-format-option
{ /* radios buttons etwas platz verschaffen */
	padding-left:			3px;
	padding-right:			3px;
}


#countryselection
{
	float:					right;
}

#disabled-countryselection
{
	padding-top:			10px;
}

.minilink {
/* 	color:					#909090; */
	background:				#e9dec9;
	display:				inline;
	padding:				0px 3px;
	font-size:				7pt;
	font-family:			arial;
/* 	font-weight:		bold; */
	text-decoration:		none;
	text-transform:			uppercase;
}