/* <%Response.ContentType = "text/css"%> */
.blocks {
	/*height: 126px; [JG] 2008-05-19,	Why should blocks be atleast 126 pixels ??*/
	overflow: hidden;
}

.blocks * {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 16px;
}

.blocks label, .blocks label:hover {
	cursor: default !important;
/*	float: left;*/
	padding-right: 2px;
	text-decoration: none;
	width: 60px;
	width: auto;
}

.blocks a {
	color: #000;
}

.blocks a:hover {
	color: #ff6600;
	text-decoration: underline;
}

.blocks h1 {
	background: transparent;
	font-weight: normal;
	line-height: 16px;
	margin-left: 1px;
	padding: 2px 4px 2px 8px;

	padding: 4px 4px 0 8px;
	padding: 0;
	padding-left: 6px;
	padding-top: 3px;
}

.blocks .blocks_details {
	height: 98px;
	_height: 106px;
	margin-left: 110px;
	padding-top: 8px;
	
	height: 100px;
	_height: 108px;
	padding-top: 6px;
}

.blocks a.cover, .blocks span.cover {
	border: 0;
	float: left;
	padding: 8px 8px 2px;
	
	padding: 6px 8px 4px;
}

.blocks a.cover img, .blocks span.cover img {
	border: 1px solid #000;
}

.blocks .blocks_buttons {
	/*_margin-left: -4px;*/
	margin-top: 6px;
	padding: 4px 0;
	padding: 0;
}

.blocks .priceoncover 
{
	background-color: #4B8FD0;
	width: 90px;
	height: 11px;
	border-top: solid 1px #000000;
	color: #FFFFFF;
	text-align:center;
	position: relative;
	top: 116px;
	left: 9px;
	font-size: 9px;
	margin-top:-10px;
	filter: alpha(opacity=90); 
	-moz-opacity: .9;
}

.blocks .priceoncover a,
.blocks .priceoncover a:hover,
.blocks .priceoncover a:link,
.blocks .priceoncover a:visited,
.blocks .priceoncover a:active
{
	color: #FFFFFF;
	font-size: 9px;
	line-height: 10px;
	_line-height: 11px;
}


.blocks .priceoncover2
{
	background-color: #4B8FD0;
	width: 90px;
	height: 11px;
	border-top: solid 1px #000000;
	color: #FFFFFF;
	text-align:center;
	position: relative;
	top: 97px;
	left: 9px;
	font-size: 9px;
	margin-top:-12px;
	filter: alpha(opacity=90); 
	-moz-opacity: .9;
}

.blocks .priceoncover2 a,
.blocks .priceoncover2 a:hover,
.blocks .priceoncover2 a:link,
.blocks .priceoncover2 a:visited,
.blocks .priceoncover2 a:active
{
	color: #FFFFFF;
	font-size: 9px;
	line-height: 10px;
	_line-height: 11px;
}

.odd_highlight
{
	background-color: #FFE0CC !important;
}
.even_highlight
{
	background-color: #FFD0B2 !important;
}


a.track_shoppingcart 
{
	/*display: none; */
	visibility: hidden;
}
a.track_shoppingcart img
{
	margin-left:2px;
	margin-bottom: -2px;
}

tr.shoppingcart_row:hover a.track_shoppingcart, 
tr.shoppingcart_hover     a.track_shoppingcart
{
	visibility: visible;
	filter: alpha(opacity=30); 
	-moz-opacity: .3;	
}
div.shoppingcart_row:hover a.track_shoppingcart, 
div.shoppingcart_hover     a.track_shoppingcart
{
	visibility: visible;
	filter: alpha(opacity=30); 
	-moz-opacity: .7;	
}

.blocks_compact_container 
{
	position: relative;
	/*float:left;*/
	height: 42px;
	_height: 41px;
}

.blocks_compact_container .compact_text
{
	position:relative;
	left:0px;
	top:6px;
	float:left;
}

.blocks_compact_container .compact_shoppingcartOLD,
.blocks_compact_container .compact_shoppingcart1OLD
{
	position:absolute;
	left:0px;
	top:28px;
	left:220px;
	width:15px;
	height:11px;
}
 
.blocks_compact_container .compact_shoppingcart2OLD
{
	position:absolute;
	left:0px;
	top:28px;
	left:438px;
	width:15px;
	height:11px;
}


.blocks_compact_container .compact_shoppingcart,
.blocks_compact_container .compact_shoppingcart2
{
	position:relative;
	float:right;
	top:28px;
	_top:27px;
	width:15px;
	height:11px;
	margin-right:5px;
	_margin-right:2px;
}

.blocks_compact_container .compact_shoppingcart3
{
	position:relative;
	float:right;
	top:50px;
	_top:49px;
	width:15px;
	height:11px;
	margin-right:5px;
	_margin-right:2px;

}



/*
.blocks .cover .priceoncover 
{
	background-color: #4B8FD0;
	width: 90px;
	height: 10px;
	border-top: solid 1px #000000;
	color: #FFFFFF;
	text-align:center;
	position: relative;
	top: 80px;
	left: 1px;
	font-size: 9px;
	line-height: 11px;
}
*/
.blocks_partofalbum {
	color: #fff;
	height: 105px;
	overflow: hidden;
	position: relative;
}

.blocks_partofalbum a.cover {
	padding: 6px 8px 2px;
}
 
.blocks_luisterenhurenkopen {
	background: #fff;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 194px;
}

.blocks_latest, .blocks_comingsoon {
	background-color: #e7e6ec;
	border-bottom: 1px solid #fff;
/* [MS] 20080415 */
	height: 62px !important;
	overflow: hidden;
}

.blocks_latest .blocks_details, .blocks_comingsoon .blocks_details {
	height: 57px;
	margin-left: 70px;
	padding-top: 5px;
}

.blocks_latest a.cover, .blocks_comingsoon span.cover {
	padding: 2px 8px;
	padding-left: 6px;
}

.blocks_compact {
	background-color: #e7e6ec;
	border: 1px solid #fff;
	border-top: 0;
	border-right: 0;
	font-size: 10px;
	height: 41px;
	_height: 42px;
}

.blocks_compact55x55 {
	background-color: #e7e6ec;
	border: 1px solid #fff;
	border-top: 0;
	border-right: 0;
	font-size: 10px;
	height: 62px;
}
.blocks_compact p {
	margin: 0;
	padding-top: 6px;
	padding-top: 5px;
}

.blocks_compact a.cover {
	border: 0;
	float: left;
	padding: 2px 8px;
}

.blocks_compact a.cover img {
	border: 1px solid #000;
}

.blocks_compact55x55 p {
	margin: 0;
	padding-top: 6px;
}
.blocks_compact55x55 a.cover {
	border: 0;
	float: left;
	padding: 2px 8px;
}

.blocks_compact55x55 a.cover img {
	border: 1px solid #000;
}


.textblock 
{
	padding: 0 5px 0 5px;
}

.height1 {height: 21px;}
.height2 {height: 42px;}
.height3 {height: 63px;}
.height4 {height: 84px;}
.height5 {height: 105px;}
.height6 {height: 126px;}
.height7 {height: 147px;}
.height8 {height: 168px;}
.height9 {height: 189px;}
.height10 {height: 210px;}
.height11 {height: 231px;}
.height12 {height: 252px;}
.height13 {height: 273px;}
.height14 {height: 294px;}
.height15 {height: 315px;}
.height16 {height: 336px;}
.height17 {height: 357px;}
.height18 {height: 378px;}
.height19 {height: 399px;}
.height20 {height: 420px;}

.banner_img1 
{
	padding-left:1px;
	text-align: left;
	vertical-align: top;
}

.banner_img2
{
	text-align: right;
	vertical-align: top;
}


/* HEADERS */
table.headers {
	border: 0;
	height: 21px;
}

table.headers a {
	color: #fff;
}

table.headers td {
	background-position: left top;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 21px;
	vertical-align: top;
}

table.headers a.genreselector, table.headers a.abcselector {
	background-image: url(/images/selector_down.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	color: #fff;
	color: #777;
	font-weight: bold !important;
	padding-right: 14px;
}

table.headers a.genreselector:hover, table.headers a.abcselector:hover {
	color: #fff;
}

table.headers_big {
	height: 42px;
}

table.headers_bigger {
/*	height: 63px; */
	height: 42px;
}
/* SHINY DEFAULT */
td.headers_left, 
td.headers_left_mid, 
td.headers_mid,
td.headers_title,
td.headers_right, 
td.headers_right_mid {
	background-image: url(/images/blockhead_gray_mid.gif);
	width: 8px;
}
td.headers_right, 
td.headers_right_mid {
	width: 4px;
}
td.headers_left { background-image: url(/images/blockhead_gray_left.gif); }
td.headers_left_mid { background-image: url(/images/blockhead_gray_left_mid.gif); }
td.headers_right { background-image: url(/images/blockhead_gray_right.gif); }
td.headers_right_mid { background-image: url(/images/blockhead_gray_right_mid.gif); }

td.headers_title {
	color: #fff;
	padding-top: 2px;
	_padding-top: 1px;
}

/* ORANGE */
.headers_orange td.headers_left, 
.headers_orange td.headers_left_mid, 
.headers_orange td.headers_mid,
.headers_orange td.headers_title,
.headers_orange td.headers_right, 
.headers_orange td.headers_right_mid {
	background-image: url(/images/blockhead_orange_mid.gif);
}
.headers_orange td.headers_left { background-image: url(/images/blockhead_orange_left.gif); }
.headers_orange td.headers_left_mid { background-image: url(/images/blockhead_orange_left_mid.gif); }
.headers_orange td.headers_right { background-image: url(/images/blockhead_orange_right.gif); }
.headers_orange td.headers_right_mid { background-image: url(/images/blockhead_orange_right_mid.gif); }

/* SHINY GRAY */
.headers_shiny_gray td.headers_left, 
.headers_shiny_gray td.headers_left_mid, 
.headers_shiny_gray td.headers_mid,
.headers_shiny_gray td.headers_title,
.headers_shiny_gray td.headers_right, 
.headers_shiny_gray td.headers_right_mid {
	background-image: url(/images/head_gray_mid.gif);
}
.headers_shiny_gray td.headers_left { background-image: url(/images/head_gray_left.gif); }
.headers_shiny_gray td.headers_left_mid { background-image: url(/images/head_gray_left_mid.gif); }
.headers_shiny_gray td.headers_left_mid { background-image: url(/images/head_gray_mid.gif); }
.headers_shiny_gray td.headers_right { background-image: url(/images/head_gray_right.gif); }
.headers_shiny_gray td.headers_right_mid { background-image: url(/images/head_gray_right_mid.gif); }
.headers_shiny_gray td.headers_right_mid { background-image: url(/images/head_gray_mid.gif); }

/* SHINY ORANGE */
.headers_shiny_orange td.headers_left, 
.headers_shiny_orange td.headers_left_mid, 
.headers_shiny_orange td.headers_mid,
.headers_shiny_orange td.headers_title,
.headers_shiny_orange td.headers_right, 
.headers_shiny_orange td.headers_right_mid {
	background-image: url(/images/head_orange_mid.gif);
}
.headers_shiny_orange td.headers_left { background-image: url(/images/head_orange_left.gif); }
.headers_shiny_orange td.headers_left_mid { background-image: url(/images/head_orange_left_mid.gif); }
.headers_shiny_orange td.headers_left_mid { background-image: url(/images/head_orange_mid.gif); }
.headers_shiny_orange td.headers_right { background-image: url(/images/head_orange_right.gif); }
.headers_shiny_orange td.headers_right_mid { background-image: url(/images/head_orange_right_mid.gif); }
.headers_shiny_orange td.headers_right_mid { background-image: url(/images/head_orange_mid.gif); }

/* SHINY BLUE */
.headers_shiny_blue td.headers_left, 
.headers_shiny_blue td.headers_left_mid, 
.headers_shiny_blue td.headers_mid,
.headers_shiny_blue td.headers_title,
.headers_shiny_blue td.headers_right, 
.headers_shiny_blue td.headers_right_mid {
	background-image: url(/images/head_blue_mid.gif);
}
.headers_shiny_blue td.headers_left { background-image: url(/images/head_blue_left.gif); }
.headers_shiny_blue td.headers_left_mid { background-image: url(/images/head_blue_left_mid.gif); }
.headers_shiny_blue td.headers_left_mid { background-image: url(/images/head_blue_mid.gif); }
.headers_shiny_blue td.headers_right { background-image: url(/images/head_blue_right.gif); }
.headers_shiny_blue td.headers_right_mid { background-image: url(/images/head_blue_right_mid.gif); }
.headers_shiny_blue td.headers_right_mid { background-image: url(/images/head_blue_mid.gif); }

/* SHINY GREEN */
.headers_shiny_green td.headers_left, 
.headers_shiny_green td.headers_left_mid, 
.headers_shiny_green td.headers_mid,
.headers_shiny_green td.headers_title,
.headers_shiny_green td.headers_right, 
.headers_shiny_green td.headers_right_mid {
	background-image: url(/images/head_green_mid.gif);
}
.headers_shiny_green td.headers_left { background-image: url(/images/head_green_left.gif); }
.headers_shiny_green td.headers_left_mid { background-image: url(/images/head_green_left_mid.gif); }
.headers_shiny_green td.headers_right { background-image: url(/images/head_green_right.gif); }
.headers_shiny_green td.headers_right_mid { background-image: url(/images/head_green_right_mid.gif); }

.icons_horizontal {
	height: 16px;
	position: relative;
	width: 60px;
}

.btn_play, .btn_add {
	background-image: url(/images/icon_play.gif);
	background-repeat: no-repeat;
	height: 12px;
	overflow: hidden;
	margin: 2px 4px 0 0;
	text-indent: -9999px;
	width: 14px;

	position: absolute;
	left: 0;
}

.btn_add {
	background-image: url(/images/icon_add.gif);
	left: 16px;
}

.btn_play:hover {
/*	background-image: url(/images/icon_play_o.gif); */
}

.btn_add:hover {
/*	background-image: url(/images/icon_add_o.gif); */
}

.genre_selector {
	color: #fff;
}

/* NAVIGATION HORZ */
div#navcontainer {
	background-color: #ff6600;
	border-bottom: 1px solid #fff;
	font-size: 10px;
	height: 21px;
	margin: 0 101px 0 102px;
}

div#navcontainer ul {
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#navcontainer ul li {
	display: inline;
	margin-left: -4px;
	padding: 0;
}

div#navcontainer ul li a {
	padding: 8px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover {
	background-color: #16008d;
	color: #fff;
}

#active a { border-left: 1px solid #fff; }

#genre_container, #abc_container {
	/*
	display: none;
	display: block;
	*/
	background: #393943;
	color: #fff; 
	height: 125px;
	height: 0;
	margin-left: 1px;
	overflow: hidden;
	width: 531px;
	
	opacity: 0.99;
	-moz-opacity: 0.99;
	filter: alpha(opacity=99);
}

#genre_container #genre_list {
	_display: none;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);

	border: 0;
	border-collapse: collapse;
	height: 101px;
}

#abc_container #abc_list {
	_display: none;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);

	border: 0;
	border-collapse: collapse;
	height: 16px;
}

#genre_container #genre_list td.genres_column {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 1px;
	vertical-align: top;
}

#genre_container #genre_list td.genres_column_first {
	border-left: 0;
}

#genre_container a.genre_item {
	border: 0;
	color: #fff; 
	display: block;
	font-size: 9px; 
	padding: 1px 4px;
	width: 96px;
	_width: 104px;
}

#genre_container a.genre_item:hover {
	background: #eee;
	color: #fff;
	color: #000;
	text-decoration: none;
}

#genre_container a.genre_selected {
	background-color: #eee;
	color: #ff6600;
	font-weight: bold;
}

#genre_container a.genre_last {
	width: 93px;
	_width: 101px;
}

.abc {
	border: 0;
	height: 21px;
	padding-top: 1px;
	padding-top: 0;
}

.abc td {
	background-image: url(/images/abc_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 15px;
	_height: 17px;
	padding-top: 2px;
	_padding-top: 0;
	padding-left: 2px;
	text-align: center;
	vertical-align: middle;
	width: 15px;
	_width: 17px;
}

.abc td a, .abc td span, .abc td span.abc_disabled {
	color: #ff6600;
	float: left;
	font-weight: bold;
	font-weight: normal;
	margin-right: 2px;
	_margin-top: -1px;
	_padding-bottom: 1px;
	text-align: center;
	width: 17px;
	width: 15px;
}

.abc td span.abc_disabled {
	color: #454545;
}

.abc td a {
	color: #888;
	color: #fff;
	height: 16px;
}

.abc td a:hover {
	background-color: #eee;
	color: #000;
	text-decoration: none;
}

.abc td a img {
	border: 0;
}


.review_container
{
	margin: 0px 10px 10px 10px;
}

.review_container .mainimage 
{
	margin: 11px 10px 0px 0px;
	border: solid 1px #000000;
}
.review_container p
{
	margin-top: -9px;
}
.review_container h3
{
	line-height: normal;
	margin-bottom: 10px;
}