html {
  overflow-y: scroll;
}
body {
  background: white;
}
body, div, p, ul, form, h1, h2, h3, th, td, table, input, select {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  color: black;
}
h1 {
  padding-top: 25px;
}
h3 {
  padding-top: 10px;
  font-size: 16px;
}
a {
  color: #e00024;  
}
.pageContainer {
  max-width: none;
  border: none;
}
.inner {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 12px;
  position: relative;
}
input[type="submit"],
input[type="button"] {
  padding: 7px 25px;
  background: #e00024;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: white;
  -webkit-appearance: none;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  opacity: 0.8;
}
input[type="submit"]:active,
input[type="button"]:active {
  opacity: 0.6;
}


/* -- Header -- */
.header {
  background: #e00024;
  padding: 20px 0px 5px;
}
.header .pageTitle {
  display: none;
}
.header .logo {
  display: block;
}
.header .cartButton {
  position: absolute;
  right: 12px;
  top: 30px;
}
.header .cartButton .count {
  color: black;
  position: absolute;
  top: 3px;
  left: 8px;
  right: 3px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

.menubar {
  background: #e00024;
  padding: 10px 0px;
  border-top: white 1px solid;
}
.menubar ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  margin: 0px;
}
.menubar li {
  display: inline-block;
}
.menubar a {
  color: white;
  font-weight: bold;
}

/* -- Search -- */
.mobileMenu {
  display: none;
}
.menuSearch {
  padding: 15px 0px 10px;
}
.menuSearch .quicksearch {
  border: #aaa 1px solid;
  border-radius: 20px;
  padding: 3px 20px;
}
.menuSearch .quicksearch input[type="text"] {
  border: none;
  width: 90%;
}
.menuSearch .quicksearch input[type="submit"] {
  float: left;
  margin-right: 10px;
  padding: 0px;
  background: transparent url(search.png) top left no-repeat;
  border: none;
  text-indent: -9999em; white-space: nowrap; overflow: hidden;
  cursor: pointer;
  width: 18px;
  height: 18px;
  display: block;
  text-transform: uppercase;
}

/* -- Content -- */
.pane {
  background: transparent;
  padding: 0px;
}
.content {
  margin: 10px 0px 0px;
  padding: 0px;
}

.offers figure {
  margin: 0px;
  text-align: center;
}
.offers .main {
  background: #fcfcfc;
}
.offers .children {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0px;
  margin: 20px 0px;
}
.offers .children .child {
  width: 200px;
  max-width: 200px;
  background: #fcfcfc;
}
.offers img {
  position: relative;
  max-width: 100%;
}
.offers a:hover {
  opacity: 0.8;
}
.offers p {
  font-size: 11px;
  padding: 10px 2px 0px;
  margin: 0px;
}
.offers label {
  font-weight: bold;
}
.offers input {
  font-size: 11px;
  max-width: 200px;
}

.categories {
  width: 230px;
  float: left;
}
.categories ul {
  list-style: none;
  margin: 0px 0px 5px;
}
.categories ul ul {
  padding-left: 20px;
}
.categories li {
  font-size: 13px;
  padding-bottom: 1px;
}
.categories a {
  color: black;
}
.categories a:hover {
  text-decoration: none;
  color: #e00024;  
}
.categories .active {
  font-weight: bold;
}

.listMain {
  padding-left: 250px;
}

.list {
  margin: 0px 0px 10px;
}
.list .flowItem {
  overflow: auto;
  border-bottom: #555 1px solid;
}
.list p {
  margin: 0px;
  padding-bottom: 3px;
}
.list .title {
  
}
.list .title a {
  color: black;
  font-weight: bold;
}
.list .title a:hover {
  text-decoration: none;
  color: #e00024;  
}
.list .author {
  margin: 0px;
  padding-bottom: 23px;
}
.list .order a {
  float: right;
  text-indent: -9999em; white-space: nowrap; overflow: hidden;
  background: transparent url(cart-add.gif) top left no-repeat;
  width: 30px;
  height: 30px;
  margin: 3px -20px 0px 30px;
  cursor: pointer;
  text-decoration: none;
}
.list .order a:hover {
  background-position: -30px 0px;
}

.pager {
  padding: 10px 0px 30px;
  text-align: right;
  line-height: 35px;
}
.pager a {
  border: #aaa 1px solid;
  border-radius: 12px;
  padding: 3px 8px;
  background: #eee;
  color: black;
}
.pager a:hover {
  color: #e00024;
  text-decoration: none;
  border: #e00024 1px solid;
}
.pager b {
  border: #e00024 1px solid;
  border-radius: 12px;
  padding: 3px 8px;
  background: white;
  color: #e00024;
}
.pager span {
  border: white 1px solid;
  border-radius: 12px;
  padding: 3px 8px;
  background: white;
  color: #555;
}

.detail {
  position: relative;
  padding-top: 10px;
}
.detail .image {
  width: 280px;
  float: left;
}
.detail .image img {
  max-width: 100%;
}
.detail .description {
  padding-left: 330px;
}
.detail .order a {
  float: right;
  text-indent: -9999em; white-space: nowrap; overflow: hidden;
  background: transparent url(cart-add.gif) top left no-repeat;
  width: 30px;
  height: 30px;
  margin: 0px 0px 0px 30px;
  cursor: pointer;
  text-decoration: none;
}
.detail .order a:hover {
  background-position: -30px 0px;
}
.detail p {
}
.detail .descHead {
  padding: 0px 0px 20px;
}
.detail .descHead .title {
  font-weight: bold;
}
.detail .descTable {
  margin: 0px 0px 20px;
}
.detail .descTable td {
  font-size: 16px;
  padding: 0px 0px 7px;
}
.detail .descTable .caption {
  font-weight: bold;
  padding-right: 15px;
}
.detail .reserved,
.detail .missing {
  margin: 0px;
}
.detail .comment {
  margin: 0px;
  padding: 0px 0px 10px;
}
.detailContext {
  padding: 10px 0px;
}
.detailBackLink {
  clear: both;
  padding: 20px 0px 20px;
}

.shipping {
  margin-bottom: 10px;
}
.shipping th,
.shipping td {
  border: #555 1px solid;
  padding: 3px 10px;
}
.shipping td {
  font-size: 16px;
}
.shipping .right {
  text-align: right;
}

.cart table {
  background: transparent;
  border-top: #555 1px solid;
  border-bottom: #555 1px solid;
  margin: 20px 0px;
}
.list thead th {
  border-bottom: #555 1px solid;
}
.cart .tfoot td {
  border-top: #555 1px solid;
}
.cart thead th {
  font-style: normal;
}
.cart thead th b {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}
.cart tbody tr.even,
.cart tbody tr.odd {
  background: transparent;
}
.hint {
  margin-top: 20px;
}

.orderProgress li {
  background: #eee;
}
.address,
.payment,
.agbOrder,
.orderHead .pane {
  background: #eee;
  padding: 5px 20px 10px;
}
.address,
.payment {
  margin: 10px 0px 20px;
}

/* -- Footer -- */
.footer {
  margin: 0px;
}
.footer .inner {
  border-top: #555 1px solid;
  padding: 10px 0px 0px;
}
.footer .media ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  margin: 0px 0px 20px;
}
.footer .media li {
  display: inline-block;
}
.footer .media a {
  color: black;
  padding: 5px 0px;
}
.footer .media li.facebook a {
  background: transparent url(social_facebook.png) center left no-repeat;
  background-size: 20px;
  padding-left: 25px;
}
.footer .media li.instagram a {
  background: transparent url(social_instagram.png) center left no-repeat;
  background-size: 20px;
  padding-left: 25px;
}

.footer .navigate {
  border: none;
  margin: 0px;
  color: #555;
}
.footer .navigate a {
  color: #555;
}
.footer .navigate a:hover {
  /*text-decoration: underline;
  color: #333;*/
  color: #e00024;
}
.footer .shopInfo {
  padding: 10px 0px;
  margin: 0px;
  background: transparent;
  color: #aaa;
  text-align: center;
}
.footer .shopInfo a {
  color: #aaa;
  text-decoration: underline;
}
.footer .shopInfo a:hover {
  color: #888;
}