BODY { MARGIN: 0pt; }
TD,P,INPUT,TEXTAREA,LI,BODY{FONT-SIZE:11px; FONT-FAMILY:verdana,arial,helvetica,sans-serif;}

.debug { display:none; }

.StoreTable {  }
.StoreTable .store { background-color: #f9f9f9; color: #000000; }
.StoreTable .overpriced_store { background-color: #f9f9f9; color: #aaaaaa; }
.StoreTable .spacer { background-color: #ffffff; }

.logoLink { color:#aaaaaa; }
.logoLink A:link {color:#aaaaaa; text-decoration: none;}
.logoLink A:visited {color:#aaaaaa; text-decoration: none;}
.logoLink A:active {color:#aaaaaa; text-decoration: underline;}
.logoLink A:hover {color:#aaaaaa; text-decoration: underline;}

.logoLinkFBP { color:#666666; }
.logoLinkFBP A:link {color:#666666; text-decoration: none;}
.logoLinkFBP A:visited {color:#666666; text-decoration: none;}
.logoLinkFBP A:active {color:#666666; text-decoration: underline;}
.logoLinkFBP A:hover {color:#666666; text-decoration: underline;}

.logoBlackLink { color:#000000; }
.logoBlackLink A:link {color:#000000; text-decoration: none;}
.logoBlackLink A:visited {color:#000000; text-decoration: none;}
.logoBlackLink A:active {color:#000000; text-decoration: underline;}
.logoBlackLink A:hover {color:#000000; text-decoration: underline;}

.v2Link { color:#000000; }
.v2Link A:link {color:#000000; text-decoration: none;}
.v2Link A:visited {color:#000000; text-decoration: none;}
.v2Link A:active {color:green; text-decoration: underline;}
.v2Link A:hover {color:green; text-decoration: underline;}

.v2BlueLink { color:blue; }
.v2BlueLink A:link {color:blue; text-decoration: none;}
.v2BlueLink A:visited {color:blue; text-decoration: none;}
.v2BlueLink A:active {color:blue; text-decoration: underline;}
.v2BlueLink A:hover {color:blue; text-decoration: underline;}

.v2LinkUL { color:#000000; }
.v2LinkUL A:link {color:#000000; text-decoration: underline;}
.v2LinkUL A:visited {color:#000000; text-decoration: underline;}
.v2LinkUL A:active {color:green; text-decoration: underline;}
.v2LinkUL A:hover {color:green; text-decoration: underline;}

.v2GrayLink { color:#555555; }
.v2GrayLink A:link {color:#555555; text-decoration: none;}
.v2GrayLink A:visited {color:#555555; text-decoration: none;}
.v2GrayLink A:active {color:green; text-decoration: underline;}
.v2GrayLink A:hover {color:green; text-decoration: underline;}

.v2GrayLinkUL { color:#555555; }
.v2GrayLinkUL A:link {color:#555555; text-decoration: underline;}
.v2GrayLinkUL A:visited {color:#555555; text-decoration: underline;}
.v2GrayLinkUL A:active {color:green; text-decoration: underline;}
.v2GrayLinkUL A:hover {color:green; text-decoration: underline;}

.v2LightGrayLink { color:#888888; }
.v2LightGrayLink A:link {color:#888888; text-decoration: none;}
.v2LightGrayLink A:visited {color:#888888; text-decoration: none;}
.v2LightGrayLink A:active {color:green; text-decoration: underline;}
.v2LightGrayLink A:hover {color:green; text-decoration: underline;}

.v2LightGrayLinkUL { color:#888888; }
.v2LightGrayLinkUL A:link {color:#888888; text-decoration: underline;}
.v2LightGrayLinkUL A:visited {color:#888888; text-decoration: underline;}
.v2LightGrayLinkUL A:active {color:green; text-decoration: underline;}
.v2LightGrayLinkUL A:hover {color:green; text-decoration: underline;}

.v2WhiteLink { color:#ffffff; }
.v2WhiteLink A:link {color:#ffffff; text-decoration: none;}
.v2WhiteLink A:visited {color:#ffffff; text-decoration: none;}
.v2WhiteLink A:active {color:#ffffff; text-decoration: underline;}
.v2WhiteLink A:hover {color:#ffffff; text-decoration: underline;}

.v2WhiteLinkUL { color:#ffffff; }
.v2WhiteLinkUL A:link {color:#ffffff; text-decoration: underline;}
.v2WhiteLinkUL A:visited {color:#ffffff; text-decoration: underline;}
.v2WhiteLinkUL A:active {color:green; text-decoration: underline;}
.v2WhiteLinkUL A:hover {color:green; text-decoration: underline;}

a.multi:link {color:#000000; text-decoration: none;}
a.multi:visited {color:#000000; text-decoration: none;}
a.multi:active {color:green; text-decoration: underline;}
a.multi:hover { color:green; text-decoration: underline;}

a.multi:link .v2Link {color:#000000; text-decoration: none;}
a.multi:visited .v2Link {color:#000000; text-decoration: none;}
a.multi:active .v2Link {color:green; text-decoration: underline;}
a.multi:hover .v2Link { color:green; text-decoration: underline;}

a.multi:link .v2GrayLink {color:#555555; text-decoration: none;}
a.multi:visited .v2GrayLink {color:#555555; text-decoration: none;}
a.multi:active .v2GrayLink {color:green; text-decoration: underline;}
a.multi:hover .v2GrayLink { color:green; text-decoration: underline;}

.nav_tab A:link { color:#000000; text-decoration: none; }
.nav_tab A:visited { color:#000000; text-decoration: none; }
.nav_tab A:active { color:#000000; text-decoration: underline; }
.nav_tab A:hover { color:#000000; text-decoration: underline; }

.blackLinkStd A:link { color:#7777CC; text-decoration: underline; }
.blackLinkStd A:visited { color:#7777CC; text-decoration: underline; }
.blackLinkStd A:active { color:red; text-decoration: underline; }
.blackLinkStd A:hover { color:#7777CC; text-decoration: underline; }

.whiteLinkStd { color:#555555; }
.whiteLinkStd A:link { color:#555555; text-decoration: none; }
.whiteLinkStd A:visited { color:#555555; text-decoration: none; }
.whiteLinkStd A:active { color:#555555; text-decoration: underline; }
.whiteLinkStd A:hover { color:#555555; text-decoration: underline; }

.regularText { color: #000000; font-size:14px; }
.progressBar { border-width:1; border-style:solid; border-color:#000000; }

.off {
color: #aaaaaa;
}

.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        zoom: 1;

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}

/* ========================================
   Product Image Lightbox (dialog element)
   ======================================== */

dialog.imgDlg {
  border: none;
  background: transparent;
  padding: 0;
  max-width: 90vw;
  max-height: 90vh;
}

dialog.imgDlg::backdrop {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

dialog.imgDlg img {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
}

/* ========================================
   Mobile Responsive (max-width: 768px)
   Minimal approach: only prevent horizontal scroll.
   All other fixes are done via inline styles in HTML.
   ======================================== */

@media (max-width: 768px) {
  /* Search results */
  .search-sidebar { display: none !important; }
  .search-results { margin-left: 0 !important; border-left: none !important; }

  /* Header: stack on mobile */
  .site-header > tbody > tr, .site-header > tr { display: flex; flex-wrap: wrap; }
  .site-header > tbody > tr > td, .site-header > tr > td { display: block; width: 100% !important; }
  .site-header form { width: 100%; }
  .site-header input[type="text"] { box-sizing: border-box; font-size: 16px !important; }

  /* Price comparison: stack sidebar above results, hide controls */
  .pc-detail { display: none !important; }
  .pc-sidebar-controls { display: none !important; }
  .pc-layout > tbody > tr, .pc-layout > tr { display: flex; flex-wrap: wrap; }
  .pc-layout > tbody > tr > td, .pc-layout > tr > td { display: block; width: 100% !important; }
  .pc-sidebar { border-right: none !important; padding-right: 0 !important; text-align: center; }
  .pc-product-image { margin-bottom: 8px; }
  .pc-layout { width: 100% !important; max-width: 100% !important; }
  .StoreTable { width: 100% !important; max-width: 100% !important; }
}