/* Reset */

* {margin: 0; border: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #000; font-weight: normal; list-style-type: none;}
:root {overflow-y: scroll;}
body {background: transparent url(../images/bgpattern2.gif) repeat left top;}

/* Layout */

#container {clear: both; margin: 0 auto; padding: 18px 18px 18px 18px; width: 960px; text-align: center; background-color: #fff;}
#header {margin: 0 0 0px 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 0px; text-align: left;}
#chart-header {clear: both; margin-bottom: 0px; border-bottom: 1px solid #e0e0e0; padding-bottom: 0px; width: 960px;}
#container-2 {clear: both; margin-bottom: 18px; border-bottom: 1px solid #e0e0e0;}
#content {float: left; margin: 0 18px 0 0; border-right: 1px solid #e0e0e0; padding: 18px 18px 0 0; width: 600px; text-align: left;}
#sidebar {float: right;  width: 320px; text-align: left;}
#footer {clear: both; margin: 18px 0 18px 0; border-top: 0px solid #e0e0e0; padding-top: 9px;}


/* Links */

a:link,
a:visited {color: #57832c; text-decoration: none;}
a:hover {color: #57832c; text-decoration: underline;}


/* Headings */

h1 {margin-bottom: 18px; font-size: 20px; width: 600px; height: 28px;}
h2 {font-weight: bold;}
#sidebar h2 { font-size : 16px; }


/* Top menu */

#container-top {width: 100%; background-color: #000; border: 0px solid black; padding: 0px 0 0 0;}
#container-personal {margin: 0 auto; width: 960px; text-align: center;}
#logo-personal {float: left; width: 200px; color :#fff;}
#logo-personal a { color :#fff; }
body.records #logo-personal a.records { text-decoration : underline;}
body.digital #logo-personal a.digital { text-decoration : underline;}

#personalmenu {float: right; margin-top : 7px;}
#personalmenu * {color: #fff; text-align: left;}
#personalmenu a:link,
#personalmenu a:visited {text-decoration: none; color: #57832c; }
#personalmenu a:hover,
#personalmenu a:active {color: #57832c; text-decoration: underline;}
#personalmenu ul {float: right;}
#personalmenu ul li {display: inline;}
#register {margin-left: 9px; border-left: 1px solid #3f3f3f; padding-left: 9px;}
#personalmenu dl {float: left;}
#personalmenu dt {float: left; padding-right: 0.25em; color:#e0e0e0;}
#personalmenu dt:after {content: ":";}
dt.loginstatus {display: none; padding: 0 0 4px 12px;}
dt.orderstatus {padding-left: 14px; background: transparent url(../images/icon_buy2.gif) no-repeat left 1px;}
dt.downloadstatus {padding-left: 14px; background: transparent url(../images/icon_buy2.gif) no-repeat left 1px;}
dt.animate {background: transparent url(../images/ani_order.gif) no-repeat left 1px; }
dt.wishliststatus {padding-left: 14px; background: transparent url(../images/icon_list4.gif) no-repeat left top;}
#personalmenu dd {float: left; display: block; margin-right: 9px; padding-right: 9px; border-right: 1px solid #3f3f3f; font-weight: bold;}
#logout {float: left;}


/* Header */

.skip {display: none;}

#brand-name {float: left; margin: 9px 0 9px 0; width: 221px; height :22px;}
#logo {float: right; margin: 0 0 9px 0; width: 100px;}

#mainnav {clear: both; margin-top: 9px; border-top: 0px solid #e0e0e0;}
#mainnav li {float: left; width: 100px;}
#mainnav a {display: block; margin-right: 1px; border-right: 0px solid #e0e0e0; padding: 9px 0 6px 0px; width: 119px; background-color: #fff; color: #57832c; text-transform: uppercase; text-align: left;}
#mainnav a:link,
#mainnav a:visited {text-decoration: none;}
#mainnav a:hover,
#mainnav a:active {background-color: #fff; font-weight: bold; text-decoration: none;}
#mainnav li.active a {border-top: 0px solid #e0e0e0; background-color: #fff; color: #57832c; font-weight: bold;}

#mainnav li#mainnav_search {width: 320px;}
#search {float: left; margin: 4px 0 0 36px; border: 1px solid #e0e0e0; padding: 4px 4px; width: 200px;}
#search-button {margin: 4px 0 0 4px; padding: 4px 9px; width: 60px; text-transform: uppercase; cursor: pointer;}


/*
#mainnav a {display: block; margin-right: 1px; padding: 38px 0 0 0; overflow: hidden; width: 190px; line-height: 100px; height: 0px !important; height /**//*:38px;}

#mainnav_home a { background: transparent url(../images/menu_home.gif) no-repeat left 0px;}
#mainnav_artists a { background: transparent url(../images/menu_artists.gif) no-repeat left 0px;}
#mainnav_labels a { background: transparent url(../images/menu_labels.gif) no-repeat left 0px;}
#mainnav_genres a { background: transparent url(../images/menu_genres.gif) no-repeat left 0px;}
#mainnav_charts a { background: transparent url(../images/menu_charts.gif) no-repeat left -38px;}
*/


/* Breadcrumbs */

#breadcrumbnav {border-bottom: 1px solid #e0e0e0; padding-bottom: 9px; text-align: left;}


/* Accordion */

#navlist h2 {margin-top: 9px; border-top: 1px solid #e0e0e0; padding-top: 9px;}
#navlist h2 a {cursor: pointer; display: block; text-decoration: none;}
#navlist {border-bottom: 1px solid #e0e0e0; padding-bottom: 9px;}


/* Content Header */

.header-pic {border: 1px solid #000; padding: 1px; margin-bottom: 18px;}
.page-intro {margin-bottom: 18px;}



/*********** Cart - general rules ***********/

p.help {float: right;}
p.help a {padding-left: 17px; background: transparent url(../images/icon_help.gif) 0px 3px no-repeat;}
p.shopping-bag {float: right;}
p.shopping-bag a {padding-left: 14px; background: transparent url(../images/icon_bag.gif) 0px 1px no-repeat;}

h1 {margin: 0 0 36px 0; font-weight: bold; text-transform: uppercase;}
h2#forgot {font-weight: bold;}

div.freetext p {margin: 0 0 36px 0;}

h2 {margin: 20px 0 20px 0;}
h2.attention {color: #cc0000;}
body#cart-part3 h2 {font-weight: bold;}

p.intro { margin-bottom: 20px;}



/*********** Cart - cart part 1 ***********/

form#cart-form input.quantity, form#cart-form select#shipping-method,select#shipping-country, form#cart-form select#shipping-country {font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #000000; background-color: #fff;}
form#cart-form input.quantity {margin: -2px 0 0 0; padding: 0 4px; border: 1px solid #e0e0e0; width: 20px; height: 15px; text-align: right; }
form#cart-form select#shipping-method {margin: 0 4px 0 8px; padding: 0;}
form#cart-form select#shipping-country {margin: 0 4px 0 10px; padding: 0;}

table#cart {border-top: 0px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 9px 0px; width: 600px;}

table#cart colgroup col.cart-remove {width: 16px;}
table#cart colgroup col.cart-format {width: 15px;}
table#cart colgroup col.cart-cover {width: 87px;}
table#cart colgroup col.cart-title {width: 187px;}
table#cart colgroup col.cart-label {width: 137px;}
table#cart colgroup col.cart-quantity {width: 20px;}
table#cart colgroup col.cart-price {width: 50px;}
table#cart colgroup col.cart-subtotal {width: 60px;}

table#cart thead th {border-bottom: 1px solid #e0e0e0; padding: 0 8px 8px 0; vertical-align: top; font-weight: bold; color: #000000;}

table#cart tbody td {vertical-align: top; padding: 4px 8px 2px 0;}
table#cart tbody th {vertical-align: top; text-align: left; font-weight: normal;}

table#cart tbody tr.item td {border-bottom: 1px solid #e0e0e0; vertical-align: top;}
td.vinyl {width: 15px; background: transparent url(../images/icon_vinyl.gif) 0px 3px no-repeat; text-indent: -9999px;}
td.cd {width: 15px; background: transparent url(../images/icon_cd.gif) 0px 3px no-repeat; text-indent: -9999px;}
td.merchandise {width: 15px; background: transparent url(../images/icon_merchandise.gif) 0px 3px no-repeat; text-indent: -9999px;}

table#cart tbody tr.totals td, table#cart tbody tr.totals th {padding-top: 20px;}
table#cart tbody tr th#total, td#total_amount {font-weight: bold;}

td.total {border-top: 1px solid #000000;}
table#cart tbody tr.item td.last-amount {border-bottom: 1px solid #000000;}

a.remove:link {color: #cc0000; text-decoration: none;}
a.remove:visited {color: #cc0000; text-decoration: none;}
a.remove:hover {color: #cc0000; text-decoration: underline;}
a.remove:active {color: #cc0000; text-decoration: underline;}

div.sub {clear: both; margin: 20px 0 0 0; font-size: 9px; color: #626262;}
p.sub { margin: 20px 0 0 0; font-size: 9px; color: #626262;}




/*********** Cart - cart part 2 ***********/

span.sub {font-size: 9px; color: #999999;}

form#cart-form input.personal-details, form#cart-form textarea#comments, form#cart-form select#payment-method {font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #000000; background-color: #fff; border: 1px solid #7a7a7a;} 
form#cart-form input.personal-details {margin: 0; padding: 0 4px; width: 190px; height: 15px;}
form#cart-form select.personal-details {margin: 0; padding: 0 4px; width: 185px; height: 15px;}
form#cart-form textarea#comments {margin: 0; padding: 0 4px; width: 190px; height: 77px;}
form#cart-form input#addtoorder {margin: 0; padding: 0 4px; width: 190px; height: 15px;}
form#cart-form select#payment-method {margin: 0; padding: 0; width: 150px;}



/*********** Cart - bottom navigation ***********/


div#cart-navigation {text-align: right; margin-bottom : 20px;}

form#cart-form input.button {margin: 20px 0 0 20px; padding: 0; border: 0; background-color: transparent; text-decoration: none; color: #669933; cursor: pointer; cursor: hand;} 
form#cart-form input.button:hover {text-decoration: underline;}

form#cart-form input#cart-refresh {padding-left: 11px; background: transparent url(../images/icon_refresh.gif) 0px 3px no-repeat;}
form#cart-form input#cart-submit {padding-left: 10px; background: transparent url(../images/icon_checkout.gif) 0px 3px no-repeat; text-transform: uppercase;}

/*********** Items ***********/

div.items {margin-top : 36px; }
div.item {width: 172px; margin: 0 0 12px 0; border-top: 1px solid #7a7a7a; padding: 5px 0 0 0;}

div.item img {float: left; width: 60px; margin: 0 10px 6px 0; border: 1px solid #333333;}
div.item img.no-cover {border: 0;}

div.item h4 {float: left; width: 100px; font-weight: bold;}
div.item h5 {float: left; width: 100px; margin: 0 0 6px 0;}
div.item h5 a:link {color: #333333; text-decoration: none;}
div.item h5 a:visited {color: #333333; text-decoration: none;}
div.item h5 a:hover {color: #333333; text-decoration: underline;}
div.item h5 a:active {color: #333333; text-decoration: underline;}

div.item ul {float: left; width: 100px; margin: 0 0 6px 0; padding: 0; list-style-type: none;}
div.item ul li {margin: 0; padding-left: 12px; background: transparent url(../images/icon_sample6.gif) 0 3px no-repeat; font-size: 11px;}
div.item ul a:link {color: #669933; text-decoration: none;}
div.item ul a:visited {color: #669933; text-decoration: none;}
div.item ul a:hover {color: #669933; text-decoration: underline;}
div.item ul a:active {color: #669933; text-decoration: underline;}

div.item p.description {float: left; width: 100px;}

div.item table {clear: both; margin: 0 0 0 0; padding: 0; width: 172px; background: transparent url(../images/dots180.gif) bottom left repeat-x;}
div.item table thead {display: none;}
div.item table tbody {margin: 0; padding: 0;}
div.item table tr {margin: 0; padding: 0; vertical-align: top;}
div.item table tr td {margin: 0; padding: 5px 0 6px 0; height: 14px; background: transparent url(../images/dots180.gif) top left no-repeat;}
div.item table tr td.vinyl {width: 22px; text-indent: -9999px; background: transparent url(../images/icon-home_vinyl.gif) 0px 0px no-repeat;}
div.item table tr td.cd {width: 22px; text-indent: -9999px; background: transparent url(../images/icon-home_cd.gif) 0px 0px no-repeat;}
div.item table tr td.mp3 {width: 22px; text-indent: -9999px; background: transparent url(../images/icon-home_mp3.gif) 0px 0px no-repeat;}
div.item table tr td.merchandise {width: 22px; text-indent: -9999px; background: transparent url(../images/icon-home_merchandise.gif) 0px 0px no-repeat;}
div.item table tr td.buy {width: 32px; background-image: url(../images/icon_buy_dots.gif); background-position: left top; background-repeat: no-repeat;}
td.buy a {padding: 0 0 0 14px;}

tr.item td img {display: block; float: left; margin: 0px 9px 0px 0px; padding: 2px 2px 8px 2px; width: 60px; background: transparent url(../images/bg_plaat-60.gif) no-repeat left top;}

div.item p.link {clear: both; margin: 5px 0 0 0; font-size: 9px;}

div#shippingadres { display : none; margin-bottom : 20px;}




/* Releases */

.list {clear: both;}
.release {margin: 0 0px 18px 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 9px; width: 600px; background-color: #fff;}

.release img {float: left; margin: 0 9px 9px 0px; /* border: 1px solid #e0e0e0; padding: 1px; */ padding: 2px 2px 8px 2px; width: 140px; background: transparent url(../images/bg_plaat-140.gif) no-repeat left top;}
.release div {float: right; width: 440px;} 

.release h2 {margin: 0 0 9px 2px; text-transform: uppercase;}
.release h2 a {font-weight: bold;}
.release dl {margin: 0 0 0px 2px;}
.release ul {margin-bottom: 9px;}
.release p {margin-bottom: 9px;}

.label {padding-bottom: 0px;}
.label dt {float: left; padding-right: 0.25em; padding-bottom: 0px; font-weight: normal;}
.catno {padding-bottom: 4px;}
.catno dt {float: left; padding-right: 0.25em; padding-bottom: 9px; font-weight: normal;}
.release .tracklist {clear: both; margin-bottom: 14px;}
.release .tracklist li {margin-bottom: 1px; background-color: #f3f6f0;}
.release .tracklist li a {display: block; padding: 2px 0 2px 15px; background: transparent url(../images/icon_sample.gif) no-repeat 4px 4px; text-transform: uppercase;}

.availability {margin-left: 3px; padding-bottom: 1px;}
.availability li {margin-bottom: 2px;}
li.buy a {padding-left: 13px; background: transparent url(../images/icon_buy.gif) no-repeat left 1px;}
li.remind a {padding-left: 13px; background: transparent url(../images/icon_remind.gif) no-repeat left 3px;}
li.addtowishlist a {padding-left: 14px; background: transparent url(../images/icon_list3.gif) no-repeat left 2px;}
p.addtowishlist a {padding-left: 14px; background: transparent url(../images/icon_list3.gif) no-repeat left 2px;}
.removefromwishlist a {padding-left: 14px; background: transparent url(../images/icon_remove.gif) no-repeat left 2px;}
/*
.removefromwishlist a:link,
.removefromwishlist a:visited {color: #cc0000; text-decoration: none;}
.removefromwishlist a:hover {color: #cc0000; text-decoration: underline;}
*/


/* Linear navigation */

.pagination {}

/* Pagination */
/*
.previous {float: left; width: 200px;}
.pagenumber {float: left; width: 200px; text-align: center;}
.next {float: left; width: 200px; text-align: right;}
*/

/* Pagination */


.pagination {margin: 0 0 36px 0; border-bottom: 1px solid #e0e0e0; padding: 9px 0; width: 600px;}
.pagenumbers {margin: 9px 0 9px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 9px 0; width: 600px; }
/* .pagenumbers {float: left; width: 400px;} */
.pagenumbers dl {margin: 0 auto;}
.pagenumbers dt {/* display: none; */ float: left; padding-right: 0.25em;}
.pagenumbers dt:after {content: ":";}
.pagenumbers li {float: left; margin-right: 1px; font-weight: bold;}
.pagenumbers li a {font-weight: normal; border: 1px solid #e0e0e0; padding: 4px 4px; text-align: center;}
.pagenumbers li a:hover {border: 1px solid #57832c; background-color: #f3f6f0;}
.pagenumbers li.previous, 
.pagenumbers li.next {color: #e0e0e0; font-weight: normal;}
.pagenumbers li.previous a, 
.pagenumbers li.next a {border: 0px solid #e0e0e0; padding: 4px 4px; text-align: center;}
.pagenumbers li.previous a:hover, 
.pagenumbers li.next a:hover {border: 0px solid #57832c; background-color: #fff;}
.sorting dt {/* display: none; */ float: left; padding-right: 0.25em;}
.sorting dt:after {content: ":";}
.sorting li {float: left; margin-right: 9px; font-weight: bold;}


/* label {float: left; width: 150px;} */
input {border: 1px solid #e0e0e0; padding: 2px 4px;}
select {border: 1px solid #e0e0e0; padding: 2px 0px;}
#go-to-page_top {margin-right: 4px; width: 20px;}
.linear-nav {float: right; width: 250px;}
.linear-nav li {display: inline;}
.linear-nav span {font-weight: bold; color: #57832c;}


/* Sub Nav */

.sub-nav {margin-bottom: 18px;}
.sub-nav h2 {margin-bottom: 18px; height: 16px;}
.sub-nav h3 {margin-bottom: 0px; font-weight: bold; color: #000; text-transform: uppercase;}
.sub-nav .event {margin-bottom: 9px;}
.sub-nav .event dd {font-size: 9px; color: #000;}
.sub-nav .event dt {float: left; padding-right: 0.25em; color: #000;}
.sub-nav .event dt:after {content: ":";}

.list-authors {}
.list-authors li {float: left; width: 65px; height: 65px;}
.list-authors li.active { margin: 0 1px 0 0; border: 1px solid #000; padding: 1px; width: 60px; height: 60px;}
.list-authors li a {display: block; margin: 0 1px 0 0; border: 1px solid #e0e0e0; padding: 1px; width: 60px; height: 60px; background-color: #f3f6f0; text-decoration: none;}
.list-authors li a:hover {border: 1px solid #000;}

.list-charts-author {clear: both; width: 320px; margin-top: 4px; border-top: 1px solid #e0e0e0;}
.list-charts-author li {width: 320px; border-bottom: 1px solid #e0e0e0;}
.list-charts-author li.active {padding-top: 4px; padding-bottom: 4px; background-color: #f3f6f0;}
.list-charts-author a {display: block; padding-top: 4px; padding-bottom: 4px; width: 320px;}
.list-charts-author a:hover {background-color: #f3f6f0; text-decoration: none;}
.list-charts-author span {font-weight: bold; color: #57832c;}
.list-charts-author li.active span {color: #000;}

/* Charts sidebar */

.chart {margin-bottom: 36px; border-bottom: 1px solid #e0e0e0;}
.chart .chart-release-header {border-top: 1px solid #e0e0e0; padding: 0; width: 320px;} 
.chart .chart-release-header:hover {background-color: #fff; cursor: pointer;} 
.chart .ranking {float: right; margin: 9px 9px 0 2px; border: 0px solid #e0e0e0; padding: 5px 9px 5px 9px; width: 11px; color: #fff; background-color: #57832c; text-transform: uppercase; display: block;}
.chart h3, .chart h4 {float: left; width: 210px; color: #000;}
.chart h3 {margin: 9px 0 0px 2px; font-weight: bold; text-transform: uppercase;}
.chart h3 span {font-weight: bold; color: #57832c;}
.chart h4 {margin: 0 0 0 2px; font-weight: bold;}
.chart h4 a:hover {text-decoration: none;}
.chart img {display: block; float: left; margin: 4px 9px 4px 0px; padding: 2px 2px 8px 2px; width: 60px; background: transparent url(../images/bg_plaat-60.gif) no-repeat left top;}
.chart .chart-release {clear: both; margin: 0px 0 18px 0; width: 320px; border: 0px solid #e0e0e0; padding: 0px;}

/* Tracks */

div.chart-release .tracklist {clear:both; margin-bottom: 18px; margin-left: 0px;}
div.release .tracklist {float: right; width: 440px; margin-bottom: 18px; margin-left: 0px;}
div.release .tracklist li {margin-bottom: 1px; padding: 2px 0px; background-color: #f3f6f0;}
div.release .tracklist li a {display: block; padding: 2px 0 2px 15px; background: transparent url(../images/icon_sample.gif) no-repeat 4px 4px; text-transform: uppercase;}
div.chart-release .tracklist li {margin-bottom: 1px; padding: 2px 0px; background-color: #f3f6f0;}
div.chart-release .tracklist li a {display: block; padding: 2px 0 2px 15px; background: transparent url(../images/icon_sample.gif) no-repeat 4px 4px; text-transform: uppercase;}

/* Tracks - release content */
#content .tracklist {}



/* Availability */
#sidebar .availability {width: 320px;}

.availability {margin: 0 0 18px 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 0px;}
.availability th {display: none;}
.availability tr {padding: 0; vertical-align: top;}
.availability td {padding: 4px 9px 4px 0; border-top: 1px solid #e0e0e0;}
td.vinyl {padding-right: 0px; width: 19px; text-indent: -9999px; background: transparent url(../images/icon_vinyl.gif) left 3px no-repeat;}
td.cd {padding-right: 0px; width: 19px; text-indent: -9999px; background: transparent url(../images/icon_cd.gif) left 3px no-repeat;}
td.digital {padding-right: 0px; width: 19px; text-indent: -9999px; background: transparent url(../images/icon_digital.gif) left 3px no-repeat;}
td.buy {padding-right: 0px; background-image: url(../images/icon_buy.gif); background-position: left 5px; background-repeat: no-repeat;}
td.remind {padding-right: 0px; background-image: url(../images/icon_remind.gif); background-position: left 7px; background-repeat: no-repeat;}
td.buy a,
td.remind a {padding-left: 12px; font-weight: bold; text-transform: uppercase;}
td.buy a span {font-weight: normal; text-transform: none;}