/*
 * Packaging Item Page — CSS
 * -----------------------------------------------------------------
 * These rules were extracted directly from the category.css file
 * you uploaded, filtered down to ONLY the selectors that actually
 * match elements in category.html (the real item-page markup).
 * Nothing here is invented — every rule below exists verbatim in
 * your original stylesheet.
 *
 * ONE THING TO KNOW: your HTML also uses bare jQuery UI classes —
 * ui-accordion, ui-widget, ui-corner-all, ui-icon, ui-state-active,
 * ui-button, etc. Those are NOT defined anywhere in category.css.
 * They come from a separate jQuery UI theme stylesheet that your
 * site loads elsewhere (commonly something like
 * jquery-ui.min.css / jquery-ui.theme.css) which wasn't part of
 * the file you gave me. Enqueue the real one from your site if you
 * have it, or I've added a small compatible fallback further down
 * so the accordion/buttons don't look broken without it.
 */

#plp-container h1,#plp-container h2 {
    font-size: inherit;
    margin: 0;
    margin-bottom: -.83em;
    display: inline;
}

.plp-clear-float {
    clear: both;
}

#plp-container {
    width: 960px;
    margin: 0 auto;
}

.printpdf #plp-container {
    width: 100% !important;
    margin: 0 auto;
}

#plp-bread-crumb {
    float: left;
    line-height: 20px;
    padding: 8px 1%;
    width: 97.9%;
}

#plp-product-title {
    font-weight: bold;
    float: left;
    text-align: left;
    width: 100%;
}

#plp-product-title span {
    font-weight: normal;
}

#plp-page-actions {
    line-height: 35px;
    text-align: right;
    float: left;
    width: 100%;
}

#plp-page-actions a {
    position: relative;
    margin: 0 0 0 20px;
}

#plp-page-actions a img {
    position: relative;
    top: 4px;
    margin: 0 0 0 7px;
}

#plp-page-actions .plp-pdfspan {
    text-decoration: none;
}

#plp-page-actions nav {
    float: right;
    height: 20px;
    vertical-align: top;
}

.plp-description-with-image-left .plp-image-ctn {
    border: 1px solid #b3b3b3;
    float: left;
    margin: 0 48px 0 0;
    width: 200px;
    clear: left;
}

.plp-description-with-image-right .plp-product-actions-img,.plp-description-with-image-right .plp-image-ctn {
    float: right;
    margin: 0 0 0 40px;
    width: 200px;
}

.plp-description-with-image-right .plp-image-ctn {
    border: 1px solid #b3b3b3;
    clear: right;
}

.plp-descBtn-with-image-left .plp-image-ctn {
    border: 1px solid #b3b3b3;
    float: left;
    margin: 0 40px 0 0;
    width: 200px;
    clear: left;
    position: relative;
}

.plp-descBtn-with-image-right .plp-image-ctn {
    border: 1px solid #b3b3b3;
    float: right;
    margin: 0 0 0 40px;
    width: 200px;
    clear: right;
}

#plp-measurement {
    margin: 10px 0;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    float: left;
}

#plp-measurement select {
    padding: 3px;
    border: none;
}

.plp-promo h3 span.ui-icon {
    position: static;
    margin-top: -2px;
    float: right;
}

.plp-action-bar .plp-pageRange,.plp-action-bar .plp-unitOfMeasure {
    padding: 3px;
    border: none;
}

#plp-page-actions a {
    margin-top: 2px;
    height: 19px;
    line-height: 17px;
    text-decoration: underline;
}

.plp-img-sprite {
    background-repeat: no-repeat;
    background-image: url(plp-sprite.png);
}

.plp-sprite-email {
    background-position: 0 -30px;
    display: block;
    height: 20px;
    padding-left: 20px;
    text-decoration: underline;
}

.plp-sprite-print {
    background-position: 0 -70px;
    display: block;
    height: 20px;
    padding-left: 20px;
    text-decoration: underline;
}

.plp-sprite-pdf {
    background-position: 0 -50px;
    display: block;
    height: 20px;
    padding-left: 20px;
    text-decoration: underline;
}

.plp-sprite-image-zoom {
    background-position: -17px -153px;
    display: block;
    width: 21px;
    height: 21px;
}

.ui-button .ui-icon.plp-sprite-tableArrowUp {
    background-repeat: no-repeat;
    background-image: url(plp-sprite.png);
    background-position: 0 -166px;
    width: 14px;
    height: 14px;
}

.ui-button.ui-state-hover .ui-icon.plp-sprite-tableArrowUp {
    background-repeat: no-repeat;
    background-image: url(plp-sprite.png);
    background-position: 0 -166px;
    width: 14px;
    height: 14px;
}

.ui-button .ui-icon.plp-sprite-tableArrowDown {
    background-repeat: no-repeat;
    background-image: url(plp-sprite.png);
    background-position: 0 -153px;
    width: 14px;
    height: 14px;
}

.ui-button.ui-state-hover .ui-icon.plp-sprite-tableArrowDown {
    background-repeat: no-repeat;
    background-image: url(plp-sprite.png);
    background-position: 0 -153px;
    width: 14px;
    height: 14px;
}

.read-less-right,.read-more-right {
    float: right;
}

#imageCarousel {
    position: relative;
}

.plp-image-carousel {
    background-color: #ccc;
    width: 100%;
    vertical-align: middle;
}

.plp-image-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
}

.plp-image-carousel li {
    color: #999;
    text-align: center;
    background-color: #eee;
    padding: 0;
    height: 200px;
    width: 200px;
    cursor: pointer;
    display: table-cell;
    float: left;
    line-height: 3.5em;
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plp-image-carousel a.plp-sprite-image-zoom {
    margin-left: 175px;
    margin-top: 175px;
    position: absolute;
    z-index: 999;
}

.plp-image-carousel li img {
    vertical-align: middle;
    cursor: url(zoom-magnify.png),move;
}

.plp-image-carousel.responsive {
    width: auto;
    margin-left: 0;
}

.pager {
    text-align: center;
    height: 24px;
}

.pager a {
    background-position: -259px -141px;
    width: 14px;
    height: 14px;
    margin: 5px 3px;
    display: inline-block;
}

.plp-image-carousel #next {
    background-position: -268px -156px;
    width: 10px;
    height: 15px;
    display: inline-block;
    float: right;
}

.plp-image-carousel #prev {
    background-position: -260px -160px;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.pager a.selected {
    background-position: -285px -141px;
    cursor: default;
}

.pager a span {
    display: none;
}

.nodisplay {
    display: none !important;
}

.overflowvisible {
    overflow: visible !important;
}

.custom-success .ui-widget-content,.custom-success .ui-state-default {
    background-color: #aff29a !important;
    border: 1px solid #35db00 !important;
    color: #104300 !important;
    background-image: none !important;
}

.plp-page-divider {
    float: left;
    width: 100%;
    background: none;
    border-width: 0 0 1px 0;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.plp-page-spacer12 {
    float: left;
    width: 100%;
    margin: 4px 0;
}

.plp-popup-close-buttons {
    text-align: left;
    float: right;
    width: 100%;
    font-weight: normal;
}

.plp-popup-close-buttons button {
    padding: 5px;
    margin: 5px 7px;
    text-align: center;
    float: right;
    vertical-align: middle;
    font-weight: normal;
}

.dialog-message {
    width: 700px;
}

.plp-image-popup {
    width: 680px;
    float: left;
    margin: 10px 0;
    background-image: none;
}

.plp-image-gallery {
    padding: 0;
    margin: 0;
}

.plp-image-gallery .plp-image-gallery-img {
    border: 1px solid #333;
    margin: 0 auto;
    text-align: center;
    width: 420px;
}

.plp-image-gallery .plp-image-gallery-img img {
    width: 100%;
}

.plp-image-gallery .plp-image-gallery-img p {
    background-color: #ddd;
    font-size: .75em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.plp-image-gallery .plp-image-gallery-thumbs {
    margin: 20px 0 5px 0;
    text-align: center;
}

.plp-image-gallery .plp-image-gallery-thumbs a {
    text-decoration: none;
}

.plp-image-gallery .plp-image-gallery-thumbs img {
    border: 1px solid #fff;
}

.plp-image-gallery .plp-image-gallery-thumbs img.plp-selected-image {
    border: 1px solid #333;
}

.plp-image-gallery .plp-download {
    border: 3px solid #333;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: right;
    width: 200px;
}

.plp-image-gallery .ad-image img {
    cursor: url(zoom-magnify.png),move;
}

.plp-image-gallery #imageDescriptions {
    margin: 1px 19% 2%;
    width: 62%;
}

.ad-gallery {
    width: 400px;
}

.ad-gallery .ad-image-wrapper {
    height: 400px;
    border: none;
}

.ad-gallery {
    width: 860px;
}

.ad-gallery .ad-back {
    left: -30px;
    width: 25px;
    background: url(plp-sprite.png) no-repeat;
    background-position: -639px -505px;
}

.ad-gallery .ad-forward {
    right: -30px;
    width: 25px;
    background: url(plp-sprite.png) no-repeat;
    background-position: -743px -505px;
}

.ad-attribute-gallery .ad-image-wrapper {
    height: 400px;
}

.popup {
    z-index: 10001;
    width: 860px;
    margin: -40px auto 0 -450px;
    padding: 6px;
    position: fixed;
    left: 50%;
    top: 13%;
}

.plp-popup-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: -14px 0 0 -14px;
}

.plp-product-buttons {
    float: left;
    width: 100%;
}

.plp-product-buttons a {
    margin: 3px 0;
    filter: "";
}

.plp-product-buttons .plp-measure {
    margin: 0 4px 0 0;
    float: right;
    display: inline-block;
    white-space: nowrap;
}

.plp-table table tr td.left,.plp-table tr td.left {
    width: 50%;
    padding: 10px;
}

.plp-table td.plp-table-name strong,.plp-item-table td.plp-table-name strong {
    float: left;
}

.plp-table table.search-within tr th.selected {
    background-color: #b2b2b2;
}

.plp-table table.search-within tr th.selected a {
    font-weight: normal;
    text-align: center;
    background-color: #b2b2b2;
    color: #333;
    text-decoration: none;
}

.plp-table table.search-within tr td.searchbar a.plp-img-sprite,.plp-table table.search-within tr td.searchbarSelect a.plp-img-sprite {
    margin-left: 45%;
}

.footnote,.footnote ul {
    padding: 0 !important;
    margin: 6px 12px;
    list-style: none;
}

.plp-page-rfi-switchbutton a.selected {
    font-weight: bolder;
}

#plp-product-specs .group {
    padding: 4px 0;
}

#plp-product-specs .group .plp-table .plp-table-value p {
    padding: 0 10px;
}

#plp-product-specs .group div {
    margin-top: 1px;
    padding: 0;
}

#plp-product-specs span.ui-icon {
    position: static;
    margin-top: -2px;
    float: right;
}

.plp-spec-value {
    float: left;
    padding-right: 12px;
}

.plp-item-table ul {
    padding-left: 10px;
}

#plp-specs .group .plp-table:not(td>table) tr:nth-child(odd),#plp-table-tabs .plp-tab-content table:not(td>table) tr:nth-child(odd) {
    background-color: #f3f3f3;
}

#plp-table-tabs .plp-tab-content table td.plp-table-name {
    width: 50%;
    padding: 0 0 0 10px;
}

#plp-table-tabs .plp-tab-content table td.plp-table-value {
    width: 50%;
    padding: 0 10px 0 10px;
    border-left: 1px solid #fcfcfc;
}

#plp-table-tabs .plp-tab-content table td.plp-table-value p {
    padding: 0 10px;
}

#plp-item-description-with-image {
    padding: 5px 0 0 0;
    float: left;
    border: none;
}

.plp-item-description {
    background: none;
    border: none;
    margin: 5px 0 5px 0;
    padding: 10px 0 0 0;
    width: 100%;
}

.plp-item-description ul,.plp-item-description ol {
    list-style-position: inside;
    line-height: 150%;
    padding-left: 15px;
    margin-top: 0;
}

#plp-item-sidebar span.ui-icon {
    position: static;
    margin-top: -2px;
    float: right;
}

.plp-oddrow {
    background-color: #f3f3f3;
}

.plp-item-specs {
    padding: 0;
}

#plp-item-page-specs {
    float: left;
    width: 100%;
}

.plp-item-specs .group {
    padding: 4px 0;
}

.plp-item-specs .group .plp-table .plp-table-value p {
    padding: 0 10px;
    text-align: justify;
}

.plp-item-specs .plp-attr-value-img {
    text-align: center;
}

.plp-item-specs .plp-attr-value-helplabel {
    float: right;
}

.plp-item-specs span.ui-icon,.plp-additionalInfoItem h3 span.ui-icon {
    position: static;
    margin-top: -2px;
    float: right;
}

#plp-item-table-anchors {
    padding: 10px 0 0 0;
}

.plp-item-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fcfcfc;
    list-style-position: inside;
    list-style-type: none;
    overflow-x: auto;
}

.plp-item-table td.plp-table-name {
    width: 35%;
}

.plp-item-table tr td {
    padding: 10px;
}

.plp-item-specs .group .plp-table:not(td>table) tr:nth-child(odd),#plp-item-table-tabs .plp-tab-content table:not(td>table) tr:nth-child(odd) {
    background-color: #f3f3f3;
}

#plp-item-table-tabs .plp-tab-content table td.plp-table-name {
    width: 30%;
    padding: 10px;
}

#plp-item-table-tabs .plp-tab-content table td.plp-table-value {
    width: 50%;
    padding: 0 10px 0 10px;
    border-left: 1px solid #fcfcfc;
}

#plp-item-table-tabs .plp-tab-content table td.plp-table-value p {
    padding: 0 10px;
}

.plp-item-page-image-viewer-small {
    margin: 0 !important;
    width: auto !important;
}

.plp-item-page-image-viewer {
    float: left;
    margin: auto 16%;
}

.plp-item-page-image-viewer .plp-image-ctn {
    border: 1px solid #b3b3b3;
    float: left;
    margin: 0 24px 6px 0;
    width: 200px;
    clear: left;
    position: relative;
}

.plp-item-page-image-viewer #largegallery {
    margin: 0;
}

.treeview a.selected {
    background-color: #eee;
}

.fullWidth {
    width: 100%;
}

.plp-cad-settings span.ui-icon {
    position: static;
    margin-top: -2px;
    float: right;
}

.cad-scroller-horizontal .ui-widget-content {
    width: auto;
    text-align: center;
    list-style: none;
}

.cad-scroller-vertical .ui-widget-content {
    width: 120px;
    text-align: center;
    list-style: none;
}

.plp-cad-horizontal .caroufredsel_wrapper {
    left: 8px !important;
}

.clearfix {
    float: none;
    clear: both;
}

.plp-cataloglist-content .ui-button {
    width: 100%;
    margin: 3px;
}

.pcat-card .plp-page-spacer12 {
    float: none;
}

.pcat-card .ui-widget-header {
    padding: .4em 1em;
    text-align: left;
}

.pcat-card .ui-widget-content {
    padding: 1em 2em;
    text-align: right;
}

.ui-dialog div.ui-widget-content {
    margin: 0;
    border: none;
}

.pcat-form .plp-page-divider {
    margin-bottom: 1.3em;
}

.pcat-form .footnote {
    text-align: left;
}

.pcat-card .ui-widget-content address {
    text-align: left;
}

div#plp-container {
    width: 630px;
}

div#plp-container header {
    font-size: 16px;
    padding: 10px 10px;
    position: relative;
}

div#plp-container header a#cad-close {
    position: absolute;
    top: 11px;
    right: 15px;
    text-decoration: none;
}

div#plp-container header a#cad-expand {
    position: absolute;
    top: 12px;
    right: 35px;
    text-decoration: none;
}

div#plp-container div#plp-cad-emaildownload {
    border: 1px solid #d3d3d3;
    padding: 2px 0;
    width: 100%;
    float: left;
    margin: 6px auto;
    overflow-x: hidden;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav#cad-tabs {
    margin: 0 auto;
    max-width: 594px;
    padding: 0 !important;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav#cad-tabs ul {
    list-style: none;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav#cad-tabs ul li {
    height: 30px;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav#cad-tabs ul li a {
    margin: 0 5px 0 0;
    height: 30px;
    font-weight: bold;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav#cad-tabs ul li a.cad-selected {
    border-bottom-color: #fff;
    font-weight: normal;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model>article {
    margin: 0 auto;
    max-width: 664px;
    overflow: hidden;
    padding: 5px 0 5px 0;
    text-align: center;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model>article section figure {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model>article section figure div#cadviewer,div#plp-container section#plp-CAD-table-tabs section#cad-model>article section figure div#cadviewer div#WebGLViewer_container,div#plp-container section#plp-CAD-table-tabs section#cad-model>article section figure div#cadviewer>div>table {
    margin: 0 auto;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav.cad-icons {
    position: absolute;
    top: 20px;
    right: 20px;
}

div#plp-container section#plp-CAD-table-tabs section#cad-model nav.cad-icons a {
    display: block;
    margin: 15px 0;
}

div#plp-container section#plp-CAD-table-tabs div#plp-drawingunitselector {
    font-size: 11px;
    padding: 5px 0 0 0;
    position: relative;
    text-align: right;
}

div#plp-container section#plp-CAD-table-tabs div#plp-drawingunitselector input {
    margin: 0 0 0 5px;
    position: relative;
    top: 3px;
}

div#plp-container nav#cad-thumbs {
    padding: 5px 0 10px 0;
    text-align: center;
}

div#plp-container nav#cad-thumbs article {
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

div#plp-container nav#cad-thumbs article a {
    padding: 5px;
    width: 112px;
}

div#plp-container nav#cad-thumbs article a figure {
    margin: 0;
    padding: 0;
}

div#plp-container nav#cad-thumbs article a p {
    font-size: .769em;
    margin: 0;
    padding: 5px 0;
}

div#plp-container nav#cad-thumbs article a p img {
    height: 12px;
    width: 12px;
}

div#plp-container nav#cad-thumbs article a.cad-selected {
    background: #fff;
    border: 1px solid #f9f0a3;
}

div#plp-container nav#cad-thumbs article a.cad-disabled {
    cursor: default;
    opacity: .5;
}

div#plp-container section#cad-info {
    width: 100%;
    float: left;
}

div#plp-container section#cad-info p {
    margin: 0;
    padding: 20px 0 5px 0;
}

div#plp-container section#cad-info article {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

div#plp-container section#cad-info dl {
    display: table-row;
}

div#plp-container section#cad-info dt {
    display: table-cell;
    text-align: left;
}

div#plp-container section#cad-info dd {
    display: table-cell;
    text-align: left;
}

div#plp-container section#cad-info dt {
    padding: 5px 5px;
}

div#plp-container section#cad-info dd {
    padding: 5px 5px;
}

div#plp-container section#plp-CAD-table-tabs.cad-thumbs-left {
    float: right;
    width: 77%;
}

div#plp-container.cad-thumbs-left section#cad-viewer section#cad-model {
    display: table;
    width: 100%;
}

div#plp-container nav#cad-thumbs.cad-thumbs-left {
    display: table-cell;
    padding: 22px 0 0 0;
    float: left;
}

div#plp-container nav#cad-thumbs.cad-thumbs-left article {
    display: block;
}

div#plp-container section#plp-CAD-table-tabs.cad-thumbs-right {
    float: left;
    width: 77%;
}

div#plp-container.cad-thumbs-right section#cad-viewer section#cad-model {
    display: table;
    text-align: center;
    width: 100%;
}

div#plp-container nav#cad-thumbs.cad-thumbs-right {
    display: table-cell;
    padding: 22px 0 0 0;
    float: right;
}

div#plp-container nav#cad-thumbs.cad-thumbs-right article {
    display: block;
}

.progress-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.progress-button .tz-bar {
    background-color: #8d949c;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    position: absolute;
    -webkit-transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s;
    transition: width .5s,height .5s;
}

.progress-button.in-progress {
    color: transparent !important;
    pointer-events: none;
    outline: 1px solid #8d949c;
}

.progress-button.in-progress:after {
    content: attr(data-loading-percent);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    padding-top: inherit;
    color: #000 !important;
    left: 0;
}

.progress-button.progress-finished {
    color: transparent !important;
    border: none;
}

.progress-button.progress-finished:after {
    content: attr(download-completed);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    padding-top: inherit;
    color: #8d949c !important;
    left: 0;
}

.progress-button.progress-failed {
    border-color: #ff1800;
}

.progress-button.progress-failed:after {
    content: attr(download-failed);
    color: #fff !important;
    background-color: #dc3545;
}

#plp-page-actions a.progress-button.in-progress {
    color: transparent !important;
}

#plp-page-actions a.progress-button.progress-finished {
    color: transparent !important;
    width: 140px;
}



/*
 * -----------------------------------------------------------------
 * jQuery UI theme rules — from the real jquery-ui.css you uploaded
 * (custom ThemeRoller theme, font "Khand", brownish palette).
 * Filtered to only the ui-* classes actually used in category.html.
 * This REPLACES the earlier placeholder fallback — no more guessing.
 *
 * NOTE: this theme's icons (ui-icon-minus, ui-icon-plus, etc.) are
 * background-image sprites pointing to a relative "images/" folder
 * (e.g. images/ui-icons_9d855f_256x240.png) that ships alongside the
 * real jquery-ui.css file on your server. Those sprite PNGs were not
 * part of what you uploaded, so the +/- accordion icons will render
 * as blank/invisible until that images/ folder is deployed alongside
 * this CSS in WordPress (theme folder, e.g. /css/images/...).
 * -----------------------------------------------------------------
 */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-front {
	z-index: 100;
}
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
.ui-tabs {
	position: relative;
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-widget {
	font-family: "Khand", sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Khand", sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #9d855f;
}
.ui-widget-content {
	border: 1px solid #dfd4be;
	background: #ffffff;
	color: #9d855f;
}
.ui-widget-content a {
	color: #9d855f;
}
.ui-widget-header {
	border: 1px solid #ece3d1;
	background: #ece3d1;
	color: #070605;
	font-weight: bold;
}
.ui-widget-header a {
	color: #070605;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #9d855f;
	background: #9d855f;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #070200;
	background: #070200;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #ffffff;
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #dfd4be;
	background: #dfd4be;
	font-weight: normal;
	color: #9d855f;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #dfd4be;
	background-color: #9d855f;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #9d855f;
	text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)";
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_9d855f_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_070605_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_9d855f_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	-webkit-box-shadow: -8px -8px 8px #aaaaaa;
	box-shadow: -8px -8px 8px #aaaaaa;
}

/* Accordion +/- icon, drawn in CSS (no sprite image needed) */
.plp-item-specs .ui-accordion-header {
    position: relative;
    padding-right: 40px;
}
.plp-item-specs .ui-accordion-header .ui-icon {
    float: right;
    position: relative;
    width: 16px;
    height: 16px;
    background: none !important;
    margin-top: 0;
}
.plp-item-specs .ui-accordion-header .ui-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 2px;
    background: #070605;
    transform: translateY(-50%);
}
.plp-item-specs .ui-accordion-header .ui-icon-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 2px;
    height: 14px;
    background: #070605;
    transform: translateY(-50%);
}

/* Flowing multi-column layout for long value lists (matches original look) */
.plp-spec-value-columns {
    column-count: 3;
    -webkit-column-count: 3;
    column-gap: 24px;
}
.plp-spec-value-columns span {
    display: block;
    break-inside: avoid;
    margin-bottom: 4px;
}
@media (max-width: 900px) {
    .plp-spec-value-columns { column-count: 2; }
}
@media (max-width: 600px) {
    .plp-spec-value-columns { column-count: 1; }
}

/* Custom lightbox modal matching the original site's popup */
#pi-lightbox-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
}
#pi-lightbox-overlay.open { display: block; }

.pi-lightbox-modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    max-width: 92vw;
    background: #fff;
    z-index: 10001;
    box-shadow: -8px -8px 8px #aaa;
    padding: 20px;
    box-sizing: border-box;
}

.pi-lightbox-image-wrap {
    width: 100%;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #ccc;
}
.pi-lightbox-image-wrap img {
    max-width: 100%;
    max-height: 60vh;
}

.pi-lightbox-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    margin: 14px 0;
    color: #070605;
}

.pi-lightbox-thumbs-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.pi-lightbox-thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
}
.pi-lightbox-thumbs img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 2px solid transparent;
    cursor: pointer;
}
.pi-lightbox-thumbs img.selected {
    border-color: #9d855f;
}
.pi-lightbox-arrow {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #9d855f;
    padding: 0 6px;
    flex-shrink: 0;
}
.pi-lightbox-arrow:hover { color: #070200; }

.pi-lightbox-close-row {
    text-align: right;
    margin-top: 16px;
}
.pi-lightbox-close-row button {
    padding: 10px 20px;
    background: #9d855f;
    color: #fff;
    border: 1px solid #9d855f;
    cursor: pointer;
    font-weight: bold;
}
.pi-lightbox-close-row button:hover {
    background: #070200;
    border-color: #070200;
}

.read-more-right .ui-icon,
.read-less-right .ui-icon {
    background: none !important;
    width: 10px;
    height: 10px;
    position: relative;
    top: -1px;
}
.read-more-right .ui-icon-plus::before,
.read-more-right .ui-icon-plus::after,
.read-less-right .ui-icon-minus::before {
    content: "";
    position: absolute;
    background: #070605;
}
.read-more-right .ui-icon-plus::before { top: 4px; left: 0; width: 10px; height: 2px; }
.read-more-right .ui-icon-plus::after  { top: 0; left: 4px; width: 2px; height: 10px; }
.read-less-right .ui-icon-minus::before { top: 4px; left: 0; width: 10px; height: 2px; }

/* ============ Breadcrumb ============ */
#plp-bread-crumb {
    font-size: 24px !important;
    font-weight: 600;
    padding: 9px 1% 8px 11px !important;
    text-transform: uppercase;
}
#plp-bread-crumb a {
    color: #070605;
    text-decoration: none;
}
#plp-bread-crumb a:hover {
    color: #070605;
    text-decoration: underline;
}

/* ============ Title ============ */
#plp-product-title {
    padding: 0 0 2px 0;
    margin-top: 14px !important;
}
#plp-container h1 {
    color: #070605 !important;
    display: inline-block !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 27px;
    margin: 7px 0 0 2px !important;
    padding: 0 0 9px !important;
}

/* ============ Accordion headers ============ */
h3.ui-accordion-header {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-transform: uppercase;
    padding: 12px 0 7px 11px !important;
}
.plp-item-specs span.ui-icon {
    margin-right: 9px !important;
    margin-top: 0 !important;
}

/* ============ Page action links (Print/PDF/Email) ============ */
#plp-page-actions {
    padding: 9px 0 9px !important;
}
#plp-page-actions a {
    font-size: 24px !important;
    margin: 0 0 0 17px !important;
}

/* ============ Item description layout ============ */
.packaging-item-wrap .plp-item-description {
    float: left;
    width: 77%;
    margin: 0 0 0 30px !important;
}
.packaging-item-wrap .plp-item-page-image-viewer .plp-image-ctn {
    margin: 21px 26px 6px 0 !important;
}
.plp-item-description ul {
    line-height: 139% !important;
    margin-top: 20px !important;
    padding-left: 3px !important;
    list-style: none;
}

/* ============ Item table (accordion content) ============ */
.packaging-item-wrap #plp-item-table-tabs {
    border: none;
    background: #ece3d1;
}
.packaging-item-wrap .plp-item-specs {
    margin: 17px 0 0;
}
.packaging-item-wrap .plp-item-specs .ui-accordion-content {
    border-bottom: none;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
}
.packaging-item-wrap .plp-item-specs .ui-accordion-content .plp-item-table {
    background: #ece3d1 !important;
    border: 1px solid #ece3d1 !important;
}
.packaging-item-wrap .plp-item-table td {
    border-bottom: 1px solid #ece3d1 !important;
    vertical-align: top;
}
.packaging-item-wrap .plp-oddrow {
    background-color: transparent !important;
}
.plp-table td.plp-table-name strong,
.plp-item-table td.plp-table-name strong {
    float: left;
    font-weight: 600 !important;
}

/* ============ Read more/less ============ */
.read-more-right a, .read-less-right a {
    font-family: Khand;
    font-size: 24px;
    text-transform: capitalize;
    font-style: normal;
    color: #070605 !important;
    text-decoration: underline !important;
}
.read-less-right a { color: #070605 !important; }
.read-more-right a:hover, .read-less-right a:hover {
    color: #b6a587 !important;
    text-decoration: none !important;
}

/* ============ Item table anchors (tab links) ============ */
#plp-item-table-anchors {
    padding: 10px 0 6px !important;
    color: #070605 !important;
    font-size: 20px !important;
}
#plp-item-table-anchors a {
    font-size: 20px !important;
    margin: 0 7px 0 0 !important;
    color: #070605 !important;
    text-decoration: underline !important;
}
#plp-item-table-anchors a:hover {
    color: #b6a587 !important;
    text-decoration: none !important;
}

div#plp-container {
    font-size: 24px !important;
}

#plp-list-description {
    list-style: none;
    margin: 0;
    padding: 0;
}
#plp-list-description li {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #dfd4be;
}
.plp-list-thumb-left {
    flex-shrink: 0;
    width: 150px;
}
.plp-list-thumb-left img {
    width: 100%;
    height: auto;
    display: block;
}
.plp-list-info-right {
    flex: 1;
}
.plp-list-name a {
    font-size: 1.3em;
    font-weight: 600;
    color: #070605;
    text-decoration: underline;
}
.plp-list-name a:hover {
    color: #b6a587;
    text-decoration: none;
}
.plp-description {
    margin-top: 8px;
    line-height: 1.5;
}