﻿
.pTitle, .pPhoto, .pAvailability, .pLabels, .pSpecification, .pReadyReal,, .pPrices, .pSamples, .pResources {
    border: 1px solid #CCC;
}

.pTitle, .pAvailability, .pLabels, .pPriceSplits, .pSamples, .pResources {
    padding: 10px;
}

.pSpecification, .pReadyReal,, .pSamples, .pResources {
    margin-top: 20px;
}

    .pPriceSplits h3, .pAvailability h3, .pResources h3 {
        margin-bottom: 10px;
    }

.pPcnPtn {
    max-height: 300px;
    overflow-y: auto;
}

#cphMain_panDeliverDate {
    text-align: right;
    padding-top: 20px;
}

.ui-datepicker {
    font-size: 0.85em;
}

.wrapperPriceQty {
    text-align: right;
    padding-top: 20px;
}

div.wrapperPriceMsgs:has(span.accountMsgs:not(:empty)) {
    padding: 5px;
    font-size: 1em;
    font-weight: bold;
}

.divRight {
    position: fixed;
    top: 158px;
    z-index: 105;
}

.panPrices {
    min-width: 600px;
}

.wrapperPriceMsgs {
    font-size: 0.85em;
}

.pPriceAdd {
    padding: 20px;
}

    .pPriceAdd img.ui-datepicker-trigger {
        height: 24px;
        width: auto;
    }

    .pPriceAdd .infoIcon::after {
        font-size: 20px;
    }

label.lblQty {
    margin-bottom: 0px;
}

.pPriceQty {
    width: 80px;
    font-size: 0.8em;
    padding: 5px;
    margin-right: 20px;
}

#cphMain_lblBasketMessage {
    display: block;
    padding-top: 10px;
}

.pSamples h4, .pResources h4, .pAssociation h4 {
    padding-bottom: 10px;
}

.pSamples .wrapperSamplesQty {
    font-size: 1.5em;
    text-align: right;
}

.pSamples .samplesMsg a.lnkBtn {
    margin-top: 10px;
}

.pResources {
    background-color: #EEE;
}

.priceTable th {
    padding: .2rem .2rem;
}

.priceTable td {
    padding: .2rem .2rem;
    border-style: none;
}

.priceTable tr:hover td {
    color: white !important;
    background-color: var(--primaryHoverColour);
}

.priceTable td.specialPrice, .priceTable th.specialPrice {
    background-color: #eaeef0;
}

.pTable th {
    background-color: #FFF;
}

    .pTable td:first-child,
    .pTable th:first-child {
        padding-left: 5px;
    }

    .pTable td:last-child,
    .pTable th:last-child {
        padding-right: 5px;
    }

    .pTable td + td,
    .pTable th + th {
        text-align: right;
    }

.pTable tr:hover td {
    color: white !important;
    background-color: var(--primaryHoverColour);
}

    .pTable tr:hover td .infoIcon::after {
        color: white !important;
    }

div.row {
    margin-bottom: 20px;
}

div.wrapperResourceItem {
    display: block;
}

.pPhoto {
    position: relative;
    overflow: hidden;
}

    .pPhoto .productPhoto {
        width: 300px;
        height: 300px;
    }

    .pPhoto .disclaimer {
        clear: both;
        padding: 3px;
        font-size: 0.7em;
        border-top: 1px solid #ccc;
        text-align: center;
    }

.panReadyRealItems {
    overflow: hidden;
}

.productTile {
    width: 430px;
    display: inline-block;
}

.productTileImg {
    float: left;
}

.productTileDetails {
    margin-left: 120px;
    font-size: 0.9rem;
}

.specificationText {
    white-space: nowrap !important;
}

.pLabels {
    padding: 10px;
}

.divProductIcons {
    border: 1px solid lightgray;
    padding:.8rem;
    
}

    .divProductIcons ul {
        padding-left: 1rem !important;
        margin-bottom:0 !important;
    }
.divProductResourcesHeader {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    margin-top: .4rem;
    margin-bottom: 0;
    padding: .4rem .4rem .4rem .8rem;
}
.divProductResources {
    border: 1px solid lightgray;
    padding: .8rem;
    margin-top: 0;
}

a.favouritePartLnk i {
    color: var(--primaryBackColour);
}

    a.favouritePartLnk i.selected {
        color: yellow !important;
    }

.pSpecification .disclaimer {
    clear: both;
    padding: 10px;
    font-size: 0.7em;
    border-top: 1px solid #ccc;
    text-align: center;
}

.custPartAngPart {
    font-size: 0.7em;
    font-style: italic;
}

.leadTime-warning {
    color: #FF0000;
    font-weight: bold;
    -webkit-animation: redFlash 1s infinite; /* Safari 4+ */
    -moz-animation: redFlash 1s infinite; /* Fx 5+ */
    -o-animation: redFlash 1s infinite; /* Opera 12+ */
    animation: redFlash 1s infinite; /* IE 10+, Fx 29+ */
}

.table tr:hover td {
    color: white !important;
    background-color: var(--primaryHoverColour);
}

@media only screen and (min-width: 1200px) {
    .wrapperPriceQty {
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 1400px) {
    #ez-products, .zoomWrapper {
        border-image: none;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

    #gallery_01 {
        height: 300px;
        width: 130px;
        overflow-y: scroll;
        overflow-x: hidden;
        float: right;
    }

        #gallery_01 a {
            display: table-row;
        }
}

@media only screen and (max-width: 1400px) {
    #ez-products, .zoomWrapper {
        border-image: none;
        margin-left: auto;
        margin-right: auto;
    }

    #gallery_01 {
        height: 130px;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
    }

        #gallery_01 a {
            display: table-cell;
        }
}

@-webkit-keyframes redFlash {
    0%, 49% {
        color: #FF0000;
    }

    50%, 100% {
        color: #FFEAEA;
    }
}
