/*--- General styles ---------------------------------------------------------*/

body {
   color: black;
   /* background-color: #CCBA9C; */
   background-color: #D4C2A4;
   border-width: 0;
   margin: 0 0 8px 0;
   padding: 0; }

body, table, input, select, button {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px; }

h1 {
   font-size: 17px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 20px; }

h2 {
   font-size: 15px;
   font-weight: bold;
   margin-top: 25px;
   margin-bottom: 12px; }

h3 {
   font-size: 12px;
   font-weight: bold;
   margin-top: 14px;
   margin-bottom: 7px; }

/*--- Links ------------------------------------------------------------------*/

a:link, a:visited {
   text-decoration: none;
   color: black; }
a:hover {
   text-decoration: underline;
   color: black; }
a.explicit, a.explicit:link, a.explicit:visited,
a.explicitBold, a.explicitBold:link, a.explicitBold:visited {
   color: #4444aa; }
a.explicitBold {
   font-weight: bold; }

/*--- Page layout ------------------------------------------------------------*/

#topPane {
   position: relative;
   min-width: 1000px; }
#top1Pane {
   position: relative;
   height: 140px;
   background-color: #513314;
   border-color: #F7F9F7;
   border-style: solid;
   border-width: 0 0 4px 0; }
#top2Pane {
   position: relative; }

#leftPane {
   float: left;
   margin-left: 15px;
   width: 140px; }

#contentPane {
   position: relative;
   margin-left: 160px;
   max-width: 830px;      /* 1000 - 160 - 10 */
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 1px; }    /* to prevent margin collapsing */

/*--- Top panes --------------------------------------------------------------*/

#top1Left {
   float: left;
   height: 140px;
   width: 596px;
   border-color: #CCBA9C;
   border-style: solid;
   border-width: 0 4px 0 0; }
img.topLogo {
   display: block;
   border-width: 0; }

#top1Right {
   float: left;
   height: 140px;
   width: 400px; }
#webShopTopText {
   display: table-cell;
   height: 140px;
   width: 400px;
   text-align: center;
   vertical-align: middle;
   font-size: 12px;
   font-weight: bold;
   color: white; }
#webShopTopText a, #webShopTopText a:link, #webShopTopText a:visited {
   color: #ccbbff; }

form.currencySelector {
   position: absolute;
   top: 0px;
   left: 430px;
   width: 240px; }
select.currencySelector {
   font-size: 11px;
   margin-left: 2px;
   /* width: 150px; */ }

div.cartIndicator {
   position: absolute;
   top: 2px;
   left: 680px;
   width: 120px;
   font-size: 11px; }
img.cartIndicator {
   border-width: 0;
   padding-right: 4px;
   vertical-align: middle; }

div.loginMini {
   position: absolute;
   top: 2px;
   left: 790px;
   width: 200px;
   font-size: 11px; }
div.loginMiniEmail {
   padding-bottom: 2px; }

/*--- Menu -------------------------------------------------------------------*/

div.mainMenuPane {
   font-size: 11px;
   background-color: white; }

div.menuBlock {
   display: none; }

a.menuTitle {
   display: block;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 7px;
   margin-top: 1px;
   margin-bottom: 1px;
   font-weight: bold;
   background-color: #A38A78; }
a.menuTitle, a.menuTitle:link, a.menuTitle:visited, a.menuTitle:hover { /* IE6 */
   color: white; }

a.menuItem {
   display: block;
   padding-left: 3px;
   padding-top: 1px;
   padding-bottom: 2px;
   margin-top: 1px;
   margin-bottom: 1px;
   background-color: #DAD1C5; }

/*--- Mini search form -------------------------------------------------------*/

form.searchMini {
   margin-top: 15px;
   margin-left: 15px;
   margin-bottom: 10px; }

table.searchMini {
   border-collapse: collapse;
   table-layout: fixed; }

col.searchMiniCol1 { width: 110px; }
col.searchMiniCol2 { width:  75px; }
col.searchMiniCol3 { width: 110px; }
col.searchMiniCol4 { width: 150px; }

td.searchMiniCol1, td.searchMiniCol2, td.searchMiniCol3 {
   padding-top: 0;
   padding-bottom: 5px;
   vertical-align: baseline; }
td.searchMiniCol4 {
   vertical-align: top; }
td.searchMiniCol2 {
   padding-left: 20px; }
td.searchMiniCol4 {
   padding-left: 20px; }

table.searchMini, table.searchMini input, table.searchMini select {
   font-size: 11px; }

td.searchMiniCol1 input, td.searchMiniCol1 select, td.searchMiniCol3 select {
   width: 100%; }

input.searchMiniButton {
   width: 70px;
   padding-top: 3px;
   padding-bottom: 3px; }

/*--- Simple search form -----------------------------------------------------*/

form.searchSimple {
   margin-bottom: 220px; }

table.searchSimple {
   border-collapse: collapse; }

table.searchSimple col.legend { width:  70px; }
table.searchSimple col.input  { width: 180px; }

table.searchSimple input, table.searchSimple select {
   width: 130px; }

/*--- Login form -------------------------------------------------------------*/

table.loginForm {
   border-collapse: collapse; }

table.loginForm td {
   vertical-align: baseline;
   padding: 0; }

table.loginForm td.loginFormCol1 {
   padding-right: 10px; }

table.loginForm td.loginFormRow2 {
   padding-top: 5px; }

table.loginForm td.loginFormButton {
   padding-top: 15px; }

table.loginForm td.loginFailedMsg {
   color: red;
   font-weight: bold;
   padding-top: 15px; }

input.loginFormField {
   width: 250px; }

input.loginFormButton {
   font-size: 11px;
   min-width: 70px;
   padding-top: 3px;
   padding-bottom: 3px; }

/*--- Password recovery ------------------------------------------------------*/

table.recoverPwForm {
   border-collapse: collapse; }

table.recoverPwForm td {
   padding: 0 0 3px 0; }

table.recoverPwForm td.recoverPwFormCol1 {
   padding-right: 10px; }

table.recoverPwForm td.recoverPwFormRow2 {
   padding-top: 5px; }

table.recoverPwForm td.recoverPwFormButton {
   padding-top: 15px; }

table.recoverPwForm td.recoverPwFailedMsg {
   color: red;
   font-weight: bold;
   padding-top: 15px; }

input.recoverPwFormField {
   width: 250px; }

/*--- Start page (index / display) -------------------------------------------*/

body.index div#contentColumn {
   padding-top: 10px; }

div.newsBlockTitle {
   margin-top: 20px;
   position: relative; }
#firstNewsBlockTitle {
   margin-top: 0; }
img.newsBlockTitleBar {
   display: block; }
img.newsBlockTitleText {
   position: absolute;
   display: block;
   top: 6px;
   left: 10px; }

div.newsBlockCd {
   /* background-color: white; */
   width: 760px;
   height: 290px;
   overflow: auto;
   overflow-x: hidden; }   /* sonst macht IE6 manchmal horizontale Scrollbalken */
div.newsBlockLp {
   width: 760px;
   height: 145px;
   overflow: auto;
   overflow-x: hidden; }
div.newsBlockDvd {
   width: 760px;
   height: 175px;
   overflow: auto;
   overflow-x: hidden; }
div.newsBlockTableBig {
   width: 800px;
   height: 350px;
   overflow: auto;
   margin-bottom: 33px; }
div.newsBlockTable {
   width: 800px;
   height: 220px;
   overflow: auto;
   margin-bottom: 33px; }

a.articleDisplayCD,
a.articleDisplayLP {
   display: block;
   float: left;
   width: 124px;
   height: 124px;
   margin-top: 8px;
   margin-bottom: 12px;
   margin-right: 23px; }

a.articleDisplayDVD {
   display: block;
   float: left;
   width: 110px;
   height: 154px;
   margin-top: 8px;
   margin-bottom: 12px;
   margin-right: 23px; }

img.articleDisplay {
   border: 1px solid black; }

body.index div.articleList {
   margin-top: 5px;
   margin-bottom: 0px; }

/*--- Article and cart lists -------------------------------------------------*/

div.articleList {
   /* Das DIV brauchts für Margin-Collapsing wegen https://bugzilla.mozilla.org/show_bug.cgi?id=87277 */
   margin-top: 15px;
   margin-bottom: 20px; }

table.articleList {
   /* Wegen Bug https://bugzilla.mozilla.org/show_bug.cgi?id=244135 kann nicht border-collapse:collapse verwendet werden. */
   border-collapse: separate;
   border-spacing: 0;
   empty-cells: show;
   table-layout: fixed;
   width: 0px;
   border-bottom: 1px solid #888; }
table.cartList {
   border-collapse: collapse;
   table-layout: fixed;
   width: 0px; }

table.articleList col.info          { width:  40px; }
table.articleList col.sample        { width:  25px; }
table.articleList col.artist        { width: 150px; }
table.articleList col.title         { width: 150px; }
table.articleList col.riddim        { width:  90px; }
table.articleList col.label         { width: 100px; }
table.articleList col.country       { width:  35px; }
table.articleList col.quality       { width:  70px; }
table.articleList col.articleFormat { width:  35px; }
table.articleList col.price         { width:  50px; }
table.articleList col.cart          { width:  32px; }

table.cartList col.articleFormat    { width:  40px; }
table.cartList col.articleText      { width: 500px; }
table.cartList col.articleId        { width:  70px; }
table.cartList col.price            { width:  70px; }
table.cartList col.available        { width:  47px; }
table.cartList col.quantity         { width:  30px; }
table.cartList col.remove           { width:  15px; }

table.articleList th, table.cartList th {
   text-align: left;
   vertical-align: bottom;
   padding: 0 0 3px 0; }
table.cartList th {
   border-bottom: 1px solid #888; }
table.articleList th.price, table.cartList th.price {
   text-align: right; }
table.cartList th.price {
   padding-right: 10px; }

table.articleList td, table.cartList td  {
   vertical-align: top;
   padding: 2px 0 2px 0;
   overflow: hidden; }
table.articleList tr.dateHeader td {
   border-top: 1px solid #888;
   padding: 15px 0 15px 0;
   font-weight: bold;
   font-size: 11px; }
table.articleList tr.first td {
   border-top: 1px solid #888; }
table.articleList td.artist,
 table.articleList td.title,
 table.articleList td.riddim,
 table.articleList td.label,
 table.articleList td.quality,
 table.cartList td.articleText {
   padding-right: 10px; }
/* table.articleList td.info {
   vertical-align: middle; } */
table.articleList td.sample {
   padding-top: 4px;
   padding-bottom: 0;
   overflow: visible; }         /* necessary for when the popup overlaps the document */
table.articleList td.price, table.cartList td.price {
   text-align: right; }
table.cartList td.price {
   padding-right: 10px; }
table.articleList td.cart {
   text-align: right;
   padding-top: 3px;
   padding-bottom: 0px; }
table.cartList td.quantity input {
   width: 25px; }
table.cartList td.remove {
   font-weight: bold;
   text-align: right; }
table.cartList td.remove a {
   text-decoration: none; }

tr.cartSubtotal td,
tr.cartTotal td {
   border-top: 1px solid #888; }
tr.cartTotal td {
   font-weight: bold; }

img.articleIcon {
   display: block;
   border: 1px solid black; }

img.infoIcon {
   display: block;
   margin-left: 7px;
   border-width: 0; }

img.articleListSample {
   display: block;
   border-width: 0; }

img.cart {
   border-width: 0; }

form.cart div.lowQuantitySurchargeNote,
form.cart div.buttons {
   margin-top: 20px; }

div.results {
   margin-top: 0;
   margin-bottom: 10px;
   font-size: 12px; }
div.pages {
   margin-top: 10px;
   margin-bottom: 15px;
   font-size: 12px; }
a.pageLinkCurrent, a.pageLinkCurrent:link, a.pageLinkCurrent:visited, a.pageLinkCurrent:hover {
   color: red;
   font-weight: bold; }

div.samplesAnchor {
   position: relative; }
div.samplesPopupOuter {
   position: absolute;
   z-index: 1;
   border: 1px solid #333;
   top: -30px;
   left: 40px;
   display: none; }
div.samplesPopupInner {
   border-width: 2px;
   border-style: solid;
   border-color: #fff #666 #666 #fff;
   background-color: #FFE8A8;
   padding: 7px 10px; }

/*--- Article details --------------------------------------------------------*/

table.articleDetails {
   border-collapse: collapse;
   table-layout: fixed;
   width: 0; }

table.articleDetails col.label { width:  90px; }
table.articleDetails col.value { width: 604px; }

table.articleDetails td {
   vertical-align: top; }

table.articleDetails td.label {
   border: 1px solid #888;
   font-weight: bold; }

table.articleDetails td.value {
   border: 1px solid #888; }

table.articleDetails td.gap {
   height: 8px;
   border-left: none;
   border-right: none; }

table.articleDetails a.inlineSample {
   padding-left: 5px; }
table.articleDetails a.inlineSample img {
   position: relative;
   top: 2px; }

img.articleDetailsImage {
   display: block;
   margin-bottom: 20px;
   border: 1px solid black; }

/*--- Track list -------------------------------------------------------------*/

table.trackList {
   border-collapse: collapse;
   table-layout: fixed;
   width: 0px; }

table.trackList col.pos     { width:  40px; }
table.trackList col.sample  { width:  60px; }
table.trackList col.artist  { width: 150px; }
table.trackList col.title   { width: 150px; }
table.trackList col.riddim  { width: 100px; }
table.trackList col.remarks { width: 100px; }

table.trackList th {
   text-align: left;
   vertical-align: bottom;
   padding: 0 0 2px 0;
   border-bottom: 1px solid #888; }

table.trackList td {
   vertical-align: top;
   padding: 2px 0 2px 0;
   border-top: 1px solid #888;
   overflow: hidden; }
table.articleDetails table.trackList td {
   border-color: #AAA; }

table.trackList td.sample {
   padding-top: 4px;
   padding-bottom: 0px;
   margin-left: 0; }
table.trackList td.sample img.sample {
   margin-left: 20px; }

div.ArticleDetailsCart {
   margin-top: 15px; }

/*--- Account ----------------------------------------------------------------*/

div.accountSection {
   position: relative; }

div.accountProfileLinks {
   position: absolute;
   left: 390px;
   top:  0px;
   width: 200px;
   text-align: right; }
div.accountProfileLink {
   padding-bottom: 2px; }

table.accountAddr {
   border-collapse: collapse; }

table.accountAddr col.label { width: auto; }
table.accountAddr col.value { width: 450px; }

table.accountAddr td {
   padding: 0 0 3px 0;
   vertical-align: baseline; }

table.accountAddr td.label {
   font-weight: bold;
   padding-right: 10px; }

/*--- Profile ----------------------------------------------------------------*/

table.profile {
   border-collapse: collapse; }

table.profile col.label { width: auto; }
table.profile col.value { width: auto; }

table.profile td {
   vertical-align: baseline;
   padding: 0 0 5px 0; }

table.profile td.label {
   font-weight: bold;
   padding-right: 5px; }
table.profile tr.gap td {
   height: 10px; }

table.profile tr.profileEmail td {
   padding-bottom: 11px; }

table.profile td.profileFormButton {
   padding-top: 10px; }

table.profile td.value input,
table.profile td.value select {
   width: 250px; }

/*--- Change Password --------------------------------------------------------*/

table.changePassword {
   border-collapse: collapse; }

table.changePassword col.label { width: auto; }
table.changePassword col.value { width: auto; }

table.changePassword td {
   vertical-align: baseline;
   padding: 0 0 5px 0; }

table.changePassword td.label {
   font-weight: bold;
   padding-right: 10px; }

table.changePassword td.value input {
   width: 150px; }

table.changePassword td.changePasswordInvalid {
   color: red;
   font-weight: bold;
   padding-top: 10px; }

table.changePassword td.changePasswordFormButton {
   padding-top: 10px; }

/*--- CheckoutAddress_NotLoggedIn --------------------------------------------*/

form.checkoutAddrN {
   margin-top: 20px; }

table.checkoutAddrN {
   border-collapse: collapse; }

table.checkoutAddrN col.label { width: auto; }
table.checkoutAddrN col.value { width: auto; }

table.checkoutAddrN td {
   vertical-align: baseline;
   padding: 0 0 3px 0; }

table.checkoutAddrN td.label {
   font-weight: bold;
   padding-right: 7px; }
table.checkoutAddrN tr.gap td {
   height: 10px; }

table.checkoutAddrN td.value input,
table.checkoutAddrN td.value select {
   width: 250px; }

/*--- CheckoutAddress_LoggedIn -----------------------------------------------*/

form.checkoutAddrL {
   position: relative; }

table.checkoutAddrL {
   border-collapse: collapse; }

table.checkoutAddrL col.label { width: auto; }
table.checkoutAddrL col.value { width: 450px; }

table.checkoutAddrL td {
   padding: 0 0 3px 0;
   vertical-align: baseline; }
table.checkoutAddrL tr.gap td {
   height: 10px; }

table.checkoutAddrL td.label {
   font-weight: bold;
   padding-right: 10px; }

table.checkoutAddrL td.value input,
table.checkoutAddrL td.value select {
   width: 250px; }

div.checkoutAddrLProfileLink {
   position: absolute;
   left: 390px;
   top:  0px;
   width: 200px;
   text-align: right; }

/*--- CheckoutAddress common -------------------------------------------------*/

tr.checkoutAddrRemarks td {
   vertical-align: top; }
tr.checkoutAddrRemarks textarea {
   width: 500px; }

div.checkoutAddrButtons {
   margin-top: 20px; }

/*--- CheckoutDelivery -------------------------------------------------------*/

table.deliveryOptions {
   border-collapse: collapse; }

table.deliveryOptions col.sel      { width: auto; }
table.deliveryOptions col.currency { width: auto; }
table.deliveryOptions col.price    { width: auto; }
table.deliveryOptions col.text     { width: auto; }

table.deliveryOptions td {
   vertical-align: top;
   padding-top: 4px;
   padding-bottom: 4px; }
table.deliveryOptions td.currency {
   padding-right: 5px; }
table.deliveryOptions td.price {
   text-align: right;
   padding-right: 10px; }

form.deliveryOptions div.note {
   margin-top: 16px; }

form.deliveryOptions div.buttons {
   margin-top: 20px; }

/*--- CheckoutConfirm --------------------------------------------------------*/

table.checkoutConfirmData {
   border-collapse: collapse;
   margin-top: 20px; }

table.checkoutConfirmData col.label {
   width: auto; }
table.checkoutConfirmData col.value {
   width: 600px; }

table.checkoutConfirmData td {
   vertical-align: baseline; }
table.checkoutConfirmData td.label {
   font-weight: bold;
   padding-right: 10px; }

table.checkoutConfirmData tr.gap td {
   height: 10px; }

form.checkoutConfirmButtons {
   margin-top: 20px; }

/*--- Voucher ----------------------------------------------------------------*/

table.voucherIntro {
   border-collapse: collapse; }
table.voucherIntro td {
   vertical-align: baseline;
   padding-top: 7px; }
table.voucherIntro td.label {
   font-weight: bold;
   padding-right: 10px; }

table.voucherComment {
   border-collapse: collapse;
   margin-top: 20px; }
table.voucherComment col.value {
   width: 650px; }
table.voucherComment td {
   vertical-align: baseline; }
table.voucherComment td.label {
   font-weight: bold;
   padding-right: 10px; }

table.voucherPos,
table.voucherPos2 {
   border-collapse: collapse;
   table-layout: fixed;
   width: 1px;
   margin-top: 20px; }
table.voucherPos2 {
   border-bottom: 1px solid #888; }

/* Achtung: Breite sollte auf A4 hoch Platz haben. */
table.voucherPos  col.pos,
table.voucherPos2 col.pos        { width:  35px; }
table.voucherPos  col.quantity,
table.voucherPos2 col.quantity   { width:  35px; }
table.voucherPos  col.articleId,
table.voucherPos2 col.articleId  { width:  75px; }
table.voucherPos  col.text       { width: 420px; }
table.voucherPos2 col.text       { width: 535px; }
table.voucherPos  col.price      { width:  50px; }
table.voucherPos  col.amount     { width:  65px; }

table.voucherPos th,
table.voucherPos2 th {
   text-align: left;
   vertical-align: bottom;
   padding: 0 0 3px 0;
   border-bottom: 1px solid #888; }

table.voucherPos td,
table.voucherPos2 td {
   padding: 2px 0 2px 0;
   vertical-align: baseline; }

table.voucherPos th.quantity, table.voucherPos td.quantity,
table.voucherPos2 th.quantity, table.voucherPos2 td.quantity {
   text-align: center; }

table.voucherPos th.price, table.voucherPos td.price,
table.voucherPos td.currency,
table.voucherPos th.amount, table.voucherPos td.amount {
   text-align: right; }

table.voucherPos tr.subtotal td,
table.voucherPos tr.total td,
table.voucherPos tr.balance td  {
   border-top: 1px solid #888; }
table.voucherPos tr.total td,
table.voucherPos tr.balance td  {
   font-weight: bold; }

div.outOfStockTitle {
   margin-top: 35px;
   font-size: 15px;
   font-weight: bold; }

h2.voucherPaymentMethods {
   margin-top: 35px;
   margin-bottom: 18px;
   font-size: 15px; }

table.voucherPaymentMethods {
   border-collapse: collapse; }

table.voucherPaymentMethods td {
   vertical-align: top;
   padding-bottom: 12px; }

table.voucherPaymentMethods td.title {
   font-weight: bold;
   padding-right: 7px; }

form.paypal {
   margin-top: 5px; }

/*--- About page -------------------------------------------------------------*/

table.openingHours {
   margin-left: 30px; }

/*--- Record Grades Page -----------------------------------------------------*/

table.recordGrades {
   border-collapse: collapse; }

table.recordGrades col.code  { width: 55px; }
table.recordGrades col.descr { width: 500px; }

table.recordGrades td {
   vertical-align: top;
   padding: 2px 0px; }

table.recordGrades td.code {
   font-weight: bold; }

/*--- Delivery Info Page -----------------------------------------------------*/

table.deliveryInfo {
   margin-top: 20px;
   border-collapse: collapse; }

/* table.deliveryInfo col.mode  { width: 75px; } */

table.deliveryInfo th,
table.deliveryInfo td {
   border: 1px solid #888; }
table.deliveryInfo th {
   padding: 4px 6px; }
table.deliveryInfo td {
   vertical-align: top;
   padding: 2px 8px; }

table.deliveryInfo td.time {
   text-align: center; }
table.deliveryInfo td.weight {
   text-align: right; }
table.deliveryInfo td.price {
   text-align: right; }

/*--- Other ------------------------------------------------------------------*/

table.articleDetails td.availableA,
table.cartList td.availableA {
   color: red;
   font-weight: bold; }

input.normalButton {
   font-size: 11px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 10px; }

div.prompt {
   margin-bottom: 20px;
   font-weight: bold;
   font-size: 14px; }

ol.spaced li {
   margin-top: 5px;
   margin-bottom: 5px; }

img.sample {
   border-width: 0; }

div.clearBoth {
   clear: both; }

input, textarea {
   box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box; }