/* eBay inside Internet Explorer (js/ebay-site.js), about 2004-05. Colors and
   sizes are read off archived eBay pages of that year: Arial at 10pt, link
   blue #0000cc, the item page's lavender title bar and seller box, results
   rows in grey and white. The wordmark is type in eBay's four colors, not
   their logo file. */

.ie-view:has(> .eb-site) {
  padding: 0;
}

.eb-site {
  min-height: 100%;
  background: #fff;
  color: #000;
  font: 13px/1.3 Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: auto;
}
.eb-site a { color: #0000cc; }
.eb-site a:visited { color: #660099; }
.eb-page { padding: 0 10px; }

/* ---------- header ---------- */

.eb-header {
  display: flex;
  align-items: flex-end;
  gap: 18px;
  padding: 8px 10px 0;
  border-bottom: 3px solid #000099;
}
.eb-site .eb-logo {
  font: bold 46px/1 Helvetica, Arial, sans-serif;
  letter-spacing: -4px;
  text-decoration: none;
  padding-bottom: 4px;
}
.eb-l-e { color: #e53238; }
.eb-l-b { color: #0064d2; position: relative; top: 2px; }
.eb-l-a { color: #f5af02; position: relative; top: -2px; }
.eb-l-y { color: #86b817; }
.eb-header-right { flex: 1; }
.eb-toplinks { font-size: 11px; padding: 0 0 4px 4px; }
.eb-tabs { display: flex; }
.eb-site .eb-tab {
  padding: 3px 18px;
  border: 1px solid #000099;
  border-bottom: 0;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
.eb-site .eb-tab-on { background: #000099; color: #fff; }

.eb-crumbs { margin: 10px 0 8px; font-size: 12px; }
.eb-listed { margin-left: 30px; }

/* ---------- search ---------- */

.eb-search { display: flex; gap: 4px; align-items: center; margin: 4px 0 10px; }
.eb-search input { width: 240px; font: 13px Arial, sans-serif; }
.eb-search select, .eb-search button { font: 12px Arial, sans-serif; }

/* ---------- home ---------- */

.eb-welcome {
  margin: 12px 0;
  padding: 10px 16px;
  border-radius: 0 0 40px 0;
  background: linear-gradient(#2b56b0, #5b86d8 60%, #d6dcfe);
}
.eb-welcome-title {
  font: italic bold 26px Georgia, "Times New Roman", serif;
  color: #fff;
  text-shadow: 1px 1px 0 #001a66;
}
.eb-home { display: flex; gap: 16px; align-items: flex-start; }
.eb-home-left { width: 250px; flex: none; }
.eb-find {
  background: #ffffcc;
  border: 2px solid #f5af02;
  border-radius: 8px;
  padding: 0 8px 8px;
  margin-bottom: 12px;
}
.eb-find-head {
  margin: 0 -8px 8px;
  padding: 4px 8px;
  border-radius: 6px 6px 0 0;
  background: #ffcc33;
  color: #990000;
  font: italic bold 22px Georgia, serif;
}
.eb-find label { display: block; font-weight: bold; margin-bottom: 2px; }
.eb-find .eb-search { flex-wrap: wrap; margin: 0; }
.eb-find .eb-search input { width: 100%; }
.eb-box { border: 1px solid #9999cc; }
.eb-box-head { background: #ccccff; font-weight: bold; padding: 3px 6px; }
.eb-cats { margin: 6px 0; padding-left: 24px; }
.eb-featured { flex: 1; border: 2px solid #3366cc; border-radius: 6px; padding: 4px 8px; }
.eb-featured-head { font-weight: bold; font-size: 15px; border-bottom: 1px solid #3366cc; padding-bottom: 3px; }
.eb-featured ul { margin: 6px 0; padding-left: 18px; list-style: none; }
.eb-featured li::before { content: "\2605"; color: #f5af02; margin: 0 4px 0 -16px; }
.eb-featured li { margin: 4px 0; }

/* ---------- results ---------- */

.eb-results { display: flex; gap: 10px; align-items: flex-start; }
.eb-matching { width: 170px; flex: none; background: #ffffcc; padding: 0 0 6px; }
.eb-matching > div { padding: 2px 6px; }
.eb-site .eb-matching-head { background: #ffe684; font-weight: bold; padding: 4px 6px; }
.eb-results-main { flex: 1; min-width: 0; }
.eb-count { background: #ffffe5; padding: 6px 8px; border: 1px solid #ffe684; margin-bottom: 8px; }
.eb-list { width: 100%; border-collapse: collapse; }
.eb-list th { background: #dddddd; text-align: left; padding: 4px 6px; }
.eb-list th.eb-sorted { background: #bbbbbb; }
.eb-list td { padding: 6px; vertical-align: top; border-bottom: 1px solid #cccccc; }
.eb-list tr:nth-child(odd) td { background: #eeeeee; }
.eb-list .eb-col-num { text-align: right; white-space: nowrap; }
.eb-list .eb-col-title { width: 100%; }
.eb-thumb { width: 64px; height: 48px; background: #fff center / contain no-repeat; border: 1px solid #cccccc; }
.eb-thumb img, .eb-pic img { width: 100%; height: 100%; object-fit: contain; }
.eb-nopic { background: #f4f4f4; }
.eb-nopic::after {
  content: "No Picture";
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-size: 10px;
}

/* ---------- item ---------- */

.eb-titlebar {
  display: flex;
  align-items: baseline;
  gap: 12px;
  background: #d6dcfe;
  border-top: 3px solid #9999cc;
  padding: 3px 8px;
  font-size: 16px;
}
.eb-titlebar b { flex: 1; }
.eb-itemno { font-size: 11px; white-space: nowrap; }
.eb-item { display: flex; gap: 16px; align-items: flex-start; margin: 16px 0; }
.eb-pic { width: 160px; height: 160px; flex: none; border: 1px solid #cccccc; }
.eb-facts { flex: 1; border-collapse: collapse; font-size: 12px; }
.eb-facts th { text-align: left; font-weight: normal; padding: 3px 12px 3px 0; white-space: nowrap; width: 1%; }
.eb-facts td { padding: 3px 0; }
.eb-seller { width: 200px; flex: none; border: 1px solid #9999cc; background: #eeeef8; font-size: 11px; }
.eb-seller > div { padding: 2px 8px; }
.eb-seller .eb-seller-head { background: #ccccff; font-size: 13px; font-weight: bold; padding: 4px 8px; }
.eb-section { background: #ccccff; font-weight: bold; font-size: 14px; padding: 3px 8px; margin-top: 8px; }
.eb-desc { padding: 10px 4px 20px; font-size: 13px; }

/* Comments and the seller's audit are css/shop.css; here, only where the
   audit sits inside the seller box. */
.eb-site .eb-feedback { text-decoration: underline; }
.eb-seller .shop-says { margin: 4px 6px 6px; padding: 8px 10px; }

/* ---------- footer ---------- */

.eb-footer { padding: 20px 10px 14px; color: #666666; font: 9px Verdana, sans-serif; }
.eb-footer-rule { border-top: 1px solid #cccccc; margin-bottom: 6px; }