@font-face {font-family: 'UPC'; src:url('/code39u.woff2') format('woff2')}
@keyframes pulse {0% {box-shadow:0 0 0 0 #00000066}100% {box-shadow:0 0 0 9px #00000000}}
@view-transition {navigation: auto}
*[href] {cursor:pointer;outline:0}
html {height:100%;min-width:1060px;background:#fff;font:16px/1.5 sans-serif,arial;color:#111;scroll-behavior:smooth}
body {height:100%;display:flex;flex-direction:column;margin:0 auto;background:linear-gradient(to bottom,#ccc,#fff 222px)}
header, button, #buy, a, select, img, #pack, .var, .cable-wiring {-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
header, main, footer{margin:0 auto;width:96%;max-width:1440px}
main {flex:1;position:relative;margin-top:40px}
a,input[type=submit],button,nav dl,#detail > ul li, .var u {cursor:pointer;outline:0}
A, .Error, .var u, summary {text-decoration:none;outline:none;color:#06C;text-shadow:0 0 2px #8FF}
A:hover {transition:all 0.3s ease-in-out;color:#09d;text-shadow:0 0 4px #8ffdff}
img, a, a:active {border:0;outline:none}

select,input,textarea{border-radius:8px;border:1px solid #999;outline:0}
select {margin-bottom:1em;font-weight:700;color:#000;background:#dfd;cursor:pointer;border:1px solid #080;font-size:16px;padding:5px 11px}

input[type=text]:focus, textarea:focus, select:focus {background:#dfd;outline:0}

sup {font-weight:normal}
button:disabled {cursor:not-allowed!important;opacity: 0.6}
nav div a:hover,.current,#pack b,#buy b {background:linear-gradient(to top,#700,#F55 80%)}

header, .Error {position:relative;margin-top:20px;border-radius:16px;box-shadow:0 12px 20px -10px #666}
header b {position:absolute;right:25px;top:16px;font-size:17px;text-align:right;color:#555;text-shadow:0 1px #fff}
header i {font-weight:normal;font-style:normal;color:#777;text-shadow:0 1px #fff}
#logo {display:block;height:80px;background:url(/logo.svg) no-repeat 22px, linear-gradient(to top, #ccc, #f8f8f8 80%) repeat;border-bottom:solid 1px #bbb;border-radius:16px 16px 0 0;}

header nav {display:flex;border-top:solid 1px #f8f8f8;border-radius:0 0 16px 16px;background:linear-gradient(to top,#fff,#ccc)}
header nav dl~a, nav dl {flex:1;margin:0;line-height:75px;color:#444;text-shadow:0 1px #fff;font-weight:bold;text-align:center;font-size:25px;border-right:solid 1px #bbb;border-left:solid 1px #fff}
header nav dl~a:hover {background:linear-gradient(to bottom,#fff,#ddd);color:#444;text-shadow:0 1px #fff}
header nav dl~a:last-child {border-right:0;border-radius:0 0 16px 0}
header nav dl {border-left:0;border-radius:0 0 0 16px}

/*dropdown*/
header nav dl:before {content:"\2261";position:absolute;left:30px;color:#bbb;transform:scaleX(1.2)}
header nav div {display:none;position:absolute;background:linear-gradient(to top, #FFFFFFF2,#DEDEDEE6);box-shadow:1px 2px 4px #999;border-radius:0 0 16px 16px;text-align:left;font:normal 17px/39px Tahoma,arial;width:calc(25% - 1px);z-index:9;backdrop-filter:blur(3px)}
header nav dl:hover {background:linear-gradient(to bottom,#fff,#ddd);border-radius:0}
header nav dl:hover  div {display:block}
header nav div a {display:block;padding:0 1em;color:#444;text-shadow:0 1px #fff}
header nav div a:last-child {border-radius:0 0 9px 9px}
header nav div a:hover {color:#fff;text-shadow:0 -1px #700;transition:none}
/*dropdown*/

body#products nav dl:nth-child(1),
body#p2 nav dl~a:nth-child(2),
body#p3 nav dl~a:nth-child(3),
body#p7 nav dl~a:nth-child(4)
{background:linear-gradient(to top,#fff,#bbb)}

h1 {font-size: clamp(1.5em, 2.3vw, 1.6em);margin:-15px 0 15px 0}
h1 span {color:#080;text-shadow:1px 1px 0 #d2e07d}
h1 b {color:#0a0;text-shadow:0 0 4px #8f8;margin:0 .1em}
#ps h1, #products h1, #p5 h1, #p9 h1, #p1 h1 {text-align:center;margin:9px auto;font-size:2em}
#p5 main h2, #p9 main h2, #p5 main h3, #p9 main h3 {margin:1em 0 0 0}
#p5 p, #p9 p {margin-top:2px}

#p3 h2, #p2 h2, #p7 h2 {font-size:1.8em;color:#444}
#p7 h1 img {height:36px;vertical-align:middle}

#search_header {text-align:right;font-size:13px;color:#444;margin:0 9px 15px 0;font-variant:small-caps}
#side {float:left;background:#eee;text-align:right;border-radius:16px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;box-shadow:0 12px 20px -10px #666;margin-right:2em}
#side h4 {margin:0;text-align:center;padding:4px 0;background:linear-gradient(to top,#ccc,#fff);border-bottom:solid 1px #fff;border-top:solid 1px #ccc}
#side h4:first-child{border-radius:16px 16px 0 0}
#side :last-child{border-radius:0 0 16px 16px}
#side a {display:block;padding:2px 22px 2px 9px}
#side a:hover{background:#ddd;color:#06C}
.current {display:block;color:#fff;text-shadow:none}
.current:hover {color:#fff;text-shadow:none}
.xsearch {display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5%}
.xsearch a {position:relative;box-shadow:inset 0 0 4em 0 #ddd;border-radius:16px;padding:1em 1em 0 1em;text-align:center}
.xsearch a:hover {animation:pulse 1.2s infinite}
.xsearch img {mix-blend-mode: multiply;max-width: 100%;max-height: 184px}
.xsearch h2 {color:#000;text-shadow:none;font-weight:normal;font-size:clamp(13px, 1vw, 15px);height:55px}
.xsearch mark {display:block;margin:.5em 0 .3em 0;font-size:clamp(14px, 1.1vw, 20px);text-shadow:none;background:#f66;color:#fff}
.xsearch q {display:block;font-variant:small-caps;quotes:none;color:#f00;text-shadow:0 0 4px #fbb;margin-bottom:1em}

#delivery {color:#444;font-size:14px;line-height:18px;white-space:nowrap}
#delivery b {display:block}
#deliveryDisabled {display:none}
#ON-stockDisabled:before {content:"Sold Out";color:red;font-size:18px;padding-left:22px;font-weight:bold}

.cable-wiring {display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:14px 0;background:#dfd;border:1px solid #080;padding-left:8px;border-radius:8px}
.help {display:inline-block;font-size:17px;background: #080;color:#dfd;padding:4px 9px;margin-left:5px;border-radius:0 7px 7px 0}

main sub {display:block;margin-bottom:20px;color:#222}
#rating {margin-bottom:30px}
#ratingyes {margin-bottom:12px;font-size:.8em}
#ratingyes img {padding-right:9px;height:18px;vertical-align:top}

#detail {display:flex;justify-content:space-between}
#detail ul, #detail ol {list-style:none;padding:0;margin:0}
#detail > ul {width:42%}
#detail > ul li {height:6.7vw;width:6.7vw;max-height:105px;min-width:72px;min-height:72px;max-width:105px;margin-bottom:2.7%;border-radius:16px;box-shadow:1px 1px 3px #444,inset 0 -.2em 1.4em -.5em #555;background-size:auto 80%;background-position:center;background-repeat:no-repeat;vertical-align:top}
#detail > ul li:hover {animation:pulse 1s infinite}
#detail > ul li:last-child {background-size:cover!important;margin-bottom:0} .cover {background-size:cover!important}
#detail > ul img {float:right;height:30vw;min-height:322px;max-height:470px;border-radius:24px}

#detail ol {position:relative;margin:0 2vw;min-width:300px}
#detail ol select {margin-top:30px}
#detail ol li {line-height:1.5em}
#detail button, #buyonamz, #buyonwal, #buyonebay {display:block;font-size:24px;text-align:left;width:100%;border:solid 1px #fc5;border-radius:9px;margin-bottom:23px;background:linear-gradient(to top,#fa1,#feb 80%);color:#222;box-shadow:0 1px 2px #444;padding:0;text-shadow:none;overflow:hidden}
#detail button:hover {background:linear-gradient(to top,#f90,#ffa 80%)}
#detail button:active {background:linear-gradient(to top,#feb,#fa1 80%)}
#detail button img {height:1em;vertical-align:middle}
#detail li>b+i, #description i {color:#bbb;font-style:normal}
#form {width:228px;padding:20px;border:solid 1px #ddd;border-radius:16px;background:#f9f9f9}
#qty {font-weight:bold;color:#444;margin:20px 0 6px 0}
#qty select {margin-left:9px}
button q, #buyonamz q, #buyonwal q, #buyonebay q {display:inline-block;border-right:solid 1px #fc5;margin-right:.9em;background: url(/images/cart2.svg) no-repeat center/75%, linear-gradient(to top, #f71, #fda 80%);width:22%;color:#000;quotes:none;line-height:1.6em}

#price {font-weight:bold;font-size:44px;color:#000;text-shadow:none}
#price:before {content:"$";font-weight:normal;font-size:17px;vertical-align:18px;margin-right:3px}
#price sup {font-weight:normal;font-size:17px;vertical-align:19px;margin-left:2px}

#pack {position:absolute;left:50%;top:40px;text-align:center}
#pack b {border-radius:9px;padding:5px 12px;font-size:1.6em;font-family:Tahoma,arial;color:#fff;text-shadow:0 -1px 0 #a00}
#pack div {font-size:12px;background:#dfd;width:80%;margin:9px auto;font-family:arial;color:#080;text-shadow:0 0 3px #8f8}
#per {font-style:normal}
#per:before{content:"$"}
#per:after{content:" / Item"}

#bullet {margin:1.4em 0;font-size:clamp(14px, 1.3vw, 17px)}
#bullet li:before {content:"\2022";margin-right:7px;font-size:1.5em;vertical-align:bottom;color:#111}
#bullet b {display:inline-block;margin:1em 4em .5em 0;color:#333}
#bullet i {display:block;margin:.1em 0;font-weight:normal;font-style:normal}
#qrcode {position:relative;display:flex;margin-top:22px;color:#09c;font-weight:bold}
#qrcode:before {content:"";position:absolute;bottom:40px;left:85px;height:18px;width:12px;border:solid 1px #000;border-width:2px 1px;background:#09c;border-radius:3px}
#upc {display:flex;justify-content:space-between}
h6 {font-size:1.6em;margin:0}
em {font:normal 39px UPC}
em:before {content:"UPC";font-family:sans-serif,arial;font-size:14px;letter-spacing:1px;position:absolute;top:9px}


.var {display:flex;gap:4%}
.var>*{flex:1;text-align:center;display:block;}
.var a, .var u, .var b {text-decoration:none;font-weight:700;font-size:clamp(20px,2vw,24px);line-height:1.7em;box-shadow:0 2px 4px #777;background:linear-gradient(to top,#ccc,#fff 80%);margin-bottom:12px;border-radius:9px;color:#444;text-shadow:none}
.var *:hover:not(b) {background:linear-gradient(to bottom,#ccc,#fff 80%)}
.var b, #clicked {background:linear-gradient(to top,#700,#F55 80%);color:#fff;text-shadow:none;font-weight:bold;cursor:default}
ol.Black li.var#Black {display:none}
ol.White li.var#White {display:none}
.var b, .var a {flex:0 0 calc(92%/3)}

#buyx {display:block;text-align:center;padding:1em 0 1em 0;font-size:14px;color:#444}
#buyonamz, #buyonwal, #buyonebay {background:linear-gradient(to top,#002,#09c 90%)!important;color:#fff!important;border:solid 1px #09c!important;margin-bottom:11px}
#buyonamz q, #buyonwal q, #buyonebay q {background: #003 center / 75% no-repeat;vertical-align:-3px;border-right:solid 1px #07b;vertical-align:-1px}
#buyonamz q {background-image: url(/images/prime.svg)}
#buyonwal q {background-image: url(/images/walmart.svg)}
#buyonebay q {background-image: url(/images/ebay.svg)}

#buyonamz:hover, #buyonwal:hover, #buyonebay:hover {background:linear-gradient(to top,#002,#0ad 90%)!important}
#buyonamz:active, #buyonwal:active, #buyonebay:active {background:linear-gradient(to top,#09c,#002 90%)!important}
#buyonwalDisabled {display:none}

#buy{margin-bottom:23px;background:#fff;border-radius:9px;box-shadow:inset 0 -.5em 3em -.5em #bbb,0 1px 2px #444;overflow:hidden}
#buy b{display:block;border-bottom:solid 3px #ffc200;text-align:center;color:#fff;text-shadow:0 -1px 0 #a00;font:bold 24px/1.6em arial,sans-serif}
#buy input {border:solid 1px #ffd400;border-radius:5px;background:linear-gradient(to top,#fa1,#feb 80%);color:#000;font-weight:700;letter-spacing:1px;font-size:13px;text-shadow:0 1px #feb;box-shadow:0 1px 1px #444;-webkit-appearance:none}
#buy input:hover{background:linear-gradient(to top,#f90,#ffa 80%)}
#buy input:active{background:linear-gradient(to top,#feb,#fa1 80%)}
#buy #clicked {background:linear-gradient(to top,#700,#F55 80%);color:#fff;text-shadow:none;border:solid 1px #d33}
#buy dl{margin:0;padding:7px 0}
#buy dt{display:flex;justify-content:space-around;padding:5px 0;font-size:15px;font-weight:700;color:#222;text-shadow:1px 1px 1px #fff}
#buy dt:hover{background:#eee}
#buy i{width:38px;font-weight:400;font-style:normal;font-size:14px;color:#080;text-shadow:0 0 4px #8f8}
#buy i:before{content:"$\2009"}

h3 {margin:1.6em 0 .5em 0}

#description {position:relative;margin:10% 0 2em 0;padding:2em;background:#f9f9f9;border-radius:16px;background-repeat:no-repeat;background-position:calc(100% - 2em) 56%;background-size:50.76%;background-blend-mode:darken}
#description dl {margin-top:2em}
#description b {line-height:1.5em}
#description dt {padding:8px 0 8px 39px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3CradialGradient id='a'%3E%3Cstop offset='0%25' stop-color='%230f0'%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%23006400'%3E%3C/stop%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='40' fill='url(%23a)'/%3E%3Cpath d='m30 50 15 15 25-25' stroke='%23fff' stroke-width='10' fill='none'/%3E%3C/svg%3E") left no-repeat;background-size:34px}
.green2 {padding:.3em 3em;margin:0;color:#080;text-shadow:0 0 3px #8f8}
.green {color:#080;text-shadow:0 0 4px #8f8}
.red {color:#a00;text-shadow:0 0 4px #ffbcb8}

#aplus {text-align:center;display:flex;justify-content:space-between;padding:0;margin:2em 0}
#aplus li {display:block;width:220px;list-style:none;padding:0;margin:0}
#aplus li img {border-radius:50%;border:solid 2px #f7f7f7;box-shadow:0 0 9px #999}
#aplus b {display:block;margin:.6em 0}
#aplus p {text-align:justify;font-size:.8em;margin:0 15px}
#aplus ol+img {mix-blend-mode:darken;width:90%;max-width:960px}

/*description table in category7*/
#dtable {list-style-type:none}
#dtable dd {background:#eee;border-bottom:solid 1px #fff;margin:0}
#dtable b {display:inline-block;width:18%;background:#bbb;margin-right:9px;padding-left:9px}

#reviews {display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5%}
#reviews a {position:relative;box-shadow:inset 0 0 4em 0 #ddd;border-radius:16px;padding:1em 1em 3em 1em;color:#111;text-shadow:none}
#reviews a:hover {animation:pulse 1.2s infinite}
#reviews b {display:block;color:#000;margin-bottom:6px}
#reviews b:before{margin-left:-1em}
#reviews a:after {content:"Amazon Verified Purchase";position:absolute;right:1em;bottom:1em;color:#999;font-size:.8em}

#review dt {margin-top:3px}
#review dt:before, #reviews b:before{content:"";display:inline-block;vertical-align:middle;width:120px;height:30px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='27'><text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-size='22' fill='%23ffa41c' stroke='%23ca6f1f'%3E%26%239733%3B%26%239733%3B%26%239733%3B%26%239733%3B%26%239733%3B</text></svg>") center/contain no-repeat}

#ebay dt {position:relative;margin-top:12px;margin-left:55px}
#ebay dt:before {content:"+";position:absolute;left:-45px;top:2px;border-radius:50%;padding:0 9px 1px 9px;color:#fff;font-size:20px;font-weight:800;background:radial-gradient(circle, #00ff00 0%, #006400 70%)}
#ebay i {display:block;color:#999}

footer {margin-top:2em;text-align:center;padding:.7em;color:#777;font-size:.8em}
footer h2 {display:table;font-size:1.6em!important;color:#111!important;margin:.6em auto;padding-left:34px;background:url("/images/star.svg") left/contain no-repeat}
footer a {color:#06c;padding:0 12px}

#next_prev_btm {clear:both;margin-top:5em;text-align:center;font-variant:small-caps}
#next_prev_btm a, #next_prev_btm b, #ContactForm button, #warranty button {margin:.2em;font-size:14px;color:#444;padding:.5em 1em;border:solid 1px #ccc;border-top:solid 1px #ddd;border-bottom:solid 1px #999;background:linear-gradient(to top,#ccc,#f8f8f8 80%);border-radius:.4em;font-weight:bold;box-shadow:0 .1em .1em 0 #ddd;text-shadow:0 1px 0 #fff}
#next_prev_btm b {margin:.2em;color:#aaa;background:linear-gradient(to top,#fff,#ccc)}
#next_prev_btm a:hover, #ContactForm button:hover, #warranty button:hover {border:solid 1px #aaa}
#next_prev_btm a:active,#ContactForm button:active, #warranty button:active {background:linear-gradient(to top,#fff,#ccc);transition:none}

#p3 main {display:flex;gap:2em}
#warranty, #ContactForm {min-width:700px;border-radius:16px;box-shadow:inset 0 -20px 90px -20px #bbb, 0 0 3px #ddd;background:#fff;padding-bottom:9px;font-weight:bold;font-size:1.3em;white-space:nowrap;overflow:hidden}
#ContactForm img, #warranty img {vertical-align:middle}
#ContactForm select{width:calc(100% - 2em);margin:1em;font-size:.8em;box-sizing:border-box}
.contact{display:flex;gap:1em;box-sizing:border-box}
.send{display:flex;align-items:center;gap:1em;box-sizing:border-box}
.captcha{border:solid 1px #080!important;color:#080!important;font-weight:bold!important;width:120px!important;margin:9px 0 9px auto!important;display:block}

.Error {position:fixed;top:50px;left:50%;transform:translateX(-50%);z-index:9;backdrop-filter: blur(2px);background:linear-gradient(to bottom,#ff0000cc,#760000cc);color:#fff;text-shadow:0 -1px #000;padding:1em;border-radius:9px;border:solid 1px #f00;box-shadow:0 2px 9px #444;cursor:pointer}
.Error:before {content:"\26A0";color:#fc0;font-size:2em;margin-right:9px;vertical-align:middle;text-shadow:none}

.reveal-if-active {opacity:0;max-height:0;overflow:hidden;font-size:16px;transform:scale(0.8);transition:0.5s}
.reveal-if-active label {display:block;margin:0 0 3px 0;color:#0d9ddd;text-shadow:0 0 4px #8ffdff;font-size:1em}
.reveal-if-active input[type=text] {width:70%!important}

#warranty input[type="radio"]:checked~.reveal-if-active,input[type="checkbox"]:checked~.reveal-if-active {opacity:1;max-height:100px;padding:10px 20px;transform:scale(1);overflow:visible}
#warranty>div,#ContactForm>div{padding:0 1em;box-sizing:border-box}
#warranty>div>div{padding:4px 0}
#warranty>h4,#ContactForm>h4{color:#fff;text-shadow:0 -1px 0 #777;background:linear-gradient(to top,#222,#666);padding:5px 15px}
#warranty>h4:first-child,#ContactForm>h4:first-child{margin:0 0 9px 0}
#warranty input[type=text],#ContactForm input[type=text]{width:calc(50% - .5em);padding:9px;box-sizing:border-box}
#warranty textarea,#ContactForm textarea,#EmailRepeat{height:99px;width:100%;resize:none;padding:9px;box-sizing:border-box}

.invalid {background-color: #fdd}
.valid {background-color:#dfd;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5.341,12.247a1,1,0,0,0,1.317,1.505l4-3.5a1,1,0,0,0,.028-1.48l-9-8.5A1,1,0,0,0,.313,1.727l8.2,7.745Z' transform='translate(19 6.5) rotate(90)' fill='%23008000'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:right 10px center;background-size: 22px 22px;padding-right: 28px}
.invalid.valid {background-image: none}

summary {font-weight:700;font-size:14px;margin-bottom:4px;cursor:pointer}
details p {font-size:13px}

label[for="more"] {font-weight:bold}
#more, #more + div {transition:max-height .8s ease-in-out; max-height:0;appearance:none}
#more:checked + div {max-height:150vh;width:200px}


@media (hover:none) {#review dt:before,#reviews b:before {height:19px;width:105px}
}

.EditLink {position:absolute;right:0;top:-1em;text-decoration:none;font-size:1.2em;font-variant:small-caps;letter-spacing:1px}