@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap");
/* universal */
html
{
    background-color: #ECECEC;
}

body
{
    color: #4D4D4D;
    font-weight: 400;
    margin: 0;
    padding: 1%;
}

html *, body *, body
{
    font-family: 'Oswald', sans-serif;
}

a.nonlink
{
    border-bottom: none;
}

#panel_search_results
{
    min-height: 300px;
    overflow-y: auto;
}

fieldset
{
    border: none;
}

#finder_table .finder_brands,
#vipcopyright,
legend,
#finder_BFCAT4,
#finder_BFCAT5,
#finder_BFCAT7 option[value="BF"],
#finder_BFPTYP
{
    display: none;
}

#finder_header
{
    color: #AE1D16;
    margin: 2% 0;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

#finder_header::before
{
    content: "FIND LUXCO PRODUCTS";
}

#finder_form select,
#finder_form input
{
    margin-left: 0.5em;
}

#finder_BFCAT3,
#miles
{
    margin-right: 0.75em;
}

#finder_form
{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

#submitBtn,
#startover
{
    background-color: #AE1D16;
    color: #FFFFFF;
    font-weight: 700;
    padding: 0.3em;
    text-transform: uppercase;
}

#finder_table th, #finder_table td
{
    border-left: 1px solid #CCCCCC;
    padding: 2px 6px;
}

#finder_table th.finder_dba, #finder_table td.finder_dba
{
    border-left: none;
    padding: 2px 6px 2px 0;
}

#finder_table td.finder_dba
{
    font-weight: 700;
}

#finder_table td.finder_address,
#finder_table td.finder_phone
{
    font-size: 12px;
}

#finder_table td #btnShowMoreResults
{
    background-color: transparent;
    border: none;
    color: #AE1D16;
    font-weight: 700;
    text-transform: uppercase;
}
                        
#finder_table .finder_miles {
    background-color: transparent;
}

#finder_table th,
#finder_table th.finder_miles a
{
    color: #AE1D16;
    text-transform: uppercase;
}

#finder_table .finder_brands.finder_packages
{
    border-right: 1px solid #CCCCCC;
    display: table-cell;
    width: auto;
}

#finder_table .finder_brands
#finder_table td,
#finder_table td a,
#finder_table .finder_brands ul li,
#finder_table .finder_packages ul li
{
    color: #000000;
}

#finderMarkerLayer img
{
    filter: hue-rotate(358deg) brightness(87%) saturate(83%);
    -webkit-filter: hue-rotate(358deg) brightness(87%) saturate(83%);
}

@media only screen and (max-width: 375px)
{
    #finder_table
    {
        font-size: 12px;
        max-width: 96%;
    }
    
    #finder_table th, #finder_table td,
    #finder_table th.finder_dba, #finder_table td.finder_dba,
    #finder_table th.finder_miles
    {
        font-weight: 400;
        padding: 0;
    }
    
    .finder_dba
    {
        table-layout: fixed;
        max-width: 100px;
    }
}