body {
  background: #ffd;
}
body, div, p, ul, form, h1, h2, h3, th, td, table, input, select, textarea {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12pt;
  color: black;
}
.pageContainer {
  max-width: none;
  border: none;
}


/* -- Header -- */
.header {
  height: 80px;
  background: transparent url(banner.png) left bottom repeat-x;
  margin: 0px;
  padding: 13px 0px 0px;
}
.header .pageTitle {
  display: none;
}
.header .logo {
  height: 70px;  
  display: block;
  padding: 0px 0px 0px 10px;
}
.header .headaddress {
  position: absolute;
  left: 180px;
  top: 8px;
  font-size: 10pt;
}
.header .socionet {
  position: absolute;
  left: 580px;
  top: 13px;
  width: 400px;
  height: 30px;
  font-size: 10pt;
}
.shariff ul {
  justify-content: flex-end;
}


/* -- Navigation -- */
.navigation {
  float: left;
  width: 141px;
  margin: 0px 0px 0px 10px;
  padding: 13px 5px 20px 10px;
}
.navigation * {
  font-size: 10pt;
}
.navigation ul {
  list-style: none outside;
  margin: 0px 0px 10px 0px;
}
.navigation li {
  border: #997 1px solid;
  text-align: center;
  margin: 0px 0px 8px;
  padding: 2px 0px;
}
.navigation li.active {
  background: #eeb;
}
.navigation li a {
  display: block;
}
.quicksearch {
  margin-bottom: 10px;
  margin-right: -10px;
  font-weight: bold;
}
.quicksearch input.terms {
  width: 105px;
}
.quicksearch input[type="submit"],
.quicksearch input[type="button"] {
  padding: 1px 0px 0px;
  font-size: 9pt;
}
.navigation .socialMedia {
  text-align: center;
}
.navigation .socialMedia a {
  padding: 0px 2px;
}
.navigation .socialMedia svg:hover path {
  fill: black;
}


/* -- Content -- */
.content {
  margin: 0px 0px 0px 180px;
  padding: 10px 10px 0px 0px;
  max-width: 800px;
}
.newarrivals {
  width: 300px;
  float: right;
  margin: 19px -315px 0px 0px;
  padding: 0px;
}
.newarrivals p {
  margin-bottom: 5px;
}
h1, h2 {
  font-size: 12pt;
  font-weight: bold;
  padding: 0px;
  margin: 12pt 0px 12pt;
}
h1 {
  margin-top: 6px;
}
h3 {
  font-variant: small-caps;
}
p, dd {
  margin: 0px 0px 12pt;
}
p.intro {
  text-align: justify;
  padding-right: 2px;
}
ul {
  list-style: square outside;
}
.pane {
  margin: 12px 0px;
}
.pane,
.recommendations .item,
.featured .items .item {
  background: #eeb;
  border: #997 1px solid;
}

.indexSearch .label,
.constraints .label {
  font-weight: bold;
}
.constraintsImage {
  background: #eeb url(search.gif) 100% 20px no-repeat;
}
.category,
.keywords {
  background: #eeb;
  min-height: 180px;
}
.category p,
.keywords p,
.alphabet {
  font-size: 16px;
}

.list table {
  background: #eeb;
  border: #997 1px solid;
}
.list thead th {
  border-bottom: #997 1px solid;
}
.list .flowItem {
  background: #eeb;
  border: #997 1px solid;
  margin-bottom: 10px;
}
.list .tfoot td {
  border-top: #997 1px solid;
}
.list .tfoot td div {
  font-size: 14px;
}
.list .highlight1,
.list .highlight2,
.list .highlight3 {
  background: yellow;
}

.detail td .comment {
  font-size: 17px;
}
.detail td .price {
  font-size: 20px;
}

.pager .jump {
  width: 200px;
}

.cart select {
  font-size: 10pt;
}

.deliveryAddress {
  background: #eeb url(address.gif) right 20px no-repeat;
}
.payment {
  background: #eeb;
}

.orderProgress li {
  background: #eeb;
  border: #997 1px solid;
}
.orderProgress .state span {
  font-size: 35px;
  line-height: 25px;
  vertical-align: bottom;
}
.orderProgress .stateActive span {
  font-size: 70px;
}

.orderHead .payment {
  background-image: none;
}

.hint {
  text-align: center;
}
ul.error {
  font-size: 16px;
  margin: 12px 0px;
}

.recommendations {
  left: 990px;
  top: 75px;
}
.recommendations .item p {
  font-size: 12px;
}
.featured {
  display: block;
  margin: 10px 0px;
}
.featured h2 {
  border: none;
}
.featured .items {
  display: flex;
  align-items: stretch;
}
.featured .items .item {
  display: block; 
  width: auto;
  flex-basis: 20%;
}
.featured .items .item img {
  font-size: 1px;
  float: none;
}
.featured .items .item p {
  font-size: 13px;
}
.featured .items .item:hover {
  background: #eeb;
}
.featured .items .item a:hover,
.featured .items .item a:hover p {
  color: blue;
}

.category,
.keywords {
  column-count: 2;
}
.category p,
.keywords p {
  padding: 2px;
}

.submitCart, .submitOrder {
  font-size: 18px;
}

/* -- Pages -- */
hr {
  border: none;
  height: 1px;
  border-bottom: black 1px solid;
  margin: 24px 0px 10px;
}
.indexLogo {
  display: none;
}
.indexSearch .pane {
  background: transparent;
  border: none;
  margin: 0px;
  padding: 5px 0px;
}
.indexSearch .label {
  width: 112px;
}
.indexSearch .constraints input[type="text"],
.indexSearch .constraints select {
  font-size: 15px;
}
.indexSearch .indexBorderTop {
  border-top: #997 1px solid;
  margin: 9pt 0px 3pt;
  padding-top: 6pt;
}
.indexSearch .command td {
  padding: 0px;
}


.lageplan .map {
  /*padding: 11px;
  border: solid 1px white;*/
  padding-bottom: 10px;
  max-width: 950px;
  height: 460px;
  margin: 0px auto;
}
.lageplan .map .ol-attribution {
  line-height: 12px;
}
.lageplan .map .ol-attribution li {
  font-family: sans-serif;
  font-size: 10px;
  line-height: 12px;
}
.lageplan .marker {
  width: 20px;
  height: 20px;
  border: 4px solid blue;
  border-radius: 20px;
  background-color: white;
  opacity: 0.4;
}

.serviceTable {
  margin: 0px 0px 12pt;
}
.serviceTable th,
.serviceTable td {
  padding: 5px 20px 5px 0px;
  vertical-align: top;
}
.serviceTable .label {
  white-space: nowrap;
}
.exBanner {
  margin: 12pt 0px;
}
.partnerLinks textarea {
  font-family: monospace;
  font-size: 10pt;
  width: 85%;
}

.contact .options {
  padding-bottom: 12pt
}
.contact .options p {
  text-indent: -23px;
  padding: 0px 0px 0px 23px;
  margin: 0px;
}
.contact .contactMessage {
  margin: 12pt 0px;
}

.newsletter {
  margin: 12px 0px;
}
.newsletter .pane {
  background: transparent;
  border: none;
  padding: 0px;
}
.newsletter .pane table {
  margin-bottom: 12px;
}
.newsletter .intgeb {
  column-count: 2;
  background: #eeb;
  border: #997 1px solid;
  margin: 12px 0px;
  padding: 5px 10px;
}
.newsletter .intgeb p {
  margin: 0px;
  padding: 2px;
}
.newsletter .intgeb .intother {
  margin-top: 10px;
}

.privacy p {
  text-align: left;
}


/* -- Footer -- */
.footer  {
  margin: 30px 0px 0px 180px;
  padding: 0px 10px 0px 0px;
  max-width: 800px;
}
.footer .navigate {
  border: none;
  margin: 0px 0px 10px;
  font-size: 12px;
}
.footer .shopInfo {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  color: #997;
  /*border-top: #997 1px solid;*/
  background: none;
}
.footer .shopInfo a {
  color: #664;
}

.internal .list table,
.internal .list tr td.tasks {
  background: #eeb;
}
.internal .list th,
.internal .list td {
  border: #997 1px solid;
}

.internal .entity .content {
  background: #eeb;
  border: #997 1px solid;
}

.internal .newarrivals_admin {
  column-count: 2;
}
.internal .newarrivals_admin p {
  margin: 0px;
  padding: 2px;
}
.internal .newarrivals_admin .entryCount {
  color: #666;
}