@charset "UTF-8";
* {
  box-sizing: border-box;
}

body {
  color: #000;
}

body,
input,
textarea {
  font-family: PlutoSansLight, sans-serif;
}

button {
  background: none;
  padding: 0;
  border: 0;
  margin: 0;
  cursor: pointer;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  text-decoration: none;
}

a.buy,
a.download {
  display: inline-block;
  padding-top: 8px;
  width: 60px;
  height: 29px;
  text-align: center;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
  font-size: 0.8em;
}

a.buy {
  background: #ec1507;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
a.buy:hover {
  background: #f6f6f8;
  color: #ec1507;
}
a.buy.in-basket {
  padding-top: 5px;
  background: #ffc82e;
  color: #000;
}
a.buy.amazon {
  font-size: 0.7em !important;
  background: #1cbbb4;
}
a.buy.amazon:hover {
  background: #f6f6f8;
  color: #1cbbb4;
}

a.download {
  background: #ffc82e;
  color: #000;
}
a.download:hover {
  background: #ffc82e;
  color: #fff;
}

.clear {
  clear: both;
}

span.unavailable {
  cursor: help;
}

a.format-help {
  display: inline-block;
  color: #000;
  background: #ffc82e;
  padding: 5px 8px;
  transition: color 0.3s;
  border-radius: 5px;
  height: 1%;
  overflow: hidden;
}
a.format-help:hover {
  color: #fff;
}
a.format-help .text {
  font-size: 0.7em;
  float: left;
  padding: 3px 5px 0 0;
}
a.format-help .halflings {
  float: left;
}

.datepicker table tr td,
.datepicker table tr th {
  vertical-align: middle;
}

div.grecaptcha-badge {
  z-index: 3;
}

span.thumb-drive-icon {
  display: inline-block;
  background-image: url("/images/glyphicons-halflings-261-usb-device.svg");
  width: 20px;
  height: 20px;
}

#geo-bar .flag-icon {
  border-radius: 500px;
  border: 2px solid #fff;
  width: 33px;
  height: 33px;
}
#geo-bar.collapsed div.expanded-content {
  display: none;
}
#geo-bar.collapsed div.collapsed-content {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -8px;
}
@media all and (max-width: 900px) {
  #geo-bar.collapsed div.collapsed-content {
    margin-top: 0;
  }
}
#geo-bar.collapsed div.collapsed-content a {
  display: inline-block;
  color: #fff;
}
#geo-bar.collapsed div.collapsed-content a.flag {
  padding: 10px;
  font-size: 1.5em;
}
@media all and (max-width: 500px) {
  #geo-bar.collapsed div.collapsed-content a.flag {
    padding: 5px;
    font-size: 0.9em;
  }
}
#geo-bar.collapsed div.collapsed-content a.marker {
  padding: 10px;
  font-size: 2.5em;
}
@media all and (max-width: 500px) {
  #geo-bar.collapsed div.collapsed-content a.marker {
    padding: 5px;
    font-size: 1.5em;
  }
}
#geo-bar.collapsed div.collapsed-content a:hover {
  color: #ffc82e;
}
#geo-bar.expanded {
  margin-top: -50px;
}
@media all and (max-width: 975px) {
  #geo-bar.expanded {
    margin-top: -20px;
  }
}
#geo-bar.expanded div.collapsed-content {
  display: none;
}
#geo-bar.expanded div.expanded-content {
  display: block;
  padding: 10px;
  text-align: center;
  background: #565656;
  color: #fff;
  font-size: 0.7em;
  line-height: 1.3em;
  margin-bottom: 40px;
}
#geo-bar.expanded div.expanded-content strong {
  font-family: "PlutoSansMedium";
  font-size: 1.1em;
}
#geo-bar.expanded div.expanded-content a {
  color: #fff;
  text-decoration: underline;
  padding: 0 2px;
}
#geo-bar.expanded div.expanded-content a:hover {
  color: #ffc82e;
}
#geo-bar.expanded div.expanded-content a.close {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
#geo-bar.expanded div.expanded-content a.close span.halflings {
  font-size: 35px;
}
@media all and (max-width: 900px) {
  #geo-bar.expanded div.expanded-content a.close {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 5px;
  }
  #geo-bar.expanded div.expanded-content a.close span.halflings {
    font-size: 3em;
  }
}
#geo-bar.expanded div.expanded-content label:hover {
  cursor: pointer;
  color: #ffc82e;
}
#geo-bar.expanded div.expanded-content div:last-child {
  margin-top: 5px;
}

#header {
  background: #000;
  padding: 50px 0 0 0;
  border-bottom: 1px solid #fff;
}
#header .inner {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
#header .logo-wrapper {
  display: block;
  margin: -15px auto 0 auto;
  float: left;
  max-width: 235px;
}
#header .logo-wrapper img {
  display: block;
  width: 100%;
}
#header #search-bar {
  max-width: 56%;
  position: relative;
  z-index: 2;
}
#header #navs-wrapper {
  float: right;
}
#header #navs-wrapper a {
  display: inline-block;
  text-transform: uppercase;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 14px;
  line-height: 16px;
  transition: color 0.3s;
}
#header #navs-wrapper #account-nav {
  margin-top: 10px;
  float: right;
  margin-right: 55px;
  height: 1%;
  overflow: hidden;
}
#header #navs-wrapper #account-nav li {
  float: right;
  display: inline-block;
  padding: 0 15px;
}
#header #navs-wrapper #account-nav li a {
  color: #fff;
}
#header #navs-wrapper #account-nav li a:hover {
  color: #ffc82e;
}
#header #navs-wrapper #account-nav li a span.halflings {
  display: none;
}

#main-nav {
  display: flex;
  width: 100%;
  margin-top: 50px;
  border-top: 1px solid #fff;
}
#main-nav li {
  flex-grow: 1;
  border-right: 1px solid #fff;
}
#main-nav li:last-child {
  border-right: 0;
}
#main-nav li a {
  display: block;
  padding: 15px 0;
  font-family: PlutoSansMedium, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.9em;
  color: #000;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#main-nav li a.mp3g {
  background-color: #ff8400;
}
#main-nav li a.mp4 {
  background-color: #c505be;
}
#main-nav li a.mp3 {
  background-color: #76bd22;
}
#main-nav li a.cdg {
  background-color: #ffc82e;
}
#main-nav li a.usb {
  background-color: #0898ea;
}
#main-nav li a.discs {
  background-color: #1cbbb4;
}
#main-nav li a.albums {
  background-color: #0898ea;
}
#main-nav li a.licence {
  background-color: #ffc82e;
}
#main-nav li a:hover {
  background-color: #fff;
}
#main-nav li a:hover.mp3g {
  color: #ff8400;
  box-shadow: inset 0 0 0 2px #ff8400;
}
#main-nav li a:hover.mp4 {
  color: #c505be;
  box-shadow: inset 0 0 0 2px #c505be;
}
#main-nav li a:hover.mp3 {
  color: #76bd22;
  box-shadow: inset 0 0 0 2px #76bd22;
}
#main-nav li a:hover.cdg {
  color: #ffc82e;
  box-shadow: inset 0 0 0 2px #ffc82e;
}
#main-nav li a:hover.usb {
  color: #0898ea;
  box-shadow: inset 0 0 0 2px #0898ea;
}
#main-nav li a:hover.discs {
  color: #1cbbb4;
  box-shadow: inset 0 0 0 2px #1cbbb4;
}
#main-nav li a:hover.albums {
  color: #0898ea;
  box-shadow: inset 0 0 0 2px #0898ea;
}
#main-nav li a:hover.licence {
  color: #ffc82e;
  box-shadow: inset 0 0 0 2px #ffc82e;
}

@media all and (max-width: 1300px) {
  #header .logo-wrapper {
    padding-left: 10px;
    padding-right: 20px;
  }
  #header #search-bar {
    max-width: 50%;
    padding-right: 20px;
  }
}
@media all and (max-width: 1200px) {
  #header #main-nav li a {
    font-size: 0.75em;
    line-height: 1.3em;
  }
}
@media all and (max-width: 1023px) {
  #header {
    padding: 0;
  }
  #header .inner {
    padding-top: 20px;
  }
  #header .logo-wrapper {
    float: none;
    max-width: 235px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #header #search-bar {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #header #navs-wrapper {
    margin-top: 0;
    float: none;
  }
  #header #navs-wrapper #account-nav {
    margin: 30px 0 0 0;
    padding-bottom: 20px;
    float: none;
  }
  #header #navs-wrapper #account-nav li {
    width: 50%;
    text-align: center;
    padding: 0;
  }
  #header #navs-wrapper #account-nav li a span.halflings {
    display: inline-block;
    margin-right: 5px;
  }
  #header #main-nav {
    margin-top: 0;
  }
  #header #main-nav li a {
    font-size: 0.7em;
    padding: 10px 5px;
  }
}
@media all and (max-width: 650px) {
  #header #main-nav {
    flex-wrap: wrap;
  }
  #header #main-nav li {
    display: flex;
    width: 33.3%;
    border-right: 1px solid #fff;
  }
  #header #main-nav li:nth-child(n+4) {
    border-top: 1px solid #fff;
  }
  #header #main-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    font-size: 0.65em;
  }
  #header #account-nav .responsive-drop {
    display: none;
  }
}
#search-bar {
  max-width: 1024px;
  margin: 0 auto;
}
#search-bar #q {
  border: 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  background-color: transparent;
  color: #fff;
  height: 100%;
  display: inline-block;
  max-width: 100%;
  float: left;
  width: 100%;
}
#search-bar #q:focus {
  outline: 0;
}
#search-bar #q::placeholder {
  color: #fff;
}
#search-bar #q.search_by_artist {
  width: 65%;
}
#search-bar fieldset {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-left: 0;
  border-right: 0;
  -webkit-appearance: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 41px;
}
#search-bar .artist-filter-wrapper {
  float: left;
  display: inline-block;
  padding-left: 5px;
}
#search-bar .artist-filter-wrapper .artist-filter {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  background: #565656;
  height: 1%;
  overflow: hidden;
  margin: 4px 0 0 0;
}
#search-bar .artist-filter-wrapper .artist-filter a {
  float: left;
  color: #fff;
}
#search-bar .artist-filter-wrapper .artist-filter a:hover {
  color: #ffc82e;
}
#search-bar .artist-filter-wrapper .artist-filter .name {
  float: left;
  padding: 3px 0 0 5px;
  font-size: 0.9em;
  max-width: 120px;
  max-height: 17px;
  overflow: hidden;
  white-space: nowrap;
}
#search-bar button {
  display: inline-block;
  float: right;
  padding-right: 15px;
  color: #fff;
  font-size: 1.5em;
  background-color: transparent;
  border-radius: 0 500px 500px 0;
  height: 41px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-left: 0;
}
#search-bar div.formats-menu {
  float: left;
  background-color: transparent;
}
#search-bar div.formats-menu.open a.current {
  border-radius: 20px 0 0 0;
}
#search-bar div.formats-menu a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  height: 41px;
  padding: 0 13px 0 20px;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 18px;
  color: #000;
}
#search-bar div.formats-menu a.current {
  border-radius: 500px 0 0 500px;
  transition: background 0.3s;
}
#search-bar div.formats-menu a.current .halflings {
  float: right;
  color: #000;
  margin-top: -2px;
}
#search-bar div.formats-menu a.any {
  background-color: #ffc82e;
}
#search-bar div.formats-menu a.cdg:hover, #search-bar div.formats-menu a.cdg.current {
  background-color: #ffc82e;
}
#search-bar div.formats-menu a.mp3:hover, #search-bar div.formats-menu a.mp3.current {
  background-color: #76bd22;
}
#search-bar div.formats-menu a.mp3g:hover, #search-bar div.formats-menu a.mp3g.current, #search-bar div.formats-menu a.mp3g-usb:hover, #search-bar div.formats-menu a.mp3g-usb.current {
  background-color: #ff8400;
}
#search-bar div.formats-menu a.mp4:hover, #search-bar div.formats-menu a.mp4.current, #search-bar div.formats-menu a.mp4-usb:hover, #search-bar div.formats-menu a.mp4-usb.current, #search-bar div.formats-menu a.dvd:hover, #search-bar div.formats-menu a.dvd.current {
  background-color: #c505be;
}
#search-bar div.formats-menu a.mp3.current:hover, #search-bar div.formats-menu a.mp3g.current:hover, #search-bar div.formats-menu a.mp3g-usb.current:hover, #search-bar div.formats-menu a.cdg.current:hover, #search-bar div.formats-menu a.mp4.current:hover, #search-bar div.formats-menu a.mp4-usb.current:hover, #search-bar div.formats-menu a.dvd.current:hover {
  opacity: 0.85;
}
#search-bar div.formats-menu ul {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  background-color: #fff;
}
#search-bar div.formats-menu.open a.current.any, #search-bar div.formats-menu.open a.current.mp3, #search-bar div.formats-menu.open a.current.mp3g, #search-bar div.formats-menu.open a.current.mp3g-usb, #search-bar div.formats-menu.open a.current.cdg, #search-bar div.formats-menu.open a.current.mp4, #search-bar div.formats-menu.open a.current.mp4-usb, #search-bar div.formats-menu.open a.current.dvd {
  color: #000;
}
#search-bar div.formats-menu.open a.current.any .halflings, #search-bar div.formats-menu.open a.current.mp3 .halflings, #search-bar div.formats-menu.open a.current.mp3g .halflings, #search-bar div.formats-menu.open a.current.mp3g-usb .halflings, #search-bar div.formats-menu.open a.current.cdg .halflings, #search-bar div.formats-menu.open a.current.mp4 .halflings, #search-bar div.formats-menu.open a.current.mp4-usb .halflings, #search-bar div.formats-menu.open a.current.dvd .halflings {
  color: #000;
}
#search-bar div.formats-menu.open ul {
  visibility: visible;
}
#search-bar div.formats-menu.open ul a {
  transition: color 0.3s, background-color 0.3s;
}
#search-bar div.formats-menu.open ul a .halflings {
  display: none;
}
#search-bar div.formats-menu.open ul a.selected {
  color: #000;
}
#search-bar div.formats-menu.open ul a.selected .halflings {
  display: inline-block;
  float: right;
  margin-top: -2px;
}
#search-bar div.formats-menu.open ul a.selected.mp3 {
  background-color: #76bd22;
}
#search-bar div.formats-menu.open ul a.selected.mp3:hover {
  background-color: #76bd22;
}
#search-bar div.formats-menu.open ul a.selected.mp3g, #search-bar div.formats-menu.open ul a.selected.mp3g-usb {
  background-color: #ff8400;
}
#search-bar div.formats-menu.open ul a.selected.mp3g:hover, #search-bar div.formats-menu.open ul a.selected.mp3g-usb:hover {
  background-color: #ff8400;
}
#search-bar div.formats-menu.open ul a.selected.cdg {
  background-color: #ffc82e;
}
#search-bar div.formats-menu.open ul a.selected.cdg:hover {
  background-color: #ffc82e;
}
#search-bar div.formats-menu.open ul a.selected.mp4, #search-bar div.formats-menu.open ul a.selected.mp4-usb, #search-bar div.formats-menu.open ul a.selected.dvd {
  background-color: #c505be;
}
#search-bar div.formats-menu.open ul a.selected.mp4:hover, #search-bar div.formats-menu.open ul a.selected.mp4-usb:hover, #search-bar div.formats-menu.open ul a.selected.dvd:hover {
  background-color: #c505be;
}
#search-bar form fieldset,
#search-bar form button {
  border-color: #ffc82e;
}
#search-bar form.form-mp3 fieldset,
#search-bar form.form-mp3 button {
  border-color: #76bd22;
}
#search-bar form.form-mp3g fieldset,
#search-bar form.form-mp3g button, #search-bar form.form-mp3g-usb fieldset,
#search-bar form.form-mp3g-usb button {
  border-color: #ff8400;
}
#search-bar form.form-cdg fieldset,
#search-bar form.form-cdg button {
  border-color: #ffc82e;
}
#search-bar form.form-mp4 fieldset,
#search-bar form.form-mp4 button, #search-bar form.form-mp4-usb fieldset,
#search-bar form.form-mp4-usb button, #search-bar form.form-dvd fieldset,
#search-bar form.form-dvd button {
  border-color: #c505be;
}

@media all and (max-width: 1301px) {
  #search-bar #q.search_by_artist {
    width: 55%;
  }
}
@media all and (max-width: 1232px) {
  #search-bar .artist-filter-wrapper {
    position: absolute;
    float: none;
    top: -40px;
    left: 0;
    width: 100%;
    display: block;
    padding-right: 20px;
  }
  #search-bar .artist-filter-wrapper .artist-filter {
    width: 100%;
  }
  #search-bar .artist-filter-wrapper .artist-filter .name {
    max-width: 80%;
    width: 100%;
  }
  #search-bar #q.search_by_artist {
    width: 100%;
  }
}
@media all and (max-width: 922px) {
  #search-bar #q {
    min-width: 0;
  }
}
@media all and (max-width: 900px) {
  #search-bar .artist-filter-wrapper {
    width: auto;
    float: left;
    position: static;
    padding-right: 0;
    width: 30%;
  }
  #search-bar #q.search_by_artist {
    width: 70%;
  }
}
@media all and (max-width: 900px) {
  #search-bar #q {
    min-width: 0px;
  }
}
@media all and (max-width: 600px) {
  #search-bar #q.search_by_artist {
    padding: 0 8px;
    font-size: 0.9em;
    width: 50%;
  }
  #search-bar .artist-filter-wrapper {
    position: static;
  }
  #search-bar button {
    padding-right: 10px;
    font-size: 1em;
  }
  #search-bar div.formats-menu a {
    width: 105px;
    padding: 0 10px 0 15px;
    font-size: 0.8em;
  }
  #search-bar div.formats-menu a.current {
    text-align: center;
  }
  #search-bar div.formats-menu a.current .responsive-drop {
    display: none;
  }
}
@media all and (max-width: 491px) {
  #search-bar .artist-filter-wrapper {
    width: 50%;
  }
  #search-bar #q.search_by_artist {
    width: 50%;
  }
}
@media all and (max-width: 420px) {
  #search-bar fieldset {
    min-width: 0;
  }
  #search-bar .artist-filter-wrapper {
    width: 50%;
  }
  #search-bar .artist-filter-wrapper .artist-filter {
    padding-left: 0;
    padding-right: 0;
  }
  #search-bar .artist-filter-wrapper .artist-filter a {
    padding: 0;
  }
  #search-bar #q.search_by_artist {
    width: 50%;
  }
}
@media all and (max-width: 380px) {
  #search-bar.disc-formats div.formats-menu a {
    width: 80px;
  }
  #search-bar.disc-formats #q {
    font-size: 0.75em;
    padding-left: 7px;
  }
  #search-bar.disc-formats button {
    padding-right: 7px;
  }
}
@media all and (max-width: 350px) {
  #search-bar:not(.disc-formats) #q {
    font-size: 0.75em;
  }
}
.flash-message-wrapper {
  overflow: hidden;
}

.flash-message {
  color: #fff;
  padding: 10px 15px;
  margin-top: 15px;
  height: 1%;
  overflow: hidden;
}
.flash-message a {
  color: #fff;
}
.flash-message.confirmation {
  background: #76bd22;
}
.flash-message.error {
  background: #ec1507;
}
.flash-message.error.with-button a {
  border-color: #fff;
  color: #fff;
}
.flash-message.error.with-button a:hover {
  border-color: #565656;
  color: #565656;
}
.flash-message.note {
  background: #0898ea;
}
.flash-message.warning {
  background: #ffc82e;
  color: #000;
}
.flash-message.warning.with-button a {
  border-color: #565656;
  color: #565656;
}
.flash-message.warning.with-button a:hover {
  color: #fff;
  border-color: #fff;
}
.flash-message.with-button {
  padding-top: 0;
}
.flash-message.with-button > .halflings,
.flash-message.with-button span.msg {
  padding-top: 12px;
}
.flash-message.with-button a {
  float: right;
  display: inline-block;
  height: 1%;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  margin-left: 10px;
  padding: 3px 5px;
  margin-top: 10px;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}
.flash-message.with-button a > .text {
  font-size: 0.7em;
  float: left;
  padding: 3px 5px 0 0;
}
.flash-message.with-button a > .text.right {
  float: right;
}
.flash-message.with-button a > .halflings {
  padding: 0;
}
.flash-message > .halflings {
  padding-right: 10px;
  float: left;
}
.flash-message .msg {
  display: inline-block;
  float: left;
  max-width: 90%;
  font-size: 1em;
  line-height: 1.3em;
}
.flash-message .msg a {
  text-decoration: underline;
}

@media all and (max-width: 500px) {
  .flash-message .msg {
    font-size: 0.9em;
  }
}
a.play-sample {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #000;
  transition: color 0.2s;
}
a.play-sample:hover {
  color: #ffc82e;
}

tr.sample-playing {
  background-color: #ffc82e;
}
tr.sample-playing a.play-sample {
  color: #000;
}

.video-wrapper {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.video-wrapper .close {
  display: inline-block;
  position: absolute;
  z-index: 1;
  margin: -21px 0 0 -21px;
  z-index: 102;
  background: #fff;
  border-radius: 50%;
  height: 43px;
  width: 43px;
}
.video-wrapper .close .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
.video-wrapper .close:hover .halflings {
  color: #ffc82e;
}
.video-wrapper video {
  width: 100%;
}
.video-wrapper video.mp3g {
  max-width: 480px;
}
.video-wrapper video.mp4 {
  max-width: 640px;
}

@media all and (max-width: 680px) {
  .video-wrapper.mp4 .close {
    margin-left: 0;
    position: relative;
  }
}
@media all and (max-width: 522px) {
  .video-wrapper.mp3g .close {
    margin-left: 0;
    position: relative;
  }
  .video-wrapper.old-site-msg .close {
    margin-left: 0;
    position: relative;
  }
}
.tracks-table-header {
  background: #565656;
  height: 1%;
  overflow: hidden;
}
.tracks-table-header h3 {
  color: #fff;
  float: left;
  padding: 10px 0 0 10px;
  font-weight: bold;
  font-size: 0.9em;
}
.tracks-table-header .format {
  display: inline-block;
  float: right;
  width: 70px;
  height: 32px;
  margin-right: 12px;
  -ms-transform: skewX(-38deg);
  -webkit-transform: skewX(-38deg);
  transform: skewX(-38deg);
}
.tracks-table-header .format.mp3 {
  background: #76bd22;
}
.tracks-table-header .format.cdg {
  background: #ffc82e;
}
.tracks-table-header .format.mp3g {
  background: #ff8400;
}
.tracks-table-header .format.dvd, .tracks-table-header .format.mp4 {
  background: #c505be;
}
.tracks-table-header .format span {
  position: absolute;
  z-index: 1;
  display: inline-block;
  margin-top: 10px;
  width: 70px;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  font-family: PlutoSansMedium, sans-serif;
  -ms-transform: skewX(38deg);
  -webkit-transform: skewX(38deg);
  transform: skewX(38deg);
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 20px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  transform-origin: bottom;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
div.form-page {
  max-width: 700px;
  margin: 40px auto;
}
div.form-page.short-width {
  max-width: 500px;
  margin: 40px auto;
}
div.form-page.short-width .field-block label {
  width: 200px !important;
}
div.form-page.short-width .field-block.checkbox input[type=checkbox] {
  margin-left: 200px;
}
div.form-page.short-width .field-block.checkbox label {
  width: auto !important;
}
div.form-page h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  padding-bottom: 25px;
  text-align: center;
}
div.form-page #errors {
  background: #ec1507;
  padding: 20px;
  max-width: 75%;
  margin: 0 auto;
  color: #fff;
}
div.form-page #errors .halflings {
  float: left;
}
div.form-page #errors div.content {
  max-width: 90%;
  float: left;
  margin-left: 10px;
}
div.form-page #errors div.content span.preamble {
  font-weight: bold;
  line-height: 1.3em;
}
div.form-page #errors div.content ul {
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 5px 0 0 20px;
}
div.form-page #errors div.content ul li {
  list-style: disc;
  padding-top: 5px;
}
div.form-page a.button {
  display: inline-block;
  height: 1%;
  overflow: hidden;
  background: #0898ea;
  padding: 7px 12px;
  border-radius: 5px;
  color: #fff;
  transition: background-color 0.3s;
}
div.form-page a.button span.halflings {
  float: left;
  margin-right: 10px;
}
div.form-page a.button span.halflings.right-hand-side {
  margin-right: 0;
  margin-left: 10px;
}
div.form-page a.button span.text {
  float: left;
  font-size: 0.9em;
  padding-top: 2px;
}
div.form-page a.button:hover {
  background: #1cbbb4;
}
div.form-page form fieldset button {
  height: 1%;
  overflow: hidden;
  background: #ffc82e;
  padding: 7px 12px;
  border-radius: 5px;
  transition: color 0.3s;
}
div.form-page form fieldset button span.halflings {
  margin-right: 10px;
  float: left;
}
div.form-page form fieldset button span.text {
  float: left;
  font-size: 0.9em;
}
div.form-page form fieldset button:hover {
  color: #fff;
}
div.form-page form fieldset .field-block {
  margin-top: 15px;
}
div.form-page form fieldset .field-block label {
  float: left;
  padding: 7px 10px 0 0;
  text-align: right;
  width: 250px;
}
div.form-page form fieldset .field-block #phone-preamble {
  position: absolute;
  padding: 6px 0 0 7px;
}
div.form-page form fieldset .field-block input {
  float: left;
}
div.form-page form fieldset .field-block input[type=text], div.form-page form fieldset .field-block input[type=email], div.form-page form fieldset .field-block input[type=password], div.form-page form fieldset .field-block input[type=tel] {
  border: 1px solid #8e8c8d;
  padding: 5px;
  width: 250px;
}
div.form-page form fieldset .field-block input#phone {
  padding-left: 18px;
}
div.form-page form fieldset .field-block textarea {
  float: left;
  border: 1px solid #8e8c8d;
  padding: 5px;
  width: 250px;
}
div.form-page form fieldset .field-block select {
  float: left;
  margin-top: 5px;
}
div.form-page form fieldset .field-block span.note {
  float: left;
  font-size: 0.7em;
  padding: 5px 0 0 250px;
}
div.form-page form fieldset .field-block.error label {
  color: #ec1507;
}
div.form-page form fieldset .field-block.error input[type=text],
div.form-page form fieldset .field-block.error input[type=email],
div.form-page form fieldset .field-block.error input[type=password],
div.form-page form fieldset .field-block.error input[type=tel],
div.form-page form fieldset .field-block.error textarea {
  border-color: #ec1507;
}
div.form-page form fieldset .field-block.checkbox {
  height: 1%;
  overflow: hidden;
}
div.form-page form fieldset .field-block.checkbox input[type=checkbox] {
  float: left;
  margin-left: 250px;
}
div.form-page form fieldset .field-block.checkbox label {
  float: left;
  padding: 2px 0 0 5px;
  font-size: 0.9em;
}
div.form-page form fieldset .button-bar {
  margin-top: 20px;
}
div.form-page form fieldset .button-bar a.button {
  float: left;
}
div.form-page form fieldset .button-bar button {
  float: right;
}

@media all and (max-width: 700px) {
  div.form-page {
    padding: 0 10px;
  }
  div.form-page #errors {
    max-width: 100%;
  }
}
@media all and (max-width: 600px) {
  div.form-page {
    margin-top: 30px;
  }
  div.form-page h1 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }
  div.form-page form fieldset .field-block label {
    display: block;
    width: auto;
    float: none;
    padding-bottom: 5px;
    text-align: left;
  }
  div.form-page form fieldset .field-block input[type=text],
  div.form-page form fieldset .field-block input[type=password],
  div.form-page form fieldset .field-block input[type=email],
  div.form-page form fieldset .field-block input[type=tel],
  div.form-page form fieldset .field-block textarea,
  div.form-page form fieldset .field-block select {
    width: 100%;
    float: none;
  }
}
@media all and (max-width: 500px) {
  div.form-page #errors div.content ul {
    margin-left: 0;
  }
}
#browse-genres-block {
  max-width: 1300px;
  margin: 0 auto;
}
#browse-genres-block ul {
  text-align: center;
  padding: 15px 0 0 0;
  float: left;
  width: 100%;
  clear: both;
}
#browse-genres-block ul li {
  float: left;
  padding: 13px;
  display: inline-block;
  width: 25%;
}
#browse-genres-block ul li a {
  display: inline-block;
  transition: opacity 0.3s;
  display: block;
  height: 100%;
  color: #fff;
  font-size: 13px;
  min-height: 209px;
  text-align: center;
  position: relative;
  background-position: center;
}
#browse-genres-block ul li a .white_bg_hover {
  padding-top: 80px;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: background 0.2s ease-in-out;
}
#browse-genres-block ul li a:hover .white_bg_hover {
  background: rgba(255, 255, 255, 0.25);
}
#browse-genres-block ul li a big {
  font-size: 37px;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
#browse-genres-block ul li.disco a {
  background-image: url("/images/homepage/genres/disco.jpg");
}
#browse-genres-block ul li.indie a {
  background-image: url("/images/homepage/genres/indie.jpg");
}
#browse-genres-block ul li.blues a {
  background-image: url("/images/homepage/genres/blues.jpg");
}
#browse-genres-block ul li.rock a {
  background-image: url("/images/homepage/genres/rock.jpg");
}
#browse-genres-block ul li.country a {
  background-image: url("/images/homepage/genres/country.jpg");
}
#browse-genres-block ul li.musicals a {
  background-image: url("/images/homepage/genres/musicals.jpg");
}
#browse-genres-block ul li.reggae a {
  background-image: url("/images/homepage/genres/reggae.jpg");
}
#browse-genres-block ul li.jazz a {
  background-image: url("/images/homepage/genres/swing.jpg");
}
#browse-genres-block ol {
  max-width: 1300px;
  margin: 0 auto;
  padding: 25px 0 0 0;
  overflow: hidden;
}
#browse-genres-block ol li {
  display: inline-block;
  width: 20%;
  padding-left: 2%;
  position: relative;
}
#browse-genres-block ol li:after {
  position: absolute;
  display: block;
  content: " ";
  height: 55px;
  width: 2px;
  right: 0;
  top: 0;
  background-color: #000;
}
#browse-genres-block ol li:nth-child(5n+5):after {
  content: none;
}
#browse-genres-block ol li a {
  display: inline-block;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  padding: 4px 0;
  transition: color 0.3s;
}
#browse-genres-block ol li a:hover {
  color: #ffc82e;
}

@media all and (max-width: 980px) {
  #browse-genres-block ul li {
    width: 33%;
  }
  #browse-genres-block ol li {
    width: 25%;
  }
  #browse-genres-block ol li:nth-child(5n+5):after {
    content: " ";
  }
  #browse-genres-block ol li:nth-child(4n+4):after {
    content: none;
  }
}
@media all and (max-width: 750px) {
  #browse-genres-block ol li {
    width: 33%;
  }
  #browse-genres-block ol li:nth-child(3n+3):after {
    content: none;
  }
}
@media all and (max-width: 650px) {
  #browse-genres-block ul li {
    width: 50%;
  }
}
@media all and (max-width: 550px) {
  #browse-genres-block ol li {
    width: 50%;
  }
  #browse-genres-block ol li:nth-child(2n+2):after {
    content: none;
  }
}
@media all and (max-width: 400px) {
  #browse-genres-block ol li {
    width: 100%;
    text-align: center;
    padding: 4px 0;
  }
  #browse-genres-block ol li:after {
    display: none;
  }
  #browse-genres-block ol li a {
    padding: 0;
  }
}
@media all and (max-width: 450px) {
  #browse-genres-block ul li {
    width: 100%;
    max-width: 325px;
    float: none;
  }
}
#footer {
  background: #000;
  color: #fff;
  padding: 30px 35px 60px 35px;
}
#footer .wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
#footer .wrapper a {
  color: #fff;
  transition: color 0.3s;
}
#footer .wrapper a:hover {
  color: #ffc82e;
}
#footer .wrapper .mid-row {
  height: 1%;
  overflow: hidden;
  padding-top: 40px;
}
#footer .wrapper .mid-row div {
  float: left;
}
#footer .wrapper .mid-row div.formats {
  width: 240px;
  margin-right: 150px;
}
#footer .wrapper .mid-row div.about {
  width: 195px;
  margin-right: 50px;
}
#footer .wrapper .mid-row div.account {
  width: 155px;
}
#footer .wrapper .mid-row div.address-email-wrapper {
  float: right;
  font-size: 15px;
  line-height: 1.3em;
  text-align: left;
}
#footer .wrapper .mid-row div.address-email-wrapper address {
  display: block;
  padding-bottom: 10px;
}
#footer .wrapper .mid-row div.address-email-wrapper address strong {
  font-family: PlutoSansMedium, sans-serif;
  display: block;
}
#footer .wrapper .mid-row div.address-email-wrapper span.phone-wrapper {
  display: block;
  padding-bottom: 10px;
}
#footer .wrapper .mid-row div h4 {
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 27px;
}
#footer .wrapper .mid-row div li {
  font-size: 15px;
  padding-bottom: 7px;
}
#footer .wrapper .copyright, #footer .wrapper .credit {
  display: block;
  font-size: 0.7em;
  padding-top: 25px;
}
#footer .wrapper .copyright {
  float: left;
}
#footer .wrapper .credit {
  float: right;
}
@media all and (max-width: 1131px) {
  #footer .wrapper .mid-row div.formats {
    margin-right: 50px;
  }
}
@media all and (max-width: 1018px) {
  #footer .wrapper .mid-row div.address-email-wrapper {
    float: left;
    clear: left;
    margin-top: 50px;
  }
  #footer .wrapper .credit {
    float: left;
    clear: left;
    padding-top: 10px;
  }
}
@media all and (max-width: 750px) {
  #footer .wrapper .mid-row div h4 {
    font-size: 16px;
    padding-bottom: 10px;
  }
  #footer .wrapper .mid-row div li {
    font-size: 14px;
    padding-bottom: 7px;
  }
  #footer .wrapper .mid-row div.formats {
    width: 45%;
    margin-right: 0;
  }
  #footer .wrapper .mid-row div.about {
    width: 30%;
    margin-right: 0;
  }
  #footer .wrapper .mid-row div.account {
    width: 25%;
    padding-right: 0;
    text-align: right;
  }
  #footer .wrapper .mid-row div.address-email-wrapper {
    padding-top: 20px;
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer .wrapper .copyright, #footer .wrapper .credit {
    float: none;
    clear: none;
    text-align: center;
  }
}
@media all and (max-width: 640px) {
  #footer .wrapper .mid-row {
    padding-top: 10px;
  }
  #footer .wrapper .mid-row div.formats, #footer .wrapper .mid-row div.about, #footer .wrapper .mid-row div.account {
    padding-top: 30px;
    width: 100%;
    text-align: center;
  }
  #footer .wrapper .mid-row div.formats li, #footer .wrapper .mid-row div.about li, #footer .wrapper .mid-row div.account li {
    padding: 5px 0;
  }
}

/*

@media all and (max-width: 940px) {
	#footer {
		padding: 40px;
	}
}

@media all and (max-width: 799px) {
	#footer .wrapper {
		.mid-row div {
			&.formats {
				width: 45%;
			}

			&.about {
				width: 30%;
			}

			&.account {
				width: 25%;
				padding-right: 0;
				text-align: right;
			}

			&.address-email-wrapper {
				padding-top: 20px;
				clear: both;
				float: none;
				width: 100%;
				text-align: center;
			}
		}

		.copyright {
			text-align: center;
		}
	}
}

@media all and (max-width: 599px) {
	#footer .wrapper {

		.logo-social-wrapper {
			height: auto;
			text-align: center;

			.logo {
				width: auto;
				float: none;
				margin-left: 0;
				max-width: 90%;
			}

			ul {
				float: none;
				text-align: center;
				margin-top: 20px;

				li {
					float: none;
					margin: 0 20px;
				}
			}
		}

		.mid-row {
			padding-top: 10px;

			div {
				&.formats,
				&.about,
				&.account {
					padding-top: 30px;
					float: none;
					width: 100%;
					text-align: center;

					li {
						padding: 5px 0;
					}
				}
			}
		}
	}
}
*/
.block_title {
  max-width: 1300px;
  margin: 0 auto;
}
.block_title .inner_border {
  border-bottom: 3px solid #000;
  padding-bottom: 10px;
}
.block_title h2 {
  font-size: 33px;
  float: left;
  text-transform: uppercase;
  font-family: PlutoSansMedium, sans-serif;
  padding: 15px 0 10px 75px;
  background-repeat: no-repeat;
}
.block_title p {
  float: right;
  font-size: 18px;
  padding-top: 22px;
}
@media all and (max-width: 1300px) {
  .block_title {
    padding: 0 10px 10px 10px;
  }
  .block_title p {
    padding-right: 10px;
  }
}
@media all and (max-width: 1023px) {
  .block_title {
    text-align: center;
  }
  .block_title p {
    font-size: 14px;
    padding-top: 18px;
    float: none;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 24px;
  }
  .block_title h2 {
    font-size: 25px;
    float: none;
    display: inline-block;
    padding-left: 60px;
  }
}

#browse-genres-block .block_title h2 {
  background-image: url("/images/genres.svg");
  background-position: 14px 50%;
  background-size: 45px 38px;
}
@media all and (max-width: 1023px) {
  #browse-genres-block .block_title h2 {
    background-position: 0 50%;
    margin-top: 20px;
  }
}

#homepage-charts .block_title h2 {
  background-image: url("/images/charts.svg");
  background-position: 16px 50%;
  background-size: 44px 35px;
}
@media all and (max-width: 1023px) {
  #homepage-charts .block_title h2 {
    background-position: 0 50%;
  }
}

#homepage-discs .block_title h2 {
  background-image: url("/images/discs.svg");
  background-position: 17px 50%;
  background-size: 37px 39px;
}
@media all and (max-width: 1023px) {
  #homepage-discs .block_title h2 {
    background-position: 0 50%;
  }
}

#latest-articles {
  background-color: #a1a1a1;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 30px 0;
  min-height: 217px;
}
#latest-articles a {
  color: #fff;
}
#latest-articles:after {
  content: " ";
  height: 416px;
  width: 389px;
  background-image: url("/images/news.svg");
  background-size: cover;
  position: absolute;
  right: -27px;
  top: -55px;
  z-index: 1;
}
#latest-articles .inner {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#latest-articles h2 {
  font-size: 91px;
  text-transform: uppercase;
  line-height: 78px;
  letter-spacing: -6px;
  padding-right: 57px;
  position: absolute;
}
#latest-articles h2 big {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 108px;
  font-weight: bold;
  display: block;
  letter-spacing: -13px;
}
#latest-articles.news_page h2 {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  width: 990px;
  position: static;
  margin-bottom: 50px;
}
#latest-articles .footer_article {
  padding-left: 373px;
}
#latest-articles.news_page .footer_article {
  max-width: 100%;
  width: 990px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
#latest-articles.news_page .footer_article a {
  display: table;
  width: 100%;
}
#latest-articles .article_image {
  position: absolute;
  padding: 15px 65px 0 0;
  width: 204px;
}
#latest-articles .article_image img {
  max-height: 156px;
  max-width: 200px;
}
#latest-articles.news_page .article_image {
  display: table-cell;
  float: none;
  width: 273px;
  vertical-align: middle;
  text-align: left;
  position: static;
}
#latest-articles .article_info {
  padding-left: 204px;
}
#latest-articles .article_info h3 {
  font-size: 33px;
  font-family: PlutoSansMedium, sans-serif;
  text-transform: uppercase;
  padding-bottom: 15px;
  padding-top: 15px;
}
#latest-articles .article_info .content {
  padding-bottom: 15px;
  line-height: 22px;
  font-size: 14px;
  float: left;
}
#latest-articles .article_info a.readmore {
  font-size: 19px;
  font-family: PlutoSansMedium, sans-serif;
  display: inline-block;
}
#latest-articles.news_page .article_info {
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 0;
}
@media all and (max-width: 1020px) {
  #latest-articles {
    text-align: center;
  }
  #latest-articles h2 {
    float: none;
    padding-right: 0;
    padding-bottom: 17px;
    position: static;
  }
  #latest-articles .article_image {
    float: none;
    padding-right: 0;
    padding: 10px 0;
    position: static;
    text-align: center;
    width: auto;
  }
  #latest-articles .article_info {
    float: none;
    padding: 10px;
  }
  #latest-articles .footer_article {
    float: none;
    margin: 0 auto;
    padding-left: 0;
  }
}
@media all and (max-width: 693px) {
  #latest-articles.news_page h2 {
    text-align: center;
  }
  #latest-articles.news_page .article_image {
    width: 150px;
  }
  #latest-articles.news_page .article_image img {
    max-width: 100px;
  }
  #latest-articles.news_page .article_info h3 {
    font-size: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media all and (max-width: 599px) {
  #latest-articles h2 {
    font-size: 61px;
    line-height: 55px;
    letter-spacing: -2px;
  }
  #latest-articles h2 big {
    font-size: 79px;
    letter-spacing: -10px;
  }
  #latest-articles .article_info h3 {
    font-size: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #latest-articles .article_info .content {
    padding-bottom: 15px;
    line-height: 22px;
    font-size: 12px;
  }
  #latest-articles .article_info a.readmore {
    font-size: 16px;
  }
}
@media all and (max-width: 400px) {
  #latest-articles h2 {
    font-size: 50px;
    line-height: 45px;
  }
  #latest-articles h2 big {
    font-size: 65px;
    letter-spacing: -7px;
  }
}

#offer-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.69);
}
#offer-overlay #offer-wrapper {
  border: 15px solid #fff;
  background: #b0dbe1 url("/images/hot-july-offer/clouds.png") no-repeat top center;
  margin: 0 auto;
  max-width: 810px;
}
#offer-overlay #offer-wrapper a.dismiss {
  display: inline-block;
  position: absolute;
  z-index: 101;
  margin: -28px 0 0 -28px;
  background: #fff;
  border-radius: 50%;
  height: 43px;
  width: 43px;
  text-align: center;
}
#offer-overlay #offer-wrapper a.dismiss .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
#offer-overlay #offer-wrapper a.dismiss:hover .halflings {
  color: #ffc82e;
}
#offer-overlay #offer-wrapper #offer {
  height: 543px;
  background: url("/images/hot-july-offer/microcone.png") no-repeat bottom left;
  margin: -15px;
  padding: 15px 15px 15px 337px;
  text-align: center;
}
#offer-overlay #offer-wrapper #offer img {
  display: inline-block;
}
#offer-overlay #offer-wrapper #offer img.title {
  margin-top: 40px;
}
#offer-overlay #offer-wrapper #offer img.discount {
  margin-top: 25px;
}
#offer-overlay #offer-wrapper #offer img.code {
  margin-top: 20px;
}
#offer-overlay #offer-wrapper #offer span.qualification {
  display: inline-block;
  margin-top: 20px;
  color: #08354d;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.8em;
  line-height: 1.3em;
  padding: 0 10px;
}

@media all and (max-width: 900px) {
  #offer-overlay {
    text-align: center;
    padding-top: 20px;
  }
  #offer-overlay #offer-wrapper {
    width: 90%;
    max-width: 650px;
    padding-bottom: 15px;
    background-image: none;
  }
  #offer-overlay #offer-wrapper a.dismiss {
    margin-top: -29px;
  }
  #offer-overlay #offer-wrapper #offer {
    height: auto;
    background: none;
    padding-left: 15px;
  }
  #offer-overlay #offer-wrapper #offer img {
    max-width: 85%;
  }
  #offer-overlay #offer-wrapper #offer img.title {
    margin-top: 25px;
  }
}
#bulk-purchase-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.69);
  padding-top: 45vh;
}
#bulk-purchase-overlay div.wrapper {
  border: 15px solid #fff;
  background: #b0dbe1 no-repeat top center;
  margin: 0 auto;
  max-width: 810px;
}
#bulk-purchase-overlay div.wrapper a.dismiss {
  display: inline-block;
  position: absolute;
  z-index: 101;
  margin: -28px 0 0 -28px;
  background: #fff;
  border-radius: 50%;
  height: 43px;
  width: 43px;
  text-align: center;
}
#bulk-purchase-overlay div.wrapper a.dismiss .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
#bulk-purchase-overlay div.wrapper a.dismiss:hover .halflings {
  color: #ffc82e;
}
#bulk-purchase-overlay div.wrapper div.inner {
  padding: 15px;
  text-align: center;
  font-size: 2em;
  line-height: 1.3em;
}

@media all and (max-width: 900px) {
  #bulk-purchase-overlay {
    text-align: center;
    padding-top: 20vh;
  }
  #bulk-purchase-overlay div.wrapper {
    width: 90%;
    max-width: 650px;
  }
  #bulk-purchase-overlay div.wrapper a.dismiss {
    margin-left: -22px;
  }
  #bulk-purchase-overlay div.wrapper div.inner {
    padding-top: 25px;
  }
}
#custom-thumb-drives-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.69);
  padding-top: 10vh;
}
#custom-thumb-drives-overlay div.wrapper {
  margin: 0 auto;
  max-width: 810px;
  background: #fff;
  padding: 15px;
}
#custom-thumb-drives-overlay div.wrapper a.dismiss {
  display: inline-block;
  position: absolute;
  z-index: 101;
  margin: -28px 0 0 -28px;
  border-radius: 50%;
  background: #fff;
  height: 43px;
  width: 43px;
  text-align: center;
}
#custom-thumb-drives-overlay div.wrapper a.dismiss .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
#custom-thumb-drives-overlay div.wrapper a.dismiss:hover .halflings {
  color: #ffc82e;
}
#custom-thumb-drives-overlay div.wrapper div.inner {
  text-align: center;
}
#custom-thumb-drives-overlay div.wrapper div.inner h2 {
  font-size: 2em;
  line-height: 1em;
}
#custom-thumb-drives-overlay div.wrapper div.inner p {
  margin-top: 20px;
  font-size: 1em;
  line-height: 1.3em;
}
#custom-thumb-drives-overlay div.wrapper div.inner p strong {
  font-family: PlutoSansMedium, sans-serif;
}
#custom-thumb-drives-overlay div.wrapper div.inner p a {
  color: #0898ea;
  text-decoration: underline;
  transition: color 0.3s;
}
#custom-thumb-drives-overlay div.wrapper div.inner p a:hover {
  color: #1cbbb4;
}
#custom-thumb-drives-overlay div.wrapper div.inner p span.mp3g {
  font-family: PlutoSansMedium, sans-serif;
  color: #ff8400;
}
#custom-thumb-drives-overlay div.wrapper div.inner p span.mp4 {
  font-family: PlutoSansMedium, sans-serif;
  color: #c505be;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons {
  margin-top: 20px;
  display: flex;
  column-gap: 10px;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li {
  flex-grow: 1;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a {
  display: block;
  border-width: 2px;
  border-style: solid;
  padding: 10px 5px;
  color: #fff;
  text-transform: uppercase;
  font-family: PlutoSansMedium, sans-serif;
  transition: 0.3s;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a.mp3g {
  border-color: #ff8400;
  background: #ff8400;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a.mp4 {
  border-color: #c505be;
  background: #c505be;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a:hover {
  background: #fff;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a:hover.mp3g {
  color: #ff8400;
}
#custom-thumb-drives-overlay div.wrapper div.inner ul.buttons li a:hover.mp4 {
  color: #c505be;
}

@media all and (max-width: 900px) {
  #custom-thumb-drives-overlay {
    text-align: center;
    padding-top: 5vh;
  }
  #custom-thumb-drives-overlay div.wrapper {
    width: 90%;
    max-width: 650px;
  }
  #custom-thumb-drives-overlay div.wrapper a.dismiss {
    margin-left: -22px;
  }
  #custom-thumb-drives-overlay div.wrapper div.inner {
    padding-top: 25px;
  }
}
#homepage-video-overlay {
  position: absolute;
  width: 100%;
  z-index: 1;
}
#homepage-video-overlay p {
  text-align: center;
  color: #fff;
  font-weight: bold;
}
#homepage-video-overlay p.pre {
  font-size: 38px;
  padding: 21% 0 30px 0;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  text-shadow: #000 0 0 1px;
}
#homepage-video-overlay p.post {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 74px;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  text-shadow: #000 0 0 2px;
}

@media all and (max-width: 922px) {
  #homepage-video-overlay p.pre {
    font-size: 30px;
    padding: 15% 0 30px 0;
  }
  #homepage-video-overlay p.post {
    font-size: 60px;
    letter-spacing: -2px;
  }
}
@media all and (max-width: 722px) {
  #homepage-video-overlay p.pre {
    font-size: 18px;
    padding: 10% 0 20px 0;
  }
  #homepage-video-overlay p.post {
    font-size: 34px;
    letter-spacing: -2px;
  }
  #homepage-video-overlay #search-bar {
    margin: 5% auto;
  }
}
#homepage-video {
  display: block;
  width: 100%;
}

a.custom-discs-homepage-flash {
  display: block;
  margin: 5px 0;
  position: relative;
  background: #c505be url("/images/homepage/custom-cdg-discs/promotion/left.png") no-repeat top left;
}
a.custom-discs-homepage-flash.mobile {
  display: none;
  margin: 5px 0;
}
a.custom-discs-homepage-flash div.inner {
  height: 275px;
  background-repeat: no-repeat;
  background-position: top right;
}
a.custom-discs-homepage-flash div.inner p {
  text-align: center;
  color: #fff;
}
a.custom-discs-homepage-flash div.inner p.first {
  text-transform: uppercase;
  font-size: 35px;
  line-height: 35px;
  padding-top: 28px;
  font-family: PlutoSansMedium, sans-serif;
}
a.custom-discs-homepage-flash div.inner p.first sup {
  vertical-align: super;
  font-size: 0.6em;
  text-transform: none;
}
a.custom-discs-homepage-flash div.inner p.second {
  font-size: 18px;
  padding-top: 20px;
}
a.custom-discs-homepage-flash div.inner p.third {
  font-size: 14px;
  padding-top: 20px;
}
a.custom-discs-homepage-flash div.inner p.third small {
  display: block;
  margin: 10px 0 -10px 0;
  font-size: 10px;
  line-height: 13px;
}
a.custom-discs-homepage-flash div.inner p.third small span.url {
  text-decoration: underline;
}
a.custom-discs-homepage-flash div.inner p.third small span.url:hover {
  color: #ffc82e;
}
a.custom-discs-homepage-flash div.inner p.fourth {
  font-size: 12px;
  line-height: 20px;
  padding-top: 20px;
}
a.custom-discs-homepage-flash div.inner p.fourth sup {
  vertical-align: super;
  font-size: 0.8em;
}
a.custom-discs-homepage-flash div.inner p strong {
  font-family: PlutoSansMedium, sans-serif;
}
@media all and (max-width: 1225px) {
  a.custom-discs-homepage-flash {
    background-position: -20% 0;
  }
  a.custom-discs-homepage-flash div.inner {
    background-position: 120% 0;
  }
}
@media all and (max-width: 1023px) {
  a.custom-discs-homepage-flash {
    background-image: none;
  }
  a.custom-discs-homepage-flash div.inner {
    background-image: none !important;
    height: auto;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 700px) {
  a.custom-discs-homepage-flash div.inner p {
    padding: 0 10px;
  }
  a.custom-discs-homepage-flash div.inner p.first {
    font-size: 20px;
    padding-top: 20px;
  }
  a.custom-discs-homepage-flash div.inner p.second {
    font-size: 15px;
    padding-top: 10px;
  }
  a.custom-discs-homepage-flash div.inner p.third {
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
  }
  a.custom-discs-homepage-flash div.inner p.third small {
    margin-bottom: 0;
  }
  a.custom-discs-homepage-flash div.inner p.fourth {
    font-size: 10px;
    line-height: 13px;
    padding-top: 10px;
  }
}
@media all and (max-width: 500px) {
  a.custom-discs-homepage-flash div.inner p {
    padding: 0 10px;
  }
  a.custom-discs-homepage-flash div.inner p.first {
    font-size: 20px;
    line-height: 25px;
    padding-top: 20px;
  }
  a.custom-discs-homepage-flash div.inner p.second {
    font-size: 15px;
    line-height: 20px;
    padding-top: 10px;
  }
  a.custom-discs-homepage-flash div.inner p.third {
    font-size: 12px;
    line-height: 15px;
    padding-top: 10px;
  }
  a.custom-discs-homepage-flash div.inner p.fourth {
    font-size: 10px;
    line-height: 13px;
    padding-top: 10px;
  }
}

#custom-disc-builder {
  margin: 30px auto 0 auto;
  max-width: 1300px;
  padding: 10px;
}
#custom-disc-builder h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #ffc82e;
  text-align: center;
  font-weight: bold;
  font-size: 3.5em;
}
#custom-disc-builder p.sub-title {
  margin-top: 20px;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.2em;
}
#custom-disc-builder div.wrapper {
  margin-top: 50px;
  position: relative;
  background: url("/images/homepage/custom-cdg-discs/background.jpg") no-repeat;
  aspect-ratio: 1048/600;
  background-position: 72% 0;
  background-size: 81% auto;
}
#custom-disc-builder div.wrapper div.button-wrapper {
  max-width: 183px;
  padding-top: 7%;
  position: absolute;
  left: 75%;
}
#custom-disc-builder div.wrapper div.button-wrapper img {
  display: block;
  width: 100%;
}
#custom-disc-builder div.wrapper div.button-wrapper a {
  display: block;
  position: relative;
  margin-top: 15px;
  background: #ffc82e;
  padding: 12px 60px 12px 18px;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.3em;
  font-family: PlutoSansMedium, sans-serif;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
}
#custom-disc-builder div.wrapper div.button-wrapper a:after {
  display: block;
  position: absolute;
  content: "▲";
  font-size: 40px;
  line-height: 40px;
  right: 16px;
  margin-top: 11px;
  top: 0;
  transform: rotate(-30deg);
}
#custom-disc-builder div.wrapper div.button-wrapper a:hover {
  background-color: #946d00;
  transition: background-color 0.2s ease-in-out;
}
#custom-disc-builder p.details {
  position: absolute;
  width: 100%;
  max-width: 35%;
  padding-top: 41%;
  left: 14%;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3em;
}
#custom-disc-builder p.details span.free-uk-delivery {
  display: block;
  font-size: 0.8em;
}
#custom-disc-builder p.details small {
  display: block;
  margin-top: 10px;
  font-size: 0.6em;
  line-height: 1.5em;
}
#custom-disc-builder p.details small a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#custom-disc-builder p.details small a:hover {
  color: #0898ea;
}
@media all and (max-width: 945px) {
  #custom-disc-builder div.wrapper {
    aspect-ratio: 1048/716;
    background-position: 0 0;
    background-size: 100%;
  }
  #custom-disc-builder div.wrapper div.button-wrapper {
    max-width: none;
    padding-top: 9%;
    position: relative;
    left: 0;
    display: flex;
  }
  #custom-disc-builder div.wrapper div.button-wrapper img {
    width: 90px;
  }
  #custom-disc-builder div.wrapper div.button-wrapper a {
    margin: 7px 0 7px 15px;
    width: 100%;
    display: flex;
    align-items: center;
  }
  #custom-disc-builder div.wrapper.non-uk-address div.button-wrapper {
    padding-top: 5%;
  }
  #custom-disc-builder p.details {
    position: relative;
    max-width: 45%;
    padding-top: 50%;
    left: 0;
  }
}
@media all and (max-width: 700px) {
  #custom-disc-builder h2 {
    font-size: 2em;
  }
  #custom-disc-builder p.sub-title {
    font-size: 1em;
  }
}
@media all and (max-width: 555px) {
  #custom-disc-builder div.wrapper p.details {
    max-width: 100%;
    padding-top: 70%;
  }
}

.help-bar {
  background: #000;
  text-align: center;
  padding: 20px;
  font-size: 19px;
}
.help-bar a {
  color: #fff;
  transition: color 0.3s;
}
.help-bar a:hover {
  color: #ffc82e;
}
@media all and (max-width: 400px) {
  .help-bar {
    font-size: 14px;
  }
}

#homepage-charts {
  padding-top: 50px;
}
#homepage-charts h2 {
  text-align: center;
  font-weight: bold;
  font-size: 2.1em;
}
#homepage-charts div.charts-wrapper {
  max-width: 1300px;
  padding: 0 20px;
  margin: 35px auto 0 auto;
  height: 1%;
  overflow: hidden;
}
#homepage-charts div.charts-wrapper div.chart-wrapper {
  float: left;
  width: 32%;
  margin-left: 2%;
}
#homepage-charts div.charts-wrapper div.chart-wrapper:first-child {
  margin-left: 0;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table {
  margin-top: 5px;
  width: 100%;
  background: #e3e3e3;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td {
  border-top: 1px solid #fff;
  vertical-align: middle;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.sample {
  padding-left: 6px;
  width: 15px;
  font-size: 0.9em;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.position,
#homepage-charts div.charts-wrapper div.chart-wrapper table td.title,
#homepage-charts div.charts-wrapper div.chart-wrapper table td.artist {
  padding: 5px;
  font-size: 0.8em;
  line-height: 1.3em;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.position {
  width: 20px;
  padding: 0;
  text-align: center;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.title {
  width: 30%;
  word-break: break-word;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.artist {
  padding-right: 10px;
  word-break: break-word;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.artist a {
  color: #000;
  transition: color 0.3s;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.buy {
  width: 55px;
  font-size: 0.9em;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.buy a.download {
  padding: 0 10px;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.buy a.fixed,
#homepage-charts div.charts-wrapper div.chart-wrapper table td.buy span.unavailable.fixed {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0;
}
#homepage-charts div.charts-wrapper div.chart-wrapper table td.buy span.unavailable {
  display: table-cell;
  width: 55px;
  vertical-align: middle;
  text-align: center;
  font-size: 0.5em;
  line-height: 1.5em;
  padding: 5px 0;
}
#homepage-charts div.charts-wrapper div.chart-wrapper.mp3 table td.artist a:hover {
  color: #76bd22;
}
#homepage-charts div.charts-wrapper div.chart-wrapper.mp3g table td.artist a:hover {
  color: #ff8400;
}
#homepage-charts div.charts-wrapper div.chart-wrapper.mp4 table td.artist a:hover {
  color: #c505be;
}

@media all and (max-width: 1279px) {
  #homepage-charts h2 {
    font-size: 2em;
  }
  #homepage-charts div.charts-wrapper {
    max-width: 1024px;
  }
  #homepage-charts div.charts-wrapper div.chart-wrapper {
    width: 49%;
  }
  #homepage-charts div.charts-wrapper div.chart-wrapper:last-child {
    clear: both;
    float: none;
    margin: 0 auto;
    padding-top: 20px;
  }
}
@media all and (max-width: 1023px) {
  #homepage-charts h2 {
    font-size: 1.75em;
  }
  #homepage-charts div.charts-wrapper {
    margin-top: 0;
    padding: 0 5px;
  }
  #homepage-charts div.charts-wrapper div.chart-wrapper {
    float: none;
    width: 100%;
    margin: 0;
    padding-top: 50px !important;
  }
}
@media all and (max-width: 700px) {
  #homepage-charts {
    padding-top: 25px;
  }
  #homepage-charts div.charts-wrapper div.chart-wrapper {
    padding-top: 25px !important;
  }
}
#homepage-discs {
  padding: 50px 0 0 0;
}
#homepage-discs h2 {
  text-align: center;
  font-weight: bold;
  font-size: 2.1em;
}
#homepage-discs p {
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 1em;
  line-height: 1.5em;
}
#homepage-discs div.discs-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}
#homepage-discs div.discs-wrapper div.disc-wrapper {
  display: inline-block;
  padding: 20px 25px;
  max-width: 16%;
  width: 100%;
  vertical-align: top;
  line-height: 1.1em;
}
#homepage-discs div.discs-wrapper div.disc-wrapper a {
  display: block;
  text-align: center;
}
#homepage-discs div.discs-wrapper div.disc-wrapper a img {
  display: inline-block;
  transition: opacity 0.3s;
  max-width: 100%;
}
#homepage-discs div.discs-wrapper div.disc-wrapper a span.title {
  display: block;
  color: #4d4d4d;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.9em;
  padding-top: 15px;
  transition: color 0.3s;
}
#homepage-discs div.discs-wrapper div.disc-wrapper a:hover img {
  opacity: 0.85;
}
#homepage-discs div.discs-wrapper div.disc-wrapper a:hover span.title {
  color: #ffc82e;
}

@media all and (max-width: 1279px) {
  #homepage-discs h2 {
    font-size: 2em;
  }
}
@media all and (max-width: 1023px) {
  #homepage-discs h2 {
    font-size: 1.75em;
  }
  #homepage-discs div.discs-wrapper div.disc-wrapper {
    max-width: 32%;
  }
}
@media all and (max-width: 550px) {
  #homepage-discs h2 {
    padding: 13px 0 5px 50px;
    font-size: 1.3em;
  }
  #homepage-discs p {
    padding: 0;
  }
  #homepage-discs div.discs-wrapper div.disc-wrapper {
    font-size: 0.9em;
    max-width: 49%;
  }
}
@media all and (max-width: 400px) {
  #homepage-discs div.discs-wrapper div.disc-wrapper {
    max-width: 100%;
  }
}
#track-file-wrapper {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 10px;
  /*
  div.albums,
  div.discs {
  	margin-top: 20px;

  	p {
  		padding-bottom: 15px;
  	}

  	a.album,
  	a.disc {
  		display: inline-block;
  		float: left;
  		color: #000;
  		margin-bottom: 10px;

  		img { 
  			float: left;
  			width: 40%;
  			max-width: 120px;
  		}

  		span.title {
  			float: left;
  			width: 60%;
  			padding: 2px 10px 0 10px;
  			font-size: 1em;
  			line-height: 1.2em;
  		}

  		span.price {
  			float: left;
  			width: 60%;
  			padding: 10px 0 0 10px;
  			font-size: .9em;
  			font-weight: bold;
  		}

  		@media all and (max-width: 500px) {
  			width: auto;
  			float: none;
  			margin-bottom: 20px;

  			span.title {
  				font-size: .8em;
  			}

  			span.price {
  				font-size: .7em;
  			}
  		}
  	}

  	a.album:hover {
  		color: $albums;
  	}

  	a.disc:hover {
  		color: $discs;
  	}
  }
  */
}
#track-file-wrapper div.header h1 {
  float: left;
}
#track-file-wrapper div.header h1 span.title {
  display: inline-block;
  float: left;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
  padding: 8px 0;
}
#track-file-wrapper div.header h1 span.duration {
  display: inline-block;
  float: left;
  margin: 20px 0 0 10px;
}
#track-file-wrapper div.header h1 span.format-badge {
  float: left;
  margin: 17px 0 0 10px;
}
#track-file-wrapper div.header span.sample-wrapper {
  display: inline-block;
  float: left;
  margin: 17px 0 0 10px;
  color: #000;
}
#track-file-wrapper div.header span.sample-wrapper a {
  color: #000;
}
#track-file-wrapper div.header span.sample-wrapper.mp3:hover a {
  color: #76bd22;
}
#track-file-wrapper div.header span.sample-wrapper.cdg:hover a {
  color: #ffc82e;
}
#track-file-wrapper div.header span.sample-wrapper.mp3g:hover a {
  color: #ff8400;
}
#track-file-wrapper div.header span.sample-wrapper.dvd:hover a, #track-file-wrapper div.header span.sample-wrapper.mp4:hover a {
  color: #c505be;
}
#track-file-wrapper span.format-badge {
  display: inline-block;
  border: 1px solid transparent;
  padding: 3px 4px 2px 5px;
  font-size: 0.8em;
  color: #fff;
}
#track-file-wrapper span.format-badge.mp3 {
  background: #76bd22;
}
#track-file-wrapper span.format-badge.cdg {
  background: #ffc82e;
}
#track-file-wrapper span.format-badge.mp3g {
  background: #ff8400;
}
#track-file-wrapper span.format-badge.dvd, #track-file-wrapper span.format-badge.mp4 {
  background: #c505be;
}
#track-file-wrapper div.digital-download,
#track-file-wrapper div.custom-disc,
#track-file-wrapper div.custom-thumb-drive {
  float: left;
  margin: 20px 10px 0 0;
}
#track-file-wrapper div.digital-download a.download, #track-file-wrapper div.digital-download a.buy,
#track-file-wrapper div.custom-disc a.download,
#track-file-wrapper div.custom-disc a.buy,
#track-file-wrapper div.custom-thumb-drive a.download,
#track-file-wrapper div.custom-thumb-drive a.buy {
  width: auto;
  padding: 7px 8px 0 8px;
  line-height: 1.5em;
}
@media all and (max-width: 500px) {
  #track-file-wrapper div.digital-download a.download, #track-file-wrapper div.digital-download a.buy,
  #track-file-wrapper div.custom-disc a.download,
  #track-file-wrapper div.custom-disc a.buy,
  #track-file-wrapper div.custom-thumb-drive a.download,
  #track-file-wrapper div.custom-thumb-drive a.buy {
    height: auto;
    padding: 7px 8px;
  }
}
#track-file-wrapper div.custom-thumb-drive a {
  display: flex;
  gap: 5px;
}
#track-file-wrapper div.custom-thumb-drive a span.thumb-drive-icon {
  width: 16px;
  height: 16px;
}
#track-file-wrapper div.cols {
  margin-top: 40px;
}
#track-file-wrapper div.cols div.left {
  width: 48%;
  float: left;
}
#track-file-wrapper div.cols div.right {
  width: 48%;
  float: right;
}
@media all and (max-width: 900px) {
  #track-file-wrapper div.cols {
    margin-top: 20px;
  }
  #track-file-wrapper div.cols div.left,
  #track-file-wrapper div.cols div.right {
    width: 100%;
    float: none;
  }
  #track-file-wrapper div.cols div.right {
    margin-top: 15px;
  }
}
#track-file-wrapper div.other-tracks-by-artist div.tracks-table-header h3 {
  max-width: 70%;
}
#track-file-wrapper div.other-tracks-by-artist div.tracks-table-header h3 a {
  color: #fff;
}
#track-file-wrapper div.other-tracks-by-artist div.tracks-table-header h3 a:hover {
  color: #ffc82e;
}
@media all and (max-width: 500px) {
  #track-file-wrapper div.other-tracks-by-artist div.tracks-table-header h3 {
    max-width: 100%;
    padding: 10px;
  }
  #track-file-wrapper div.other-tracks-by-artist div.tracks-table-header span.format {
    display: none;
  }
}
#track-file-wrapper div.other-tracks-by-artist table {
  width: 100%;
  background: #e3e3e3;
  margin: 5px 0;
}
#track-file-wrapper div.other-tracks-by-artist table td {
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
#track-file-wrapper div.other-tracks-by-artist table td.sample {
  padding-left: 3px;
  width: 15px;
  font-size: 0.9em;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist {
  width: 40%;
  padding-right: 10px;
  word-break: break-word;
}
#track-file-wrapper div.other-tracks-by-artist table td.title {
  word-break: break-word;
}
#track-file-wrapper div.other-tracks-by-artist table td.duration {
  width: 50px;
  text-align: center;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist, #track-file-wrapper div.other-tracks-by-artist table td.title, #track-file-wrapper div.other-tracks-by-artist table td.duration {
  padding: 5px;
  font-size: 0.7em;
  line-height: 1.3em;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist a, #track-file-wrapper div.other-tracks-by-artist table td.title a, #track-file-wrapper div.other-tracks-by-artist table td.duration a {
  color: #000;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist a.mp3:hover, #track-file-wrapper div.other-tracks-by-artist table td.title a.mp3:hover, #track-file-wrapper div.other-tracks-by-artist table td.duration a.mp3:hover {
  color: #76bd22;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist a.cdg:hover, #track-file-wrapper div.other-tracks-by-artist table td.title a.cdg:hover, #track-file-wrapper div.other-tracks-by-artist table td.duration a.cdg:hover {
  color: #ffc82e;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist a.mp3g:hover, #track-file-wrapper div.other-tracks-by-artist table td.title a.mp3g:hover, #track-file-wrapper div.other-tracks-by-artist table td.duration a.mp3g:hover {
  color: #ff8400;
}
#track-file-wrapper div.other-tracks-by-artist table td.artist a.dvd:hover, #track-file-wrapper div.other-tracks-by-artist table td.artist a.mp4:hover, #track-file-wrapper div.other-tracks-by-artist table td.title a.dvd:hover, #track-file-wrapper div.other-tracks-by-artist table td.title a.mp4:hover, #track-file-wrapper div.other-tracks-by-artist table td.duration a.dvd:hover, #track-file-wrapper div.other-tracks-by-artist table td.duration a.mp4:hover {
  color: #c505be;
}
#track-file-wrapper div.other-tracks-by-artist a.more-tracks {
  display: block;
  padding: 10px;
  background: #565656;
  font-weight: bold;
  font-size: 0.9em;
  color: #fff;
  text-align: right;
}
#track-file-wrapper div.other-tracks-by-artist a.more-tracks:hover {
  color: #ffc82e;
}
@media all and (max-width: 900px) {
  #track-file-wrapper div.other-tracks-by-artist a.more-tracks {
    margin-bottom: 20px;
  }
}
#track-file-wrapper div.other-formats span.msg {
  display: inline-block;
  float: left;
  font-size: 0.9em;
  padding-top: 4px;
}
#track-file-wrapper div.other-formats span.msg a:hover span.format-badge {
  background: #fff;
}
#track-file-wrapper div.other-formats span.msg a:hover span.format-badge.mp3 {
  border-color: #76bd22;
  color: #76bd22;
}
#track-file-wrapper div.other-formats span.msg a:hover span.format-badge.cdg {
  border-color: #ffc82e;
  color: #ffc82e;
}
#track-file-wrapper div.other-formats span.msg a:hover span.format-badge.mp3g {
  border-color: #ff8400;
  color: #ff8400;
}
#track-file-wrapper div.other-formats span.msg a:hover span.format-badge.dvd, #track-file-wrapper div.other-formats span.msg a:hover span.format-badge.mp4 {
  border-color: #c505be;
  color: #c505be;
}
#track-file-wrapper div.other-formats a.format-help {
  float: right;
}
@media all and (max-width: 500px) {
  #track-file-wrapper div.other-formats a.format-help {
    float: left;
    clear: left;
    margin-top: 10px;
  }
}
#track-file-wrapper div.discs {
  margin-top: 20px;
  text-align: center;
}
#track-file-wrapper div.discs p {
  font-size: 0.9em;
}
#track-file-wrapper div.discs a.disc {
  display: block;
  margin-top: 15px;
}
#track-file-wrapper div.discs a.disc:hover span {
  text-decoration: underline;
}
#track-file-wrapper div.discs a.disc span {
  display: block;
  color: #000;
  font-size: 0.8em;
  line-height: 1.2em;
}

#albums {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#albums h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  text-align: center;
  padding: 30px 10px 10px 10px;
}
#albums div.filter-wrapper {
  padding: 10px 0;
  text-align: center;
}
#albums div.filter-wrapper select {
  font-size: 1em;
}
#albums div.grid {
  text-align: center;
}
#albums div.grid div.album {
  display: inline-block;
  width: 16.5%;
  float: left;
  padding-top: 15px;
  min-height: 275px;
}
#albums div.grid div.album a {
  display: inline-block;
  color: #000;
}
#albums div.grid div.album a:hover {
  color: #0898ea;
}
#albums div.grid div.album a img {
  display: inline-block;
  max-width: 120px;
}
#albums div.grid div.album a span.title {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.1em;
  word-break: break-word;
  padding: 0 10px;
}
#albums div.grid div.album ul.formats {
  padding: 4px 0 5px 0;
  height: 1%;
  overflow: hidden;
}
#albums div.grid div.album ul.formats li {
  display: inline-block;
  font-size: 0.6em;
  margin: 2px 1px 0 1px;
}
#albums div.grid div.album ul.formats li span.format {
  display: inline-block;
  width: 50px;
  color: #fff;
  padding: 4px 0;
}
#albums div.grid div.album ul.formats li span.format.mp3 {
  background: #76bd22;
}
#albums div.grid div.album ul.formats li span.format.cdg {
  background: #ffc82e;
}
#albums div.grid div.album ul.formats li span.format.mp3g {
  background: #ff8400;
}
#albums div.grid div.album ul.formats li span.format.dvd, #albums div.grid div.album ul.formats li span.format.mp4 {
  background: #c505be;
}
#albums div.grid div.album span.price {
  font-size: 0.9em;
  font-weight: bold;
}
#albums ol.pager {
  float: right;
  margin: 30px 5px 0 5px;
}
#albums ol.pager li {
  float: left;
  display: inline-block;
  margin-left: 8px;
}
#albums ol.pager a,
#albums ol.pager span {
  color: #000;
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #000;
  font-size: 0.8em;
  transition: background-color 0.3s;
}
#albums ol.pager li a:hover,
#albums ol.pager li.page-no span {
  color: #fff;
  background: #0898ea;
}
#albums ol.pager li.ellipses {
  margin: 0 -12px 0 -2px;
}
#albums ol.pager li.ellipses span {
  border: 0;
}

@media all and (max-width: 850px) {
  #albums h1 {
    font-size: 1.4em;
  }
  #albums div.grid div.album {
    width: 33%;
  }
  #albums div.grid div.album:nth-child(3n+1) {
    clear: left;
  }
}
@media all and (max-width: 374px) {
  #albums div.grid div.album {
    width: 50%;
  }
  #albums div.grid div.album:nth-child(3n+1) {
    clear: none;
  }
  #albums div.grid div.album:nth-child(2n+1) {
    clear: left;
  }
}
#album-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 10px;
}
#album-content a.buy,
#album-content span.unavailable {
  display: inline-block;
  font-size: 1.5em;
  width: auto;
  height: auto;
  padding: 13px 18px;
}
#album-content span.unavailable {
  font-size: 0.8em;
  padding: 8px 10px;
  margin: 10px 0 0 20px;
  border: 1px solid #939393;
}
#album-content div.top-bar {
  height: 1%;
  overflow: hidden;
  margin-bottom: 20px;
}
#album-content div.top-bar h1 {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
  padding: 8px 0;
  float: left;
}
#album-content div.top-bar a.buy {
  float: right;
  margin-top: 10px;
}
#album-content div.top-bar span.unavailable {
  float: right;
}
#album-content div.top-bar h2 {
  float: left;
  clear: left;
}
#album-content div.top-bar p.other-formats {
  font-size: 0.9em;
  line-height: 1.3em;
  float: left;
  padding-top: 15px;
  clear: left;
}
#album-content div.top-bar p.other-formats a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#album-content div.top-bar p.other-formats a.mp3:hover {
  color: #76bd22;
}
#album-content div.top-bar p.other-formats a.mp3g:hover {
  color: #ff8400;
}
#album-content div.top-bar p.other-formats a.mp4:hover {
  color: #c505be;
}
#album-content span.format {
  font-family: PlutoSansMedium, sans-serif;
}
#album-content span.format.mp3 {
  color: #76bd22;
}
#album-content span.format.cdg {
  color: #ffc82e;
}
#album-content span.format.mp3g {
  color: #ff8400;
}
#album-content span.format.dvd, #album-content span.format.mp4 {
  color: #c505be;
}
#album-content div.cols div.left {
  float: left;
  width: 44%;
  max-width: 425px;
}
#album-content div.cols div.left div.artwork-wrapper {
  max-width: 425px;
  margin-bottom: 15px;
}
#album-content div.cols div.left div.artwork-wrapper img {
  width: 100%;
  max-width: 425px;
}
#album-content div.cols div.left p.artwork-follower {
  margin-bottom: 15px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#album-content div.cols div.right {
  float: right;
  width: 54%;
  max-width: 550px;
}
#album-content div.cols div.right table {
  width: 100%;
  background: #e3e3e3;
  margin: 5px 0 20px 0;
}
#album-content div.cols div.right table td {
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
#album-content div.cols div.right table td.sample {
  padding-left: 3px;
  width: 15px;
  font-size: 0.9em;
}
#album-content div.cols div.right table td.track-no, #album-content div.cols div.right table td.title, #album-content div.cols div.right table td.artist, #album-content div.cols div.right table td.duration {
  padding: 5px;
  font-size: 0.7em;
  line-height: 1.3em;
}
#album-content div.cols div.right table td.track-no {
  width: 20px;
  padding: 0;
  text-align: center;
}
#album-content div.cols div.right table td.title {
  word-break: break-word;
}
#album-content div.cols div.right table td.artist {
  width: 40%;
  padding-right: 10px;
  word-break: break-word;
}
#album-content div.cols div.right table td.artist a {
  color: #000;
}
#album-content div.cols div.right table td.artist a.mp3:hover {
  color: #76bd22;
}
#album-content div.cols div.right table td.artist a.mp3g:hover {
  color: #ff8400;
}
#album-content div.cols div.right table td.artist a.mp4:hover {
  color: #c505be;
}
#album-content div.cols div.right table td.duration {
  width: 50px;
  text-align: center;
}
#album-content div.cols div.right div.bottom-bar {
  text-align: right;
}

@media all and (max-width: 850px) {
  #album-content {
    margin-top: 10px;
  }
  #album-content a.buy {
    font-size: 1em;
    padding: 10px 15px;
  }
  #album-content div.top-bar {
    text-align: center;
  }
  #album-content div.top-bar h1 {
    font-size: 1.5em;
    float: none;
  }
  #album-content div.top-bar h2,
  #album-content div.top-bar a.buy,
  #album-content div.top-bar span.unavailable {
    float: none;
  }
  #album-content div.top-bar p.other-formats {
    float: none;
    font-size: 0.8em;
    line-height: 1.2em;
  }
  #album-content div.cols div.left {
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #album-content div.cols div.left div.artwork-wrapper {
    text-align: center;
    max-width: 100%;
  }
  #album-content div.cols div.right {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  #album-content div.cols div.right table td.artist, #album-content div.cols div.right table td.title {
    width: 44%;
  }
  #album-content div.cols div.right table td.duration {
    display: none;
  }
  #album-content div.cols div.right div.bottom-bar {
    text-align: center;
  }
  #album-content div.cols div.right div.bottom-bar a.buy,
  #album-content div.cols div.right div.bottom-bar span.unavailable {
    float: none;
  }
}
#discs {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#discs h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  text-align: center;
  padding: 30px 10px 10px 10px;
}
#discs p.uk-delivery-only {
  padding: 10px;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.2em;
}
#discs p.uk-delivery-only a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#discs p.uk-delivery-only a:hover {
  color: #0898ea;
}
#discs div.filter-wrapper {
  padding: 10px 0;
  text-align: center;
}
#discs div.filter-wrapper select {
  font-size: 1em;
}
#discs p.no-matches {
  padding: 20px 10px;
  text-align: center;
}
#discs div.grid {
  text-align: center;
}
#discs div.grid div.disc-set {
  display: inline-block;
  width: 25%;
  float: left;
  padding-top: 15px;
  min-height: 270px;
}
#discs div.grid div.disc-set a.disc-set {
  display: inline-block;
  color: #000;
  margin-bottom: 5px;
}
#discs div.grid div.disc-set a.disc-set img {
  display: inline-block;
  max-width: 175px;
}
#discs div.grid div.disc-set a.disc-set span.title {
  margin-top: 5px;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.1em;
  word-break: break-word;
  padding: 5px 10px;
}
#discs div.grid div.disc-set a.disc-set:hover {
  color: #1cbbb4;
}
#discs div.grid div.disc-set a.buy {
  display: inline-block;
  width: 175px;
  font-size: 0.8em;
  padding-top: 8px;
  height: 29px;
  text-align: center;
  font-weight: bold;
}
#discs div.grid div.disc-set a.buy.top {
  border-bottom: 1px solid #fff;
}
#discs div.grid div.disc-set a.buy.in-basket {
  padding-top: 6px;
}
#discs ol.pager {
  float: right;
  margin: 30px 5px 0 5px;
}
#discs ol.pager li {
  float: left;
  display: inline-block;
  margin-left: 8px;
}
#discs ol.pager a,
#discs ol.pager span {
  color: #000;
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #000;
  font-size: 0.8em;
  transition: background-color 0.3s;
}
#discs ol.pager li a:hover,
#discs ol.pager li.page-no span {
  color: #fff;
  background: #1cbbb4;
}
#discs ol.pager li.ellipses {
  margin: 0 -12px 0 -2px;
}
#discs ol.pager li.ellipses span {
  border: 0;
}

@media all and (max-width: 800px) {
  #discs div.grid div.disc-set {
    width: 33%;
  }
  #discs div.grid div.disc-set:nth-child(3n+1) {
    clear: left;
  }
}
@media all and (max-width: 600px) {
  #discs h1 {
    font-size: 1.4em;
  }
  #discs div.grid div.disc-set {
    width: 50%;
  }
  #discs div.grid div.disc-set:nth-child(3n+1) {
    clear: none;
  }
  #discs div.grid div.disc-set:nth-child(2n+1) {
    clear: left;
  }
}
@media all and (max-width: 500px) {
  #discs div.grid div.disc-set {
    width: 100%;
    clear: left;
  }
}
#disc-set-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 10px;
}
#disc-set-content a.buy {
  display: inline-block;
  font-size: 1.2em !important;
  width: auto;
  height: auto;
  padding: 13px 18px;
}
#disc-set-content div.top-bar {
  margin-bottom: 20px;
}
#disc-set-content div.top-bar h1 {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
}
#disc-set-content div.top-bar h1 small {
  font-size: 0.6em;
}
#disc-set-content div.top-bar p.description,
#disc-set-content div.top-bar p.uk-delivery-only {
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: left;
}
#disc-set-content div.top-bar p.description a,
#disc-set-content div.top-bar p.uk-delivery-only a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#disc-set-content div.top-bar p.description a:hover,
#disc-set-content div.top-bar p.uk-delivery-only a:hover {
  color: #0898ea;
}
#disc-set-content div.top-bar #buy-buttons-wrapper {
  margin-top: 20px;
}
#disc-set-content div.top-bar #buy-buttons-wrapper a.buy {
  float: left;
  margin-right: 1px;
}
#disc-set-content span.format {
  font-family: PlutoSansMedium, sans-serif;
}
#disc-set-content span.format.cdg {
  color: #ffc82e;
}
#disc-set-content span.format.dvd {
  color: #c505be;
}
#disc-set-content div.cols div.left {
  float: left;
  width: 44%;
  max-width: 425px;
}
#disc-set-content div.cols div.left div.artwork-wrapper {
  max-width: 425px;
  margin-bottom: 15px;
}
#disc-set-content div.cols div.left div.artwork-wrapper img {
  width: 100%;
  max-width: 425px;
}
#disc-set-content div.cols div.left p.artwork-follower {
  margin-bottom: 15px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#disc-set-content div.cols div.right {
  float: right;
  width: 54%;
  max-width: 550px;
}
#disc-set-content div.cols div.right a.tracks-table-header {
  display: block;
  margin-top: 1px;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table {
  width: 100%;
  background: #e3e3e3;
  margin-top: 5px;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td {
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.sample {
  padding-left: 3px;
  width: 15px;
  font-size: 0.9em;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.track-no, #disc-set-content div.cols div.right div.tracks-table-wrapper table td.title, #disc-set-content div.cols div.right div.tracks-table-wrapper table td.artist, #disc-set-content div.cols div.right div.tracks-table-wrapper table td.duration {
  padding: 5px;
  font-size: 0.7em;
  line-height: 1.3em;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.track-no {
  width: 20px;
  padding: 0;
  text-align: center;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.title {
  word-break: break-word;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.artist {
  width: 40%;
  padding-right: 10px;
  word-break: break-word;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.artist a {
  color: #000;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.artist a.mp3g:hover {
  color: #ff8400;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.artist a.mp4:hover {
  color: #c505be;
}
#disc-set-content div.cols div.right div.tracks-table-wrapper table td.duration {
  width: 50px;
  text-align: center;
}
#disc-set-content div.bottom-bar {
  display: none;
}

@media all and (max-width: 899px) {
  #disc-set-content a.buy {
    font-size: 0.8em !important;
  }
  #disc-set-content div.top-bar {
    text-align: center;
  }
  #disc-set-content div.top-bar h1 {
    font-size: 1.5em;
  }
  #disc-set-content div.top-bar p.description {
    width: 50%;
    margin: 0 auto;
  }
  #disc-set-content div.top-bar #buy-buttons-wrapper {
    text-align: center;
  }
  #disc-set-content div.top-bar #buy-buttons-wrapper a.buy {
    float: none;
    margin: 5px;
  }
  #disc-set-content div.cols div.left {
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #disc-set-content div.cols div.left div.artwork-wrapper {
    text-align: center;
    max-width: 100%;
  }
  #disc-set-content div.cols div.right {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  #disc-set-content div.cols div.right table {
    width: 100%;
  }
  #disc-set-content div.cols div.right table td.track-no {
    width: 15px;
  }
  #disc-set-content div.cols div.right table td.artist {
    width: 44%;
  }
  #disc-set-content div.cols div.right table td.duration {
    display: none;
  }
  #disc-set-content div.bottom-bar {
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  #disc-set-content div.bottom-bar a.buy {
    margin: 5px;
  }
}
@media all and (max-width: 600px) {
  #disc-set-content div.top-bar p.description {
    width: 100%;
  }
}
#search-wrapper {
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
}
#search-wrapper .spinner-wrapper {
  overflow: hidden;
}

#search-menu {
  width: 34%;
  background: #565656;
  border-bottom: 10px solid #fff;
}
#search-menu h1 {
  padding-top: 20px;
  height: 64px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
  padding-left: 40px;
}
#search-menu .block-label {
  color: #fff;
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}
#search-menu .checkbox-wrapper,
#search-menu .radio-wrapper {
  margin-top: 2px;
  height: 1%;
  overflow: hidden;
}
#search-menu a {
  color: #fff;
  font-size: 0.9em;
}
#search-menu a.disabled {
  opacity: 0.25;
  pointer-events: none;
}
#search-menu a .checkbox {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  background: #b7b7b7;
  margin: 0 5px -1px 0;
  overflow: hidden;
  transition: background 0.3s, border 0.3s;
}
#search-menu a .checkbox .halflings {
  color: #b7b7b7;
  font-size: 12px;
  float: left;
  margin-top: -1px;
  transition: color 0.3s;
}
#search-menu a .radio-icon {
  display: inline-block;
  background: #b7b7b7;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: relative;
  box-shadow: 0 0 0 2px #fff;
  margin: 2px 7px 2px 2px;
  transition: background 0.3s, box-shadow 0.3s;
}
#search-menu a.selected .checkbox {
  border: 0;
  background: #3a3939;
}
#search-menu a.selected .checkbox .halflings {
  color: #ffc82e;
}
#search-menu a.selected .radio-icon {
  background: #ffc82e;
  box-shadow: 0 0 0 2px #3a3939;
}
#search-menu .formats-block,
#search-menu .other-types-block,
#search-menu .genders-block,
#search-menu .genres-block {
  border-top: 1px solid #f6f6f8;
  padding: 20px 0 20px 40px;
}
#search-menu.cdg .formats-block a.mp3g, #search-menu.cdg .formats-block a.mp4, #search-menu.cdg .formats-block a.mp3 {
  display: none;
}
#search-menu #genres {
  height: 1%;
  overflow: hidden;
  padding-top: 10px;
}
#search-menu #genres.hidden {
  display: none;
}
#search-menu #genres .checkbox-wrapper {
  float: left;
  width: 49%;
  font-size: 0.9em;
}
#search-menu #genres .checkbox-wrapper:nth-child(2n+1) {
  clear: left;
}
#search-menu.mp3 a.selected .checkbox .halflings {
  color: #76bd22;
}
#search-menu.mp3 a.selected .radio-icon {
  background: #76bd22;
}
#search-menu.mp3g a.selected .checkbox .halflings, #search-menu.mp3g-usb a.selected .checkbox .halflings {
  color: #ff8400;
}
#search-menu.mp3g a.selected .radio-icon, #search-menu.mp3g-usb a.selected .radio-icon {
  background: #ff8400;
}
#search-menu.cdg a.selected .checkbox .halflings {
  color: #ffc82e;
}
#search-menu.cdg a.selected .radio-icon {
  background: #ffc82e;
}
#search-menu.mp4 a.selected .checkbox .halflings, #search-menu.mp4-usb a.selected .checkbox .halflings {
  color: #c505be;
}
#search-menu.mp4 a.selected .radio-icon, #search-menu.mp4-usb a.selected .radio-icon {
  background: #c505be;
}

#search-summary {
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 30px 15px 10px 0;
}
#search-summary em {
  font-family: PlutoSansMedium, sans-serif;
}
#search-summary em.mp3 {
  color: #76bd22;
}
#search-summary em.cdg {
  color: #ffc82e;
}
#search-summary em.mp3g, #search-summary em.mp3g-usb {
  color: #ff8400;
}
#search-summary em.mp4, #search-summary em.mp4-usb {
  color: #c505be;
}
#search-summary em a {
  text-decoration: underline;
}
#search-summary em a.albums {
  color: #0898ea;
}
#search-summary em a.discs {
  color: #1cbbb4;
}

@media all and (max-width: 1023px) {
  #search-summary {
    padding: 20px 20px 5px 30px;
  }
}
#results-blocks {
  width: 66%;
  padding: 0 0 10px 10px;
}

.results-block {
  margin-top: 10px;
  background: #565656;
  border-left-width: 29px;
  border-left-style: solid;
}
.results-block h3 {
  float: left;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
  padding: 12px 0 0 23px;
}
@media all and (max-width: 750px) {
  .results-block h3 {
    float: none;
  }
}
.results-block p.no-matches {
  color: #fff;
  padding: 20px 0 20px 23px;
  font-size: 0.9em;
}
.results-block table {
  margin-top: 20px;
  width: 100%;
}
.results-block table th {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  padding-bottom: 6px;
}
.results-block table th.duration {
  width: 80px;
  padding-right: 10px;
}
.results-block table th.format {
  text-align: center;
}
.results-block table td {
  background: #e3e3e3;
  border-bottom: 3px solid #565656;
  vertical-align: middle;
  padding: 1px 0;
}
.results-block table tr.sample-playing td {
  background: #ffc82e;
}
.results-block table tr.sample-playing td.sample a {
  color: #565656 !important;
}
.results-block table td.sample {
  width: 25px;
  padding: 0 6px 0 3px;
}
.results-block table td.sample a {
  color: #565656;
}
.results-block table td.sample a:hover {
  color: #ffc82e;
}
.results-block table td.mix,
.results-block table td.title,
.results-block table td.artist,
.results-block table td.duration {
  font-size: 0.8em;
  line-height: 1.2em;
}
.results-block table td.mix,
.results-block table td.title,
.results-block table td.artist {
  padding: 5px 0;
}
.results-block table td.title,
.results-block table td.artist {
  width: 35%;
  padding-right: 10px;
}
.results-block table td.title a,
.results-block table td.artist a {
  color: #000;
}
.results-block table td.duration {
  text-align: center;
  padding-right: 10px;
}
.results-block table td.format {
  width: 65px;
  line-height: 0;
}
.results-block table td.format span {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 0.7em;
  line-height: 1;
  padding: 8px 0;
}
.results-block table td.buy {
  width: 76px;
  padding-left: 4px;
}
.results-block table td.buy a {
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
}
.results-block table td.buy a.buy:not(.in-basket), .results-block table td.buy a.download.free {
  padding-top: 8px;
  font-size: 0.7em;
}
.results-block table td.buy a.download:not(.free) {
  padding-top: 3px;
  font-size: 0.5em;
  font-family: PlutoSansMedium, sans-serif;
}
.results-block table td.buy a.download:not(.free) span.halflings {
  padding-bottom: 4px;
  width: 100%;
}
.results-block table td.buy a.buy span.halflings {
  font-size: 1.6em;
}
.results-block table td.buy a.buy span.halflings.halflings-plus {
  margin-top: -4px;
}
.results-block table td.buy a.buy span.thumb-drive-icon {
  margin-left: -2px;
}
.results-block table td.buy span.unavailable {
  display: inline-block;
  font-size: 0.55em;
  line-height: 1.5em;
  text-align: center;
  padding: 5px 5px 5px 0;
  width: 100%;
}
.results-block.has-mix-col table td.title, .results-block.has-mix-col table td.artist {
  width: 25%;
}
.results-block.has-mix-col table td.mix {
  width: 20%;
  padding-right: 10px;
}
.results-block .go-to-page {
  float: left;
  padding: 15px 0 15px 15px;
}
.results-block .go-to-page label {
  float: left;
  display: inline-block;
  padding-top: 7px;
  color: #fff;
  font-size: 0.8em;
}
.results-block .go-to-page input {
  float: left;
  display: inline-block;
  height: 25px;
  margin: 0 0 0 5px;
  border: 1px solid #fff;
  background: none;
  padding: 0 5px;
  color: #fff;
  font-size: 0.8em;
  line-height: 2;
  text-align: center;
  transition: border-color 0.3s;
}
.results-block .go-to-page input:focus {
  outline: 0;
}
.results-block .go-to-page a {
  float: left;
  display: inline-block;
  height: 25px;
  margin-left: 5px;
  border: 1px solid #fff;
  padding: 3px 7px 0 7px;
  font-size: 0.9em;
  color: #fff;
  transition: color 0.3s, background-color 0.3s;
}
.results-block .go-to-page a .halflings {
  line-height: 0.9em;
}
@media all and (max-width: 660px) {
  .results-block .go-to-page {
    float: none;
    text-align: center;
  }
  .results-block .go-to-page label,
  .results-block .go-to-page input,
  .results-block .go-to-page a {
    float: none;
  }
}
.results-block ol.pager {
  height: 1%;
  overflow: hidden;
  float: right;
  margin: 15px;
}
.results-block ol.pager li {
  float: left;
  display: inline-block;
  margin-left: 15px;
}
.results-block ol.pager a,
.results-block ol.pager span {
  color: #fff;
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #fff;
  font-size: 0.8em;
}
.results-block ol.pager a {
  transition: color 0.3s, background-color 0.3s;
}
.results-block ol.pager li.ellipses {
  margin: 0 -15px 0 0;
}
.results-block ol.pager li.ellipses span {
  border: 0;
}
@media all and (max-width: 660px) {
  .results-block ol.pager {
    float: none;
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
  }
  .results-block ol.pager li {
    float: none;
  }
}

#mp3-results {
  border-left-color: #76bd22;
}
#mp3-results td.format span {
  background: #76bd22;
}
#mp3-results td.artist a:hover {
  color: #76bd22;
}
#mp3-results .go-to-page input:focus {
  border-color: #76bd22;
}
#mp3-results .go-to-page a:hover {
  background: #76bd22;
}
#mp3-results ol.pager li a:hover,
#mp3-results ol.pager li.page-no span {
  background: #76bd22;
}

ul.type-switcher {
  float: right;
  height: 1%;
  overflow: hidden;
  background: #fff;
}
@media all and (max-width: 750px) {
  ul.type-switcher {
    float: none;
    border-top: 1px solid #fff;
    margin-top: 10px;
  }
}
@media all and (max-width: 400px) {
  ul.type-switcher {
    font-size: 0.9em;
  }
}
ul.type-switcher li {
  display: inline-block;
  float: left;
  height: 32px;
  -ms-transform: skewX(38deg);
  -webkit-transform: skewX(38deg);
  transform: skewX(38deg);
  border-bottom: 1px solid #fff;
  background: #565656;
  border-left: 2px solid #fff;
}
@media all and (max-width: 750px) {
  ul.type-switcher li {
    -ms-transform: skewX(0);
    -webkit-transform: skewX(0);
    transform: skewX(0);
    border-width: 1px;
    display: flex;
    align-items: center;
  }
}
ul.type-switcher li:first-child {
  margin-left: 12px;
}
@media all and (max-width: 750px) {
  ul.type-switcher li:first-child {
    border-left: 0;
    margin-left: 0;
  }
}
ul.type-switcher li:first-child:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 33px solid transparent;
  border-left: 33px solid #565656;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  margin-left: -18px;
}
@media all and (max-width: 750px) {
  ul.type-switcher li:first-child:before {
    display: none;
  }
}
ul.type-switcher li:last-child {
  margin-right: 12px;
}
@media all and (max-width: 750px) {
  ul.type-switcher li:last-child {
    margin-right: 0;
  }
}
ul.type-switcher li:hover {
  background: #3d3d3d;
}
ul.type-switcher li a {
  display: inline-block;
  position: absolute;
  z-index: 1;
  padding: 10px 0 8px 0;
  text-align: center;
  -ms-transform: skewX(-38deg);
  -webkit-transform: skewX(-38deg);
  transform: skewX(-38deg);
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: PlutoSansMedium, sans-serif;
}
@media all and (max-width: 750px) {
  ul.type-switcher li a {
    -ms-transform: skewX(0);
    -webkit-transform: skewX(0);
    transform: skewX(0);
    padding: 0 5px;
    line-height: 1.2em;
  }
}
ul.type-switcher li.downloads {
  width: 160px;
}
ul.type-switcher li.downloads a {
  width: 160px;
}
ul.type-switcher li.disc {
  width: 100px;
}
ul.type-switcher li.disc a {
  width: 100px;
}
ul.type-switcher li.thumb-drive {
  width: 100px;
}
ul.type-switcher li.thumb-drive a {
  width: 100px;
}
@media all and (max-width: 750px) {
  ul.type-switcher li a {
    width: 100% !important;
  }
}
ul.type-switcher li.selected a {
  cursor: default;
}
@media all and (max-width: 750px) {
  ul.type-switcher.two-items li {
    width: 50%;
  }
  ul.type-switcher.three-items li {
    width: 33.3%;
  }
  ul.type-switcher.three-items li:last-child {
    width: 33.4%;
  }
}

#mp3g-results ul.type-switcher li.selected {
  background: #ff8400;
}
#mp3g-results ul.type-switcher li.selected a {
  color: #fff;
}
#mp3g-results ul.type-switcher li.selected.disc {
  background: #ffc82e;
}
#mp3g-results ul.type-switcher li.selected.disc a {
  color: #000;
}

#mp4-results ul.type-switcher li.selected {
  background: #c505be;
}
#mp4-results ul.type-switcher li.selected a {
  color: #fff;
}

#mp3g-results {
  border-left-color: #ff8400;
}
#mp3g-results td.format span {
  background: #ff8400;
}
#mp3g-results td.artist a:hover {
  color: #ff8400;
}
#mp3g-results .go-to-page input:focus {
  border-color: #ff8400;
}
#mp3g-results .go-to-page a:hover {
  background: #ff8400;
}
#mp3g-results ol.pager li a:hover,
#mp3g-results ol.pager li.page-no span {
  background: #ff8400;
}
#mp3g-results.custom-discs {
  border-left-color: #ffc82e;
  background: #ffc82e;
}
#mp3g-results.custom-discs h3 {
  color: #000;
  text-transform: uppercase;
  font-family: PlutoSansMedium, sans-serif;
  padding-left: 0;
  font-size: 1.2em;
  line-height: 1em;
  letter-spacing: -0.01em;
}
#mp3g-results.custom-discs span.custom-disc-msg {
  display: block;
  margin-top: 10px;
  padding-right: 10px;
  color: #000;
  font-size: 0.75em;
  line-height: 1.5em;
}
@media all and (max-width: 750px) {
  #mp3g-results.custom-discs span.custom-disc-msg {
    text-align: center;
  }
}
#mp3g-results.custom-discs span.custom-disc-msg strong {
  font-family: PlutoSansMedium, sans-serif;
  text-transform: uppercase;
}
#mp3g-results.custom-discs span.custom-disc-msg strong a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#mp3g-results.custom-discs span.custom-disc-msg strong a:hover {
  color: #0898ea;
}
#mp3g-results.custom-discs ul.type-switcher li:first-child:before {
  border-left-color: #ffc82e;
}
#mp3g-results.custom-discs table th {
  color: #000;
}
#mp3g-results.custom-discs td.format span {
  background: #ffc82e;
  color: #000;
}
#mp3g-results.custom-discs .go-to-page label {
  color: #000;
}
#mp3g-results.custom-discs .go-to-page input {
  border-color: #000;
  color: #000;
}
#mp3g-results.custom-discs .go-to-page input:focus {
  border-color: #fff;
}
#mp3g-results.custom-discs .go-to-page a {
  border-color: #000;
  color: #000;
}
#mp3g-results.custom-discs .go-to-page a:hover {
  background: #565656;
  color: #fff;
}
#mp3g-results.custom-discs ol.pager li a,
#mp3g-results.custom-discs ol.pager li.page-no span {
  border-color: #000;
}
#mp3g-results.custom-discs ol.pager li a,
#mp3g-results.custom-discs ol.pager li span {
  color: #000;
}
#mp3g-results.custom-discs ol.pager li a:hover,
#mp3g-results.custom-discs ol.pager li.page-no span {
  background: #565656;
  color: #fff;
}

#mp4-results {
  border-left-color: #c505be;
}
#mp4-results td.format span {
  background: #c505be;
}
#mp4-results td.artist a:hover {
  color: #c505be;
}
#mp4-results .go-to-page input:focus {
  border-color: #c505be;
}
#mp4-results .go-to-page a:hover {
  background: #c505be;
}
#mp4-results ol.pager li a:hover,
#mp4-results ol.pager li.page-no span {
  background: #c505be;
}

#mp3g-results.custom-thumb-drives h3,
#mp4-results.custom-thumb-drives h3 {
  font-size: 0.85em;
}
#mp3g-results.custom-thumb-drives span.custom-thumb-drive-msg,
#mp4-results.custom-thumb-drives span.custom-thumb-drive-msg {
  display: block;
  margin-top: 10px;
  padding: 0 23px;
  color: #fff;
  font-size: 0.75em;
  line-height: 1.5em;
}
@media all and (max-width: 750px) {
  #mp3g-results.custom-thumb-drives span.custom-thumb-drive-msg,
  #mp4-results.custom-thumb-drives span.custom-thumb-drive-msg {
    text-align: center;
  }
}
#mp3g-results.custom-thumb-drives span.custom-thumb-drive-msg strong,
#mp4-results.custom-thumb-drives span.custom-thumb-drive-msg strong {
  font-family: PlutoSansMedium, sans-serif;
  text-transform: uppercase;
}
#mp3g-results.custom-thumb-drives span.custom-thumb-drive-msg strong a,
#mp4-results.custom-thumb-drives span.custom-thumb-drive-msg strong a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s;
}
#mp3g-results.custom-thumb-drives span.custom-thumb-drive-msg strong a:hover,
#mp4-results.custom-thumb-drives span.custom-thumb-drive-msg strong a:hover {
  color: #0898ea;
}

#album-results {
  border-left-color: #0898ea;
}
#album-results .album-results {
  padding-bottom: 15px;
}
#album-results .go-to-page {
  padding-top: 0;
}
#album-results .go-to-page input:focus {
  border-color: #0898ea;
}
#album-results .go-to-page a:hover {
  background: #0898ea;
}
#album-results ol.pager {
  margin-top: 0;
}
#album-results ol.pager li a:hover,
#album-results ol.pager li.page-no span {
  background: #0898ea;
}

#disc-results {
  border-left-color: #1cbbb4;
}
#disc-results div.uk-delivery {
  padding: 5px 0 0 23px;
  font-size: 0.7em;
  line-height: 1.5em;
  color: #fff;
}
#disc-results div.uk-delivery strong {
  font-family: PlutoSansMedium, sans-serif;
  text-transform: uppercase;
}
#disc-results div.uk-delivery strong a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s;
}
#disc-results div.uk-delivery strong a:hover {
  color: #0898ea;
}
#disc-results .disc-set-results {
  padding-bottom: 15px;
}
#disc-results .go-to-page {
  padding-top: 0;
}
#disc-results .go-to-page input:focus {
  border-color: #1cbbb4;
}
#disc-results .go-to-page a:hover {
  background: #1cbbb4;
}
#disc-results ol.pager {
  margin-top: 0;
}
#disc-results ol.pager li a:hover,
#disc-results ol.pager li.page-no span {
  background: #1cbbb4;
}

.album-results {
  padding-left: 23px;
}
.album-results .album-result {
  width: 20%;
  max-width: 165px;
  min-height: 320px;
  float: left;
  padding: 15px 45px 0 0;
}
.album-results .album-result:last-child {
  padding-right: 0;
}
.album-results .album-result a.album {
  display: block;
  width: 100%;
  overflow: hidden;
}
.album-results .album-result a.album img {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}
.album-results .album-result a.album:hover span.title {
  color: #0898ea;
}
.album-results .album-result a.album:hover img {
  opacity: 0.85;
}
.album-results .album-result span.title {
  display: block;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.4em;
  padding-top: 10px;
  transition: color 0.3s;
}
.album-results .album-result a.buy {
  font-size: 0.7em;
}
.album-results .album-result a.buy .halflings {
  font-size: 1.6em;
}
.album-results .album-result ul.formats {
  padding: 5px 0 10px 0;
}
.album-results .album-result ul.formats li {
  height: 1%;
  overflow: hidden;
  font-size: 0.6em;
  margin-top: 5px;
}
.album-results .album-result ul.formats li span.format {
  float: left;
  display: inline-block;
  width: 50px;
  color: #fff;
  padding: 4px 0;
  text-align: center;
}
.album-results .album-result ul.formats li span.format.mp3 {
  background: #76bd22;
}
.album-results .album-result ul.formats li span.format.cdg {
  background: #ffc82e;
}
.album-results .album-result ul.formats li span.format.mp3g {
  background: #ff8400;
}
.album-results .album-result ul.formats li span.format.dvd, .album-results .album-result ul.formats li span.format.mp4 {
  background: #c505be;
}
.album-results .album-result ul.formats li span.track-count {
  display: inline-block;
  float: left;
  color: #fff;
  padding: 4px 0 0 5px;
}
.album-results .album-result span.unavailable {
  background: #e3e3e3;
  display: block;
  padding: 5px 0;
  font-size: 0.6em;
  line-height: 1.4em;
  text-align: center;
}

@media all and (max-width: 1200px) {
  .album-results .album-result {
    max-width: 140px;
    padding-right: 20px;
  }
}
.disc-set-results {
  padding-left: 23px;
}
.disc-set-results .disc-set-result {
  width: 33%;
  float: left;
  max-width: 225px;
  min-height: 270px;
  padding: 20px 50px 0 0;
  text-align: center;
}
.disc-set-results .disc-set-result:nth-child(3n+1) {
  clear: left;
}
.disc-set-results .disc-set-result a.disc-set img {
  display: inline-block;
}
.disc-set-results .disc-set-result a.disc-set span.title {
  display: block;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.4em;
  padding: 10px 0;
}
.disc-set-results .disc-set-result a.disc-set:hover span.title {
  color: #1cbbb4;
}
.disc-set-results .disc-set-result a.buy {
  width: 175px;
  font-size: 0.8em;
}
.disc-set-results .disc-set-result a.buy.top {
  border-bottom: 1px solid #565656;
}

@media all and (max-width: 1023px) {
  #search-wrapper {
    display: block;
  }
  #search-menu {
    width: 100%;
    border-bottom: 0;
  }
  #search-menu h1,
  #search-menu .formats-block {
    display: none;
  }
  #search-menu .other-types-block,
  #search-menu .genders-block,
  #search-menu .genres-block {
    padding: 10px 10px;
  }
  #search-menu .other-types-block .block-label,
  #search-menu .genders-block .block-label,
  #search-menu .genres-block .block-label {
    float: left;
    font-size: 0.8em;
  }
  #search-menu .other-types-block #other-types,
  #search-menu .other-types-block #genders,
  #search-menu .genders-block #other-types,
  #search-menu .genders-block #genders,
  #search-menu .genres-block #other-types,
  #search-menu .genres-block #genders {
    height: 1%;
    overflow: hidden;
  }
  #search-menu .other-types-block .checkbox-wrapper,
  #search-menu .other-types-block .radio-wrapper,
  #search-menu .genders-block .checkbox-wrapper,
  #search-menu .genders-block .radio-wrapper,
  #search-menu .genres-block .checkbox-wrapper,
  #search-menu .genres-block .radio-wrapper {
    float: left;
    margin: 0 0 0 10px;
    font-size: 0.8em;
  }
  #search-menu .other-types-block .checkbox-wrapper .radio-icon,
  #search-menu .other-types-block .radio-wrapper .radio-icon,
  #search-menu .genders-block .checkbox-wrapper .radio-icon,
  #search-menu .genders-block .radio-wrapper .radio-icon,
  #search-menu .genres-block .checkbox-wrapper .radio-icon,
  #search-menu .genres-block .radio-wrapper .radio-icon {
    margin-bottom: 0;
  }
  #search-menu .genres-block {
    height: 1%;
    overflow: hidden;
  }
  #search-menu .genres-block .wrapper {
    float: left;
  }
  #search-menu .genres-block #genres {
    clear: both;
    height: 150px;
    overflow-y: scroll;
  }
  #search-menu .genres-block #genres .checkbox-wrapper {
    padding: 5px 0;
    margin: 0;
    width: 25%;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(2n+1) {
    clear: none;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(4n+1) {
    clear: left;
  }
  #results-blocks {
    float: none;
    width: 100%;
    padding: 5px;
  }
}
@media all and (max-width: 700px) {
  #search-menu .genres-block #genres .checkbox-wrapper {
    width: 33%;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(2n+1), #search-menu .genres-block #genres .checkbox-wrapper:nth-child(4n+1) {
    clear: none;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(3n+1) {
    clear: left;
  }
  .album-results {
    padding: 0 0 0 23px;
  }
  .album-results .album-result {
    width: 33%;
    max-width: 140px;
    padding: 10px 0 10px 20px;
  }
  .album-results .album-result:nth-child(3n+1) {
    clear: left;
    max-width: 120px;
    padding-left: 0;
  }
  .disc-set-results {
    padding: 0 0 0 23px;
  }
  .disc-set-results .disc-set-result {
    width: 50%;
    max-width: 190px;
    padding: 15px 0 15px 15px;
  }
  .disc-set-results .disc-set-result:nth-child(3n+1) {
    clear: none;
  }
  .disc-set-results .disc-set-result:nth-child(2n+1) {
    clear: left;
    max-width: 175px;
    padding-left: 0;
  }
}
@media all and (max-width: 500px) {
  #search-menu .genres-block #genres .checkbox-wrapper {
    width: 50%;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(3n+1), #search-menu .genres-block #genres .checkbox-wrapper:nth-child(4n+1) {
    clear: none;
  }
  #search-menu .genres-block #genres .checkbox-wrapper:nth-child(2n+1) {
    clear: left;
  }
  #search-summary {
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 10px 10px 0 10px;
  }
  #results-blocks {
    padding: 5px 0;
  }
  .results-block {
    border-left-width: 10px;
  }
  .results-block h3 {
    font-size: 1em;
  }
  .results-block table {
    margin-top: 15px;
  }
  .results-block table th.duration,
  .results-block table td.duration,
  .results-block table th.format,
  .results-block table td.format {
    display: none;
  }
  .results-block table td.mix,
  .results-block table td.title,
  .results-block table td.artist {
    font-size: 0.7em;
    word-break: break-word;
  }
  .results-block table td.title,
  .results-block table td.artist {
    width: 39%;
    padding-right: 5px;
  }
  .results-block table td.buy {
    padding-left: 0;
  }
  .results-block.has-mix-col table td.title, .results-block.has-mix-col table td.artist {
    width: 30%;
  }
  .results-block.has-mix-col table td.mix {
    width: 18%;
    padding-right: 5px;
  }
  .results-block ol.pager li {
    margin-left: 9px;
  }
  .results-block ol.pager li:first-child {
    margin-left: 0;
  }
  .results-block ol.pager a,
  .results-block ol.pager span {
    padding: 3px 6px;
    font-size: 0.7em;
  }
  .results-block ol.pager li.ellipses {
    margin: 0 -11px 0 -2px;
  }
  #mp3g-results.custom-discs h3 {
    font-size: 1.1em;
  }
  .album-results .album-result {
    width: 50%;
    max-width: 145px;
    padding: 15px 0 15px 25px;
  }
  .album-results .album-result:nth-child(3n+1) {
    clear: none;
    max-width: 145px;
    padding-left: 25px;
  }
  .album-results .album-result:nth-child(2n+1) {
    clear: left;
    max-width: 120px;
    padding-left: 0;
  }
  .disc-set-results {
    text-align: center;
    padding-left: 0;
  }
  .disc-set-results .disc-set-result {
    display: inline-block;
    width: auto;
    margin: 0 50px;
    max-width: 175px;
    padding: 15px 0;
    float: none;
  }
}
@media all and (max-width: 350px) {
  #search-menu .other-types-block {
    padding-top: 15px;
  }
  #search-menu .other-types-block #other-types div.checkbox-wrapper {
    margin-bottom: 5px;
  }
}
#basket-contents {
  max-width: 1064px;
  margin: 40px auto;
  padding: 0 20px;
}
#basket-contents h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
}
#basket-contents #cart-albums h2,
#basket-contents #disc-sets h2,
#basket-contents #custom-discs h2,
#basket-contents #custom-thumb-drives h2 {
  border-top: 5px dotted #eee;
  padding-top: 20px;
}
#basket-contents #cart-albums:first-child h2,
#basket-contents #disc-sets:first-child h2,
#basket-contents #custom-discs:first-child h2,
#basket-contents #custom-thumb-drives:first-child h2 {
  border-top: 0;
  padding-top: 0;
}
#basket-contents div.flash-message a span.text {
  padding-right: 0;
}
#basket-contents div.flash-message a span.halflings {
  font-size: 0.8em;
}
#basket-contents div.flash-message a span.halflings.halflings-question-sign {
  margin-left: 5px;
}
#basket-contents div.flash-message a span.halflings.halflings-pencil {
  margin-right: 5px;
}
#basket-contents h2 {
  font-family: PlutoSansMedium, sans-serif;
  margin-top: 20px;
}
#basket-contents table {
  width: 100%;
  background: #e3e3e3;
  margin-top: 15px;
}
#basket-contents th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  background: #fff;
  padding-bottom: 10px;
}
#basket-contents th.format {
  text-align: center;
  padding-left: 3px;
}
#basket-contents th.duration, #basket-contents th.cost {
  text-align: center;
  padding-right: 10px;
}
#basket-contents td {
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}
#basket-contents td.format {
  width: 68px;
  line-height: 0;
  padding-left: 3px;
}
#basket-contents td.format span {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 0.7em;
  line-height: 1;
  padding: 8px 0;
}
#basket-contents td.format.mp3 span {
  background: #76bd22;
}
#basket-contents td.format.cdg span {
  background: #ffc82e;
}
#basket-contents td.format.mp3g span {
  background: #ff8400;
}
#basket-contents td.format.dvd span, #basket-contents td.format.mp4 span {
  background: #c505be;
}
#basket-contents td.cost {
  text-align: center;
  width: 90px;
  padding-right: 10px;
}
#basket-contents td.remove {
  width: 32px;
  padding: 5px 5px 5px 0;
}
#basket-contents td.remove a {
  display: inline-block;
  background: #ec1507;
  padding: 4px 6px 3px 5px;
  color: #fff;
  transition: opacity 0.3s;
}
#basket-contents td.remove a:hover {
  opacity: 0.75;
}
#basket-contents #cart-tracks td.sample {
  width: 25px;
  padding: 0 6px 0 3px;
}
#basket-contents #cart-tracks td.track {
  padding-right: 10px;
  word-break: break-word;
}
#basket-contents #cart-tracks td.artist {
  width: 25%;
}
#basket-contents #cart-tracks td.artist a {
  color: #000;
  word-break: break-word;
}
#basket-contents #cart-tracks td.artist.mp3 a:hover {
  color: #76bd22;
}
#basket-contents #cart-tracks td.artist.mp3g a:hover {
  color: #ff8400;
}
#basket-contents #cart-tracks td.artist.mp4 a:hover {
  color: #c505be;
}
#basket-contents #cart-tracks td.duration {
  text-align: center;
  width: 80px;
  padding-right: 10px;
}
#basket-contents #cart-tracks td.track, #basket-contents #cart-tracks td.artist, #basket-contents #cart-tracks td.duration, #basket-contents #cart-tracks td.cost {
  font-size: 0.9em;
  line-height: 1.3em;
  padding-top: 5px;
  padding-bottom: 5px;
}
#basket-contents #cart-albums th.title {
  padding-left: 10px;
}
#basket-contents #cart-albums td.title {
  padding: 0 10px;
}
#basket-contents #cart-albums td.title a, #basket-contents #cart-albums td.tracks-count a {
  color: #000;
}
#basket-contents #cart-albums td.title.mp3 a:hover, #basket-contents #cart-albums td.tracks-count.mp3 a:hover {
  color: #76bd22;
}
#basket-contents #cart-albums td.title.cdg a:hover, #basket-contents #cart-albums td.tracks-count.cdg a:hover {
  color: #ffc82e;
}
#basket-contents #cart-albums td.title.mp3g a:hover, #basket-contents #cart-albums td.tracks-count.mp3g a:hover {
  color: #ff8400;
}
#basket-contents #cart-albums td.title.dvd a:hover, #basket-contents #cart-albums td.title.mp4 a:hover, #basket-contents #cart-albums td.tracks-count.dvd a:hover, #basket-contents #cart-albums td.tracks-count.mp4 a:hover {
  color: #c505be;
}
#basket-contents #cart-albums td.tracks-count {
  width: 100px;
}
#basket-contents #cart-albums td.title, #basket-contents #cart-albums td.tracks-count, #basket-contents #cart-albums td.cost {
  font-size: 0.9em;
  line-height: 1.3em;
  padding-top: 5px;
  padding-bottom: 5px;
}
#basket-contents #disc-sets th.title {
  padding-left: 10px;
}
#basket-contents #disc-sets th.quantity {
  padding-right: 10px;
}
#basket-contents #disc-sets td.title {
  padding: 0 10px;
}
#basket-contents #disc-sets td.title a {
  color: #000;
}
#basket-contents #disc-sets td.title.mp3 a:hover {
  color: #76bd22;
}
#basket-contents #disc-sets td.title.cdg a:hover {
  color: #ffc82e;
}
#basket-contents #disc-sets td.title.dvd a:hover {
  color: #c505be;
}
#basket-contents #disc-sets td.title, #basket-contents #disc-sets td.cost {
  font-size: 0.9em;
  line-height: 1.3em;
  padding-top: 5px;
  padding-bottom: 5px;
}
#basket-contents #disc-sets td.quantity {
  width: 60px;
  padding-right: 10px;
}
#basket-contents #disc-sets td.quantity input {
  width: 50px;
  padding: 5px 0 5px 5px;
}
#basket-contents #custom-discs h2,
#basket-contents #custom-thumb-drives h2 {
  margin-top: 20px;
}
#basket-contents #custom-discs p,
#basket-contents #custom-thumb-drives p {
  margin-top: 10px;
  font-size: 0.8em;
  line-height: 1.2em;
}
#basket-contents #custom-discs ol,
#basket-contents #custom-thumb-drives ol {
  height: 1%;
  overflow: hidden;
  font-size: 0.8em;
  margin-top: 10px;
}
#basket-contents #custom-discs ol li,
#basket-contents #custom-thumb-drives ol li {
  float: left;
  margin: 5px 5px 0 0;
}
#basket-contents #custom-discs ol li a,
#basket-contents #custom-thumb-drives ol li a {
  display: inline-block;
  float: left;
  color: #fff;
  height: 35px;
}
#basket-contents #custom-discs ol li a.delete,
#basket-contents #custom-thumb-drives ol li a.delete {
  background: #ec1507;
  padding: 10px 10px 0 10px;
  border-right: 1px solid #fff;
  transition: opacity 0.3s;
}
#basket-contents #custom-discs ol li a.delete:hover,
#basket-contents #custom-thumb-drives ol li a.delete:hover {
  opacity: 0.75;
}
#basket-contents #custom-discs ol li a.disc, #basket-contents #custom-discs ol li a.thumb-drive,
#basket-contents #custom-thumb-drives ol li a.disc,
#basket-contents #custom-thumb-drives ol li a.thumb-drive {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  color: #000;
  border: 1px solid #e3e3e3;
  border-left: 0;
  transition: 0.3s;
}
#basket-contents #custom-discs ol li a.disc:hover, #basket-contents #custom-discs ol li a.thumb-drive:hover,
#basket-contents #custom-thumb-drives ol li a.disc:hover,
#basket-contents #custom-thumb-drives ol li a.thumb-drive:hover {
  border-color: #999;
}
#basket-contents #custom-discs ol li a.disc span.label, #basket-contents #custom-discs ol li a.thumb-drive span.label,
#basket-contents #custom-thumb-drives ol li a.disc span.label,
#basket-contents #custom-thumb-drives ol li a.thumb-drive span.label {
  line-height: 1em;
}
#basket-contents #custom-discs ol li a.disc span.format, #basket-contents #custom-discs ol li a.thumb-drive span.format,
#basket-contents #custom-thumb-drives ol li a.disc span.format,
#basket-contents #custom-thumb-drives ol li a.thumb-drive span.format {
  display: inline-block;
  color: #fff;
  font-size: 0.8em;
  padding: 4px 6px;
  border: 1px solid #000;
}
#basket-contents #custom-discs ol li a.disc span.format.mp3g, #basket-contents #custom-discs ol li a.thumb-drive span.format.mp3g,
#basket-contents #custom-thumb-drives ol li a.disc span.format.mp3g,
#basket-contents #custom-thumb-drives ol li a.thumb-drive span.format.mp3g {
  background: #ff8400;
}
#basket-contents #custom-discs ol li a.disc span.format.mp4, #basket-contents #custom-discs ol li a.thumb-drive span.format.mp4,
#basket-contents #custom-thumb-drives ol li a.disc span.format.mp4,
#basket-contents #custom-thumb-drives ol li a.thumb-drive span.format.mp4 {
  background: #c505be;
}
#basket-contents #custom-discs ol li a.disc span.count, #basket-contents #custom-discs ol li a.thumb-drive span.count,
#basket-contents #custom-thumb-drives ol li a.disc span.count,
#basket-contents #custom-thumb-drives ol li a.thumb-drive span.count {
  text-transform: uppercase;
  font-size: 0.85em;
  line-height: 0.85em;
  font-family: PlutoSansMedium, sans-serif;
}
#basket-contents #custom-discs ol li.selected a.disc,
#basket-contents #custom-thumb-drives ol li.selected a.disc {
  color: #000;
  background: #ffc82e;
  border-color: #ffc82e;
}
#basket-contents #custom-discs ol li.selected a.thumb-drive,
#basket-contents #custom-thumb-drives ol li.selected a.thumb-drive {
  color: #fff;
}
#basket-contents #custom-discs ol li.selected a.thumb-drive.mp3g,
#basket-contents #custom-thumb-drives ol li.selected a.thumb-drive.mp3g {
  background: #ff8400;
  border-color: #ff8400;
}
#basket-contents #custom-discs ol li.selected a.thumb-drive.mp4,
#basket-contents #custom-thumb-drives ol li.selected a.thumb-drive.mp4 {
  background: #c505be;
  border-color: #c505be;
}
#basket-contents #custom-discs ol li.selected a.thumb-drive span.format,
#basket-contents #custom-thumb-drives ol li.selected a.thumb-drive span.format {
  border-color: #fff;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped {
  color: #000;
  transition: color 0.3s;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped:hover,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped:hover {
  color: #565656;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped span.checkbox,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped span.checkbox {
  display: inline-block;
  border: 1px solid #000;
  background: #fff;
  padding: 3px;
  line-height: 12px;
  transition: background 0.3s, border 0.3s;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped span.halflings,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped span.halflings {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  transition: color 0.3s;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped.selected span.halflings,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.custom-thumb-drive-unzipped.selected span.halflings {
  color: #ff8400;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.help,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.help {
  display: inline-block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  color: #ff8400;
  transition: color 0.3s;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.help span.halflings,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.help span.halflings {
  top: 0;
}
#basket-contents #custom-discs div.custom-thumb-drive-unzipped-wrapper a.help:hover,
#basket-contents #custom-thumb-drives div.custom-thumb-drive-unzipped-wrapper a.help:hover {
  color: #ffc82e;
}
#basket-contents #custom-discs table.disc-tracks-table,
#basket-contents #custom-discs div.thumb-drive-tracks-table-wrapper,
#basket-contents #custom-thumb-drives table.disc-tracks-table,
#basket-contents #custom-thumb-drives div.thumb-drive-tracks-table-wrapper {
  display: none;
}
#basket-contents #custom-discs table th.track-no,
#basket-contents #custom-thumb-drives table th.track-no {
  padding-left: 10px;
}
#basket-contents #custom-discs table th.artist,
#basket-contents #custom-thumb-drives table th.artist {
  padding-left: 5px;
}
#basket-contents #custom-discs table th.duration,
#basket-contents #custom-thumb-drives table th.duration {
  padding: 0;
}
#basket-contents #custom-discs table td,
#basket-contents #custom-thumb-drives table td {
  font-size: 0.9em;
  line-height: 1.3em;
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}
#basket-contents #custom-discs table td.track-no,
#basket-contents #custom-thumb-drives table td.track-no {
  padding-left: 10px;
  width: 30px;
}
#basket-contents #custom-discs table td.sample,
#basket-contents #custom-thumb-drives table td.sample {
  width: 25px;
  padding: 0 6px 0 3px;
  font-size: 1em !important;
}
#basket-contents #custom-discs table td.artist,
#basket-contents #custom-thumb-drives table td.artist {
  width: 30%;
  padding-left: 5px;
}
#basket-contents #custom-discs table td.artist a,
#basket-contents #custom-thumb-drives table td.artist a {
  color: #000;
}
#basket-contents #custom-discs table td.artist a:hover,
#basket-contents #custom-thumb-drives table td.artist a:hover {
  color: #ffc82e;
}
#basket-contents #custom-discs table td.duration,
#basket-contents #custom-thumb-drives table td.duration {
  text-align: center;
  width: 80px;
}
#basket-contents #custom-discs table td.double-icon,
#basket-contents #custom-thumb-drives table td.double-icon {
  width: 57px;
  padding: 5px;
}
#basket-contents #custom-discs table td.double-icon select.change-track-disc,
#basket-contents #custom-discs table td.double-icon select.change-track-thumb-drive,
#basket-contents #custom-thumb-drives table td.double-icon select.change-track-disc,
#basket-contents #custom-thumb-drives table td.double-icon select.change-track-thumb-drive {
  display: none;
  position: absolute;
  margin: -18px 0 0 -1px;
}
#basket-contents #custom-discs table td.double-icon a.change-track-disc,
#basket-contents #custom-discs table td.double-icon a.change-track-thumb-drive,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-disc,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-thumb-drive {
  border: 1px solid #ffc82e;
  background: #ffc82e;
  display: flex;
  gap: 5px;
  padding: 4px 6px;
  color: #000;
  transition: border-color 0.3s;
}
#basket-contents #custom-discs table td.double-icon a.change-track-disc:hover, #basket-contents #custom-discs table td.double-icon a.change-track-disc.open,
#basket-contents #custom-discs table td.double-icon a.change-track-thumb-drive:hover,
#basket-contents #custom-discs table td.double-icon a.change-track-thumb-drive.open,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-disc:hover,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-disc.open,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-thumb-drive:hover,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-thumb-drive.open {
  border-color: #000;
}
#basket-contents #custom-discs table td.double-icon a.change-track-disc span.halflings,
#basket-contents #custom-discs table td.double-icon a.change-track-thumb-drive span.halflings,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-disc span.halflings,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-thumb-drive span.halflings {
  top: 0;
}
#basket-contents #custom-discs table td.double-icon a.change-track-disc span.thumb-drive-icon,
#basket-contents #custom-discs table td.double-icon a.change-track-thumb-drive span.thumb-drive-icon,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-disc span.thumb-drive-icon,
#basket-contents #custom-thumb-drives table td.double-icon a.change-track-thumb-drive span.thumb-drive-icon {
  width: 16px;
  height: 16px;
}
#basket-contents #custom-discs table td.icon,
#basket-contents #custom-thumb-drives table td.icon {
  width: 32px;
  padding: 5px;
}
#basket-contents #custom-discs table td.icon a,
#basket-contents #custom-thumb-drives table td.icon a {
  color: #000;
  display: inline-block;
  padding: 5px 7px;
  transition: opacity 0.3s;
}
#basket-contents #custom-discs table td.icon.re-order a,
#basket-contents #custom-thumb-drives table td.icon.re-order a {
  background: #ffc82e;
}
#basket-contents #custom-discs table td.icon.remove a,
#basket-contents #custom-thumb-drives table td.icon.remove a {
  color: #fff;
  background: #ec1507;
}
#basket-contents #custom-discs div.continue-wrapper,
#basket-contents #custom-thumb-drives div.continue-wrapper {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}
#basket-contents #custom-discs div.continue-wrapper a,
#basket-contents #custom-thumb-drives div.continue-wrapper a {
  display: flex;
  align-items: center;
  border-width: 2px;
  border-style: solid;
  gap: 5px;
  padding: 10px 15px;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.8em;
  color: #fff;
  transition: 0.3s;
}
#basket-contents #custom-discs div.continue-wrapper a.mp3g,
#basket-contents #custom-thumb-drives div.continue-wrapper a.mp3g {
  background: #ff8400;
  border-color: #ff8400;
}
#basket-contents #custom-discs div.continue-wrapper a.mp4,
#basket-contents #custom-thumb-drives div.continue-wrapper a.mp4 {
  background: #c505be;
  border-color: #c505be;
}
#basket-contents #custom-discs div.continue-wrapper a:hover,
#basket-contents #custom-thumb-drives div.continue-wrapper a:hover {
  background: #fff;
}
#basket-contents #custom-discs div.continue-wrapper a:hover.mp3g,
#basket-contents #custom-thumb-drives div.continue-wrapper a:hover.mp3g {
  color: #ff8400;
}
#basket-contents #custom-discs div.continue-wrapper a:hover.mp4,
#basket-contents #custom-thumb-drives div.continue-wrapper a:hover.mp4 {
  color: #c505be;
}
#basket-contents #custom-discs div.continue-wrapper a span.halflings,
#basket-contents #custom-thumb-drives div.continue-wrapper a span.halflings {
  top: -1px;
}
#basket-contents div.footer {
  text-align: right;
}
#basket-contents div.footer h3 {
  font-family: PlutoSansMedium, sans-serif;
  margin: 20px 10px 0 0;
}
#basket-contents div.footer dl {
  margin: 20px 0 0 0;
  display: inline-block;
  height: 1%;
  overflow: hidden;
  line-height: 1.2em;
}
#basket-contents div.footer dl dt {
  padding-bottom: 10px;
  float: left;
  clear: left;
  width: 350px;
}
#basket-contents div.footer dl dt span.format {
  color: #000;
}
#basket-contents div.footer dl dd {
  padding-bottom: 10px;
  float: left;
  width: 80px;
  font-family: PlutoSansMedium, sans-serif;
  text-align: center;
}
#basket-contents div.footer a.checkout,
#basket-contents div.footer button.checkout,
#basket-contents div.footer #back-to-cart {
  display: inline-block;
  background: #ffc82e;
  padding: 15px 20px;
  font-family: PlutoSansMedium, sans-serif;
  color: #000;
  transition: color 0.3s;
}
#basket-contents div.footer a.checkout:hover,
#basket-contents div.footer button.checkout:hover,
#basket-contents div.footer #back-to-cart:hover {
  color: #fff;
}
#basket-contents p.empty-msg {
  margin-top: 20px;
}
#basket-contents.order-summary div.flash-message.error small {
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 0.8em;
  line-height: 1.3em;
}
#basket-contents.order-summary div.flash-message.error a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s;
}
#basket-contents.order-summary div.flash-message.error a:hover {
  color: #ffc82e;
}
#basket-contents.order-summary #cart-tracks th.track,
#basket-contents.order-summary #cart-tracks td.track {
  padding-left: 10px;
}
#basket-contents.order-summary #cart-tracks th.cost,
#basket-contents.order-summary #cart-tracks td.cost,
#basket-contents.order-summary #cart-tracks th.cost,
#basket-contents.order-summary #cart-tracks td.cost {
  padding-right: 0;
  width: 80px;
}
#basket-contents.order-summary #disc-sets th.quantity {
  text-align: center;
}
#basket-contents.order-summary #disc-sets td.quantity {
  font-size: 0.9em;
  line-height: 1.3em;
  text-align: center;
}
#basket-contents.order-summary #custom-discs h3 span.price,
#basket-contents.order-summary #custom-thumb-drives h3 span.price {
  display: inline-block;
  float: right;
}
#basket-contents.order-summary div.discount-wrapper {
  margin-top: 20px;
}
#basket-contents.order-summary div.discount-wrapper input {
  display: inline-block;
  float: right;
  margin-right: 10px;
  padding: 4px;
}
#basket-contents.order-summary div.discount-wrapper button {
  float: right;
  background: #ffc82e;
  padding: 5px 9px;
  margin-top: 1px;
  transition: color 0.3s;
}
#basket-contents.order-summary div.discount-wrapper button span.halflings {
  float: left;
  top: 0;
}
#basket-contents.order-summary div.discount-wrapper button span.text {
  float: right;
  display: inline-block;
  font-size: 0.8em;
  padding: 1px 0 0 5px;
}
#basket-contents.order-summary div.discount-wrapper button:hover {
  color: #fff;
}
#basket-contents.order-summary div.discount-wrapper p.bulk-discount-note {
  float: right;
  clear: right;
  max-width: 300px;
  margin-top: 5px;
  text-align: right;
  font-size: 0.7em;
  line-height: 1.3em;
}
#basket-contents.order-summary div.footer dl {
  margin-right: 0;
}
#basket-contents.order-summary div.footer dl dt.discount a {
  display: inline-block;
  margin-right: 5px;
  color: #ec1507;
}
#basket-contents.order-summary div.footer dl dd.discount {
  padding-top: 3px;
}
#basket-contents.order-summary div.footer button.checkout {
  float: right;
}
#basket-contents.order-summary div.footer button.checkout span.halflings {
  top: 3px;
}
#basket-contents.order-summary div.footer #back-to-cart {
  float: left;
}
#basket-contents.order-summary #custom-discs h3,
#basket-contents.order-summary #custom-thumb-drives h3 {
  color: #000;
  background: #ffc82e;
  padding: 7px 10px;
  margin-top: 10px;
  font-size: 0.9em;
  font-family: PlutoSansMedium, sans-serif;
}
#basket-contents.order-summary #custom-discs table.disc-tracks-table,
#basket-contents.order-summary #custom-thumb-drives table.disc-tracks-table {
  display: table;
}
#basket-contents.order-summary #custom-discs div.thumb-drive-tracks-table-wrapper,
#basket-contents.order-summary #custom-thumb-drives div.thumb-drive-tracks-table-wrapper {
  display: block;
}
#basket-contents.order-summary #custom-discs table td,
#basket-contents.order-summary #custom-thumb-drives table td {
  padding-top: 5px;
  padding-bottom: 5px;
}
#basket-contents.order-summary #custom-discs table td.track-no,
#basket-contents.order-summary #custom-thumb-drives table td.track-no {
  padding-right: 5px;
}
#basket-contents.order-summary a.update-delivery-address.button {
  display: inline-block;
  background: #ffc82e;
  padding: 5px 9px;
  color: #000;
  transition: color 0.3s;
}
#basket-contents.order-summary a.update-delivery-address.button span.halflings {
  float: left;
  top: 0;
}
#basket-contents.order-summary a.update-delivery-address.button span.halflings:before {
  padding-left: 1px;
}
#basket-contents.order-summary a.update-delivery-address.button span.text {
  float: right;
  display: inline-block;
  font-size: 0.8em;
  padding: 3px 0 0 5px;
}
#basket-contents.order-summary a.update-delivery-address.button:hover {
  color: #fff;
}
#basket-contents.order-summary div.delivery-address-wrapper span.title {
  display: block;
  margin: 10px 0;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.9em;
}
#basket-contents.order-summary div.delivery-address-wrapper address {
  font-size: 0.9em;
  line-height: 1.2em;
}
#basket-contents.order-summary div.delivery-address-wrapper a.update-delivery-address {
  margin-top: 10px;
}
#basket-contents.order-summary p.non-uk-delivery-address {
  float: right;
  width: 100%;
  padding-bottom: 20px;
}
#basket-contents.order-summary p.non-uk-delivery-address span.red {
  font-family: PlutoSansMedium, sans-serif;
  color: #ec1507;
  font-size: 0.9em;
}
#basket-contents.order-summary p.non-uk-delivery-address a.update-delivery-address {
  margin-top: 10px;
}
#basket-contents.order-summary p.non-uk-delivery-address small {
  display: block;
  font-size: 0.7em;
  line-height: 1.2em;
}
#basket-contents.order-summary p.non-uk-delivery-address small a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
#basket-contents.order-summary p.non-uk-delivery-address small a:hover {
  color: #0898ea;
}

#delivery-address-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.69);
}
#delivery-address-overlay div.wrapper {
  margin: 0 auto;
  max-width: 510px;
  background: #fff;
  padding: 15px;
}
#delivery-address-overlay div.wrapper div.field-block.checkbox {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#delivery-address-overlay div.wrapper div.field-block.checkbox input {
  float: left;
  padding: 0;
  margin: 3px 0 0 0;
}
#delivery-address-overlay div.wrapper div.field-block.checkbox label {
  float: left;
  width: 90%;
  padding-left: 5px;
  line-height: 1.3em;
}
#delivery-address-overlay div.wrapper div.account-address.hidden {
  display: none;
}
#delivery-address-overlay div.wrapper div.account-address h2 {
  font-family: PlutoSansMedium, sans-serif;
  margin: 10px 0;
}
#delivery-address-overlay div.wrapper div.account-address address {
  line-height: 1.3em;
}
#delivery-address-overlay div.wrapper div.fields-wrapper.hidden {
  display: none;
}
#delivery-address-overlay div.wrapper div.fields-wrapper p {
  margin: 10px 0;
  font-size: 0.7em;
  line-height: 1.1em;
}
#delivery-address-overlay div.wrapper div.fields-wrapper p a {
  text-decoration: underline;
  color: #000;
  transition: color 0.3s;
}
#delivery-address-overlay div.wrapper div.fields-wrapper p a:hover {
  color: #0898ea;
}
#delivery-address-overlay div.wrapper div.fields-wrapper input,
#delivery-address-overlay div.wrapper div.fields-wrapper select {
  display: block;
  margin: 5px 0 0 0;
}
#delivery-address-overlay div.wrapper div.fields-wrapper input {
  border: 1px solid #8e8c8d;
  padding: 5px;
  width: 250px;
}
#delivery-address-overlay div.wrapper div.fields-wrapper input.error {
  border-color: #ec1507;
}
#delivery-address-overlay div.wrapper div.button-bar {
  margin-top: 10px;
}
#delivery-address-overlay div.wrapper a.cancel,
#delivery-address-overlay div.wrapper button {
  display: inline-block;
  padding: 15px 20px;
  font-family: PlutoSansMedium, sans-serif;
}
#delivery-address-overlay div.wrapper a.cancel {
  float: left;
  background: #a1a1a1;
  color: #fff;
  transition: background 0.3s;
}
#delivery-address-overlay div.wrapper a.cancel:hover {
  background: #565656;
}
#delivery-address-overlay div.wrapper a.cancel span.halflings {
  top: 2px;
}
#delivery-address-overlay div.wrapper button {
  float: right;
  background: #ffc82e;
  color: #000;
  transition: color 0.3s;
}
#delivery-address-overlay div.wrapper button:hover {
  color: #fff;
}

@media all and (max-width: 550px) {
  #delivery-address-overlay div.wrapper {
    width: 90%;
  }
}
@media all and (max-height: 340px) {
  #delivery-address-overlay div.wrapper a.cancel,
  #delivery-address-overlay div.wrapper button {
    padding: 10px 15px;
  }
}
@media all and (max-width: 800px) {
  #basket-contents #cart-tracks td.track, #basket-contents #cart-tracks td.artist, #basket-contents #cart-tracks td.duration, #basket-contents #cart-tracks td.cost {
    font-size: 0.8em;
  }
  #basket-contents #cart-albums td.title, #basket-contents #cart-albums td.tracks-count, #basket-contents #cart-albums td.cost {
    font-size: 0.8em;
  }
  #basket-contents #disc-sets td.title, #basket-contents #disc-sets td.cost {
    font-size: 0.8em;
  }
  #basket-contents #custom-discs table td,
  #basket-contents #custom-thumb-drives table td {
    font-size: 0.8em;
  }
  #basket-contents.order-summary #disc-sets td.quantity {
    font-size: 0.8em;
  }
}
@media all and (max-width: 700px) {
  #basket-contents #cart-tracks th.duration,
  #basket-contents #cart-tracks td.duration,
  #basket-contents #custom-discs th.duration,
  #basket-contents #custom-discs td.duration,
  #basket-contents #custom-thumb-drives th.duration,
  #basket-contents #custom-thumb-drives td.duration {
    display: none;
  }
  #basket-contents th.format span {
    display: none;
  }
  #basket-contents td.format {
    padding-left: 0;
    height: 45px;
    text-align: center;
    width: 21px;
  }
  #basket-contents td.format.mp3 {
    background: #76bd22;
  }
  #basket-contents td.format.cdg {
    background: #ffc82e;
  }
  #basket-contents td.format.mp3g {
    background: #ff8400;
  }
  #basket-contents td.format.dvd, #basket-contents td.format.mp4 {
    background: #c505be;
  }
  #basket-contents td.format span {
    background: none;
    padding: 0;
    transform: rotate(-90deg);
    border: 0;
    font-size: 0.5em;
    width: auto;
    margin: 0 -5px;
  }
}
@media all and (max-width: 600px) {
  #basket-contents #custom-discs table td.artist,
  #basket-contents #custom-thumb-drives table td.artist {
    width: 22%;
  }
}
@media all and (max-width: 500px) {
  #basket-contents {
    padding: 0;
  }
  #basket-contents h1,
  #basket-contents h2,
  #basket-contents p.empty-msg,
  #basket-contents div.custom-thumb-drive-unzipped-wrapper {
    padding-left: 5px;
  }
  #basket-contents #custom-thumb-drives p {
    padding: 0 5px;
  }
  #basket-contents td.cost {
    width: 55px;
  }
  #basket-contents #cart-tracks td.track, #basket-contents #cart-tracks td.artist, #basket-contents #cart-tracks td.duration, #basket-contents #cart-tracks td.cost {
    font-size: 0.7em;
  }
  #basket-contents #cart-albums td.title, #basket-contents #cart-albums td.tracks-count, #basket-contents #cart-albums td.cost {
    font-size: 0.7em;
  }
  #basket-contents #cart-albums td.tracks-count {
    width: 60px;
  }
  #basket-contents #disc-sets td.title, #basket-contents #disc-sets td.cost {
    font-size: 0.7em;
  }
  #basket-contents #custom-discs ol,
  #basket-contents #custom-thumb-drives ol {
    margin-left: 5px;
  }
  #basket-contents #custom-discs table th.track-no,
  #basket-contents #custom-thumb-drives table th.track-no {
    padding-left: 5px;
  }
  #basket-contents #custom-discs table td,
  #basket-contents #custom-thumb-drives table td {
    font-size: 0.7em;
  }
  #basket-contents #custom-discs table td.track-no,
  #basket-contents #custom-thumb-drives table td.track-no {
    padding-left: 5px;
    width: 20px;
  }
  #basket-contents #custom-discs table td.track, #basket-contents #custom-discs table td.artist,
  #basket-contents #custom-thumb-drives table td.track,
  #basket-contents #custom-thumb-drives table td.artist {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  #basket-contents div.footer {
    margin: 0 5px;
  }
  #basket-contents div.footer dl {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-right: 0;
  }
  #basket-contents div.footer dl dt {
    width: 240px;
  }
  #basket-contents div.footer dl dd {
    text-align: right;
    width: 70px;
  }
  #basket-contents.order-summary #disc-sets td.quantity {
    font-size: 0.7em;
  }
  #basket-contents.order-summary #custom-discs h3,
  #basket-contents.order-summary #custom-thumb-drives h3 {
    text-align: center;
  }
  #basket-contents.order-summary #custom-discs h3 span.price,
  #basket-contents.order-summary #custom-thumb-drives h3 span.price {
    float: none;
  }
  #basket-contents.order-summary div.footer dl dt.discount span.text,
  #basket-contents.order-summary div.footer dl dd.discount {
    padding-top: 5px;
  }
  #basket-contents.order-summary div.footer #back-to-cart,
  #basket-contents.order-summary div.footer #checkout button {
    width: 48%;
    padding: 10px 0;
    font-size: 0.8em;
    text-align: center;
  }
}
@media all and (max-width: 374px) {
  #basket-contents #custom-discs table th.track-no,
  #basket-contents #custom-discs table td.track-no,
  #basket-contents #custom-discs table th.sample,
  #basket-contents #custom-discs table td.sample,
  #basket-contents #custom-thumb-drives table th.track-no,
  #basket-contents #custom-thumb-drives table td.track-no,
  #basket-contents #custom-thumb-drives table th.sample,
  #basket-contents #custom-thumb-drives table td.sample {
    display: none;
  }
  #basket-contents #custom-discs table th.track,
  #basket-contents #custom-discs table td.track,
  #basket-contents #custom-thumb-drives table th.track,
  #basket-contents #custom-thumb-drives table td.track {
    padding-left: 5px;
  }
  #basket-contents #custom-discs table td.double-icon,
  #basket-contents #custom-thumb-drives table td.double-icon {
    width: 51px;
  }
  #basket-contents #custom-discs table td.icon,
  #basket-contents #custom-thumb-drives table td.icon {
    width: 29px;
  }
  #basket-contents #custom-discs table td.icon a,
  #basket-contents #custom-thumb-drives table td.icon a {
    padding: 2px 4px;
  }
}
#login-header h1 {
  float: left;
}
#login-header span.or {
  float: left;
  display: inline-block;
  padding: 8px 15px 0 15px;
}
#login-header a.button {
  float: left;
}

@media all and (max-width: 600px) {
  div.form-page h1 {
    font-size: 2em;
  }
  div.form-page #login-header span.or {
    display: none;
  }
  div.form-page #login-header a.button {
    float: right;
  }
  div.form-page.short-width .field-block.checkbox input[type=checkbox] {
    margin-left: 0;
  }
}
@media all and (max-width: 400px) {
  div.form-page #login-header a.button {
    float: left;
    clear: left;
  }
  div.form-page #errors {
    margin-top: 10px;
  }
}
div.signup-terms {
  padding-bottom: 30px;
}
div.signup-terms input {
  margin: 2px 0 0 150px !important;
}
div.signup-terms label {
  text-align: left !important;
  width: 70% !important;
  line-height: 1.3em !important;
  padding-top: 0 !important;
}
div.signup-terms label a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s;
}
div.signup-terms label a:hover {
  color: #0898ea;
}

@media all and (max-width: 600px) {
  div.form-page form fieldset div.signup-terms {
    padding-bottom: 10px;
  }
  div.form-page form fieldset div.signup-terms .field-block.checkbox input[type=checkbox] {
    margin-left: 0 !important;
  }
  div.form-page form fieldset div.signup-terms label {
    width: 95% !important;
  }
}
#my-account-content {
  max-width: 1064px;
  margin: 40px auto;
  padding: 0 20px;
}
#my-account-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  text-align: center;
  padding-bottom: 20px;
}
#my-account-content h2 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.3em;
}
@media all and (max-width: 500px) {
  #my-account-content {
    margin-top: 30px;
  }
  #my-account-content h1 {
    font-size: 1.3em;
    margin-top: 0;
  }
  #my-account-content h2 {
    font-size: 1em;
    margin-top: 10px;
  }
}
#my-account-content ol.pager {
  margin-top: 20px;
  text-align: center;
}
#my-account-content ol.pager li {
  display: inline-block;
}
#my-account-content ol.pager a,
#my-account-content ol.pager span {
  color: #000;
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #000;
  font-size: 0.8em;
  transition: background-color 0.3s;
  margin-left: 8px;
}
#my-account-content ol.pager li a:hover,
#my-account-content ol.pager li.page-no span {
  background: #ffc82e;
}
#my-account-content ol.pager li.ellipses {
  margin: 0 -12px 0 -2px;
}
#my-account-content ol.pager li.ellipses span {
  border: 0;
  margin: 0;
}
@media all and (max-width: 650px) {
  #my-account-content ol.pager a,
  #my-account-content ol.pager span {
    font-size: 0.7em;
  }
}
#my-account-content.dashboard h1 {
  padding-bottom: 0;
}
#my-account-content.dashboard div.left {
  margin-top: 20px;
  float: left;
  width: 75%;
  min-width: 615px;
}
#my-account-content.dashboard div.left a.my-button {
  margin: 0 10px 20px 0;
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px 12px 20px;
  font-size: 1.3em;
  color: #000;
  transition: color 0.3s;
}
#my-account-content.dashboard div.left a.my-button:hover {
  color: #fff;
}
#my-account-content.dashboard div.right {
  margin-top: 20px;
  float: right;
  text-align: right;
  width: 25%;
  padding-left: 20px;
}
#my-account-content.dashboard div.right ul {
  font-size: 0.9em;
  margin-top: 20px;
}
#my-account-content.dashboard div.right ul li {
  padding-bottom: 15px;
  line-height: 1.2em;
}
#my-account-content.dashboard div.right ul li span.format {
  margin-top: 5px;
  display: inline-block;
  padding: 8px 10px;
  color: #fff;
  font-size: 0.7em;
  line-height: 1;
  font-weight: bold;
}
#my-account-content.dashboard div.right ul li span.format.mp3 {
  background: #76bd22;
}
#my-account-content.dashboard div.right ul li span.format.cdg {
  background: #ffc82e;
}
#my-account-content.dashboard div.right ul li span.format.mp3g {
  background: #ff8400;
}
#my-account-content.dashboard div.right ul li span.format.dvd, #my-account-content.dashboard div.right ul li span.format.mp4 {
  background: #c505be;
}
#my-account-content.dashboard div.right ul li a {
  display: inline-block;
  margin-top: 10px;
  color: #000;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#my-account-content.dashboard div.right ul li a:hover {
  color: #fff;
}
#my-account-content.dashboard div.right ul li a .halflings {
  padding-right: 5px;
}
@media all and (max-width: 900px) {
  #my-account-content.dashboard div.left {
    float: none;
    width: 100%;
    min-width: 100%;
  }
  #my-account-content.dashboard div.right {
    float: none;
    min-width: 100%;
    text-align: left;
    padding-left: 0;
    margin-top: 30px;
  }
}
@media all and (max-width: 700px) {
  #my-account-content.dashboard div.left a.my-button {
    margin: 0;
  }
  #my-account-content.dashboard div.left span.my-button-msg {
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 0.8em;
    line-height: 1.3em;
  }
}
@media all and (max-width: 500px) {
  #my-account-content.dashboard div.left,
  #my-account-content.dashboard div.right {
    text-align: center;
  }
}
#my-account-content.orders p {
  margin-top: 20px;
}
#my-account-content.orders table {
  margin-top: 20px;
  width: 100%;
}
#my-account-content.orders table th,
#my-account-content.orders table td {
  border: 1px solid #000;
  font-size: 0.9em;
  line-height: 1.1em;
  padding: 3px 10px;
}
#my-account-content.orders table th {
  text-align: left;
  font-weight: bold;
  padding: 10px;
}
#my-account-content.orders table .order-no {
  text-align: center;
  width: 17%;
}
#my-account-content.orders table .num-items {
  text-align: center;
  width: 11%;
}
#my-account-content.orders table th.amount,
#my-account-content.orders table td.amount {
  text-align: center;
  width: 14%;
}
#my-account-content.orders table .status {
  width: 16%;
}
#my-account-content.orders table .view {
  padding: 0;
  width: 97px;
}
#my-account-content.orders table .view a {
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
  white-space: nowrap;
}
#my-account-content.orders table .view a:hover {
  color: #fff;
}
@media all and (max-width: 650px) {
  #my-account-content.orders table th,
  #my-account-content.orders table td {
    font-size: 0.7em;
    line-height: 1em;
  }
  #my-account-content.orders table .num-items {
    display: none;
  }
  #my-account-content.orders table .view {
    width: 89px;
  }
  #my-account-content.orders table .view a {
    font-size: 0.9em;
  }
}
@media all and (max-width: 500px) {
  #my-account-content.orders table {
    text-align: center;
    margin-top: 0;
  }
  #my-account-content.orders table th {
    display: none;
  }
  #my-account-content.orders table td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border-top: 1px solid #eee;
    border-right: 1px solid #000;
    border-bottom: 0;
    border-left: 1px solid #000;
    padding: 8px 5px;
  }
  #my-account-content.orders table .order-no {
    border-top: 1px solid #000;
    margin-top: 20px;
  }
  #my-account-content.orders table .order-no:before {
    content: "Order No: ";
    font-weight: bold;
  }
  #my-account-content.orders table .date:before {
    content: "Date: ";
    font-weight: bold;
  }
  #my-account-content.orders table .num-items:before {
    content: "Items: ";
    font-weight: bold;
  }
  #my-account-content.orders table .amount:before {
    content: "Amount: ";
    font-weight: bold;
  }
  #my-account-content.orders table .status:before {
    content: "Status: ";
    font-weight: bold;
  }
  #my-account-content.orders table .view {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #my-account-content.orders table .view.cancelled {
    border-bottom: 0;
  }
  #my-account-content.orders table .view a {
    display: block;
    text-align: center;
  }
}
#my-account-content.track-licences p {
  margin-top: 20px;
  text-align: center;
}
#my-account-content.track-licences p a {
  color: #000;
  text-decoration: underline;
}
#my-account-content.track-licences p a:hover {
  color: #ffc82e;
}
#my-account-content.track-licences table {
  margin-top: 20px;
  width: 100%;
}
#my-account-content.track-licences table th,
#my-account-content.track-licences table td {
  border: 1px solid #000;
  font-size: 0.9em;
  line-height: 1.1em;
  padding: 3px 10px;
}
#my-account-content.track-licences table th {
  text-align: left;
  font-weight: bold;
  padding: 10px;
}
#my-account-content.track-licences table td.type {
  width: 17%;
}
#my-account-content.track-licences table td.purchased {
  width: 11%;
}
#my-account-content.track-licences table th.cost,
#my-account-content.track-licences table td.cost {
  text-align: center;
  width: 10%;
}
#my-account-content.track-licences table .status {
  width: 9%;
}
#my-account-content.track-licences table .view {
  padding: 0;
  width: 110px;
}
#my-account-content.track-licences table .view a {
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#my-account-content.track-licences table .view a:hover {
  color: #fff;
}
@media all and (max-width: 650px) {
  #my-account-content.track-licences table th,
  #my-account-content.track-licences table td {
    font-size: 0.7em;
    line-height: 1em;
  }
  #my-account-content.track-licences table .view {
    width: 100px;
  }
  #my-account-content.track-licences table .view a {
    font-size: 0.9em;
  }
}
@media all and (max-width: 500px) {
  #my-account-content.track-licences table {
    text-align: center;
    margin-top: 0;
  }
  #my-account-content.track-licences table th {
    display: none;
  }
  #my-account-content.track-licences table td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border-top: 1px solid #eee;
    border-right: 1px solid #000;
    border-bottom: 0;
    border-left: 1px solid #000;
    padding: 8px 5px;
  }
  #my-account-content.track-licences table .type {
    border-top: 1px solid #000;
    margin-top: 20px;
  }
  #my-account-content.track-licences table .type:before {
    content: "Licence Type: ";
    font-weight: bold;
  }
  #my-account-content.track-licences table .track:before {
    content: "Track: ";
    font-weight: bold;
  }
  #my-account-content.track-licences table .purchased:before {
    content: "Purchased: ";
    font-weight: bold;
  }
  #my-account-content.track-licences table .cost:before {
    content: "Cost: ";
    font-weight: bold;
  }
  #my-account-content.track-licences table .status:before {
    content: "Status: ";
    font-weight: bold;
  }
  #my-account-content.track-licences table .view {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #my-account-content.track-licences table .view.revoked {
    border-bottom: 0;
  }
  #my-account-content.track-licences table .view a {
    display: block;
    text-align: center;
  }
}
#my-account-content.venue-licences p {
  margin-top: 20px;
  text-align: center;
}
#my-account-content.venue-licences p a {
  color: #000;
  text-decoration: underline;
}
#my-account-content.venue-licences p a:hover {
  color: #ffc82e;
}
#my-account-content.venue-licences table {
  margin-top: 20px;
  width: 100%;
}
#my-account-content.venue-licences table th,
#my-account-content.venue-licences table td {
  border: 1px solid #000;
  font-size: 0.9em;
  line-height: 1.1em;
  padding: 3px 10px;
}
#my-account-content.venue-licences table th {
  text-align: left;
  font-weight: bold;
  padding: 10px;
}
#my-account-content.venue-licences table td.purchased,
#my-account-content.venue-licences table td.start-date {
  width: 11%;
}
#my-account-content.venue-licences table td.duration {
  width: 10%;
}
#my-account-content.venue-licences table th.cost,
#my-account-content.venue-licences table td.cost {
  text-align: center;
  width: 10%;
}
#my-account-content.venue-licences table .status {
  width: 9%;
}
#my-account-content.venue-licences table .view {
  padding: 0;
  width: 110px;
}
#my-account-content.venue-licences table .view a {
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#my-account-content.venue-licences table .view a:hover {
  color: #fff;
}
@media all and (max-width: 650px) {
  #my-account-content.venue-licences table th,
  #my-account-content.venue-licences table td {
    font-size: 0.7em;
    line-height: 1em;
  }
  #my-account-content.venue-licences table .view {
    width: 100px;
  }
  #my-account-content.venue-licences table .view a {
    font-size: 0.9em;
  }
}
@media all and (max-width: 500px) {
  #my-account-content.venue-licences table {
    text-align: center;
    margin-top: 0;
  }
  #my-account-content.venue-licences table th {
    display: none;
  }
  #my-account-content.venue-licences table td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border-top: 1px solid #eee;
    border-right: 1px solid #000;
    border-bottom: 0;
    border-left: 1px solid #000;
    padding: 8px 5px;
  }
  #my-account-content.venue-licences table .venue {
    border-top: 1px solid #000;
    margin-top: 20px;
  }
  #my-account-content.venue-licences table .venue:before {
    content: "Venue: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .purchased:before {
    content: "Purchased: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .start-date:before {
    content: "Start date: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .duration:before {
    content: "Duration: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .cost:before {
    content: "Cost: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .status:before {
    content: "Status: ";
    font-weight: bold;
  }
  #my-account-content.venue-licences table .view {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #my-account-content.venue-licences table .view.revoked {
    border-bottom: 0;
  }
  #my-account-content.venue-licences table .view a {
    display: block;
    text-align: center;
  }
}

@media all and (max-width: 600px) {
  div.form-page form fieldset .field-block span.note {
    float: none;
    padding-left: 0;
  }
}
#my-songs-content {
  max-width: 1064px;
  margin: 40px auto;
  padding: 0 20px;
}
#my-songs-content a.close {
  display: inline-block;
  position: absolute;
  z-index: 102;
  background: #ffc82e;
  border-radius: 50%;
  height: 43px;
  width: 43px;
  margin-left: -21px;
}
#my-songs-content a.close .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
#my-songs-content a.close:hover .halflings {
  color: #fff;
}
#my-songs-content #bulk-download-preview {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding: 0 10px;
  overflow-y: auto;
}
#my-songs-content #bulk-download-preview table {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: 20px auto 0 auto;
  width: 100%;
  max-width: 800px;
  background: #e3e3e3;
}
#my-songs-content #bulk-download-preview table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  background: #fff;
  padding: 30px 0 10px 0;
}
#my-songs-content #bulk-download-preview table th.format {
  text-align: center;
  padding-left: 3px;
}
#my-songs-content #bulk-download-preview table th.title {
  width: 35%;
  padding-left: 10px;
}
#my-songs-content #bulk-download-preview table th.artist {
  padding-left: 10px;
}
#my-songs-content #bulk-download-preview table th.filesize {
  text-align: center;
  width: 75px;
  padding-left: 10px;
}
#my-songs-content #bulk-download-preview table th.remove {
  width: 20px;
}
#my-songs-content #bulk-download-preview table tbody td {
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}
#my-songs-content #bulk-download-preview table tbody td.format {
  width: 68px;
  line-height: 0;
}
#my-songs-content #bulk-download-preview table tbody td.format span {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 0.7em;
  line-height: 1;
  padding: 8px 0;
}
#my-songs-content #bulk-download-preview table tbody td.format.mp3 span {
  background: #76bd22;
}
#my-songs-content #bulk-download-preview table tbody td.format.mp3g span {
  background: #ff8400;
}
#my-songs-content #bulk-download-preview table tbody td.format.mp4 span {
  background: #c505be;
}
#my-songs-content #bulk-download-preview table tbody td.title, #my-songs-content #bulk-download-preview table tbody td.artist, #my-songs-content #bulk-download-preview table tbody td.filesize {
  padding: 5px 0 5px 10px;
  font-size: 0.9em;
  line-height: 1.3em;
  word-break: break-word;
  text-align: left;
}
#my-songs-content #bulk-download-preview table tbody td.filesize {
  text-align: center;
}
#my-songs-content #bulk-download-preview table tbody td.remove {
  text-align: center;
}
#my-songs-content #bulk-download-preview table tbody td.remove a {
  color: #565656;
  transition: color 0.3s;
}
#my-songs-content #bulk-download-preview table tbody td.remove a:hover {
  color: #ec1507;
}
#my-songs-content #bulk-download-preview table tfoot td {
  padding: 10px 0;
  background: #fff;
}
#my-songs-content #bulk-download-preview table tfoot td #request-bulk-download {
  display: inline-block;
  background: #ffc82e;
  padding: 6px 10px 7px 10px;
  color: #000;
  transition: color 0.3s;
}
#my-songs-content #bulk-download-preview table tfoot td #request-bulk-download span.halflings-download {
  top: 2px;
}
#my-songs-content #bulk-download-preview table tfoot td #request-bulk-download:hover {
  color: #fff;
}
#my-songs-content #bulk-download-processing {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding: 0 10px;
}
#my-songs-content #bulk-download-processing div.wrapper {
  margin: 20px auto 0 auto;
  width: 100%;
  max-width: 300px;
  background: #fff;
  padding: 30px 0 20px 0;
}
#my-songs-content #bulk-download-processing div.wrapper h2 {
  font-size: 1.5em;
  padding-bottom: 20px;
}
#my-songs-content #bulk-download-processing div.wrapper .spinner {
  margin: 0 auto;
  width: 120px;
  height: 50px;
}
#my-songs-content #bulk-download-processing div.wrapper .spinner > div {
  background-color: #ffc82e;
  width: 20px;
}
#my-songs-content #bulk-download-processing div.wrapper span.notify-preamble {
  display: block;
  text-align: center;
  padding: 20px 0 10px 0;
  font-size: 0.8em;
}
#my-songs-content #bulk-download-processing div.wrapper a.notify {
  display: inline-block;
  background: #ffc82e;
  padding: 6px 10px 7px 10px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#my-songs-content #bulk-download-processing div.wrapper a.notify span.halflings-download {
  top: 2px;
}
#my-songs-content #bulk-download-processing div.wrapper a.notify:hover {
  color: #fff;
}
#my-songs-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  text-align: center;
}
#my-songs-content #filters {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
#my-songs-content #filters #filter-q {
  width: 150px;
  height: 23px;
  border: 1px solid #a1a1a1;
  padding: 0 5px 0 5px;
  transition: border-color 0.3s;
}
#my-songs-content #filters #filter-q:focus {
  outline: 0;
  border-color: #565656;
}
#my-songs-content #filters button {
  display: inline-block;
  height: 23px;
  background: #ffc82e;
  padding: 3px 5px;
  font-size: 0.8em;
  color: #000;
  transition: color 0.3s;
}
#my-songs-content #filters button:hover {
  color: #fff;
}
#my-songs-content #table-preamble-wrapper {
  padding: 30px 0 10px 0;
  border-bottom: 1px solid #a1a1a1;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
}
#my-songs-content #table-preamble-wrapper #results-per-page-wrapper {
  float: left;
}
#my-songs-content #table-preamble-wrapper #bulk-download {
  display: none;
  float: right;
  margin: -4px 10px 0 0;
  background: #ffc82e;
  padding: 6px 10px 7px 10px;
  color: #000;
  transition: color 0.3s;
}
#my-songs-content #table-preamble-wrapper #bulk-download span.count {
  background: #000;
  padding: 2px 6px;
  border-radius: 10px;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
#my-songs-content #table-preamble-wrapper #bulk-download:hover {
  color: #fff;
}
#my-songs-content #table-preamble-wrapper #bulk-download:hover span.count {
  background: #fff;
  color: #000;
}
#my-songs-content #table-preamble-wrapper #select-all-wrapper {
  float: right;
  text-align: right;
  padding-right: 12px;
}
@media all and (max-width: 800px) {
  #my-songs-content #table-preamble-wrapper #select-all-wrapper {
    display: none;
  }
}
#my-songs-content #no-matches {
  padding: 40px 10px 0 10px;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.1em;
}
#my-songs-content #results-wrapper table {
  width: 100%;
  background: #e3e3e3;
}
#my-songs-content #results-wrapper table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  background: #fff;
  padding: 10px 0;
}
#my-songs-content #results-wrapper table th.format {
  text-align: center;
  padding-left: 3px;
}
#my-songs-content #results-wrapper table th.title {
  width: 35%;
  padding-left: 10px;
}
#my-songs-content #results-wrapper table th.artist {
  padding-left: 10px;
}
#my-songs-content #results-wrapper table th.purchased {
  width: 130px;
  padding-left: 10px;
}
#my-songs-content #results-wrapper table th.download {
  width: 120px;
}
#my-songs-content #results-wrapper table th.select {
  width: 40px;
  text-align: center;
}
#my-songs-content #results-wrapper table th.select a {
  font-size: 1.5em;
  color: #565656;
  transition: color 0.3s;
}
#my-songs-content #results-wrapper table th.select a:hover {
  color: #ffc82e;
}
#my-songs-content #results-wrapper table td {
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}
#my-songs-content #results-wrapper table td.format {
  width: 68px;
  line-height: 0;
}
#my-songs-content #results-wrapper table td.format span {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 0.7em;
  line-height: 1;
  padding: 8px 0;
}
#my-songs-content #results-wrapper table td.format.mp3 span {
  background: #76bd22;
}
#my-songs-content #results-wrapper table td.format.mp3g span {
  background: #ff8400;
}
#my-songs-content #results-wrapper table td.format.mp4 span {
  background: #c505be;
}
#my-songs-content #results-wrapper table td.title, #my-songs-content #results-wrapper table td.artist, #my-songs-content #results-wrapper table td.purchased {
  padding: 5px 0 5px 10px;
  font-size: 0.9em;
  line-height: 1.3em;
  word-break: break-word;
}
#my-songs-content #results-wrapper table td a.download {
  display: block;
  width: 100%;
  font-size: 0.8em;
  font-weight: normal;
  height: 31px;
  font-family: PlutoSansMedium, sans-serif;
}
#my-songs-content #results-wrapper table td a.download span.halflings-download {
  top: 2px;
}
#my-songs-content #results-wrapper table td.select {
  text-align: center;
}
@media all and (max-width: 1023px) {
  #my-songs-content #results-wrapper table th.purchased {
    width: 105px;
  }
  #my-songs-content #results-wrapper table td.title, #my-songs-content #results-wrapper table td.artist, #my-songs-content #results-wrapper table td.purchased {
    font-size: 0.7em;
  }
}
@media all and (max-width: 800px) {
  #my-songs-content #results-wrapper table th.select,
  #my-songs-content #results-wrapper table td.select {
    display: none;
  }
}
@media all and (max-width: 700px) {
  #my-songs-content #results-wrapper table td.purchased,
  #my-songs-content #results-wrapper table th.purchased {
    display: none;
  }
  #my-songs-content #results-wrapper table th.title {
    width: 35%;
  }
  #my-songs-content #results-wrapper table th.download {
    width: 90px;
  }
  #my-songs-content #results-wrapper table td.format {
    padding-left: 0;
    height: 45px;
    text-align: center;
    width: 21px;
  }
  #my-songs-content #results-wrapper table td.format.mp3 {
    background: #76bd22;
  }
  #my-songs-content #results-wrapper table td.format.mp3g {
    background: #ff8400;
  }
  #my-songs-content #results-wrapper table td.format.mp4 {
    background: #c505be;
  }
  #my-songs-content #results-wrapper table td.format span {
    background: none;
    padding: 0;
    transform: rotate(-90deg);
    border: 0;
    font-size: 0.5em;
    width: auto;
    margin: 0 -5px;
  }
  #my-songs-content #results-wrapper table td.artist {
    padding-right: 10px;
  }
  #my-songs-content #results-wrapper table td a.download {
    font-size: 0.7em;
  }
}
@media all and (max-width: 500px) {
  #my-songs-content #results-wrapper table th.title,
  #my-songs-content #results-wrapper table td.title,
  #my-songs-content #results-wrapper table th.artist,
  #my-songs-content #results-wrapper table td.artist {
    padding: 5px;
  }
  #my-songs-content #results-wrapper table th.download {
    width: 75px;
  }
  #my-songs-content #results-wrapper table a.download {
    height: 27px !important;
  }
  #my-songs-content #results-wrapper table a.download span {
    display: none;
  }
}
#my-songs-content #results-wrapper ol.pager {
  height: 1%;
  overflow: hidden;
  margin: 30px 0 0 0;
  text-align: center;
}
#my-songs-content #results-wrapper ol.pager li {
  display: inline-block;
  margin-left: 10px;
}
#my-songs-content #results-wrapper ol.pager li:first-child {
  margin: 0;
}
#my-songs-content #results-wrapper ol.pager li a,
#my-songs-content #results-wrapper ol.pager li span {
  display: inline-block;
  border: 1px solid #000;
  padding: 5px 9px;
  font-size: 0.8em;
  transition: background-color 0.3s;
  background: #565656;
  color: #fff;
}
#my-songs-content #results-wrapper ol.pager li a:hover,
#my-songs-content #results-wrapper ol.pager li span {
  background: #ffc82e;
  color: #000;
}
#my-songs-content #results-wrapper ol.pager li.ellipses {
  display: inline-block;
  margin: 0 -13px 0 -3px;
}
#my-songs-content #results-wrapper ol.pager li.ellipses span {
  border: 0;
  background: none;
}
@media all and (max-width: 700px) {
  #my-songs-content {
    padding: 0 5px;
  }
}

#order-content {
  max-width: 1064px;
  margin: 40px auto;
  padding: 0 20px;
}
#order-content .button {
  display: inline-block;
  margin-top: 10px;
  color: #000;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#order-content .button:hover {
  color: #fff;
}
#order-content .button .halflings {
  padding-right: 5px;
}
#order-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  margin-top: 20px;
}
#order-content h2 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.4em;
  margin-top: 20px;
}
#order-content h3 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1em;
  margin-top: 20px;
}
#order-content h3 span.mp3g {
  color: #ff8400;
}
#order-content h3 span.mp4 {
  color: #c505be;
}
#order-content div.shipped {
  margin-top: 20px;
  font-size: 0.9em;
  line-height: 1.5em;
}
#order-content div.shipped strong {
  font-family: PlutoSansMedium, sans-serif;
}
#order-content div.shipped a.button {
  margin-left: 5px;
  padding: 4px 8px;
}
#order-content div.shipped a.button span.halflings {
  padding-right: 2px;
}
#order-content table {
  width: 100%;
  background: #e3e3e3;
  margin-top: 20px;
}
#order-content table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  background: #fff;
  padding-bottom: 10px;
}
#order-content table th.track-no {
  padding-left: 5px;
}
#order-content table th.format {
  text-align: center;
  padding-left: 3px;
}
#order-content table th.track {
  padding-left: 10px;
}
#order-content table th.duration {
  text-align: center;
  padding-right: 10px;
}
#order-content table th.quantity {
  text-align: center;
}
#order-content table td {
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}
#order-content table td.track-no {
  padding-left: 5px;
}
#order-content table td.format {
  width: 68px;
  line-height: 0;
}
#order-content table td.format span {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 0.7em;
  line-height: 1;
  padding: 8px 0;
}
#order-content table td.format.mp3 span {
  background: #76bd22;
}
#order-content table td.format.cdg span {
  background: #ffc82e;
}
#order-content table td.format.mp3g span {
  background: #ff8400;
}
#order-content table td.format.dvd span, #order-content table td.format.mp4 span {
  background: #c505be;
}
#order-content table td.track, #order-content table td.title {
  padding-left: 10px;
  word-break: break-word;
}
#order-content table td.track a, #order-content table td.title a {
  color: #000;
}
#order-content table td.track a:hover, #order-content table td.title a:hover {
  color: #1cbbb4;
}
#order-content table td.artist {
  width: 25%;
}
#order-content table td.artist a {
  color: #000;
  word-break: break-word;
}
#order-content table td.artist.mp3 a:hover {
  color: #76bd22;
}
#order-content table td.artist.mp3g a:hover {
  color: #ff8400;
}
#order-content table td.artist.mp4 a:hover {
  color: #c505be;
}
#order-content table td.duration {
  text-align: center;
  width: 80px;
  padding-right: 10px;
}
#order-content table td.track-no, #order-content table td.track, #order-content table td.title, #order-content table td.artist, #order-content table td.duration, #order-content table td.album-title, #order-content table td.quantity {
  font-size: 0.9em;
  line-height: 1.3em;
  padding-top: 5px;
  padding-bottom: 5px;
}
#order-content table td.download {
  font-family: PlutoSansMedium, sans-serif;
  width: 117px;
}
#order-content table td.download a.download {
  display: block;
  width: 100%;
  font-size: 0.8em;
  font-weight: normal;
  height: 31px;
}
#order-content table td.album-title {
  padding: 40px 0 10px 0;
  background: #fff;
}
#order-content table td.album-title strong {
  font-family: PlutoSansMedium, sans-serif;
}
#order-content table td.quantity {
  text-align: center;
}
#order-content dl {
  margin-top: 20px;
  display: block;
  height: 1%;
  overflow: hidden;
}
#order-content dl dt {
  padding-bottom: 10px;
  float: left;
  clear: left;
  font-family: PlutoSansMedium, sans-serif;
  width: 300px;
}
#order-content dl dd {
  padding-bottom: 10px;
  float: left;
}

@media all and (max-width: 800px) {
  #order-content table td.track, #order-content table td.artist, #order-content table td.duration, #order-content table td.album-title {
    font-size: 0.8em;
  }
}
@media all and (max-width: 700px) {
  #order-content {
    margin-top: 20px;
  }
  #order-content h1 {
    font-size: 1.5em;
  }
  #order-content table th.format span {
    display: none;
  }
  #order-content table td.format {
    padding-left: 0;
    height: 45px;
    text-align: center;
    width: 21px;
  }
  #order-content table td.format.mp3 {
    background: #76bd22;
  }
  #order-content table td.format.cdg {
    background: #ffc82e;
  }
  #order-content table td.format.mp3g {
    background: #ff8400;
  }
  #order-content table td.format.dvd, #order-content table td.format.mp4 {
    background: #c505be;
  }
  #order-content table td.format span {
    background: none;
    padding: 0;
    transform: rotate(-90deg);
    border: 0;
    font-size: 0.5em;
    width: auto;
    margin: 0 -5px;
  }
  #order-content table td.title,
  #order-content table td.artist {
    padding-right: 5px;
    padding-left: 5px;
  }
  #order-content table th.duration,
  #order-content table td.duration {
    display: none;
  }
}
@media all and (max-width: 500px) {
  #order-content {
    padding: 0;
  }
  #order-content .button,
  #order-content h1,
  #order-content h2,
  #order-content h3 {
    margin-left: 10px;
  }
  #order-content h2 {
    font-size: 1.1em;
  }
  #order-content div.shipped {
    padding: 0 10px;
    font-size: 0.8em;
  }
  #order-content div.shipped a.button {
    display: block;
    max-width: 150px;
    margin: 10px 0 0 0;
    font-size: 0.9em;
  }
  #order-content table td.track, #order-content table td.title, #order-content table td.artist, #order-content table td.duration, #order-content table td.album-title, #order-content table td.quantity {
    font-size: 0.7em;
  }
  #order-content table td.album-title {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }
  #order-content table td.download {
    font-size: 0.8em;
    width: 80px;
    height: 45px;
  }
  #order-content table td.download a.download {
    height: 45px;
    padding-top: 17px;
  }
  #order-content table td.download a.download span.halflings {
    display: none;
  }
  #order-content dl {
    font-size: 0.9em;
    padding-left: 10px;
  }
}
@media all and (max-width: 374px) {
  #order-content table th.track-no,
  #order-content table td.track-no {
    display: none;
  }
}
#contact-content {
  max-width: 575px;
}
#contact-content div.contact-details {
  text-align: center;
  font-size: 0.9em;
  line-height: 1.3em;
}
#contact-content div.contact-details address {
  margin-bottom: 10px;
}
#contact-content div.contact-details address strong {
  display: block;
  font-family: PlutoSansMedium, sans-serif;
}
#contact-content div.contact-details a {
  color: #000;
}
#contact-content div.contact-details a:hover {
  color: #ffc82e;
}
#contact-content div.contact-details span.phone-wrapper {
  display: block;
  margin-bottom: 10px;
}
#contact-content h2 {
  font-family: PlutoSansMedium, sans-serif;
  text-align: center;
  font-size: 1.5em;
  margin-top: 20px;
}
#contact-content div.flash-message-wrapper {
  text-align: center;
}
#contact-content div.flash-message-wrapper div.flash-message {
  display: inline-block;
}
#contact-content div.flash-message-wrapper div.flash-message span.msg {
  max-width: none;
}
#contact-content #errors {
  margin-top: 20px;
}
#contact-content div.wrapper {
  max-width: 520px;
  padding-right: 55px;
  margin: 0 auto;
}
#contact-content div.wrapper label {
  width: auto;
}
#contact-content div.wrapper select {
  width: 250px;
}
#contact-content div.wrapper div.field-block,
#contact-content div.wrapper div.button-bar {
  float: right;
}
@media all and (max-width: 600px) {
  #contact-content div.wrapper {
    padding-right: 0;
  }
  #contact-content div.wrapper select {
    width: 100%;
  }
  #contact-content div.wrapper div.field-block,
  #contact-content div.wrapper div.button-bar {
    float: none;
  }
}

#free-samples-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 10px;
}
#free-samples-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
}
#free-samples-content p {
  margin-top: 20px;
  line-height: 1.3em;
}
#free-samples-content div.tracks-table-header {
  margin-top: 20px;
}
#free-samples-content table {
  width: 100%;
  background: #e3e3e3;
  margin: 5px 0 20px 0;
}
#free-samples-content table td {
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
#free-samples-content table td.sample {
  padding-left: 3px;
  width: 15px;
  font-size: 0.9em;
}
#free-samples-content table td.title, #free-samples-content table td.artist, #free-samples-content table td.genre, #free-samples-content table td.duration {
  padding: 5px;
  font-size: 0.8em;
  line-height: 1.3em;
}
#free-samples-content table td.title {
  word-break: break-word;
}
#free-samples-content table td.artist, #free-samples-content table td.genre {
  width: 30%;
  padding-right: 10px;
  word-break: break-word;
}
#free-samples-content table td.artist a, #free-samples-content table td.genre a {
  color: #000;
}
#free-samples-content table td.artist a.mp3:hover, #free-samples-content table td.genre a.mp3:hover {
  color: #76bd22;
}
#free-samples-content table td.artist a.mp3g:hover, #free-samples-content table td.genre a.mp3g:hover {
  color: #ff8400;
}
#free-samples-content table td.artist a.mp4:hover, #free-samples-content table td.genre a.mp4:hover {
  color: #c505be;
}
#free-samples-content table td.genre {
  width: 15%;
}
#free-samples-content table td.duration {
  width: 50px;
  text-align: center;
}
#free-samples-content table td.download {
  width: 100px;
}
#free-samples-content table td.download a.download {
  font-size: 0.7em;
  width: 100%;
}

@media all and (max-width: 700px) {
  #free-samples-content table td.genre {
    display: none;
  }
}
@media all and (max-width: 600px) {
  #free-samples-content table td.duration {
    display: none;
  }
}
@media all and (max-width: 500px) {
  #free-samples-content div.tracks-table-header h3 span {
    display: none;
  }
  #free-samples-content table td.title, #free-samples-content table td.artist, #free-samples-content table td.genre, #free-samples-content table td.duration {
    font-size: 0.7em;
  }
  #free-samples-content table td.download {
    width: 78px;
  }
  #free-samples-content table td.download a.download {
    font-size: 0.6em;
    padding: 8px 8px 0 8px;
    height: 25px;
  }
  #free-samples-content table td.download a.download span.halflings {
    display: none;
  }
}
#how-the-service-works-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 20px;
}
#how-the-service-works-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
  padding: 20px 0;
}
#how-the-service-works-content h2 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.5em;
  margin-top: 50px;
}
#how-the-service-works-content a {
  color: #000;
  text-decoration: underline;
  transition: 0.3s color;
}
#how-the-service-works-content a:hover {
  color: #ffc82e;
}
#how-the-service-works-content p {
  margin-top: 20px;
  line-height: 1.3em;
}
#how-the-service-works-content p strong {
  font-family: PlutoSansMedium, sans-serif;
}
#how-the-service-works-content ul {
  margin-left: 30px;
}
#how-the-service-works-content ul li {
  list-style-type: disc;
  margin-top: 10px;
}
#how-the-service-works-content ul li span {
  font-family: PlutoSansMedium, sans-serif;
}
#how-the-service-works-content div.format-box {
  margin-top: 20px;
  border: 1px solid #565656;
  border-top: 0;
  padding-bottom: 20px;
}
#how-the-service-works-content div.format-box p {
  padding: 0 20px;
  font-size: 0.9em;
}
#how-the-service-works-content dl {
  line-height: 1.3em;
}
#how-the-service-works-content dl dt {
  margin-top: 30px;
  font-style: italic;
  background: #565656;
  color: #fff;
  padding: 10px;
}
#how-the-service-works-content dl dd {
  margin-top: 10px;
  padding: 5px 10px;
}
#how-the-service-works-content dl dd p {
  margin-top: 0;
}
#how-the-service-works-content span.mp3 {
  color: #76bd22;
}
#how-the-service-works-content span.cdg {
  color: #ffc82e;
}
#how-the-service-works-content span.mp3g {
  color: #ff8400;
}
#how-the-service-works-content span.dvd,
#how-the-service-works-content span.mp4 {
  color: #c505be;
}

@media all and (max-width: 600px) {
  #how-the-service-works-content {
    padding: 0 10px;
  }
  #how-the-service-works-content h1 {
    padding: 0;
    font-size: 1.4em;
  }
  #how-the-service-works-content .tracks-table-header h3 {
    font-size: 0.8em;
  }
  #how-the-service-works-content div.format-box {
    padding-bottom: 10px;
  }
  #how-the-service-works-content div.format-box p {
    padding: 0 10px;
    font-size: 0.8em;
    margin-top: 10px;
  }
  #how-the-service-works-content p,
  #how-the-service-works-content ul,
  #how-the-service-works-content dl {
    font-size: 0.9em;
  }
  #how-the-service-works-content dl dt {
    margin-top: 20px;
  }
  #how-the-service-works-content dl dd {
    padding: 0;
  }
  #how-the-service-works-content ul {
    margin-left: 15px;
  }
  #how-the-service-works-content h2 {
    font-size: 1.2em;
    margin-top: 30px;
  }
}
#catalogue-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 20px 20px 20px;
}
#catalogue-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
}
#catalogue-content p {
  margin-top: 20px;
  font-size: 0.9em;
  line-height: 1.3em;
}
#catalogue-content ul {
  margin-top: 40px;
  width: 100%;
  height: 1%;
  overflow: hidden;
}
#catalogue-content ul li {
  width: 50%;
  float: left;
}
#catalogue-content ul li a {
  display: block;
  text-align: center;
  padding: 20px 0;
  border: 1px solid #000;
  color: #000;
  transition: color 0.3s, background 0.3s;
}
#catalogue-content ul li a:hover {
  color: #ffc82e;
  background: #000;
}
#catalogue-content ul li:first-child a {
  border-right: 0;
}

@media all and (max-width: 700px) {
  #catalogue-content ul {
    margin-top: 20px;
  }
  #catalogue-content ul li {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  #catalogue-content ul li span {
    display: block;
    margin-top: 5px;
  }
  #catalogue-content ul li:first-child a {
    border-right: 1px solid #000;
  }
}
#news-articles {
  background: #a1a1a1 url("/images/news.svg") no-repeat top -50px right -30px;
  background-size: 360px;
  padding: 30px 0;
}
@media all and (max-width: 1044px) {
  #news-articles {
    background-image: none;
  }
}
#news-articles h1 {
  margin-bottom: 50px;
  text-align: center;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 6em;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.12em;
  text-transform: uppercase;
}
@media all and (max-width: 600px) {
  #news-articles h1 {
    font-size: 5em;
    margin-bottom: 30px;
  }
}
#news-articles div.grid {
  margin: 0 auto;
  max-width: 1024px;
  text-align: center;
}
@media all and (max-width: 1044px) {
  #news-articles div.grid {
    padding: 0 10px;
  }
}
@media all and (max-width: 840px) {
  #news-articles div.grid {
    padding: 0;
  }
}
#news-articles div.grid a {
  display: inline-block;
  width: 33%;
  min-height: 125px;
  margin-bottom: 20px;
  padding: 0 10px;
  color: #fff;
}
@media all and (max-width: 1044px) {
  #news-articles div.grid a {
    width: 40%;
  }
}
@media all and (max-width: 840px) {
  #news-articles div.grid a {
    width: auto;
    display: inline-block;
    margin: 0 auto 20px auto;
  }
}
#news-articles div.grid a img {
  display: block;
  float: left;
  max-width: 125px;
}
#news-articles div.grid a div.right {
  float: left;
  width: 180px;
  padding-left: 15px;
  text-align: left;
}
@media all and (max-width: 400px) {
  #news-articles div.grid a div.right {
    width: 170px;
  }
}
#news-articles div.grid a div.right span.date {
  display: block;
  font-size: 0.8em;
}
#news-articles div.grid a div.right h2 {
  margin-top: 10px;
  font-family: PlutoSansMedium, sans-serif;
  line-height: 1.3em;
}
@media all and (max-width: 400px) {
  #news-articles div.grid a div.right h2 {
    font-size: 0.9em;
  }
}
#news-articles div.grid a:hover {
  color: #ffc82e;
}
#news-articles ol.pager {
  margin-top: 20px;
  height: 1%;
  overflow: hidden;
  text-align: center;
}
#news-articles ol.pager li {
  display: inline-block;
  margin-left: 15px;
}
#news-articles ol.pager li a,
#news-articles ol.pager li span {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #fff;
  font-size: 0.8em;
}
#news-articles ol.pager li span {
  background-color: #ffc82e;
  color: #000;
}
#news-articles ol.pager li a {
  transition: color 0.3s, background-color 0.3s;
  color: #fff;
}
#news-articles ol.pager li a:hover {
  background-color: #ffc82e;
  color: #000;
}
#news-articles ol.pager li.ellipses {
  margin: 0 -15px 0 0;
}
#news-articles ol.pager li.ellipses span {
  background-color: inherit;
  border: 0;
}

#news-article {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 20px 20px 20px;
}
#news-article div.article-content-wrapper h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 2em;
}
#news-article div.article-content-wrapper span.date {
  display: block;
  margin-top: 20px;
}
#news-article div.article-content-wrapper img {
  display: block;
  margin-top: 20px;
}
#news-article div.article-content-wrapper div.body {
  margin-top: 20px;
  font-size: 0.9em;
  line-height: 1.3em;
}
#news-article div.article-content-wrapper div.body a {
  color: #0898ea;
  text-decoration: underline;
}
#news-article div.article-content-wrapper div.body a:hover {
  color: #1cbbb4;
}

#buy-licence-content {
  max-width: 1024px;
  margin: 30px auto;
  padding: 0 20px;
  text-align: center;
}
@media all and (max-width: 500px) {
  #buy-licence-content {
    padding: 0 10px;
  }
}
#buy-licence-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.7em;
  margin-top: 20px;
}
#buy-licence-content h2 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.1em;
  margin-top: 20px;
}
#buy-licence-content h3 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.9em;
  margin-top: 20px;
}
#buy-licence-content #content-area span.preamble {
  display: block;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  margin-top: 20px;
}
#buy-licence-content #content-area ul a {
  margin-top: 10px;
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px 12px 20px;
  font-size: 1em;
  line-height: 1.3em;
  color: #000;
  transition: color 0.3s;
}
#buy-licence-content #content-area ul a span.hightlight {
  border-bottom: 1px dotted #000;
  transition: border-color 0.3s;
}
#buy-licence-content #content-area ul a:hover {
  color: #fff;
}
#buy-licence-content #content-area ul a:hover span.hightlight {
  border-color: #fff;
}
@media all and (max-width: 500px) {
  #buy-licence-content #content-area ul.types a {
    padding: 10px 5px 12px 10px;
    width: 100%;
    font-size: 0.7em;
  }
}
#buy-licence-content #content-area a.reset {
  margin-top: 10px;
  display: inline-block;
  background: #f6f6f8;
  padding: 5px 10px;
  font-size: 0.8em;
  color: #565656;
  transition: background-color 0.3s, color 0.3s;
}
#buy-licence-content #content-area a.reset span.halflings-repeat {
  top: 2px;
  margin-right: 2px;
}
#buy-licence-content #content-area a.reset:hover {
  background: #565656;
  color: #f6f6f8;
}
#buy-licence-content #content-area div.search-wrapper {
  margin: 10px auto 0 auto;
  width: 278px;
}
#buy-licence-content #content-area div.search-wrapper input {
  margin: 0;
  border: 1px solid #8e8c8d;
  padding: 5px;
  width: 250px;
  float: left;
}
#buy-licence-content #content-area div.search-wrapper button {
  margin-left: 3px;
  float: left;
  background: #ffc82e;
  width: 25px;
  height: 25px;
}
#buy-licence-content #content-area #track-matches table {
  margin: 20px auto 0 auto;
}
#buy-licence-content #content-area #track-matches table th {
  text-align: left;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.9em;
}
#buy-licence-content #content-area #track-matches table th.artist {
  padding-left: 10px;
}
#buy-licence-content #content-area #track-matches table td {
  text-align: left;
  padding-top: 5px;
}
#buy-licence-content #content-area #track-matches table td.title {
  font-size: 0.9em;
}
#buy-licence-content #content-area #track-matches table td.artist {
  font-size: 0.9em;
  padding-left: 10px;
}
#buy-licence-content #content-area #track-matches table td.select {
  padding-left: 10px;
}
#buy-licence-content #content-area #track-matches table td.select a {
  display: inline-block;
  background: #ec1507;
  padding: 5px 5px 6px 10px;
  font-size: 0.7em;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}
#buy-licence-content #content-area #track-matches table td.select a:hover {
  background: #f6f6f8;
  color: #ec1507;
}
@media all and (max-width: 500px) {
  #buy-licence-content #content-area #track-matches table {
    text-align: center;
    margin-top: 0;
  }
  #buy-licence-content #content-area #track-matches table th {
    display: none;
  }
  #buy-licence-content #content-area #track-matches table td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    border-top: 1px solid #eee;
    border-right: 1px solid #000;
    border-bottom: 0;
    border-left: 1px solid #000;
    padding: 8px 5px !important;
  }
  #buy-licence-content #content-area #track-matches table td.title {
    border-top: 1px solid #000;
    margin-top: 20px;
    font-size: 0.8em;
  }
  #buy-licence-content #content-area #track-matches table td.title:before {
    font-size: 0.9em;
    display: block;
    content: "Backing track: ";
    font-weight: bold;
    padding-bottom: 5px;
  }
  #buy-licence-content #content-area #track-matches table td.artist {
    font-size: 0.8em;
  }
  #buy-licence-content #content-area #track-matches table td.artist:before {
    font-size: 0.9em;
    display: block;
    content: "Artist: ";
    font-weight: bold;
    padding-bottom: 5px;
  }
  #buy-licence-content #content-area #track-matches table td.select {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #buy-licence-content #content-area #track-matches table td.select a {
    display: block;
    text-align: center;
  }
}
#buy-licence-content #content-area #track-matches ol.pager {
  margin-top: 20px;
  text-align: center;
}
#buy-licence-content #content-area #track-matches ol.pager li {
  display: inline-block;
}
#buy-licence-content #content-area #track-matches ol.pager a,
#buy-licence-content #content-area #track-matches ol.pager span {
  color: #000;
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #000;
  font-size: 0.8em;
  transition: background-color 0.3s;
  margin-left: 8px;
}
#buy-licence-content #content-area #track-matches ol.pager li a:hover,
#buy-licence-content #content-area #track-matches ol.pager li.page-no span {
  background: #ffc82e;
}
#buy-licence-content #content-area #track-matches ol.pager li.ellipses {
  margin: 0 -12px 0 -2px;
}
#buy-licence-content #content-area #track-matches ol.pager li.ellipses span {
  border: 0;
  margin: 0;
}
@media all and (max-width: 650px) {
  #buy-licence-content #content-area #track-matches ol.pager a,
  #buy-licence-content #content-area #track-matches ol.pager span {
    font-size: 0.7em;
  }
}
#buy-licence-content #content-area #track-matches p {
  margin-top: 15px;
  font-size: 0.9em;
  line-height: 1.2em;
}
#buy-licence-content #content-area #track-matches p.no-matches {
  font-family: PlutoSansMedium, sans-serif;
  color: #ec1507;
}
#buy-licence-content #content-area #track-matches p.contact a {
  text-decoration: underline;
  color: #000;
  transition: color 0.3s;
}
#buy-licence-content #content-area #track-matches p.contact a:hover {
  color: #ffc82e;
}
#buy-licence-content #content-area ul.licence-details {
  padding-top: 10px;
}
#buy-licence-content #content-area ul.licence-details li {
  margin-top: 5px;
  font-size: 0.9em;
  line-height: 1.3em;
  font-style: italic;
}
#buy-licence-content #content-area ul.licence-details li span.halflings-triangle-right {
  top: 2px;
}
#buy-licence-content #content-area ul.licence-details li span.track-title, #buy-licence-content #content-area ul.licence-details li span.artist {
  color: #0898ea;
}
#buy-licence-content #content-area ul.licence-details li strong {
  font-family: PlutoSansMedium, sans-serif;
}
#buy-licence-content #content-area #venue-fee {
  display: block;
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 10px 0 5px 0;
}
#buy-licence-content #content-area div.field-block {
  margin: 10px auto 0 auto;
  max-width: 370px;
}
#buy-licence-content #content-area div.field-block label {
  float: left;
  text-align: right;
  font-size: 0.9em;
  width: 170px;
  padding: 6px 10px 0 0;
}
#buy-licence-content #content-area div.field-block input,
#buy-licence-content #content-area div.field-block textarea {
  margin: 0;
  border: 1px solid #8e8c8d;
  padding: 5px;
  float: left;
}
@media all and (max-width: 390px) {
  #buy-licence-content #content-area div.field-block:not(#venue-duration-date) label {
    display: block;
    width: auto;
    float: none;
    text-align: center;
    padding: 0;
  }
  #buy-licence-content #content-area div.field-block:not(#venue-duration-date) input,
  #buy-licence-content #content-area div.field-block:not(#venue-duration-date) textarea {
    float: none;
    margin-top: 5px;
  }
  #buy-licence-content #content-area div.field-block input,
  #buy-licence-content #content-area div.field-block textarea {
    text-align: center;
  }
}
#buy-licence-content #content-area div.field-block input[type=text] {
  width: 200px;
}
#buy-licence-content #content-area div.field-block input[type=text].datepicker {
  width: 90px;
  border-radius: 0;
}
#buy-licence-content #content-area div.field-block input[type=number] {
  width: 50px;
}
#buy-licence-content #content-area div.field-block #venue_address {
  width: 200px;
  max-width: 200px;
  height: 75px;
}
#buy-licence-content #content-area div.field-block#venue-duration-date {
  max-width: 520px;
  padding-bottom: 10px;
}
#buy-licence-content #content-area div.field-block#venue-duration-date label,
#buy-licence-content #content-area div.field-block#venue-duration-date input,
#buy-licence-content #content-area div.field-block#venue-duration-date span.divider {
  float: left;
}
#buy-licence-content #content-area div.field-block#venue-duration-date label {
  width: auto;
  padding-right: 5px;
  padding-right: 5px;
}
#buy-licence-content #content-area div.field-block#venue-duration-date span.divider {
  display: inline-block;
  padding: 6px 5px 0 5px;
  font-size: 0.9em;
}
#buy-licence-content #content-area div.field-block#venue-duration-date #months_duration {
  width: 50px;
}
@media all and (max-width: 550px) {
  #buy-licence-content #content-area div.field-block#venue-duration-date {
    max-width: 300px;
  }
  #buy-licence-content #content-area div.field-block#venue-duration-date label,
  #buy-licence-content #content-area div.field-block#venue-duration-date input,
  #buy-licence-content #content-area div.field-block#venue-duration-date span.divider {
    float: none;
  }
  #buy-licence-content #content-area div.field-block#venue-duration-date #start_date {
    margin-top: 5px;
  }
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit] {
  margin-top: 10px;
  display: inline-block;
  background: #ffc82e;
  padding: 10px 15px 12px 20px;
  font-size: 1em;
  color: #000;
  transition: color 0.3s;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit]:hover {
  color: #fff;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit] span.halflings-chevron-right {
  top: 2px;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit].checkout {
  padding-left: 15px;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit].checkout span.text {
  padding-left: 5px;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit].checkout span.halflings-credit-card {
  top: 3px;
}
#buy-licence-content #content-area form:not(.track-search) button[type=submit].checkout.disabled {
  background: lightgrey;
  color: grey;
  cursor: not-allowed;
}
#buy-licence-content #content-area dl#licence-summary {
  display: block;
  margin-top: 20px;
  height: 1%;
  overflow: hidden;
}
#buy-licence-content #content-area dl#licence-summary dt {
  float: left;
  clear: left;
  width: 50%;
  padding-bottom: 10px;
  text-align: right;
  font-family: PlutoSansMedium, sans-serif;
  font-size: 0.9em;
  line-height: 1.2em;
}
#buy-licence-content #content-area dl#licence-summary dd {
  float: left;
  width: 50%;
  padding: 0 0 10px 10px;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.2em;
}
@media all and (max-width: 500px) {
  #buy-licence-content #content-area dl#licence-summary dt,
  #buy-licence-content #content-area dl#licence-summary dd {
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
#buy-licence-content #content-area div.terms-conditions-wrapper {
  display: inline-block;
  margin: 10px 0;
}
#buy-licence-content #content-area div.terms-conditions-wrapper input {
  float: left;
  margin: 2px 7px 0 0;
}
#buy-licence-content #content-area div.terms-conditions-wrapper label {
  float: left;
  font-size: 0.9em;
  line-height: 1.2em;
}
#buy-licence-content #content-area div.terms-conditions-wrapper label a.terms-conditions {
  display: inline-block;
  text-decoration: underline;
  color: #000;
  transition: color 0.3s;
}
#buy-licence-content #content-area div.terms-conditions-wrapper label a.terms-conditions:hover {
  color: #ffc82e;
}
@media all and (max-width: 374px) {
  #buy-licence-content #content-area div.terms-conditions-wrapper input {
    margin-top: 0;
  }
  #buy-licence-content #content-area div.terms-conditions-wrapper label {
    font-size: 0.75em;
  }
}
#buy-licence-content #content-area p.not-logged-in {
  margin-top: 15px;
  font-size: 0.9em;
  line-height: 1.3em;
}
#buy-licence-content #content-area p.not-logged-in a {
  text-decoration: underline;
  color: #000;
  transition: color 0.3s;
}
#buy-licence-content #content-area p.not-logged-in a:hover {
  color: #ffc82e;
}

#licence-terms-conditions-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.69);
  padding-top: 5vh;
}
#licence-terms-conditions-overlay div.wrapper {
  margin: 0 auto;
  max-width: 600px;
  max-height: 90vh;
  background: #fff;
  overflow-y: auto;
}
#licence-terms-conditions-overlay div.wrapper a.dismiss {
  display: inline-block;
  position: absolute;
  z-index: 101;
  margin: -22px 0 0 -22px;
  background: #ffc82e;
  border-radius: 50%;
  height: 43px;
  width: 43px;
  text-align: center;
}
#licence-terms-conditions-overlay div.wrapper a.dismiss .halflings {
  color: #000;
  font-size: 30px;
  margin-top: 5px;
  transition: color 0.3s;
}
#licence-terms-conditions-overlay div.wrapper a.dismiss:hover .halflings {
  color: #fff;
}
#licence-terms-conditions-overlay div.wrapper div.inner {
  padding: 20px;
}
#licence-terms-conditions-overlay div.wrapper div.inner h2 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.2em;
  text-align: center;
}
#licence-terms-conditions-overlay div.wrapper div.inner ul {
  margin-top: 15px;
  list-style: disc;
  padding-left: 16px;
}
#licence-terms-conditions-overlay div.wrapper div.inner ul li {
  margin-top: 15px;
  font-size: 0.8em;
  line-height: 1.5em;
}
#licence-terms-conditions-overlay div.wrapper div.inner ul li.highlight {
  font-family: PlutoSansMedium, sans-serif;
  color: #ec1507;
}

@media all and (max-height: 480px) {
  #licence-terms-conditions-overlay {
    padding-top: 7vh;
  }
}
@media all and (max-width: 650px) {
  #licence-terms-conditions-overlay {
    text-align: center;
  }
  #licence-terms-conditions-overlay div.wrapper {
    width: 90%;
  }
  #licence-terms-conditions-overlay div.wrapper a.dismiss {
    margin-left: -22px;
  }
  #licence-terms-conditions-overlay div.wrapper div.inner {
    text-align: left;
    padding-top: 25px;
  }
}
#licence-content {
  max-width: 1064px;
  margin: 20px auto;
  padding: 0 20px;
}
#licence-content .button {
  display: inline-block;
  margin-top: 10px;
  color: #000;
  background: #ffc82e;
  padding: 10px 15px;
  color: #000;
  transition: color 0.3s;
  font-size: 0.8em;
}
#licence-content .button:hover {
  color: #fff;
}
#licence-content .button .halflings {
  padding-right: 5px;
}
#licence-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.5em;
  margin-top: 20px;
}
#licence-content dl {
  margin-top: 20px;
  display: block;
  height: 1%;
  overflow: hidden;
}
#licence-content dl dt {
  padding-bottom: 10px;
  float: left;
  clear: left;
  font-family: PlutoSansMedium, sans-serif;
  width: 225px;
}
#licence-content dl dd {
  padding-bottom: 10px;
  float: left;
}
#licence-content dl dd a.button {
  margin: 5px 0 0 0;
  padding: 5px 8px;
  background: #ec1507;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
#licence-content dl dd a.button span {
  top: 2px;
}
#licence-content dl dd a.button:hover {
  background: #f6f6f8;
  color: #ec1507;
}
@media all and (max-width: 950px) {
  #licence-content dd {
    clear: left;
    padding-left: 20px;
  }
}
@media all and (max-width: 500px) {
  #licence-content h1 {
    font-size: 1.1em;
  }
  #licence-content dl {
    font-size: 0.8em;
  }
}

#page-not-found-content {
  max-width: 1024px;
  margin: 0 auto;
  padding: 100px 20px;
}
#page-not-found-content h1 {
  font-family: PlutoSansMedium, sans-serif;
  font-size: 1.5em;
}
#page-not-found-content p {
  margin-top: 20px;
  line-height: 1.3em;
}

/*# sourceMappingURL=site.css.map */