﻿.tax-product_brand .brand-description {
    overflow: hidden;
    zoom: 1
}

    .tax-product_brand .brand-description img.brand-thumbnail {
        width: 25%;
        float: right
    }

    .tax-product_brand .brand-description .text {
        width: 72%;
        float: left
    }

.widget_brand_description img {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0 0 1em
}

ul.brand-thumbnails {
    margin-left: 0;
    margin-bottom: 0;
    clear: both;
    list-style: none
}

    ul.brand-thumbnails:before {
        clear: both;
        content: "";
        display: table
    }

    ul.brand-thumbnails:after {
        clear: both;
        content: "";
        display: table
    }

    ul.brand-thumbnails li {
        float: left;
        margin: 0 3.8% 1em 0;
        padding: 0;
        position: relative;
        width: 22.05%
    }

    ul.brand-thumbnails.fluid-columns li {
        width: auto
    }

    ul.brand-thumbnails:not(.fluid-columns) li.first {
        clear: both
    }

    ul.brand-thumbnails:not(.fluid-columns) li.last {
        margin-right: 0
    }

    ul.brand-thumbnails.columns-1 li {
        width: 100%;
        margin-right: 0
    }

    ul.brand-thumbnails.columns-2 li {
        width: 48%
    }

    ul.brand-thumbnails.columns-3 li {
        width: 30.75%
    }

    ul.brand-thumbnails.columns-5 li {
        width: 16.95%
    }

    ul.brand-thumbnails.columns-6 li {
        width: 13.5%
    }

.brand-thumbnails li img {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0
}

@media screen and (max-width:768px) {
    ul.brand-thumbnails:not(.fluid-columns) li {
        width: 48% !important
    }

        ul.brand-thumbnails:not(.fluid-columns) li.first {
            clear: none
        }

        ul.brand-thumbnails:not(.fluid-columns) li.last {
            margin-right: 3.8%
        }

        ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd) {
            clear: both
        }

        ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even) {
            margin-right: 0
        }
}

.brand-thumbnails-description li {
    text-align: center
}

    .brand-thumbnails-description li .term-thumbnail img {
        display: inline
    }

    .brand-thumbnails-description li .term-description {
        margin-top: 1em;
        text-align: left
    }

#brands_a_z h3:target {
    text-decoration: underline
}

ul.brands_index {
    list-style: none outside;
    overflow: hidden;
    zoom: 1
}

    ul.brands_index li {
        float: left;
        margin: 0 2px 2px 0
    }

        ul.brands_index li a, ul.brands_index li span {
            border: 1px solid #ccc;
            padding: 6px;
            line-height: 1em;
            float: left;
            text-decoration: none
        }

        ul.brands_index li span {
            border-color: #eee;
            color: #ddd
        }

        ul.brands_index li a:hover {
            border-width: 2px;
            padding: 5px;
            text-decoration: none
        }

        ul.brands_index li a.active {
            border-width: 2px;
            padding: 5px
        }

div#brands_a_z a.top {
    border: 1px solid #ccc;
    padding: 4px;
    line-height: 1em;
    float: right;
    text-decoration: none;
    font-size: .8em
}
