.table-zebra {
    width: 100%;
    margin: 1.5em 0;
    border-spacing: 0;
}

.table-zebra td,
.table-zebra th {
    padding: .25em .5em;
}

.table-zebra th {
    text-align: left;
    background-color: #888;
    color: #fff;
}

.table-zebra tbody tr:nth-child(2n) {
    background-color: #eee;
}

.equivalent-part-numbers, .product-specifications {
    border-spacing: 0;
    width: auto;
}

.equivalent-part-numbers th,
.product-specifications th,
.equivalent-part-numbers td,
.product-specifications td {
    text-align: left;
    font-weight: normal;
}

td.equivalent-part-number,
td.product-specification-value {
    font-weight: bold;
}

.sort-options-wrapper {
    text-align: right;
}

/* Make the search filter descriptions discrete units. */
.search-filter-description-item.is-clearable {
    padding: 0 .25em;
    white-space: nowrap;
    /* Make it tag-like. FIXME: Is this too coupled to a certain theme? It is pretty generic... */
    background: #eee;
    border: 1px solid #ddd;
    border-radius: .25em;
}

/* Turn the 'clear' text into an '×' by pushing the existing text out of the way and putting the '×' in a pseudo-element. */
.clear-search-filter {
    display: inline-block;
    box-sizing: border-box;
    width: .75em;
    padding-left: .75em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
    /* Some WordPress themes use a bottom border rather than an underline on links. Yuk. */
    border: none !important;
}

.clear-search-filter:before {
    display: inline-block;
    position: relative;
    left: -.75em;
    width: .75em;
    text-align: center;
    content: '×';
}

.search-results-info,
.search-results-pagination,
.vehicle-applications-info,
.vehicle-applications-pagination {
    text-align: center;
}

.pager-link {
    display: inline-block;
    padding: 0.25em 0.5em;
    background-color: #eee;
    text-decoration: none;
    color: inherit;
}

.pager-pages,
.pager-page {
    display: inline;
}

.pager-pages {
    padding: 0;
    margin: 0;
}

.pager-quicklink.disabled {
    color: #888;
}

.pager-link.current {
    color: white;
    background-color: #069;
}

.breadcrumbs {
    color: #666;
}

.breadcrumb:not(:hover):not(:focus):not(:active) {
    text-decoration: none;
}

.search-results .breadcrumbs {
    margin: 1.5em 0;
}

.breadcrumbs a {
    color: inherit;
}

.search-results .summary-product {
    margin: 1.5em 0;
    padding: 1em;
    background-color: #fff;
}

.summary-product::after {
    content: '';
    display: block;
    clear: both;
}

.summary-product-name {
    margin-top: 0 !important;
}

.image-wrapper {
    display: block;
    width: 100%;
}

.image-sizer {
    position: relative;
    outline: 1px solid #ccc;
    /* Avoid an overlap of outlines. */
    outline-offset: -1px;
    /* Create a new stacking context so we can put the image behind the outline. */
    z-index: 0;
}

.image {
    position: absolute;
    /* Put the image under its wrapper's outline. */
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-image-size=detail] {
    max-width: 192px;
}

[data-image-size=list] {
    max-width: 96px;
}

[data-image-size=thumbnail] {
    max-width: 64px;
}

[data-image-size=detail-productdetail] {
    max-width: 300px;
}

[data-image-size=thumbnail-productdetail] {
    max-width: 100px;
}

.search-results .image-wrapper, .dynamic-kit-items .image-wrapper {
    float: left;
    max-width: 96px;
    margin-right: 1em;
}

.summary-product-info {
    /* Leave room on the left for the image. */
    padding-left: 7.5em;
}

.summary-product-link:not(:hover):not(:focus):not(:active) {
    color: inherit;
    text-decoration: none;
}

.summary-product-name, .summary-product-part-number {
    font-size: inherit;
    font-weight: normal;
}

.summary-product-logo-wrapper {
    float: right;
    margin-left: 1em;
}

.summary-product-logo {
    width: 100%;
}

.summary-product-name-bit ~ .summary-product-name-bit:before {
    /* Fake a <br/> between each bit of the product title.
    Styling them with display: block made the click target too big.
    FIXME: Maybe the whole product block should be a link?
    That does prevent links inside the block though... */
    content: '\a';
    white-space: pre;
}

.summary-product-brand-name {
    font-weight: bold;
}

.summary-product-name-important {
    font-weight: bold;
    font-size: 1.5em;
}

.dynamic-kit-items .summary-product-name,
.dynamic-kit-items .summary-product-name-important,
.dynamic-kit-items .summary-product-part-number {
    font-size: inherit;
}

.full-product-thumbnails {
    /* There's an outline all around both the main image and the thumbnail images,
    but where they meet there's a double-sized border.
    Suck the thumbnail wrapper up by one pixel so the border doesn/t look weird. */
    margin-top: -1px;
}

.full-product-thumbnails::after {
    content: '';
    display: block;
    clear: both;
}

.full-product-thumbnails .image-wrapper {
    float: left;
}

.full-product-info {
    margin-top: 1.5em;
}

.vehicle-applications.has-notes li + li {
    margin-top: 1.5em;
}

.product-downloads {
    list-style: none;
}

.product-download-link:before, .product-download-link:after {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    width: 1em;
    font-family: FontAwesome;
}

.product-download-link:before {
    /* Generic 'file' icon. */
    content: '\f016';
}

.product-download-link:after {
    /* 'External link' icon. */
    content: '\f08e';
}

.product-download-label {
    font-weight: bold;
}

.product-download-pdf:before {
    content: '\f1c1';
    color: red;
}

.product-download-png:before, .product-download-jpg:before {
    content: '\f1c5';
}

.product-download-zip:before {
    content: '\f1c6';
}

.category-info {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.category-info-item-link {
    text-decoration: none;
    display: block;
}

/** JR cleaning up styles for search results **/
.automotive-products-summary .summary-product-image, .truck-products-summary .summary-product-image {
    width: 7.3em;
}

.left {
    margin: 0;
    float: left;
}


.summary-product-column {
    width: calc(100% - 7.35em);
    float: left;
}


.zebra-stripes-light tr td {
    width: 50%;
    text-align: left;
}

.zebra-stripes-light tr {
    background-color: #d2d9df;
    padding: .2em 1em;
}

.zebra-stripes-light tr:nth-child(even) {
    background-color: #fff;
}

.summary-product-column table {
    width: 100%;
}

.summary-product-column table tr td {
    padding: .2em 1em;
    border-bottom-style: none;
}

#summary-product-column-price {
    width: 100%;
    text-align: right;
}

.summary-product-column table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    text-align: right;
}

.m-left table td {
    text-align: left !important;
}

#summary-product-column-details table{
    padding:0px;
    margin:0px;
}
#summary-product-column-details table tr{
    padding:0px;
    margin:0px;
}
#summary-product-column-details table tr td {
    padding:0px 10px;
    margin:0px;
}

.summary-product-column table td {
    text-align: right;
}

.product-info-section {
    margin-bottom: 5px;
}


#vehicle-applications ul {
    max-height: 400px;
    overflow-y:scroll;
}

.product-info-section {
    margin-bottom: 5px !important;
}
#summary-product-column-details{
    width:100%;
}

/* #summary-product-column-details table tr td:last-child {
    text-align:right !important;
} */

#warranty-section h3{
    padding-top:0px;
    margin-top:10px;
}
#warranty-section{
    width:100% !important;
}

#short-description ul {
    margin:0px 0px 0px 15px;
    padding:0px;
}
.product-thumbnails img{
    margin-top:2px;
}

h4.dynamic-kit-item-title:not(:first-child) {
    margin-top:1em;
}