@charset "UTF-8";
/* Pierre-Bex */

a           { color:#770000; text-decoration: none}
a:hover     { color:#FF0000; text-decoration: underline}
a:visited   { color:#BB0000}
a:active    { color:#BB5555; text-decoration: underline}

img.thumbnail {
  border: 2px solid #770000;
}
img.thumbnail:hover {
  border-color: #FF0000;
}
img.thumbnail:visited {
  border-color: #BB0000;
}
img.thumbnail:active {
  border-color: #BB5555;
}

img         { border: 0; }

#payment-methods { margin: 1em 0 2em 3em; text-align: left; }
#payment-methods input { margin-top: 2em; }

.a12e   { font-size: 120%; color: #000000; }
.a10e   { font-size: 100%; color: #000000; }
.a08e   { font-size: 80%; color: #000000; }

.ab12e  { font-size: 120%; font-weight: bold; color: #000000; }
.ab10e  { font-size: 100%; font-weight: bold; color: #000000; }
.ab08e  { font-size: 80%; font-weight: bold; color: #000000; }

.b18e   { font-size: 180%; color: #005500; }
.b16e   { font-size: 160%; color: #005500; }
.b14e   { font-size: 140%; color: #005500; }
.b12e   { font-size: 120%; color: #005500; }
.b10e   { font-size: 100%; color: #005500; }
.b08e   { font-size: 80%; color: #005500; }

.bb18e  { font-size: 180%; font-weight: bold; color: #005500; }
.bb16e  { font-size: 160%; font-weight: bold; color: #005500; }
.bb14e  { font-size: 140%; font-weight: bold; color: #005500; }
.bb12e  { font-size: 120%; font-weight: bold; color: #005500; }
.bb10e  { font-size: 100%; font-weight: bold; color: #005500; }
.bb08e  { font-size: 80%; font-weight: bold; color: #005500; }

.c18e   { font-size: 180%; color: #990000; }
.c16e   { font-size: 160%; color: #990000; }
.c14e   { font-size: 140%; color: #990000; }
.c12e   { font-size: 120%; color: #990000; }
.c10e   { font-size: 100%; color: #990000; }
.c08e   { font-size: 80%; color: #990000; }

.cb18e  { font-size: 180%; font-weight: bold; color: #990000; }
.cb16e  { font-size: 160%; font-weight: bold; color: #990000; }
.cb14e  { font-size: 140%; font-weight: bold; color: #990000; }
.cb12e  { font-size: 120%; font-weight: bold; color: #990000; }
.cb10e  { font-size: 100%; font-weight: bold; color: #990000; }
.cb08e  { font-size: 80%; font-weight: bold; color: #990000; }

.db18e  { font-size: 180%; font-weight: bold; color: #770077; }
.db16e  { font-size: 160%; font-weight: bold; color: #770077; }
.db14e  { font-size: 140%; font-weight: bold; color: #770077; }
.db12e  { font-size: 120%; font-weight: bold; color: #770077; }
.db10e  { font-size: 100%; font-weight: bold; color: #770077; }
.db08e  { font-size: 80%; font-weight: bold; color: #770077; }

.db10es     { font-size: 100%; font-weight: bold; color: #770077; text-decoration: line-through; }

.d08e   { font-size: 80%; color: #770077}

.eb18e  { font-size: 180%; font-weight: bold; color: #FFAA00}

.fb18e  { font-size: 180%; font-weight: bold; color: #EE0000}
.fb16e  { font-size: 160%; font-weight: bold; color: #EE0000}
.fb14e  { font-size: 140%; font-weight: bold; color: #EE0000}
.fb12e  { font-size: 120%; font-weight: bold; color: #EE0000}
.fb10e  { font-size: 100%; font-weight: bold; color: #EE0000}
.fb08e  { font-size: 80%; font-weight: bold; color: #EE0000}

.doke   { font-size: 180%; font-weight: bold; color: #00BB00}
.dnoke  { font-size: 180%; font-weight: bold; color: #EE0000}
.nerr   { font-size: 100%; font-weight: bold; color: #EE0000}
.nerre  { font-size: 100%; color: #EE0000}

td      { font-family: 'arial','helvetica',sans-serif,'osaka','MS Sans Serif' }

.pmnu0 { font-size: 90%; background-color: #FFFFFF}
.pmnu1 { font-size: 90%; background-color: #FBF5E8}
.pmnum { font-size: 75%; background-color: #FBF5E8}

.pbmnu0 { font-size: 90%; font-weight: bold; background-color: #FFFFFF}
.pbmnu1 { font-size: 90%; font-weight: bold; background-color: #FBF5E8}

table.listing       { border: 1px solid #000000; background-color: #FBF5E8; }
table.listing thead     { font-weight: bold; background-color: #EA8080; }
table.listing tr.odd    { background-color: #E5DBC7; }
table.listing td    { border: none; }

#tm_li1_en a          { background-image: url(/ima/li1e.gif); }
#tm_li1_en a:hover    { background-image: url(/ima/lli1e.gif); }
#tm_li2_en a          { background-image: url(/ima/li2e.gif); }
#tm_li2_en a:hover    { background-image: url(/ima/lli2e.gif); }
#tm_li4_en a          { background-image: url(/ima/li4e.gif); }
#tm_li4_en a:hover    { background-image: url(/ima/lli4e.gif); }
#tm_li5_en a          { background-image: url(/ima/li5e.gif); }
#tm_li5_en a:hover    { background-image: url(/ima/lli5e.gif); }
#tm_li7_en a          { background-image: url(/ima/li7e.gif); }
#tm_li7_en a:hover    { background-image: url(/ima/lli7e.gif); }
#tm_li8_en a          { background-image: url(/ima/li8e.gif); }
#tm_li8_en a:hover    { background-image: url(/ima/lli8e.gif); }
#tm_li9_en a          { background-image: url(/ima/li9e.gif); }
#tm_li9_en a:hover    { background-image: url(/ima/lli9e.gif); }

#tm_li1_de a          { background-image: url(/ima/li1d.gif); }
#tm_li1_de a:hover    { background-image: url(/ima/lli1d.gif); }
#tm_li2_de a          { background-image: url(/ima/li2d.gif); }
#tm_li2_de a:hover    { background-image: url(/ima/lli2d.gif); }
#tm_li4_de a          { background-image: url(/ima/li4d.gif); }
#tm_li4_de a:hover    { background-image: url(/ima/lli4d.gif); }
#tm_li5_de a          { background-image: url(/ima/li5d.gif); }
#tm_li5_de a:hover    { background-image: url(/ima/lli5d.gif); }
#tm_li7_de a          { background-image: url(/ima/li7d.gif); }
#tm_li7_de a:hover    { background-image: url(/ima/lli7d.gif); }
#tm_li8_de a          { background-image: url(/ima/li8d.gif); }
#tm_li8_de a:hover    { background-image: url(/ima/lli8d.gif); }
#tm_li9_de a          { background-image: url(/ima/li9d.gif); }
#tm_li9_de a:hover    { background-image: url(/ima/lli9d.gif); }

#tm_li1_fr a          { background-image: url(/ima/li1f.gif); }
#tm_li1_fr a:hover    { background-image: url(/ima/lli1f.gif); }
#tm_li2_fr a          { background-image: url(/ima/li2f.gif); }
#tm_li2_fr a:hover    { background-image: url(/ima/lli2f.gif); }
#tm_li4_fr a          { background-image: url(/ima/li4f.gif); }
#tm_li4_fr a:hover    { background-image: url(/ima/lli4f.gif); }
#tm_li5_fr a          { background-image: url(/ima/li5f.gif); }
#tm_li5_fr a:hover    { background-image: url(/ima/lli5f.gif); }
#tm_li7_fr a          { background-image: url(/ima/li7f.gif); }
#tm_li7_fr a:hover    { background-image: url(/ima/lli7f.gif); }
#tm_li8_fr a          { background-image: url(/ima/li8f.gif); }
#tm_li8_fr a:hover    { background-image: url(/ima/lli8f.gif); }
#tm_li9_fr a          { background-image: url(/ima/li9f.gif); }
#tm_li9_fr a:hover    { background-image: url(/ima/lli9f.gif); }

#tm_li1_it a          { background-image: url(/ima/li1i.gif); }
#tm_li1_it a:hover    { background-image: url(/ima/lli1i.gif); }
#tm_li2_it a          { background-image: url(/ima/li2i.gif); }
#tm_li2_it a:hover    { background-image: url(/ima/lli2i.gif); }
#tm_li4_it a          { background-image: url(/ima/li4i.gif); }
#tm_li4_it a:hover    { background-image: url(/ima/lli4i.gif); }
#tm_li5_it a          { background-image: url(/ima/li5i.gif); }
#tm_li5_it a:hover    { background-image: url(/ima/lli5i.gif); }
#tm_li7_it a          { background-image: url(/ima/li7i.gif); }
#tm_li7_it a:hover    { background-image: url(/ima/lli7i.gif); }
#tm_li8_it a          { background-image: url(/ima/li8i.gif); }
#tm_li8_it a:hover    { background-image: url(/ima/lli8i.gif); }
#tm_li9_it a          { background-image: url(/ima/li9i.gif); }
#tm_li9_it a:hover    { background-image: url(/ima/lli9i.gif); }

#tm_li1_pt a          { background-image: url(/ima/li1p.gif); }
#tm_li1_pt a:hover    { background-image: url(/ima/lli1p.gif); }
#tm_li2_pt a          { background-image: url(/ima/li2p.gif); }
#tm_li2_pt a:hover    { background-image: url(/ima/lli2p.gif); }
#tm_li4_pt a          { background-image: url(/ima/li4p.gif); }
#tm_li4_pt a:hover    { background-image: url(/ima/lli4p.gif); }
#tm_li5_pt a          { background-image: url(/ima/li5p.gif); }
#tm_li5_pt a:hover    { background-image: url(/ima/lli5p.gif); }
#tm_li7_pt a          { background-image: url(/ima/li7p.gif); }
#tm_li7_pt a:hover    { background-image: url(/ima/lli7p.gif); }
#tm_li8_pt a          { background-image: url(/ima/li8p.gif); }
#tm_li8_pt a:hover    { background-image: url(/ima/lli8p.gif); }
#tm_li9_pt a          { background-image: url(/ima/li9p.gif); }
#tm_li9_pt a:hover    { background-image: url(/ima/lli9p.gif); }

#tm_li1_es a          { background-image: url(/ima/li1s.gif); }
#tm_li1_es a:hover    { background-image: url(/ima/lli1s.gif); }
#tm_li2_es a          { background-image: url(/ima/li2s.gif); }
#tm_li2_es a:hover    { background-image: url(/ima/lli2s.gif); }
#tm_li4_es a          { background-image: url(/ima/li4s.gif); }
#tm_li4_es a:hover    { background-image: url(/ima/lli4s.gif); }
#tm_li5_es a          { background-image: url(/ima/li5s.gif); }
#tm_li5_es a:hover    { background-image: url(/ima/lli5s.gif); }
#tm_li7_es a          { background-image: url(/ima/li7s.gif); }
#tm_li7_es a:hover    { background-image: url(/ima/lli7s.gif); }
#tm_li8_es a          { background-image: url(/ima/li8s.gif); }
#tm_li8_es a:hover    { background-image: url(/ima/lli8s.gif); }
#tm_li9_es a          { background-image: url(/ima/li9s.gif); }
#tm_li9_es a:hover    { background-image: url(/ima/lli9s.gif); }

#tm_li1_ja a          { background-image: url(/ima/li1j.gif); }
#tm_li1_ja a:hover    { background-image: url(/ima/lli1j.gif); }
#tm_li2_ja a          { background-image: url(/ima/li2j.gif); }
#tm_li2_ja a:hover    { background-image: url(/ima/lli2j.gif); }
#tm_li4_ja a          { background-image: url(/ima/li4j.gif); }
#tm_li4_ja a:hover    { background-image: url(/ima/lli4j.gif); }
#tm_li5_ja a          { background-image: url(/ima/li5j.gif); }
#tm_li5_ja a:hover    { background-image: url(/ima/lli5j.gif); }
#tm_li7_ja a          { background-image: url(/ima/li7j.gif); }
#tm_li7_ja a:hover    { background-image: url(/ima/lli7j.gif); }
#tm_li8_ja a          { background-image: url(/ima/li8j.gif); }
#tm_li8_ja a:hover    { background-image: url(/ima/lli8j.gif); }
#tm_li9_ja a          { background-image: url(/ima/li9j.gif); }
#tm_li9_ja a:hover    { background-image: url(/ima/lli9j.gif); }

body {
  background-image: url(/ima/lace.gif);
  margin: 0;
  font-family: 'arial','helvetica',sans-serif,'osaka','MS Sans Serif';
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 196px auto;
  grid-template-areas:
    "sidebar header"
    "sidebar main"
    "sidebar footer";
  grid-gap: 2px;
}

#page_content {
  grid-area: main;
  text-align: center;
  padding-bottom: 12px;
  max-width: 1200px;
  margin: 0 auto;
}

#page_content table {
  margin: 0 auto;
}

header {
  grid-area: header;
  text-align: center;
  padding-bottom: 20px;
}

header nav {
  border-bottom: 2px solid white;
  padding-bottom: 4px;
  margin-bottom: 2px;
}

aside.sidebar {
  grid-area: sidebar;
  background: #fbf5e8;
  border-right: 2px solid white;
}

aside.sidebar .logo {
  text-align: center;
}

aside.sidebar .languages > img {
  margin: 8px;
}

aside.sidebar .languages nav {
  margin-left: 8px;
  margin-bottom: 8px;
}

aside.sidebar .languages nav img {
  margin: 2px;
}

aside.sidebar .copyright {
  font-size: 80%;
}

footer {
  grid-area: footer;
  text-align: center;
  padding-top: 4px;
}
header ul,
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
header ul li,
footer ul li {
  display: inline;
  color: #990000;
  font-weight: bold;
}
footer ul li {
  font-size: 80%;
}
header ul li:not(:first-child):before,
footer ul li:not(:first-child):before {
  content: " | ";
  margin: 0 6px;
}

.debug,
.warning-header {
  z-index: 90;
  position: relative;
  margin: 5px;
  padding: 3px 8px 3px 8px;
  color: black;
  font-size: 10pt;
  font-weight: bold;
}
.debug {
  background-color: #88ff33;
  outline: thin solid #00ff00;
  position: fixed;
  right: 8px;
  top: 60px;
}
.warning-header {
  background-color: #ffaa33;
  outline: thin solid #ffee00;
}

.important-notice {
  background: #fbf5e8;
  border: thin solid;
  color: #990000;
  display: inline-block;
  font-size: 80%;
  font-weight: bold;
  padding: 4px;
}

.items-catalog {
  text-align: center;
}

.items-catalog .sold-out {
  opacity: 0.7;
}

.items-catalog .sold-out .ref a {
  color: #773333;
}

.items-catalog .sold-out .price {
  color: #888888;
}

.items-catalog .price {
  font-size: 80%;
}

.item-details p {
  max-width: 800px;
}

.item-details .price {
  margin-top: 40px;
  margin-bottom: 32px;
}

.back {
  text-align: left;
  margin-left: 20px;
}

h1 {
  color: #005500;
}

.notice {
  color: #770077;
  font-size: 80%;
  font-weight: bold;
}
.notice:before {
  content: url(/ima/btm.gif);
  padding-right: 5pt
}
.notice::after {
  content: url(/ima/btm.gif);
  padding-left: 5pt;
}

.items-catalog table {
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
.items-catalog table td {
  color: #005500;
  font-weight: bold;
  padding: 16px 4px;
  text-align: center;
  vertical-align: top;
}

.free-shipping {
  font-weight: bold;
  color: #770077;
}

.highslide-heading {
  font-weight: bold;
  color: #770000;
}

.highslide-caption h2 {
  color: #005500;
  display: inline-block;
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  margin-bottom: 4px;
  margin-right: 12px;
}

.highslide-caption h2 .ref {
  font-weight: normal;
}

.highslide-caption .sold-out,
.highslide-caption .add-to-cart {
  display: inline-block;
  margin-bottom: 4px;
}

.hover-fade {
  opacity: 0.8;
}
.hover-fade:hover {
  opacity: inherit;
}

.grecaptcha-badge {
  display: none;
}

fieldset {
  max-width: fit-content;
  margin: 0 auto;
  margin-bottom: 24px;
  background: #FBF5E8;
  border: 2px solid #990000;
  border-radius: 12px;
}

fieldset legend {
  font-size: 120%;
  font-weight: bold;
  color: #990000;
}

fieldset table th {
  text-align: right;
}

form.payment fieldset.pay-method > div {
  margin: 8px;
  text-align: left;
}

input[type=submit],
button[type=submit] {
  border-radius: 12px;
  padding: 8px 24px;
  background: #990000;
  color: #E5DBC7;
  font-weight: bolder;
  text-transform: capitalize;
  margin-bottom: 12px;
}

hr {
  clear: both;
}

section.limited-width {
  max-width: 600px;
  text-align: left;
}

.sitemap > section {
  float: left;
  margin-right: 16px;
  text-align: left;
}

#payment-form #cart-summary {
  width: 100%;
  button {
    background: #FBF5E8;
    border: thin solid #660;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0.5em;
    text-align: left;
    width: 100%;
    .expand-link {
      color: #00b;
      font-weight: bold;
    }
  }
  section {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    overflow: hidden;
    table {
      border: thin solid #660;
      background: #FBF5E8;
      min-height: 0;
    }
  }
  section.is-open {
    grid-template-rows: 1fr;
  }
  img.thumbnail {
    max-height: 200px;
  }
  hr {
    margin: 60px 0;
  }
}

@media screen and (min-width: 1400px) {
  .item-details {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "photo title"
      "photo details";
  }

  .item-details .photo {
    grid-area: photo;
  }

  .item-details h1 {
    grid-area: title;
  }

  .item-details > p {
    grid-area: details;
  }
}

@media screen and (max-width: 769px) {
  body {
    grid-template-columns: auto;
    grid-template-areas:
      "header"
      "main"
      "footer"
      "sidebar";
  }

  header > a > img {
    max-width: 90%;
  }

  aside.sidebar .logo,
  aside.sidebar .languages > img,
  aside.sidebar .menu {
    display: none;
  }

  aside.sidebar .languages nav {
    margin: 8px 0;
    text-align: center;
  }

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

  aside.sidebar .languages nav a {
    margin: 0 4px;
  }

  .items-catalog table td {
    display: inline-grid;
  }
  .items-catalog table td img.thumbnail {
    min-width: 140px;
  }

  .item-details .photo img {
    width: 100%;
  }
}