html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}.container{padding-left:20px;padding-right:20px}.row{width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px}.row .onecol{width:4.85%}.row .twocol{width:13.45%}.row .threecol{width:22.05%}.row .fourcol{width:30.75%}.row .fivecol{width:39.45%}.row .sixcol{width:48%}.row .sevencol{width:56.75%}.row .eightcol{width:65.4%}.row .ninecol{width:74.05%}.row .tencol{width:82.7%}.row .elevencol{width:91.35%}.row .twelvecol{width:100%;float:left}.last{margin-right:0}img,object,embed{max-width:100%}img{height:auto}@media only screen and (max-width: 1023px){body{font-size:.8em;line-height:1.5em}}@media handheld,only screen and (max-width: 767px){body{font-size:16px;-webkit-text-size-adjust:none}.row,body,.container{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.row .onecol,.row .twocol,.row .threecol,.row .fourcol,.row .fivecol,.row .sixcol,.row .sevencol,.row .eightcol,.row .ninecol,.row .tencol,.row .elevencol,.row .twelvecol{width:auto;float:none;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}}:root { --maroon: #84171a; --maroonHover: #500e10; --blue: #167076; --blueHover: #11585c; --white: #ffffff; --whiteHover: #dddddd; --beige:#fbfaf3; } .shadowBox { -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); border-radius: 2px; background-color:#fff } .shadowBox2 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); background-color:#fff; } .shadowBox2-hover { transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .shadowBox2:hover, .shadowBox2-hover:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); --tw-ring-color: rgb(17 24 39 / 0.15); } .bg-light-grey { background-color:#f6f6f6 } .color-red { color:#c00d0b; } .color-green { color: #017f67; } .color-1 { color:#84171a } .color-2 { color:#167076 } .color-gold { color: #996600; } .color-black, .hover\:color-black:hover { color:#000 } .color-white, .hover\:color-white:hover { color:#fff } .text-gray-900 { color:#111827 } .text-gray-800 { color:#1f2937 } .text-gray-700 { color:#374151 } .text-gray-600 { color:#4b5563 } .text-gray-500 { color:rgb(107 114 128) } .text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity)); } .text-italic { font-style: italic; } .color-666 { color: #666; } .color-grey-500 { color:rgb(107 114 128) } .bg-color-1 { background-color:#84171a } .bg-color-2 { background-color:#167076 } .bg-white { background-color:#fff } .bg-beige { background-color:#f5f5dc } .bg-beige2 { background-color:#e8e5d4 } .bg-color-grey { background-color:#595959; } .bg-gray-50 { background-color:#f9fafb; } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)); } .button-color-2 { background-color: var(--blue); color: var(--white); text-decoration: none; } .button-color-2:hover { background-color: var(--blueHover); color: var(--whiteHover); text-decoration: none; } .w-full { width:100%; } .flex { display:flex; } .inline-flex { display:inline-flex; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-one {flex:1;} .flex-two {flex:2;} .flex-three {flex:3;} .flex-four {flex:4;} .justify-start{justify-content: flex-start;} .justify-end{justify-content: flex-end;} .justify-center{justify-content: center;} .justify-between{justify-content: space-between;} .justify-around{justify-content: space-around;} .justify-evenly{justify-content: space-evenly;} .flex-wrap{flex-wrap: wrap;} .flex-wrap-reverse{flex-wrap: wrap-reverse;} .flex-nowrap {flex-wrap: nowrap;} .items-start{align-items: flex-start;} .items-end{align-items: flex-end;} .items-center{align-items: center;} .items-baseline{align-items: baseline;} .items-stretch{align-items: stretch;} .text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} .text-justify{text-align: justify;} .font-400 { font-weight: 400; } .font-500 { font-weight: 500; } .font-600 { font-weight: 600; } .font-700 { font-weight: 700; } .text-xs{ font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */ } .text-sm{ font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */ } .text-base{ font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .text-lg{ font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .text-xl{ font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */ } .text-2xl{ font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */ } .text-3xl{ font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .text-4xl{ font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */ } .text-5xl{ font-size: 3rem; /* 48px */ line-height: 1; } .text-6xl{ font-size: 3.75rem; /* 60px */ line-height: 1; } .p-1 {padding:1px;} .p-2 {padding:2px;} .p-3 {padding:3px;} .p-5 {padding:5px;} .p-10 {padding:10px;} .p-15 {padding:15px;} .p-20 {padding:20px;} .pt-1 {padding-top:1px;} .pt-2 {padding-top:2px;} .pt-3 {padding-top:3px;} .pt-5 {padding-top:5px;} .pt-10 {padding-top:10px;} .pt-15 {padding-top:15px;} .pt-20 {padding-top:20px;} .pb-1 {padding-bottom:1px;} .pb-2 {padding-bottom:2px;} .pb-3 {padding-bottom:3px;} .pb-5 {padding-bottom:5px;} .pb-10 {padding-bottom:10px;} .pb-15 {padding-bottom:15px;} .pb-20 {padding-bottom:20px;} .pl-1 {padding-left:1px;} .pl-2 {padding-left:2px;} .pl-3 {padding-left:3px;} .pl-5 {padding-left:5px;} .pl-10 {padding-left:10px;} .pl-15 {padding-left:15px;} .pl-20 {padding-left:20px;} .pr-1 {padding-right:1px;} .pr-2 {padding-right:2px;} .pr-3 {padding-right:3px;} .pr-5 {padding-right:5px;} .pr-10 {padding-right:10px;} .pr-15 {padding-right:15px;} .pr-20 {padding-right:20px;} .m-5 {margin:5px;} .m-10 {margin:10px;} .m-15 {margin:15px;} .m-20 {margin:20px;} .mt-auto {margin-top:auto;} .mt-0 {margin-top:0;} .mt-5 {margin-top:5px;} .mt-10 {margin-top:10px;} .mt-15 {margin-top:15px;} .mt-20 {margin-top:20px;} .mt-50 {margin-top:50px;} .mb-auto {margin-bottom:auto;} .mb-0 {margin-bottom:0;} .mb-5 {margin-bottom:5px;} .mb-10 {margin-bottom:10px;} .mb-15 {margin-bottom:15px;} .mb-20 {margin-bottom:20px;} .mr-0 {margin-right:0;} .mr-5 {margin-right:5px;} .mr-10 {margin-right:10px;} .mr-15 {margin-right:15px;} .mr-20 {margin-right:20px;} .ml-5 {margin-left:5px;} .ml-10 {margin-left:10px;} .ml-15 {margin-left:15px;} .ml-20 {margin-left:20px;} .divider:not(:empty) { gap: 1rem; } .divider { display: flex; flex-direction: row; align-items: center; align-self: stretch; white-space: nowrap; align-items: center; } .divider:before, .divider:after { background-color: hsl(220 13.376% 69.216% / .1); } .divider:before, .divider:after { content: ""; flex-grow: 1; height: 0.125rem; width: 100%; } .leftDivider:not(:empty) { gap: 1rem; } .leftDivider { display: flex; flex-direction: row; align-items: center; align-self: stretch; white-space: nowrap; } .leftDivider > * { align-items: center; } .leftDivider:after { background-color: hsl(220 13.376% 69.216% / .1); } .leftDivider:after { content: ""; flex-grow: 1; height: 0.125rem; width: 100%; } .rounded-none{border-radius: 0px;} .rounded-sm{border-radius: 0.125rem; /* 2px */} .rounded{border-radius: 0.25rem; /* 4px */} .rounded-md{border-radius: 0.375rem; /* 6px */} .rounded-lg{border-radius: 0.5rem; /* 8px */} .rounded-xl{border-radius: 0.75rem; /* 12px */} .rounded-2xl{border-radius: 1rem; /* 16px */} .rounded-3xl{border-radius: 1.5rem; /* 24px */} .underline-offset-auto{text-underline-offset: auto;} .underline-offset-0{text-underline-offset: 0px;} .underline-offset-1{text-underline-offset: 1px;} .underline-offset-2{text-underline-offset: 2px;} .underline-offset-4{text-underline-offset: 4px;} .underline-offset-8{text-underline-offset: 8px;} .underline{text-decoration-line: underline;} .overline{text-decoration-line: overline;} .line-through{text-decoration-line: line-through;} .no-underline{text-decoration-line: none;} .static{position: static;} .fixed{position: fixed;} .absolute{position: absolute;} .relative{position: relative;} .sticky{position: sticky;} .list-none{list-style-type: none} .list-disc{list-style-type: disc} .list-decimal{list-style-type: decimal} .list-inside{ list-style-position: inside; padding-left: 20px; text-indent: -20px; } .list-outside{list-style-position: outside} .ring-1-yellow { --tw-ring-inset: inset; --tw-ring-color: rgb(202 138 4 / 0.2); --tw-ring-offset-color: #fff; --tw-ring-offset-width: 0px; --tw-shadow: 0 0 #0000; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .opacityHover { opacity:.3; transition: opacity 1s; } .hover\:opacityHover:hover { opacity:1 } .nowrap {white-space: nowrap;} .hide { display:none; } .cursor-pointer { cursor:pointer; } .cursor-default { cursor:default; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .maxTwoLines, .maxThreeLines { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @supports (-webkit-line-clamp: 2) { .maxTwoLines { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @supports (-webkit-line-clamp: 3) { .maxThreeLines { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media screen and (max-width: 800px) { .twoLineCut { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @supports (-webkit-line-clamp: 3) { .twoLineCut { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .mb-flex-row { flex-direction: row; } .mb-flex-row-reverse { flex-direction: row-reverse; } .mb-flex-col { flex-direction: column; } .mb-flex-col-reverse { flex-direction: column-reverse; } .mb-flex-wrap{flex-wrap: wrap;} .mb-flex-wrap-reverse{flex-wrap: wrap-reverse;} .mb-flex-nowrap {flex-wrap: nowrap;} .mb-text-xs{ font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */ } .mb-text-sm{ font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */ } .mb-text-base{ font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */ } .mb-text-lg{ font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */ } .mb-text-xl{ font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */ } .mb-text-2xl{ font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */ } .mb-text-3xl{ font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */ } .mb-text-4xl{ font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */ } .mb-text-5xl{ font-size: 3rem; /* 48px */ line-height: 1; } .mb-text-6xl{ font-size: 3.75rem; /* 60px */ line-height: 1; } .mb-items-start{align-items: flex-start;} .mb-items-end{align-items: flex-end;} .mb-items-center{align-items: center;} .mb-items-baseline{align-items: baseline;} .mb-items-stretch{align-items: stretch;} .mb-scroll-y { overflow-y: scroll; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; gap: 1%; } }html { overflow-y: scroll!important; } .content-container .results,.hidden,.x2,.z2,body #ccont .hidden{ display:none } *{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box } body{ background:0 0; font-family:'Inter', sans-serif; line-height:19px; } .header .toplinks{ text-align: right; height: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: absolute; top: 0; right: 0; width: 50%; } .header .toplinks a{ color:#333; font-size:12px } .catbox .inner .title,.itembox .inner .title,.navbar .nav a,a,a:visited{ text-decoration:none } a{ color:#167076 } a:hover{ color:#28a4a4; text-decoration:underline } .red{ color:#84171a } .ba,.button-blue,.button-cont,.button-green,.button-grey,.button-orange,.button-red,.catbox,.itembox,.itemdetails .downloads .block,.itemdetails .extension .block,.itemdetails .sidesell a.selected,.itemdetails .videos .block,.x1,.z1{ cursor:pointer } h1,h2,h3,h4{ line-height:normal; } .breadcrumbs{ padding-left:15px; font-size:14px; } .buybar,.content-container .maincontent,.itembox,.itembox .inner .description,.itembox .inner .priceblock,.itembox .inner .title,.itemdetails,.itemdetails .buy .buttonbar,.itemdetails .imgcon,.itemdetails .row,.minig,.navbar .nav,.psec{ width:100% } .buttonbar,.buybar .addcart,.itemdetails .buy .buttonbar,.itemdetails .extension,.itemdetails .videos{ margin-bottom:15px } .container.content{ background-color:#f9f9f9 } .content .content-container{ border-left:1px solid #ececec; border-right:1px solid #ececec; min-height:500px; padding-bottom:150px; background:#fff; border-top:5px solid #fef8f2 } body a.st-ui-result.st-ui-large-image .st-ui-type-heading{ white-space:normal; overflow:visible; -ms-text-overflow:clip; -o-text-overflow:clip; text-overflow:clip; font-size:13px } body a.st-ui-result.st-ui-large-image .st-ui-type-detail{ font-size:12px } body a.st-ui-result.st-ui-large-image .st-ui-thumbnail{ border:1px solid #ececec } #hd .row { overflow:visible!important } #hd.container.header .hdmaster{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 113px; position: relative; } #hd.container.header .hdmaster a { color:#272727 } #hd.container.header .hdmaster .proicon, #hd.container.header .hdmaster .helpicon, #hd.container.header .hdmaster .myaccountdd .bt3 { 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; } #hd.container.header .hdmaster .lgosup{ max-width: 100%; min-width: 330px; width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; border-radius: 5px; border: 2px solid #ececec; border-left: 4px solid #f2b23d; height: 80px; } #hd.container.header .hdmaster .lgosup .partner { font-size: 21px; font-weight: bold; color: #000; max-width: 300px; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } #hd.container.header .hdmaster .lgosup a.chatus{ background:url(https://cdnimg.cabinetparts.com/media/images/file/body/header/icons/chat-icon.gif) left no-repeat } #hd.container.header .hdmaster .lgosup .wrap { color: #000; padding: 4px 2px 4px 5px; font-size: .9em; 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; width: 100%; } #hd.container.header .hdmaster .lgosup .lgosupHead { color: #84181b; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 4px; height: 29px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 600; } #hd.container.header .hdmaster .lgosup .lgosupHead > * { min-width: 100%; padding-left: 4px; color: #333; } #hd.container.header .hdmaster .searchicon { display:none; } #hd.container.header .hdmaster .lgosup .partnerhd > div { -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; } #hd.container.header .hdmaster .lgosup .headPromoCont::before, #hd.container.header .hdmaster .lgosup .partnerhd::before { background:url(https://cdnimg.cabinetparts.com/media/images/file/icons/svg/tags-fill.svg) left no-repeat; width: 37px; height:29px; content: ' '; margin-right:6px; } #hd.container.header .hdmaster .lgosup .partnerhd::before { background:url(https://cdnimg.cabinetparts.com/media/images/file/icons/svg/quote.svg) left no-repeat; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo{ width:335px; height:38px; overflow:hidden; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo > div{ width:100%; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo > div span{ font-size:.8em; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo .cprm { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5%; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo .cprm > a, #hd.container.header .hdmaster .lgosup .partnerhd .partner { width: 97%; min-width: 97%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo .cprm > a { font-weight:600; } #hd.container.header .hdmaster .lgosup .headPromoCont #headPromo .cprm > span.e { color: #777; font-size: .7em; } #hd.container.header .hdmaster div.shoppingcart > a { 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; } #hd.container.header .hdmaster div.shoppingcart div.carts{ position: relative; } #hd.container.header .hdmaster div.shoppingcart span.badgecart{ position: absolute; top: 0px; right: 6px; font-size: 13px; width: 15px; height: 16px; color: #000; text-align: center; background: #fff; font-weight: bold; } #hd.container.header .hdmaster .srchmst{ margin:auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #hd.container.header .hdmaster .srchmst .searchwrapper{ border:1px solid #cacaca; display:inline-block; position:relative; width:98% } #hd.container.header .hdmaster .srchmst .searchwrapper input.sb{ width:100%; padding:14px 55px 13px 13px; background:0 0; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; height:45px; -webkit-appearance:textfield } #hd.container.header .hdmaster .srchmst .searchwrapper button{ border:0; position:absolute; right:0; top:0; background:url(https://cdnimg.cabinetparts.com/media/images/file/icons/svg/search.svg) center no-repeat #fff; line-height:45px; width:53px; height:45px } #hd.container.header .hdmaster .ddnav .tp{ display:block; visibility:hidden; opacity:0; position:absolute; background-color:#fff; min-width:250px; z-index:999; -webkit-transition:visibility 0s,opacity .1s linear; -o-transition:visibility 0s,opacity .1s linear; transition:visibility 0s,opacity .1s linear; border:1px solid #ccc; border-radius:3px 3px 10px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #hd.container.header .hdmaster .ddnav .tp > * { padding:5px; } #hd.container.header .hdmaster .ddnav.myaccountdd .tp > * { padding:8px 5px; border-left:4px solid #fff; } #hd.container.header .hdmaster .ddnav.myaccountdd .tp > *:hover { border-left:4px solid #84171a; } #hd.container.header .hdmaster .ddnav #cartdd.tp{ font-size: .9em; width: 300px; right: 0; height: 420px; overflow-y: scroll; padding-left: 1rem; padding-right: 1rem; } #hd.container.header .hdmaster .ddnav #cartdd.tp a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size:14px; border-bottom:1px solid #e5e7eb; } #hd.container.header .hdmaster .ddnav #cartdd.tp a div span { font-size:12px; } #hd.container.header .hdmaster .ddnav #cartdd.tp a img { margin-right: 1rem; } #hd.container.header .hdmaster .ddnav .tp a:hover { text-decoration: none; } #hd.container.header .hdmaster .ddnav #cartdd.tp a:last-child { margin-top: auto; text-align: center; } #hd.container.header .hdmaster .ddnav.active .tp { visibility:visible; opacity:1 } div.container.navbar{ background-color:#272727 } .large-screen-only{ display:inline-block } .small-screen-only{ display:none } .row.title h1{ font-size:22px; color:#111; font-weight:700; float:left; clear:left; width:auto; background:0; padding:0; border:0; margin-bottom:0 } #ccont div,#ccont li,#ccont ul{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box } .dbox.filtdbox label{ display:block; cursor:pointer; text-decoration:none; padding:4px 8px 4px 4px; font-size:13px; width:100%; } .dbox.filtdbox label span{ color:#333 } .dbox.filtdbox .opttitle.row{ font-weight:700; padding:6px; color:#333; font-size:15px } .dbox.filtdbox a.more{ font-size:12px; text-align:center; width:100%; display:block; border-top:1px solid #ececec; padding:5px; color:#333 } .dbox.filtdbox .filters .block.row{ padding:0; margin:10px 0 0; width:100% } .row.itemmain{ margin-top:30px } .row.itemmain,.row.table{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0 auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row.itemmain .leftcell { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .row.itemmain .leftcell,.row.itemmain .rightcell,.row.table .contentcell,.row.table .imgcell,.row.table .leftcell,.row.table .rightcell{ padding:2px 6px; } #ccont .row.btop a,.row.itemmain .contentcell .vcell a,.row.table .imgcell .row a,.row.table .imgcell a,.row.title span{ display:inline-block } .row.itemmain .rightcell{ white-space:nowrap; width:242px } .prodinfo.row.table .rightcell{ padding:10px; border:4px solid #ececec; background-color:#fcfcfc; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .row.table .imgcell{ white-space:nowrap; width:40%; min-width:520px } .row.table .imgcell a{ width:100% } .row.table .imgcell .row a{ width:55px } .row.table .imgcell img{ width:100%; max-width:420px } .productinfo{ padding-bottom:50px; background-attachment:fixed; background-origin:initial; background-clip:initial; background-position:center; position:relative } #ccont .row.btop{ text-align:center; font-size:10px; line-height:12px; margin:10px 0 } #ccont .row.btop a{ color:#333 } .row.titlecell h2{ background:0 0; font-weight:400; font-size:32px; color:#0d575b; line-height:32px; margin-bottom:40px; padding-left:30px } .row.title{ border-top:1px solid #d1dbe5; padding:35px 20px 25px; margin-top:0; float:left } #ccont .row.title a.vdet{ color:#333; font-size:12px; float:left } #ccont .row.title a.vdet:hover{ color:#28a4a4; text-decoration:underline } #ccont .text-center{ text-align:center } .row.title h1 small{ font-weight:400; font-size:14px } .row.title span{ float:left; padding-left:15px; padding-top:9px; width:auto; font-size:13px } .row.itemmain .imgcell{ position: relative; padding-bottom: 30px; } .row.itemmain .imgcell .zoomicon { content: ''; width: 26px; height: 26px; background: url(https://cdnimg.cabinetparts.com/media/images/file/icons/svg/zoom-in.svg) no-repeat; position: absolute; right: 0; bottom: 30px; cursor: pointer; z-index: 5; } .row.itemmain .imgcell img{ width:100%; max-width:550px; border:1px solid #ececec; border-radius:4px } .row.itemmain .contentcell{ padding-left:25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; } .row.itemmain .contentcell .pcell{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row.itemmain .contentcell > * { width: 100%; margin-bottom:20px; } .contentcell .pcell .priceblock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row.itemmain .contentcell .hcell,.row.itemmain .contentcell .mcell{ max-width:450px; font-size:13px; margin-bottom:15px } .row.itemmain .contentcell .vcell{ margin-bottom:15px } .row.itemmain .contentcell .vcell span{ font-size:13px; color:#333; font-weight:700 } .row.itemmain .contentcell .vcell span strong{ color:#333 } .row.itemmain .contentcell .vcell select{ border:2px solid #b7b7b7; border-radius:4px; margin-bottom:15px; padding:9px; width:97%; max-width:400px; min-width:100px } .row.itemmain .contentcell .vcell select .dis{ color:#ccc } .row.itemmain .contentcell .vcell a img{ border:1px solid #888; width:36px; height:36px; margin-bottom:4px; margin-top:4px; margin-left:6px } .row.itemmain .contentcell .vcell a img.selected{ border:1px solid #e47911 } .row.itemmain .contentcell .vcell a img.dis{ opacity:.3 } .row.itemmain .contentcell .vcell a img:hover{ border:1px solid #333 } .row.itemmain .contentcell .hcell{ max-width:600px; font-size:13px; margin-bottom:15px; color:#333; line-height:19px } .row.itemmain .contentcell .scell{ max-width:600px; font-size:13px; margin-bottom:30px; border-top:1px solid #d1dbe5; padding-top:30px; color:#333; margin-top:60px; line-height:19px } .row.itemmain .contentcell .scell b{ font-size:16px; font-weight:400; line-height:22px; color:#333 } .row.itemmain .contentcell .scell img{ padding-right:15px } .row.itemmain .contentcell .rcell{ font-size:13px; color:#333; margin-bottom:15px } .row.itemmain .contentcell .rcell a{ margin-right:20px } #ccont .row.itemmain .contentcell .rcell .coupon{ background:url(https://cdnimg.cabinetparts.com/media/images/file/common/placeholder/tag_red.png) left no-repeat; padding-left:28px; display:inline-block; line-height:30px } .row.itemmain .acell{ border:1px solid #e2e2e2; padding-top:10px; padding-bottom:20px; border-radius:3px } #qty,.row.itemmain .acell .qty{ text-align:center } #qty,.row.itemmain .acell input{ padding:5px } .row.itemmain .acell .buy{ padding:15px 0 0; text-align:center } #ccont .row.itemmain .acell .btn-primary{ width:85%; color:#fff; text-align:center } #ccont .row.itemmain .acell .btn-primary span{ background:url(https://cdnimg.cabinetparts.com/media/images/file/body/header/cart-icon.png) left no-repeat; padding-left:35px; display:inline } #ccont .row.itemmain .acell .est{ font-size: 11px; width: 93%; margin: 0 auto; text-align: center; min-height:58px; } .row.itemmain .acell .est span{ color:#111; font-size:13px } .row.itemmain .acell .ordiv{ color:#333; font-size:13px; text-align:center; padding:10px 0 } .row.itemmain .acell .ordiv span{ background:url(https://cdnimg.cabinetparts.com/media/images/file/common/placeholder/divider.jpg) center center repeat-x; width:40%; display:inline-block } .row.itemmain .acell #project,.row.itemmain .acell .compare,.row.itemmain .acell .sample{ color:#333; font-size:13px; text-align:center; white-space:normal } .row.itemmain .acell .project select{ display:block; width:95%; margin:0 auto; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#333; background:#eff0f3; background:-o-linear-gradient(top,#f7f8fa,#e7e9ec); background:-webkit-gradient(linear,left top, left bottom,from(#f7f8fa),to(#e7e9ec)); background:linear-gradient(top,#f7f8fa,#e7e9ec); border-radius:3px } .catbox,.catbox .inner,.catbox .inner .title{ display:inline-block } #ccont .row.itemmain .socialcell{ text-align:center; padding:15px 0 } #ccont .row.itemmain .lcell{ text-align:center; padding:0 } .catbox{ width:32%; max-height:none; height:auto; padding:9px; border:1px solid #eee; margin:6px .5% } .block:hover,.hoverblue:hover,.itembox .sidesell .block:hover,.itemdetails .aka:hover,.itemdetails .downloads:hover,.itemdetails .extension:hover,.itemdetails .videos:hover,.itemdetails img:hover{ border-color:#ececec } .catbox .img{ display:block; max-width:100%; padding:0; position:relative; width:240px; height:240px } .catbox .img:before{ content:""; display:inline-block; vertical-align:middle; height:100% } .catbox .img img{ margin:auto!important; max-height:100%; max-width:100%; padding:0; vertical-align:middle; width:240px; height:auto; aspect-ratio:1 } .catbox .img .sle{ display:block; margin:0; padding:3px 3px 3px 10px; background-color:#84171a; line-height:14px; text-align:center; color:#fff; float:left; position:absolute; top:0; left:0; font-size:14px } .catbox .img .sle.slenew{ background-color:#0d575b } .catbox .img .sle:after{ content:""; width:10px; height:20px; border-right:10px solid transparent; border-top:20px solid #84171a; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; right:-10px } .catbox .img .sle.slenew:after{ border-top:20px solid #0d575b } .catbox .inner{ padding-bottom:5px; height:150px; background-color:#fff; margin-top:0; width:100% } .catbox .inner .smre{ font-size:14px; border:1px solid #ddd; width:100%; display:block; max-width:240px; color:#333!important; text-align:center; border-radius:4px; padding:1.5px; margin-bottom:5px } .catbox .inner .smre:after{ content:" \25BA"; font-size:12px; color:#333; vertical-align:bottom } .catbox .inner .title{ width:100%; font-size:14px } .catbox .inner .title a{ color:#333; display:inline-block; max-height:40px; overflow:hidden; width:100%; font-size:16px } .catbox .inner .title span{ color:#333; font-weight:400; font-size:14px; display:inline-block } .catbox .inner.item .ditem b{ color:#0d575b } .catbox .inner.item .ditem{ width:100%; display:inline-block; font-size:18px; color:#333 } .catbox .inner.item .ditem .stars{ margin-top:5px } .catbox .inner.item .ditem .gtmb{ font-size:11px; color:#333; display:none } .catbox .inner.item .ditem .rvicnt{ color:#333; font-size:13px; vertical-align:bottom } .catbox .inner.item .title{ font-size:17px; margin-bottom:8px } .dbox ul{ margin-left:5px; list-style-type:none; font-size:13px } .dbox h3{ font-size:16px; font-weight:700; background:0 0; padding:8px; color:#0d575b; margin:0; display:block } #ccont .btn-primary,.tp.cart .btn-primary{ color:#fff; background-color:#167076; background-image:-o-linear-gradient(top,#167076,#0f5d62); background-image:-webkit-gradient(linear,left top, left bottom,from(#167076),to(#0f5d62)); background-image:linear-gradient(to bottom,#167076,#0f5d62); background-repeat:repeat-x; -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.35); box-shadow:0 1px 4px 0 rgba(0,0,0,.35); border-color:rgba(0,0,0,.01); outline-offset:2px } #ccont .btn-primary.active,#ccont .btn-primary:active,#ccont .btn-primary:focus,#ccont .btn-primary:hover{ color:#fff; background:#167076 } @media screen and (max-width:1200px){ .large-screen-only{ display:none } .small-screen-only{ display:inline-block } } @media screen and (max-width:1060px){ .catbox .img{ height:219px!important } } @media screen and (max-width:915px){ .catbox .img{ height:180px!important } } @media screen and (max-width:800px){ #foot .footer .scon { display:inline-block } h1{ background:0 0 } .row{ width:100%; min-width:0; margin-left:0; margin-right:0; padding-left:0; padding-right:0 } .container{ padding:0 } .itemdetails .pagetitle{ margin-left:2px } h1{ font-size:1.5em; padding:10px 0 } #foot .footer .scon{ margin-top:30px } body .nombl{ display:none } #nav>li>a,#nav>li>span.a{ font-size:12px!important } #hd.container.header{ margin-bottom:0; height:auto } .catbox .img{ height:240px!important } #ccont .f-right select,.buttonbar .f-right a#pull{ display:block!important; background-color:#0d575b; width:95%; text-indent:20px; color:#fff; font-size:14px; position:relative; line-height:30px; height:30px; float:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:12px auto; border-radius:5px } #hd.container.header .hdmaster > * { -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5; } #hd.container.header .hdmaster { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; height: auto; } #hd.container.header .hdmaster .ddnav .tp { display:none; visibility: hidden; } #hd.container.header .hdmaster .helpicon span, #hd.container.header .hdmaster .myaccountdd .bt3 span, #hd.container.header .hdmaster .shoppingcart .bt3 > span { display:none; } .header .toplinks { width: 100%; position: static; -webkit-box-ordinal-group: 2!important; -webkit-order: 1!important; -ms-flex-order: 1!important; order: 1!important; } #hd.container.header .hdmaster .lgo { -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2; width: 45%; } #hd.container.header .hdmaster .lgosup { width: 98%; margin-left: auto; margin-right: auto; margin-top: 7px; } #hd.container.header .hdmaster .searchicon { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; } #hd.container.header .hdmaster .myaccountdd, #hd.container.header .hdmaster .helpicon, #hd.container.header .hdmaster .shoppingcart { -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3; } #hd.container.header .hdmaster .srchmst { display:none; } } @media screen and (max-width:380px){ .catbox .img{ height:165px!important } } @media screen and (max-width:420px){ .catbox .img{ height:185px!important } } @media screen and (max-width:320px){ .catbox .img{ height:135px!important } } @media screen and (max-width:800px){ .row.itemmain, .row.table, .contentcell .pcell .priceblock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .row.itemmain .contentcell .hcell,.row.itemmain .contentcell .scell,.row.reviews .row.table .bizreview,.row.table .rightcell.sumtext{ display:none } .row.itemmain .leftcell,.row.itemmain .rightcell,.row.table .contentcell,.row.table .imgcell,.row.table .leftcell,.row.table .rightcell, .contentcell .pcell .priceblock > *{ max-width:100%; min-width:100%; width:100% } .contentcell .pcell .priceblock > * { margin-bottom:15px; } .row.table.prodinfo .leftcell{ padding:0!important; width:100%!important; } .row.table .imgcell{ text-align:center } .row.titlecell h2{ padding-left:0 } .reviews .row.table .summary{ margin-bottom:0 } .prodinfo.row.table .rightcell{ padding:0 } .productinfo{ padding-bottom:0 } } /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .container.navbarV4 .endofcat { background: -o-linear-gradient(343deg, #0d575b 10px, #4e4e4e 10px, transparent 10px); background: linear-gradient(107deg, #0d575b 10px, #4e4e4e 10px, transparent 10px); padding-right: 16px!important; width: 15px; } .container.navbarV4 .shopnav { background:#0d575b; margin-right: 0!important; padding-left:14px!important; padding-right:14px!important; font-weight: 500; } #open-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .hamburger-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 30px; margin-right: 6px; } .hamburger-icon .bar { background-color: #fff; height: 3px; margin: 1.5px; border-radius: 1px; } .container.navbarV4 { background-color: #272727; } .container.navbarV4 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 34px; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container.navbarV4 .row a { color: #fff; text-decoration: none; text-transform: none; white-space: nowrap; margin-right: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 3px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background 0 ease-in-out; -o-transition: background 0 ease-in-out; transition: background 0 ease-in-out; max-width: 200px; } .container.navbarV4 .row a div { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .container.navbarV4 .row a:hover { background-color:#84181a; } #menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; } #slide-in-menu { display: none; position: fixed; top: 0; left: -450px; width: 50%; max-width: 450px; height: 100%; background-color: white; overflow-y: auto; z-index: 999999; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#fff } #close-menu { position: absolute; top: 10px; right: 10px; text-decoration: none; color: black; } /** inner css */ #slide-in-menu .allMenu ol, #slide-in-menu .allMenu ul, #slide-in-menu .allMenu menu { list-style: none; margin: 0; padding: 0; list-style-type:none; } #slide-in-menu .allMenu > ul > li { border-top: 5px solid #84171a; } #slide-in-menu .allMenu .subCat a { -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-bottom: 6px; border: 2px solid #f6f6f6; padding: 4px; border-radius: 5px; font-size: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } @media screen and (max-width:800px){ #slide-in-menu { width: 90%; max-width: 450px; height: 100%; background-color: white; overflow-y: auto; z-index: 999999; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#fff } .container.navbarV4 .row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 102px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container.navbarV4 .row a { max-width: calc(49% - 9px); width: calc(49% - 9px); min-width: calc(49% - 9px); margin-right: 0; padding-left:1%; } .container.navbarV4 a.shopnav { max-width: 50%; width: 50%; min-width: 50%; } } /** breadcrumbs **/ .bcu{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom:20px; border-bottom: 1px solid rgb(229 231 235 / 1); width: 100%; } .breadcrumbs a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width:200px; } @media screen and (max-width:800px){ .bcu { overflow-y: scroll; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; gap: 1%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .breadcrumbs a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: unset; max-width:100%; } .breadcrumbs { overflow-y: scroll; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; gap: 1%; } }#foot{ background-color:#272727; -webkit-box-shadow:inset 0 4px 7px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 4px 7px rgba(0,0,0,0.3); box-shadow:inset 0 4px 7px rgba(0,0,0,0.3); padding-top:25px } #foot .footer{ background-color:transparent; border:0 } #foot .footer a{ color:#fff } #foot .footer .slink{ text-align:left; padding-top:20px } #foot .footer .slink div{ float:left; width:33% } #foot .footer .slink div b{ font-size:14px; color:#a6a39d; margin:0 0 6px } #foot .footer .slink div ul.link-list{ padding-left:2px } #foot .footer .slink div ul.link-list li{ line-height:1.5; font-size:13px; list-style:none } #foot .footer .scon{ text-align:center } #foot .footer .stit{ width:320px; margin:0 auto; color:#6e6a60 } #foot .footer .sicon{ width: 300px; margin: 0 auto; padding: 10px; text-align: left; display: flex; flex-wrap: wrap; } .sicon a{ display: flex; align-items: center; padding: 5px; width: 45%; } .sicon a img{ padding-right:5px; } #foot .footer.safe{ background:transparent; margin-top:15px; border-top:1px solid #302b20; text-align:center; padding:15px 0; font-size:10px; color:#d3d3d3; padding-top:25px; background-color:#342f23 } #foot .footer.safe .row{ float:left; width:700px; min-width:700px } #foot .footer.safe p{ background:none; float:left; font-size:18px; line-height:28px; color:#fff; text-align:right; font-size:22px; margin-left:20px; text-align:center; display:block } #foot .footer.copy{ background:transparent; margin-top:15px; border-top:1px solid #302b20; text-align:left; padding:15px 0; font-size:12px; color:#fff } .row.newsletter{ border-right:1px solid #ececec; border-left:1px solid #ececec; background-color:#fff } .row.newsletter .newsletter-bg{ background:url(https://cdnimg.cabinetparts.com/media/images/file/common/social/newsletter_bg.jpg) center 0 no-repeat; width:800px; height:65px; margin:0 auto; padding-top:35px } .row.newsletter .newsletter-bg p{ background:none; float:left; font-size:18px; line-height:1.3em; color:#404040; width:300px; padding-right:30px; text-align:right; color:#3f3f3f; font-size:14px } .row.newsletter .newsletter-bg form{ float:left; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; display:block } .row.newsletter .newsletter-bg form #email{ float:left; color:#a6a6a6; -webkit-border-radius:2px; outline:0 none; border-radius:2px; padding:8px; width:264px; border:1px solid #dadada; font-style:italic; font-size:13px; margin-right:10px; height:16px } .row.newsletter .newsletter-bg .sub{ float:left; margin:0; text-shadow:#fff 0 1px 1px; border:none; font-size:18px; line-height:19px; text-align:center; outline-width:0; padding:3px 30px 15px; background:url(https://cdnimg.cabinetparts.com/media/images/file/common/social/btn_submit.png) 0 0 no-repeat #a9c542; color:#344c01; width:111px; height:32px; text-indent:-400px; cursor:pointer } .stars{background-image:url(https://cdnimg.cabinetparts.com/media/images/file/common/star-sprite14.png);background-repeat:no-repeat;width:79px;height:15px;display:inline-block}.stars.zero-star{background-position:-79px 0}.stars.zero-five-star{background-position:-65px 0}.stars.one-star{background-position:-65px -16px}.stars.one-five-star{background-position:-50px 0}.stars.two-star{background-position:-50px -16px}.stars.two-five-star{background-position:-33px 0}.stars.three-star{background-position:-33px -16px}.stars.three-five-star{background-position:-16px 0}.stars.four-star{background-position:-16px -16px}.stars.four-five-star{background-position:0 0}.stars.five-star{background-position:0 -16px}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.ld_sld_container{display:inline-block;width:100%;height:358px;background:url(https://cdnimg.cabinetparts.com/media/images/file/common/item/recommendations-loading2.png) top left/auto 358px repeat-x}.ld_sld_container .slidecontdiv{padding:0 51px}.ld_sld_container .flickity-slider .catbox{width:160px;margin:0 16px;padding:0;border:0}.ld_sld_container .flickity-slider .catbox .inner{height:140px}.ld_sld_container .flickity-slider .catbox .inner.item .title{margin-bottom:3px}.ld_sld_container .flickity-slider .catbox .inner .title a{font-size:14px;line-height:20px;max-height:80px}.ld_sld_container .flickity-slider .catbox .img{width:160px;height:160px}.ld_sld_container .flickity-slider .catbox .inner .title span{display:initial}.ld_sld_container .lihead h4{font-weight:400!important;color:#0d575b!important;padding-left:30px!important;font-size:22px;margin-bottom:6px}.ld_sld_container .flickity-page-dots{bottom:-15px}.ld_sld_container .extensions{background:#fff}@media screen and (max-width:915px){.ld_sld_container .catbox .img{height:160px!important}}@media screen and (max-width:800px){.flickity-page-dots{display:none}.ld_sld_container .slidecontdiv{padding:0 10px}.ld_sld_container .lihead h4{padding:0 10px!important}}.ld_sld_container:empty{visibility:hidden} #headPromo .flickity-prev-next-button.previous { display:none; } #headPromo .flickity-button { background: #fff; border: none; } #headPromo .flickity-button:hover { background: #f1f3f4; } #headPromo .flickity-prev-next-button { top: 50%; width: 10px; height: 39px; border-radius: 0; } #headPromo .flickity-prev-next-button.next { right:0; }