.normtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.pricetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #26A85E;
	text-decoration: none;
}
.smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.headersub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #EEC500;
	text-decoration: none;
}
.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2A477B;
	text-decoration: none;
}
.sold {
	color: red;
	font-weight: bold;
	font-size: 16px;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
/* This class should be applied to the <div> wrapping your loop */
.artist-dropdown-scroll {
    max-height: 400px; /* Limits height so it actually scrolls */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #fff;
    scroll-behavior: smooth;
}

/* Widen the scrollbar for Chrome/Safari/Edge */
.artist-dropdown-scroll::-webkit-scrollbar {
    width: 22px; 
}
.artist-dropdown-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.artist-dropdown-scroll::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
    border: 3px solid #f1f1f1; /* Padding around the handle */
}
.artist-dropdown-scroll::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* Widen for Firefox */
.artist-dropdown-scroll {
    scrollbar-width: thick;
    scrollbar-color: #aaa #f1f1f1;
}

/* Style for the letter navigation bar */
.letter-nav {
    padding: 5px;
    border-bottom: 1px solid #eee;
    background: #f8f8f8;
    position: sticky; /* Keeps letters at the top while scrolling */
    top: 0;
    z-index: 10;
}
.letter-nav span {
    cursor: pointer;
    margin: 0 3px;
    font-weight: bold;
    color: #0066cc;
    font-size: 12px;
}
.artist-dropdown-scroll {
    max-height: 400px;
    overflow-y: scroll;
    padding: 10px;
    background: #fff;
    scroll-behavior: smooth;
    border: 1px solid #ddd;
}

/* Widen the scrollbar */
.artist-dropdown-scroll::-webkit-scrollbar { width: 25px; }
.artist-dropdown-scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.artist-dropdown-scroll::-webkit-scrollbar-thumb { 
    background: #888; 
    border: 4px solid #f1f1f1; 
    border-radius: 10px; 
}

/* Alphabet Nav Styling */
.letter-nav { padding: 8px; background: #eee; position: sticky; top: 0; z-index: 10; }
.letter-nav span { margin: 0 4px; font-weight: bold; font-family: sans-serif; font-size: 13px; }
.has-artist { color: #0066cc; cursor: pointer; text-decoration: underline; }
.no-artist { color: #ccc; cursor: default; }