/******************************************************************************
* General HTML styles
*****************************************************************************/
*
{
margin:	0px;
padding:	0px;
}
body
{
font-family:	Arial, Helvetica;
/* 	font-family:	Georgia, Serif; */
/* 	font-family:	Verdana, Helvetica; */
font-size:	12px;
line-height:	1.3em;
/* 	color:	#808080; */
color:	#333;
}
body#dg
{
background-color:	#999; 
}
body#info-box
{
background-color:	#eee; 
margin:	20px;
}
#content-container
{
/* 	margin:	20px 0 0 20px; */
margin:	12px 3px 0px 3px;	/* oberer Rand; Schatten kompensieren */
/* 	width:	990px; */
width:	970px;	/* padding... */
height:	100%;
padding-left:	20px;
padding-bottom:	20px;
/* 	position: 	relative; */
}
#contentarea {	/* enthält den rechten Schatten */
float:	left;
/* strict*/
width:	660px; 
/*	width:	670px; */
margin-left:	 	16px;
/* 	margin-bottom:	 	20px; */ /* moved to content-container padding-bottom */
/* 	margin-left:	 	36px; */
}
.content {
/*	width:	608px; 
padding:	16px;*/
width:	614px; 
padding:	13px;
background-color:	#eee;
}
#dg #fancybox-overlay {
z-index: 15000!important;
}
#fancybox-wrap
{
z-index:	20000!important;
}
#fancybox-inner .content {
/*	width:	608px; 
padding:	16px;*/
width:	610px; 
padding:	6px;
background-color:	transparent;
margin-bottom:	0px;	}
#content-related-container {
/* 	margin-top:	16px; */	/* moved to box shadow */
/* 	width:	640px; */
}
a
{
text-decoration: 	underline;
/* 	color:	#808080; */
color:	#333;
outline:	none;
}
a.external-link
{
text-decoration: 	underline;
}
a:hover
{
color: 	#000;
text-decoration: 	none;
}
a:active
{
color: 	#333;
}
a.fulltext-link
{
text-decoration: 	underline;
}
a.fulltext-link:hover
{
text-decoration: 	underline;
color: 	#000;
}
.promo-price
{
color:	#f00;
}
.strikeout-price
{
width: 	100%; 
height: 	100%; 
position:	absolute; 
top: 	0; 
left: 	0; 
background: 	url('imgs/strikeout-red.png') no-repeat; 
background-size: 100%;
}
br.clear
{
/* 	display:	block; */
clear:	both;
width:	0px;
height:	0px;
font-size:	0px;
}
img
{
border: 	none;
}
input,
select
{
background-color:	#fff;
}
input
{
outline: 	none;
}
select
{
height:	22px;
/* 	padding:	3px 0px 3px 8px; */
padding-left:	8px;
padding-top:	3px;
border:	1px solid #c0c0c0;
font-family:	inherit; /*Arial, Helvetica;*/
font-size:	11px;
font-weight:	bold;
color:	#404040;
/* besser lesbar */
/* 	font-size:	 10px; */
outline:	none;
}
select option
{
padding-left:	8px;
font-weight:	normal;
}
label
{
cursor:	pointer;
}
p
{
margin-bottom:	0.7em;
}
.content li
{
margin-left:	15px;
}
/******************************************************************************
* Page Layout
*****************************************************************************/
#container
{
width:	996px;
margin:	0px auto;
padding:	0px 0px;
background:	url(imgs/new-container-bg.png) repeat-y top left;
}
#header
{
padding:	0px 3px;
font-weight:	bold;
font-size:	1em;
}
#header-top
,#header-bottom
{
width:	100%;
height:	26px; /* 30px - border */
background-color:	#f7f7f7;
border-bottom:	4px solid #ffe700;
text-align:	right;
overflow:	visible;
}
#header-top
{
position:	relative;
text-align:	left;
z-index:	100;	/* put descendants( tinymenus ) over header-middle
}
#header-top-floater
{
/* 	float:	right; */
}
#cookietext-container
{
float: 	left; 
padding:	5px 20px;
}
#cookietext-container a
{
text-decoration:	none;
}
#basket-container
{
float: 	left; 
background:	#f7f7f7;
width:	340px;
height:	25px;
}
#country-selection-container
{
float: 	left; 
width: 	180px;
}
#country-selection-over
{
position: 	absolute; 
z-index:	1; 	
width: 	180px; 
height: 	16px;
background:	#f7f7f7;
padding:	5px 0px;
}
#country-selection-select
{
padding-top:	2px;
}
#minicart
{
width:	340px;
/* 	width:	150px; */
/* Hide links */
}
#basket-link
{
float: 	right; 
padding-top:	5px; 
padding-right: 	8px; 
padding-left: 	25px; 
background: 	url(/css/imgs/shopcart-button-bg.gif) no-repeat 0 5px;
}
#checkout-link
{
display:	inline;
float: 	right; 
padding-top:	5px; 
padding-right: 	32px; 
padding-left: 	5px;
}
#basket-link a,
#checkout-link a
{
text-decoration: 	none;
}
#tinymenu-container
{
border-left:	1px solid #ddd;
position:	relative;
float:	left;
height:	21px;
padding:	6px 24px 0px 10px;
font-size:	9px;
}
#header-middle
{
position:	relative;	
/*	hides dynamic menus in MSIE 6 and 7 if relative */
width:	996px;
height:	93px;
background:	url(imgs/header-middle-bg.png);
background-color:	#979797;
margin-left:	-3px;
margin-right:	-3px;
/* 	z-index:	-10; */
}
#claim
{
width:	525px;	/*700px-175px;*/
/* 	height:	100%; */
padding-left:	175px;	/* margin-left does nor work in ie*/
float:	left;
text-align:	left;
cursor:	pointer;
}
#claim table
{
height:	92px;
}
#quicksearch-container
{
/* 	height:	31px; */
height:	2em;
position:	absolute;
float:	right;
top:	0px;
right:	24px;
border-left:	1px solid #666;
border-right:	1px solid #666;
border-bottom:	1px solid #666;
background:	url(imgs/quicksearch-container-bg.png) repeat-x top;
background-color:	#f7f7f7;
padding:	5px 5px 4px 5px;
/* 	padding-left:	0.7em; */
/* 	padding-right:	0.7em; */
/* 	padding-top:	0.7em; */
/* 	padding-bottom:	0.4em; */
}
#quicksearch-input
{
background:	url(imgs/quicksearch-bg.png) no-repeat 5px 4px;
border:	1px solid #999;
padding:	2px 2px 2px 29px;
}
#howto-container
{
/* 	height:	31px; */
height:	2em;
/* 	float:	right; */
position:	absolute;
bottom:	0px;
right:	24px;
border-left:	1px solid #666;
border-right:	1px solid #666;
border-top:	1px solid #666;
background:	url(imgs/howto-container-bg.png) repeat-x bottom;
background-color:	#ffe700;
font-weight:	bold;
font-size:	1em;
padding-left:	32px;
padding-right:	1.5em;
padding-top:	0.5em;
}
#howto-container a
{
text-decoration:	none;
}
#howto-overlay
{
position: 	absolute; 
top: 	-17px; 
left: 	-13px;
}
#terminator
{
width:	996px;
height:	3px;
font-size:	1px;
background:	url(imgs/terminator-bg.png);
background-color:	#999;
}
#mainmenu
{
/* 	width:	330px; */
/* 	padding-left:	10px; */
}
#mainmenu ul
{
list-style:	none;
}
#mainmenu li
{
float:	left;
display:	inline;
border-right:	1px solid #ddd;
height:	26px;
/* 	padding:	5px 14px 0px 14px; */
}
#mainmenu li a
{
float:	left;
display:	inline;
padding:	5px 14px 0px 14px;
height:	21px;
text-decoration:	none;
background-color:	#f7f7f7;	
/* msie 6 needs background-color, else some hover images linger... */
}
#mainmenu li.mainmenu-spacer
{
float:	left;
display:	inline;
padding:	6px 4px 0px 20px;
height:	10px;
text-decoration:	none;
background-color:	#f7f7f7;
/*	color:	#2e4254; */
font-size:	11px;
font-weight:	normal;
/* msie 6 needs background-color, else some hover images linger... */
}
#mainmenu li a:hover
{
background-image:	url(imgs/mainmenu-item-hover-bg.png);
}
#mainmenu li a:active
{
background-image:	url(imgs/mainmenu-item-active-bg.png);
}
#mainmenu-active
{
/* 	background-color:	#ffe700 !important; */
background-image:	url(imgs/mainmenu-item-active-bg.png);
}
.mainmenu-last a
{
/* 	background-color:	#ffe700 !important; */
/*	padding-right: 	40px !important; */
}
h3
{
margin-bottom:	20px;
}
h1,
h2,
h3,
h4,
.headline {
border-left:	4px solid #ffe700;
padding-left:	6px;
font-weight:	bold;
font-size:	1em;
margin-bottom:	0.7em;
}
h5,
.subheadline {
font-weight:	bold;
font-size:	1em;
margin-bottom:	0.3em;
}
.tiny-menu 	{
font-size:	11px; 
background:	#ffe800 url(imgs/tiny-arrow-down.gif) no-repeat 120px 5px;
padding: 	8px 0px; 
z-index:	 	100; 
width: 	120px; 
border:	1px solid #ccc25e;
padding:	1px 6px 0px 6px;
text-align:	left;
cursor:	pointer;
top: 	4px;
}
.tiny-menu:hover
{
/* 	background:	#ffe800 url(imgs/tiny-arrow-down.gif) no-repeat 120px 5px; */
background-image:	none;
}
.tiny-menu ul
{
display:	none; /* initially hidden */
list-style:	none;
}
.tiny-menu ul li 
{
padding:	4px 0 2px 8px;
}
.tiny-menu ul li a 
{
cursor:	pointer;
text-decoration:	none;
}
.tiny-menu ul li a:hover 
{
/*	text-decoration:	underline; */
}
#my-account-menu 
{
position: 	absolute; 
right: 	130px; 
width:	130px;
background-position:	130px 5px;
}
#language-menu 
{
position: 	absolute; 
right: 	26px; 
width:	80px;
background-position:	80px 5px;
}
.tiny-menu ul li:hover,
#language-menu .selected
{	
background:	url(imgs/tiny-arrow-right.gif) no-repeat 0px 9px;
}
.utils-shadow
{
background:	#eee;
overflow:	visible;
}
.utils-shadow .shadow-top-and-right
{
width: 	2px !important; 
background: 	url(imgs/shadow-top-and-right.png);
}
.utils-shadow .shadow-left-and-bottom
{
height: 	2px !important; 
background: 	url(imgs/shadow-left-and-bottom.png);
}
.utils-shadow .shadow-bottom-right
{
height: 	2px !important; 
width: 	2px !important; 
background: 	url(imgs/shadow-bottom-right.png);
}
/* Buttons with icons */
/* general classes */
.button,
.icon-button,
.add-dropdown-button
{
display: 	-moz-inline-box;
display: 	inline-block;
padding:	3px 8px 0 8px;
margin:	0 5px 0 0px;
font-weight:	bold;	
height:	17px;
border:	1px solid #fff595;
border-left-color:	#fff595;
border-right-color:	#c1b439;
border-bottom-color:#c1b439;
/* 	border-right-color:	#d1c238; */
/* 	border-bottom-color:#b4a302; */
/* 	border-left-color:	#ffef58; */
background: 	url(imgs/button-bg.png);
background-color:	#ffe700;
line-height:	14px;
cursor:	pointer;
text-decoration:	none;
}
.add-dropdown-button
{
background: 	url(imgs/dropdown-button-bg.png) no-repeat right;
background-color:	#ffe700;
position:	relative;
}
.add-dropdown-button,
.add-dropdown-button:hover,
.add-dropdown-button:active
{
padding-right:	16px !important;
}
* html .button { display:inline; } /* for IE 6 */
* + html .button { display:inline; } /* for IE 7 */
* html .icon-button { display:inline; } /* for IE 6 */
* + html .icon-button { display:inline; } /* for IE 7 */
* html .add-dropdown-button { display:inline; } /* for IE 6 */
* + html .add-dropdown-button { display:inline; } /* for IE 7 */
.button:hover,
.icon-button:hover,
.add-dropdown-button:hover
{
background: 	url(imgs/button-hover-bg.png);
text-decoration:	none;
color:	#333;	/* keep color */
/* 	border:	1px solid #fffbd4; */
border-left-color:	#fff277;
border-right-color:	#c1b439;
border-bottom-color:#c1b439;
}
.add-dropdown-button:hover
{
background: 	url(imgs/dropdown-button-hover-bg.png) no-repeat right;
}
.button:active
,.icon-button:active
/* ,.add-dropdown-button:active */
{
background: 	url(imgs/button-active-bg.png);
padding:	3px 7px 0px 9px;
/* 	border:	1px solid #b4b08b; */
border-top-color:	#c1b439;
border-left-color:	#c1b439;
border-right-color:	#fff595;
border-bottom-color:#fff595;
outline: 	none;
}
/* spans to use within button to get icon buttons */
span.info-icon-button 
{
display:	block;
text-indent:	20px;
background:	url(imgs/info-button-bg.gif) no-repeat 0px 0px;
}
span.launch-icon-button 
{
display:	block;
text-indent:	20px;
background:	url(imgs/launch-button-bg.gif) no-repeat 0px 0px;
}
span.shopcart-icon-button 
{
display:	block;
text-indent:	20px;
background:	url(imgs/shopcart-button-bg.gif) no-repeat 0px 0px;
}
span.shopcart-add-icon-button
/* ,span.shopcart-add-icon-button:hover */
{
display:	block;
/* 	text-indent:	30px;	 */
padding-left:	30px;
background:	url(imgs/shopcart-add-button-bg.gif) no-repeat 0px 0px;
/* 	background:	url(imgs/hand-logo-16.png) no-repeat 0px 1px; */
}
span.notes-icon-button 
{
display:	block;
text-indent:	20px;
background:	url(imgs/notes-button-bg.gif) no-repeat 0px 0px;
}
#breadcrumb-container
{
margin:	2px 14px 0px 20px;
padding-bottom:	2px;
border-bottom:	1px solid #ddd;
/* 	height:	21px; */
}
#breadcrumbs ul
{
list-style:	none;
}
#breadcrumbs li
{
float:	left;
display:	inline;
font-size:	10px;
font-weight:	normal;
/* 	height:	26px; */
padding:	2px 2px 2px 0px;
/* 	padding:	5px 14px 0px 14px; */
}
#breadcrumbs li:first-child	/* does not work for msie6 */
{
border-left:	0px;
}
#breadcrumbs li a
{
float:	left;
display:	inline;
/* 	padding:	5px 14px 0px 14px; */
text-decoration:	none;
background-color:	#f7f7f7;	
/* msie 6 needs background-color, else some hover images linger... */
}
#breadcrumbs li a:hover
{
color:	#000;
}
#breadcrumbs li a:active
{
color:	#333;
}
#footer
{
margin:	0 3px;	padding:	0 20px;
background-color:	#999;
}
#footer
{
color:	white;
font-size:	10px;
font-family:	Arial, Sans, Helvetica;
text-transform:	uppercase;
height:	26px;
}
#footer span
{
/* 	position:	relative; */
/* 	top:	6px; */
}
#footer ul
{
display:	inline;
float:	right;
list-style:	none;
}
#footer ul li
{
display:	inline;
padding-left:	16px;
}
#footer ul li a
{
color:	white;
text-decoration:	none;	
/* 	position:	relative; */
/* 	top:	-3px;	 */
}
#footer ul li a img
{
/* 	position:	relative; */
/* 	top:	6px;	 */
}
#footer table 
{
color:	white;
font-size:	10px;
font-family:	Arial, Sans, Helvetica;
/* 	width:	100%; */
text-transform:	uppercase;
height:	26px;
}
#footer table td a
{
color:	white;
text-decoration:	none;
padding-left:	16px;
}
#footer table td a img
{
padding-top:	3px;
}
#terminator
{
width:	996px;
height:	13px;
font-size:	1px;
background:	url(imgs/terminator-bg.png) no-repeat;
background-color:	#999;
}
hr {
background-color:	#ccc;
border:	0 none;
color:	#ccc;
height:	1px;
margin:	10px 0;
}
body#info-box
{
width:	500px;
}
.info-box
{
width:	expression( "460px" );
}
/* dl dt dd used in awards and info box */
dt,
div.dt	/* msie stupid indent */
{
float:	left;
font-weight:	bold;
}
dd,
div.dd	/* msie stupid indent */
{
display:	block;
margin-left:	120px;
margin-bottom:	10px;
}
dd p,
div.dd p
{
margin-bottom:	0px;
}
.info-box h3, 
.info-box h4
{
border-left:	none 0;
margin-left:	0;
padding-left:	0;
}
.info-box h3
{
margin-top:	10px;
}
.info-box h4
{
margin-top:	20px;
}
.add-dropdown-button-container,
.magic-buy-now
{
position:	relative;
display:	inline;
/* 	z-index:	100; */
}
.add-dropdown-button
{
position:	relative;
/* 	z-index:	100; */
white-space:	nowrap;
}
.add-dropdown 
{
position:	absolute;
top:	0px;
left:	-1px;
/* 	width:	220px; */
/*	height:	80px; */
border:	1px solid #ffe700;
border-left-color:	#fff277;
border-right-color:	#c1b439;
border-bottom-color:#c1b439;
background-color:	#ffe700;
margin-top:	20px; 
text-align:	left;
font-weight:	bold;
cursor:	pointer;
}
.add-dropdown tr
{
background-color:	#ffe700;
}
.add-dropdown tr:hover
{
color:	#000;
}
.add-dropdown 	td
{
padding:	3px 3px 3px 12px;
}
.add-dropdown 	td:hover
{
color:	#000;
}
.add-dropdown 	td.format-name:hover
{
background:	url(imgs/tiny-arrow-right.gif) no-repeat 3px 8px; 
}
.add-dropdown .format-price
{
padding-left:	0px;
text-align:	right;
}	
#updating-cart
{
position:	fixed;
/*	top:	40%;
left:	35%;
*/
top:	30%;
left:	0;
margin:	0 40%;
width:	300px;
height:	50px;
background:	url(imgs/trans-50-yellow.png);
color:	#333;
font-weight:	bold;
font-size:	16px;
padding-top:	25px;
text-align:	center;
z-index:	2000;
display:	none;
border-radius:	10px;
-moz-border-radius:	10px;
-webkit-border-radius:	10px;
}
#updating-cart img
{
padding-right:	4px;
}
ul.ui-tabs-nav li a.external-link
{
background:	url(/css/imgs/tab-external-bg.gif) no-repeat right 7px;
padding-right:	24px !important;
}
ul.ui-tabs-nav li a.external-link:hover
{
background:	#f0f0f0 url(/css/imgs/tab-external-bg.gif) no-repeat right 7px !important;
}
.shadow {
box-shadow: 1px 1px 2px #444;
-moz-box-shadow: 1px 1px 2px #444;
-webkit-box-shadow: 1px 1px 2px #444;
}
.video-preview-container,
.video-preview-image-container
{
position: relative;
}
.video-preview-image-link
{
display: block;
width: 100%;
/*height: 100%;*/
}
.video-preview-image
{
box-shadow: 1px 1px 2px #444;
-moz-box-shadow: 1px 1px 2px #444;
-webkit-box-shadow: 1px 1px 2px #444;
width: 100%;
}
.video-preview-play-button
{
position: absolute;
top: 0;
left: 0;
background: url('imgs/play-34.png') no-repeat scroll center center transparent;
width: 100%;
height: 100%;
opacity: 1;
}
.video-preview-play-button:hover
{
opacity: 1;
}
#new-releases-product-container .video-preview-container,
#catalog-middle-product-container .video-preview-container
{
float: 	right;
width:	300px;
position: 	relative;
}
#new-releases-product-container .video-preview-title,
#catalog-middle-product-container .video-preview-title
{
color: 	white!important;
position: 	absolute;
left: 	0;
top: 	0;
margin: 	5px 8px;
text-shadow: 2px 2px 2px #000000;
}
#new-releases-product-container .video-preview-description,
#catalog-middle-product-container .video-preview-description
{
display: none;
}
a#btn_spotify {
position: absolute;
top: 0;
right: 0;
width: 75px;
height: 22px;
background: url(../imgs/spotify.png) transparent no-repeat;
background-size: 100% 100%;
}
.ontour-shallow.cancelled:before {
display: block;
background: #f0f0f0;
width: 100%;
height: 100%;
content: "";
position: absolute;
margin: -10px -12px;
opacity: 0.5;
z-index: 1;
}
.ontour-shallow.cancelled:after {
position: absolute;
content: "Performance Cancelled";
font-size: 12px;
font-weight: bold;
z-index: 2;
background: white;
padding: 4px 15px;
box-shadow: 1px 1px 1px #666;
top: 40%;
left: 38%;
}
dl h4 small {
font-weight: normal;
}