.browseItem img
{
    border:solid 1px #ddd;
    
}
.browseItem img:hover
{
    border:solid 1px #000;
    
  filter: grayscale(100%);
  transition: filter 0.3s ease; /* smooth effect */
}
.uc_banner img:nth-child(1)  {width: 250px;
  height: auto;
  max-width: 100%;
}
.productDescriptionTab img {max-width:100%; max-height:100%; width:auto; height:auto;}
.stockHTMLfloat > a:nth-child(1) {display:none};

/* Hide the Wall Art link in the top utility navigation */
.topNavigation ul li a[href="https://wallart.mouserack.com/"] {
  display: none;
}
.topNavigation ul li:has(a[href="https://wallart.mouserack.com/"]) {
  display: none;
}

/* Inject a Wall Art item into the category nav using a pseudo-approach.
   Since the Wall Art LI in the categories UL doesn't exist natively,
   the cleanest pure-CSS approach is to visually style the existing
   top-nav Wall Art LI so it renders alongside TRAVEL. */

/* Alternative: If you can add a duplicate Wall Art LI to the categories UL
   (right after Travel), give it a class like "wallArtCatLink" and use: */

.categories ul li.wallArtCatLink {
  display: inline-block;
}

.categories ul li.wallArtCatLink a {
  display: block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: rgb(51, 51, 51);
  text-transform: uppercase;
  padding: 0px 12px;
  text-decoration: none;
}

.categories ul li.wallArtCatLink a:hover {
  color: #007ab5; /* match the site's hover color */
}