html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{position:relative;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;outline:0;vertical-align:baseline} :focus {outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"»" "«"}html{font-size:100.01%}body{font-size:1em}.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cf{display:inline-block}.cf{display:block}strong{font-weight:bold}em{font-style:italic}
.invisible,.hidden_navi,.no-display{position:absolute;left:-1000em;width:20em}
a{text-decoration:none;color:#000000}a:hover,a:focus{color:#f46828;}
abbr { border-bottom: 1px dotted #00425f; }
abbr:hover { cursor: help }
strong { font-weight: bold; }
html { min-height: 101%; width: 100%;}

.printonly,
.header_slideshow_thumbs { display: none; }
.clear { float: none; clear: both;}

body {
  position: absolute;
  width: 100%; min-height: 100%;
  font-family: Verdana, Helvetica, sans-serif;;
  color: #111111;
  font-size: 0.625em;
  line-height: 1.6em;
  background: #371c08 url(../img/bg-page.jpg) top center repeat-y;
}

.wrapper {
  background: #000000 url(../img/background.jpg) no-repeat top center;
  position: relative;
  margin: 0 auto;
  width: 952px;
  padding: 0 0 50px 0;
}

.header {
  z-index: 30;
}
.header-top-container {
  width: 100%; height: 155px;
  background: url(../img/bg_header-top-container.gif) no-repeat 430px -13px;
  overflow: hidden;
}

.header-top { padding: 0 0 0 52px; }




/* Minisearch */
#search_mini_form {
  position: absolute;
  top: 10px; left: 550px;
  width: 350px; height: 40px;
}

#search {
  border: 1px solid #827f7d;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  font-size: 11px;
  padding: 3px 5px;
  width: 150px;
  margin: 0;
}

#searchsubmit {
  border: 1px solid #827f7d;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em;
  font-size: 11px;
  text-transform: uppercase;
  padding: 2px 5px;
  width: 78px;
  margin: 0;
}
#searchsubmit:hover, #searchsubmit:focus {
  background: #827f7d;
  color: #ffffff;
}

.search-autocomplete { z-index:999; }
.search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; }
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
.search-autocomplete li .amount { float:right; font-weight:bold; }
.search-autocomplete li.odd { background-color:#fffefb; }
.search-autocomplete li.selected { background-color:#f7e8dd; }

#search_mini_form legend { display: none; }


/* Shop Access */
.shop-access {
  position: absolute;
  top: 35px; left: 550px;
  width: 350px; height: 40px;
}

.shop-access li {
  display: inline;
  padding: 0 10px 0 0;
  font-size: 11px;
}
.shop-access a { color: #f46828; } .shop-access a:hover, .shop-access a.top-link-cart:focus { color: #333; }

a.top-link-cart { font-weight: bold; }
a.top-link-checkout {  }


.language-switcher {
  position: absolute;
  top: 10px; left: 450px;
  width: 90px; height: 20px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.language-switcher a {
  display: block;
  float: left;
  width: 16px; height: 11px;
  margin: 0 4px 0 0;
  text-indent: -1000em;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  color: #ffffff;
  overflow: hidden;
}

.language-switcher a:hover,
.language-switcher a.active {
  border: 1px solid #f46828;
  color: #f46828;
}
.language-switcher a.de { background-image: url(../img/de.gif); }
.language-switcher a.en { background-image: url(../img/gb.gif); }
.language-switcher a.it { background-image: url(../img/it.gif); }
.language-switcher a.jp { background-image: url(../img/jp.gif); }

.header-nav-container {
  position: absolute;
  top: 229px; left: 5px;
  width: 232px; height: 170px;
  z-index: 90;
}

#nav {
  background-image: url(../img/mainmenu.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 232px; height: 170px;
  z-index: 75;
}
/*
#nav.nav-jazz, .category-jazz #nav { background-position: -232px 0; }
#nav.nav-classic, .category-classic #nav { background-position: -464px 0; }
#nav.nav-soul-funk, .category-soul-funk #nav { background-position: -696px 0; }
#nav.nav-soundtracks, .category-soundtracks #nav { background-position: -928px 0; }
#nav.nav-world, .category-world #nav { background-position: -1160px 0; }
*/
#nav.nav-jazz { background-position: -232px 0; }
#nav.nav-classic { background-position: -464px 0; }
#nav.nav-soul-funk { background-position: -696px 0; }
#nav.nav-new { background-position: -696px 0; }
#nav.nav-soundtracks { background-position: -928px 0; }
#nav.nav-world { background-position: -1160px 0; }

#nav li {
  position: absolute;
}
#nav li a {
  display: block;
  text-indent: -1000em;
  background-repeat: no-repeat;
  background-position: 0 0;
}


#nav li.nav-jazz { top: 5px; left: 60px; }
#nav li.nav-jazz a {
  background-position: -60px -5px;
  width: 142px; height: 39px;
  background-image: url(../img/mainmenu_01.gif);
}
#nav li.nav-jazz a:hover, #nav li.nav-jazz.active a { background-position: -292px -5px; }

#nav li.nav-classic { top: 45px; left: 40px; }
#nav li.nav-classic a {
  background-position: -40px 0;
  background-image: url(../img/mainmenu_02.gif);
  width: 172px; height: 29px;
}
#nav li.nav-classic a:hover, #nav li.nav-classic.active a { background-position: -272px 0; }


#nav li.nav-soul-funk { top: 75px; left: 30px; }
#nav li.nav-soul-funk a {
  background-position: -30px 0;
  width: 192px; height: 28px;
  background-image: url(../img/mainmenu_03.gif);
}
#nav li.nav-soul-funk a:hover, #nav li.nav-soul-funk.active a { background-position: -262px 0; }

#nav li.nav-new { top: 75px; left: 30px; }
#nav li.nav-new a {
  background-position: -30px 0;
  width: 192px; height: 28px;
  background-image: url(../img/mainmenu_06.gif);
}
#nav li.nav-new a:hover, #nav li.nav-new.active a { background-position: -262px 0; }


#nav li.nav-soundtracks { top: 99px; left: 30px; }
#nav li.nav-soundtracks a {
  background-position: -30px 0;
  width: 192px; height: 31px;
  background-image: url(../img/mainmenu_04.gif);
}
#nav li.nav-soundtracks a:hover, #nav li.nav-soundtracks.active a { background-position: -262px 0; }

#nav li.nav-world { top: 135px; left: 10px; }
#nav li.nav-world a {
  background-position: -10px -5px;
  width: 227px; height: 34px;
  background-image: url(../img/mainmenu_05.gif);
}
#nav li.nav-world a:hover, #nav li.nav-world.active a { background-position: -242px -5px; }


#nav li a:hover, #nav li.active a {
  background-position: -232px 0;
}



.middle-container {
  display: block;
  z-index: 40;
  width: 508px; min-height: 650px;
  margin: 50px 0 50px 240px;
  padding: 0 30px;
  background: url(../img/bg-content.gif) no-repeat bottom left #f7f1d6;
  z-index: 40;
}

.breadcrumbs {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #a9a388;
  margin: 0 0 1em 0;
}
.breadcrumbs li { display: inline; padding: 0 0.5em 0 0; color: #a9a388; }
.breadcrumbs li a { color: #a9a388; }
.breadcrumbs li a:hover { color: #655f44; }

.breadcrumbs .backlink {
  display: block;
  width: 5em;
  text-align: right;
  position: absolute;
  top:0;right:0;
}

.side-col ul { }
.side-col ul li {
  display: block;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 1em 0 0;
}
h1 {
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0.5em 0;
}


.pager {
  padding: 5px 0 0 0;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  width: 100%;
  font-size: 1em;
}
.pager .a-left {
  width: 243px;
  padding: 0 8px 0 0;
}
.pager .a-right { width: 250px; }

.pager .pages ol { display: inline; }
.pager .pages ol li { display: inline; }
.pager .pages ol li .on { color: #f46828; }

.pager span.inputlabel, .pager select { float: left; }
.pager span.inputlabel { display: block; width: 100px; }

.category-head { display: none; }

.pager select {
  width: 140px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  border: 0;
  background: #ffffff;
  padding: 2px 2px 2px 5px;
  margin: 0 0 5px 0;
}

.listing-item {
  display: block;
  width: 243px;
  padding: 25px 8px 0 0;
  float: left;
  font-size: 1em;
}
.homepage .first {
  width: 508px;
  height: 232px;
  padding: 0 0 1em; 0;
  border-bottom: 1px solid #655f44;
  float: none;
  overflow: hidden;
}

.product-image {
  width: 104px; height: 104px;
  overflow: hidden;
  float: left;
  margin: 0 0 0 0;
}
.product-img-box p {
  text-align:center;
  font-size: 1em;
  color: #655f44;
}
.product-shop {
  float: left;
  width: 125px;
  padding: 0 0 0 10px;
}
.listing-item h5 { font-weight: bold; padding: 0 0 5px 0; font-size: 1.1em; line-height: 1.2em;}
.price-box .price { display: block; font-weight: bold; font-size: 1.2em; }
button {
  border: 0; padding: 2px 0; margin: 5px 0 0 0;
  background: #000000;
  color: #ffffff;
  font-weight: normal;
  font-size: 0.85em;
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
button:hover {
  background: #f46828;
  cursor: pointer;
}


.catalog-listing { padding: 0 0 30px 0; }



/********************** Product Detail */
/* Product Images */
.product-img-box, .homepage .first .product-image { float:left; width:232px; }
.product-img-box .product-image, .homepage .first .product-image { position:relative; overflow:hidden; width:232px; height:232px; z-index:9; }
.product-img-box div.more-views { clear: both; padding: 10px 0 0 0; }
.product-img-box div.more-views a img { border: solid 1px #000000; }
.product-img-box div.more-views a:hover img { border: solid 1px #f46828; }

.product-essential .product-shop,
.homepage .first .product-shop {
  float: left;
  width: 265px;
  padding: 0 0 0 10px;
  font-size: 1.1em;
}

h3 {
  font-size:1.5em;
  font-weight: bold;
  line-height: 1.3em;
}
h4 {
  font-size:1.5em;
  color: #f46828;
  line-height: 1.3em;
}
.product-essential .product-shop p,
.homepage .first .product-shop p {
  padding: 10px 0 0 0;
}

.product-essential .product-shop p.label,
.homepage .first .product-shop p.label {
  padding: 0;
  font-weight: bold;
}
.product-essential .product-shop .price-box .price,
.homepage .first .product-shop  .price-box .price { padding: 10px 0 0 0; font-size: 1.5em; line-height: 1.2em; }
.product-essential .product-shop .form-button,
.homepage .first .product-shop  .form-button  { margin: 10px 0 0 0; width: 66%; }



.footer-container {
  display: block;
  position: absolute;
  top: 205px; left: 71px;
  width: 857px;
  z-index: 20;
/*
  background: url(../img/bg-footer.gif) no-repeat top left;
  position: absolute;
  top: 500px; left: 121px;
*/
}
.footer-container .footer {
  width: 100%; height: 500px;
}
.footer-container .footer div { display: none; }
.footer-container .footer div.sidebar {
  position: absolute;
  top: 385px;
  width: 150px; height: 216px;
  text-align: center;
  padding: 10px;
  background: url(../img/bg-footer.png) no-repeat top left;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
}
.footer-container .footer li.trustedshops {
  padding: 10px 0 0 0;
}
.footer-container .footer li.trustedshops a {
  display: block;
  width: 100%; height: 45px;
  text-indent: -1000em;
  background: url(../img/sidebar_03.gif) no-repeat center;
}
.footer-container .footer li.paypal a {
  display: block;
  width: 100%; height: 30px;
  text-indent: -1000em;
  background: url(../img/sidebar_05.gif) no-repeat center;
}
.footer-container .footer li.dhl a {
  display: block;
  width: 100%; height: 15px;
  text-indent: -1000em;
  background: url(../img/sidebar_07.gif) no-repeat center;
}


.footer-container .footer div.mini-cart {
  display: block;
  position: absolute;
  top: 0; right: 0;
  width: 100px; height: 151px;
  padding: 10px;
  overflow: hidden;
  background: url(../img/bg-minicart.gif) no-repeat top left;
  font-size: 1.1em;
}
.footer-container .footer div.mini-cart div { display: block; }
.footer-container h4 {
  padding: 2px 5px;
  font-weight: bold;
  color: #ffffff;
  font-size: 1em;
  background: #000000;
  text-align: center;
  margin: 0 0 5px 0;
}

.footer-container .price {
  display: block;
  font-size: 1.8em;
}
.footer-container .subtotal { font-size: 0.9em; }
.footer-container .form-button { font-size: 0.9em; }
.footer div.mini-cart h4 a { color: #ffffff }
.footer div.mini-cart h4 a:hover { color: #f46828 }


/*
  #a9a388;
  #655f44;
*/
table { width: 100%; }
th, .one-page-checkout .head {
  background: #655f44;
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
}



td {
  font-size: 1.1em;
  padding: 5px 2px 2px 2px;
  vertical-align: top;
}
td h4 {
  font-size: 1em;
  font-weight: bold;
}
td .error { padding: 4px 0 0 0; font-size: 1em; line-height:1.2em; color: #655f44; font-weight: bold;}
td a.delete { display: block; color: #655f44; font-weight: normal;}
td a.delete:hover { color: #a9a388;}
input {
  border: 0;
  background: #ffffff;
  padding: 2px 5px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
}
input.radio, input.checkbox { background: transparent; }
.devider {
  clear:both;
  float:none;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #655f44;
}
td .tax { color: #655f44; }
.subtotal .price { font-weight: bold; }
.shopping-cart button { font-weight: bold; font-size: 1; width: 50%;}

tfoot td { padding: 5px 2px 10px 2px;}
.box div.left { float: left; width: 49%; margin: 0 1% 0 0; }
.box div.right { float: right; width: 50%; }

.discount-codes { padding: 10px 0 10px 0;}
.discount-codes p { font-size: 1.1em; font-weight: bold; color: #655f44 }
.discount-codes .input-text {
  width: 244px;
  font-size: 2.4em;
  letter-spacing: 0.2em;
  color: #f46828;
  text-align: right;
}
.discount-codes button { font-weight: bold; font-size: 1.1em; width: 254px}

a.checkout {
  margin: 40px 0 0 0;
  display: block;
  width: 254px;
  background: #000000;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; font-size: 1.1em; line-height: 1.3em;
  color: #fff;
  padding: 4px 0;
  
}
a.checkout:hover { background: #f46828; }

a.continueshopping {
  padding: 38px 0 0 0;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}

#shopping-cart-totals-table { font-size: 1.3em; }
#shopping-cart-totals-table tfoot { background: #655f44;  }
#shopping-cart-totals-table tfoot td { color: #ffffff; padding: 2px 2px 5px 2px; }
.tax-details { font-size: 0.7em; color: #655f44;}

.coupon-entered { text-align: center; }
.coupon-entered p {
  display: block;
  font-size: 1.6em;
  letter-spacing: 0.2em;
  color: #f46828;
}
.a-right { text-align: right; }

.messages li li {
  padding: 5px;
  font-size: 1.1em;
  background: #655f44;
  margin: 0 0 10px 0;
  color: #ffffff;
  font-weight: bold;
}

.messages li.error-msg li { background: #f46828 }

.checkout-onepage-index .col-2-right-layout { clear: both; float: none; min-height: 650px; }
* html .checkout-onepage-index .col-2-right-layout { height: 650px; }
.checkout-onepage-index .col-2-right-layout .col-main,
.checkout-cart-index .col-2-right-layout .col-main { width: 353px; float: left; }
.checkout-onepage-index .col-2-right-layout .col-right,
.checkout-cart-index .col-2-right-layout .col-right { width: 155px; float: left; padding: 15px 0 0 0; }

.one-page-checkout .head h3 { font-size: 1.1em; display: inline; margin: 0 0 5px 0; }
.one-page-checkout .head a { font-weight: normal; color: #fff; padding: 0 0 0 5px; display: none; }
.one-page-checkout .allow .head a { display: inline;  }
.one-page-checkout .active .head a { display: none;  }
.one-page-checkout .head a:hover { color: #f46828; }
.one-page-checkout li { display: block; padding: 5px 0 0 0; }
.one-page-checkout li.checkbox { padding: 5px 0 0 95px; }
.one-page-checkout label { float: left; display: block; width: 95px; font-size: 1.1em; padding: 0 5px 0 0; }
.one-page-checkout li.checkbox label {padding: 0 0 0 5px; width: 220px; }
.one-page-checkout li.checkbox input { float: left;  }
.one-page-checkout input.input-text,
.one-page-checkout select {
  float: left; display: block; width: 243px;
  font-size: 1.1em;
  font-family: Verdana, Helvetica, sans-serif;
}
.one-page-checkout input.input-small { width: 75px; }
.one-page-checkout input.input-text:focus { background: #d9d3b8 }
.one-page-checkout p.required { color: #655f44; padding: 13px 0 5px 100px;}
.one-page-checkout button { float: right; width: 250px; font-size: 1em; padding: 0 5px 0 0; color: #fff; }
.one-page-checkout .opc-please-wait { display: block; width: 95px; padding: 5px 0 0 0;  text-align: center; float: left; }

.one-page-checkout .button-set { clear: both; }
 
.one-page-checkout dl { padding: 0 0 0 0; }
.one-page-checkout dl dt { float: left; width: 95px; padding: 5px 5px 0 0; font-size: 1.1em; }
.one-page-checkout dl dd { float: left; width: 243px; }
.one-page-checkout dl dd li { padding: 5px 0 5px 0; border-bottom: 1px solid #655f44 }
.one-page-checkout dl li.checkbox { padding: 5px 0 5px 0; }
.one-page-checkout dl li.checkbox label { width: 180px }

.one-page-checkout .payment-methods input { float: left; }
.one-page-checkout .payment-methods label { width: 65px; font-size: 1em; }
.one-page-checkout .payment-methods dd li  { font-size: 1.1em; }

.one-page-checkout .data-table { font-size: 1.1em; }
.one-page-checkout .data-table td { border-bottom: 1px solid #655f44 }
.one-page-checkout .data-table tfoot td { border-bottom: none; background: #d9d3b8; color: #655f44; padding: 0 2px; }
.item-subtotal { vertical-align: bottom; font-weight: bold; }
.one-page-checkout .data-table .tax-details { font-size: 0.9em;}
.one-page-checkout .data-table .grand_total td { background: #655f44; color: #fff; font-size: 1.1em; padding: 10px 2px; }

.one-page-checkout .checkout-agreements li.checkbox { padding: 5px 0 0 0; }
.one-page-checkout .checkout-agreements li.checkbox label { width: 300px }
.one-page-checkout .checkout-agreements li.checkbox p { clear: both; padding: 0 0 0 25px; display: block; font-size: 1em; }
.one-page-checkout .checkout-agreements li.checkbox p a { color: #655f44; }
.one-page-checkout .checkout-agreements li.checkbox p a:hover { color: #a9a388; }

#review-buttons-container button { font-weight: bold; }
.one-page-checkout .forgot-item { text-align: center; font-size: 1.1em; font-weight: bold; color: #655f44; border-top: 1px solid #655f44; margin: 10px 0 0 0; padding: 10px 0 10px 0;}

.one-page-checkout-progress {
  margin: 0 0 0 5px;
  background: #d9d3b8;
  
}
.one-page-checkout-progress h3 {
  display: block;
  width: auto;
  background: #655f44;
  font-size: 1.1em;
  padding: 3px;
  color: #ffffff;
}
.one-page-checkout-progress li { padding: 3px; }
.one-page-checkout-progress h4 {
  font-size: 1.1em;
  font-weight: bold;
  color: #a9a388;
}
.one-page-checkout-progress h4.complete {
  color: #655f44;
  padding: 2px;
  background: #a9a388;
}
.one-page-checkout-progress h4 a { font-weight: normal; display: inline; font-size: 0.9em; }
.one-page-checkout-progress .content { border-bottom: 1px solid #655f44; padding: 0 0 2px 0 0; margin: 0 0 5px 0; }

.note-msg { font-size: 1.1em; }


.cms-text {
  padding: 0 0 1em 0;
  border-bottom: 1px solid #655f44;
  margin: 0 0 1em 0;
  float: none;
  clear: both;
  font-size: 1.1em;
}
.cms-text h1 {
  font-size: 2.4em;
  line-height: 1.1em;
  text-transform: none;
  color: #f46828;
}
.cms-text h2 {
  font-weight: bold;
}
.cms-text table { margin: 0.5em 0 0 0; }
.cms-text table td { font-size: 1em; border-bottom: 1px solid #a9a388; }



* html .breadcrumbs .backlink { right: 10px; }
* html .product-essential .product-shop { margin: 0 -10px 0 0; }
* html .language-switcher { left: 400px; }
* html .shop-access { left: 500px; }
* html #search_mini_form { left: 500px; }
* html .middle-container { height: 650px; }

