.refineList.diagramCategories{padding:0;display:grid;grid-template-columns:repeat(6,minmax(14%,16%));margin:40px 0;grid-gap:10px;list-style:none}.refineList.diagramCategories li a{padding:20px 0 0}.refineList.diagramCategories li h5{padding:10px;margin:0;color:var(--site-mid-grey);font-weight:500;border-top:1px solid var(--site-border)}.refineList.diagramCategories li.active h5{color:var(--d911-teal)}.refineList.diagramCategories li .imgbox{filter:grayscale(0%) contrast(110%)}.refineList.diagramCategories li .imgbox{max-width:100px;padding:0}#diagram #container{overflow:initial}#diagram #mainContent{display:block;padding:50px 0 50px 20px}#diagram .diagramSearch{display:flex;flex-wrap:wrap;align-items:center}#diagram .diagramSearch h4{padding-right:20px;width:40%;margin:0}#diagram .diagramSearch input{max-width:30%}#diagram .categoriesSmall .refineList{grid-template-columns:repeat(10,minmax(8%,10%))}#diagram .categoriesSmall .refineList li a{padding:10px 0 0}.refineList.diagramCategories li .imgbox,#diagram .categoriesSmall .refineList li .imgbox{max-width:70%;padding:0;min-width:initial;min-height:68px;margin:0 auto}#diagramLists{display:block;padding:50px 0}.refineList.diagramCategories li h5,#diagram .categoriesSmall .refineList li h5{font-size:.685rem;line-height:.744rem;margin:5px 0 0;padding:10px 5px}#diagramCategoriesLists #categoryTitle{display:none}.diagram-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center}.diagram-item{text-align:center}.diagramList{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(14%,16%));grid-gap:20px 10px;min-width:100%;margin:20px 0 40px}#diagram .diagramList{grid-template-columns:repeat(6,minmax(14%,16%));grid-gap:20px 10px}.diagramList li{margin:0;width:100%;background:#fff;border:1px solid var(--site-border);position:relative;padding:0 0 30px;border-radius:4px}.diagramList li a{display:block;text-align:center;padding:20px 0 1px}.diagramList li a img{display:block;margin:0 auto;width:80%;height:140px;object-fit:contain}.diagramList li a span{display:inline-block;padding:4px 10px;background-color:#06875b;color:#fff;font-weight:500;position:absolute;bottom:0;right:0;left:0;margin:0 auto;width:100px}.diagramList li .diagram-title{padding:15px 10px 10px;display:block;border-top:1px solid var(--site-border);margin:10px 0 0;text-transform:uppercase;font-size:.86rem;font-weight:500;color:var(--site-grey);line-height:.96rem}.diagramList li p.diagram-title{text-transform:uppercase;font-size:12px;line-height:16px}.diagramList li .imgHolder{padding:10px}#diagramsTitle{border-bottom:1px solid var(--site-border);padding-bottom:10px;margin:50px 0 0}#diagramWrapper{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0;margin:0}#diagramWrapper>.imgDiagMapHolder{width:549px;display:block;position:sticky;top:120px;padding:0;height:auto;margin:0}#diagramWrapper>#partsList{width:calc(100% - 554px);display:block;margin:40px 0 0 0}#diagramWrapper>.otherDiagrams{width:100%;padding:50px 0}.imgDiagMapHolder .imgHolder{border:1px solid var(--site-border);position:sticky;z-index:1;border-radius:4px;padding:40px 0 20px;background:#fff;height:auto;width:100%;top:160px}.imgDiagMapHolder .imgHolder>div{max-width:100%}.imgDiagMapHolder p{display:inline-flex;width:100%;padding:9px 0;margin:0}.imgDiagMapHolder span{display:inline-block;padding:4px 10px;background-color:#06875b;color:#fff;font-weight:500;position:absolute;top:10px;left:0;margin:0 auto;width:100px;text-align:center;height:25px}#diagramWrapper #diagramImage{max-height:100%;display:block;margin:0 auto}.parts-table-header th{padding:8px;border-bottom:1px solid var(--site-border);background-color:#f3f3f3}.parts-table-row td{padding:8px;border-bottom:1px solid var(--site-border)}#parts-table thead{display:table;width:100%;table-layout:fixed}#parts-table tbody{display:block;height:692px;overflow-y:auto;width:100%;position:relative}#parts-table{width:100%;border-collapse:collapse;background:#fff}.parts-table-header{background:rgba(214,209,209,.25);line-height:25px;color:#1634a6;position:sticky;top:0}#parts-table th{border-right:1px solid #fff;color:#363c4b;text-transform:uppercase;text-align:left}#parts-table tr:nth-of-type(odd){background:var(--dd-bkg1)}#parts-table th,#parts-table td{padding:4px;font-size:12px}#parts-table td p{font-size:12px;line-height:15px}#parts-table tr th:nth-of-type(1),#parts-table tr td:nth-of-type(6),#parts-table tr td:nth-of-type(1){text-align:center}#parts-table .parts-table-row{cursor:pointer}#parts-table .parts-table-row.nla{color:#a0a7af}#parts-table .parts-table-row .button{width:150px}#parts-table td p{margin:0}#parts-table td input[type='number']{background-color:#fff;height:30px;margin:5px 0;width:30px;font-size:12px}#parts-table td .btnAddToBasket,#parts-table td img{border:0;display:block;margin:0 auto;padding:0}#parts-table td .btnAddToBasket{background:url('../images/svg/i_basket.svg') no-repeat center/20px auto;width:25px;height:25px}#parts-table td .moreProduct{background:url('../images/svg/i_info.svg') no-repeat center/20px auto;border:0;width:20px;height:20px;display:block;margin:0 auto}#parts-table .parts-table-row{background-color:transparent}#parts-table td .diagram-part-button-wrapper{position:relative}#parts-table td .diagram-part-button-wrapper .basket-added-icon{width:15px;height:15px;position:absolute;right:12px;top:-12px;color:#fff}.dg-container{position:relative;margin:20px auto;padding:0 40px 0 0}.dg-container .carousel-frame{border:1px solid var(--site-border);border-left:3px solid #a5adb6;border-right:3px solid #a5adb6;overflow:hidden;padding:10px 0}#videoModal .carousel-frame{border:0;border-right:3px solid #a5adb6;padding:0}.dg-container .carousel-frame::after,.dg-container .carousel-frame::before{content:'';display:block;width:20px;height:100%;position:absolute;z-index:1;top:0;left:0;border-top:3px solid #a5adb6;border-bottom:3px solid #a5adb6;user-select:none}.dg-container .carousel-frame::after{right:40px;left:auto}.dg-image-wrapper{display:flex;transition:transform .5s ease;width:max-content;gap:10px;padding:0 10px}.dg-image-wrapper a{display:flex;flex-direction:column;background:#fff;border:1px solid #d0d9e3;border-radius:4px;width:150px;height:auto;margin:0;padding:10px;text-align:center;align-items:center;position:relative}.dg-image-wrapper img{display:block;width:120px;aspect-ratio:1/1;margin:5px 0}.dg-image-wrapper .txt{font-size:.76rem;line-height:.96rem;font-weight:500;height:48px;overflow:hidden;text-overflow:ellipsis;display:block;text-transform:capitalize;margin:8px 0 0}.dg-title{color:#06875b;display:block;position:absolute;width:80%;padding:5px 10px;background:#fff;inset:0;bottom:auto;height:30px;text-align:center;margin:auto}.dg-arrow{position:absolute;right:0;color:#fff;background:#a5adb6;border:0;padding:10px;cursor:pointer;z-index:10;pointer-events:auto;width:38px;height:50px;margin:0}.dg-arrow:hover{background:#7d8798}.dg-arrow-left{bottom:0;transform:scaleX(-1)}.dg-arrow-right{top:0}.dg-start .dg-arrow-left,.dg-end .dg-arrow-right{background:var(--site-border)}@media only screen and (max-width:1279px){#diagram #mainContent{padding:30px 20px}ul.refineList #diagram #mainContent{padding:30px 20px}#diagramWrapper{margin:0;padding:0}.imgDiagMapHolder .imgHolder{height:auto}.imgDiagMapHolder .imgHolder>div{margin:0 auto}}@media only screen and (max-width:1179px){#diagram .categoriesSmall .refineList{grid-template-columns:repeat(8,minmax(10.5%,12.5%))}}@media only screen and (max-width:1023px){#diagram #mainContent{display:block;padding:50px 20px}#diagramWrapper>.imgDiagMapHolder{width:100%;height:auto;margin:0 auto;max-height:100%;position:relative;inset:auto}.imgDiagMapHolder .imgHolder{border-radius:4px 4px 0 0;margin:0 0 4px}#diagramWrapper>#partsList{width:100%;margin-top:0}}@media only screen and (max-width:767px){#diagram .diagramList,#diagram .categoriesSmall .refineList{grid-template-columns:repeat(4,minmax(23%,25%))}.diagramList li .diagram-title{padding:15px 10px 10px;font-size:.786rem;line-height:.796rem}}@media only screen and (max-width:599px){#diagram #mainContent{padding:10px 20px 30px}}@media only screen and (max-width:479px){#diagramLists{padding:30px 0}#diagram .diagramSearch h4{padding-right:0;width:100%;margin:0 0 15px}#diagram .diagramSearch input{max-width:70%}#diagram #categoryTitle.active{color:var(--d911-teal)}#diagram #categoryTitle.active:after{transform:rotate(45deg)}.refineList.diagramCategories{grid-template-columns:repeat(3,minmax(31%,33%))}.refineList.diagramCategories.active{display:grid}#diagram .categoriesSmall .refineList{grid-template-columns:repeat(2,minmax(48%,50%));gap:.45rem;margin:2rem 0}#diagram .categoriesSmall .refineList li{padding:.25rem}#diagram .categoriesSmall .refineList li a{padding:0;display:flex;align-items:center;gap:.45rem}#diagram .categoriesSmall .refineList li .imgbox{min-height:initial;min-width:initial;width:fit-content}#diagram .categoriesSmall .refineList li .imgbox img{width:40px;height:40px}#diagram .diagramList{grid-template-columns:repeat(2,minmax(48%,50%))}#diagram .categoriesSmall .refineList li h5{width:calc(100% - 40px);margin:0;padding:0;border:0;text-align:left}#diagramsTitle+p .button{display:block;text-align:center}#productListContainer .diagramListContainer .diagramList{grid-template-columns:repeat(2,minmax(48%,50%))}#partsList table tbody,#partsList table{display:block;width:100%;height:auto}#partsList table .parts-table-header{display:none}#partsList table tr{display:block;width:100%;border:1px solid var(--site-border);margin:2px 0}#partsList table td{display:flex;align-items:center;width:100%;text-align:left;min-height:15px;padding:5px 10px}#parts-table td .btnAddToBasket,#parts-table td .moreProduct{margin:0}#partsList table td:before{content:'';width:50%;float:left;padding:0 10px;text-align:left;text-transform:uppercase;font-weight:600}#partsList table td:nth-child(1):before{content:'No'}#partsList table td:nth-child(2):before{content:'part no'}#partsList table td:nth-child(3):before{content:'desc'}#partsList table td:nth-child(4):before{content:'note'}#partsList table td:nth-child(5):before{content:'model'}#partsList table td:nth-child(6):before{content:'price'}#partsList table td:nth-child(7):before{content:'qty'}#partsList table td:nth-child(8):before{content:'info'}#partsList table td:nth-child(9):before{content:'add to cart'}#parts-table td .diagram-part-button-wrapper .basket-added-icon{right:10px;top:8px}}