/* Fonts - self-hosted Barlow / Barlow Condensed (woff2 in ../fonts).
   Only the 4 faces the skin actually uses; body italics are browser-synthesized (as in CPModern). */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlowcond-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlowcond-700-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/barlowcond-700i.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/barlowcond-700i-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* Design tokens - Hardin Marine (navy + orange). Same token architecture as CPModern;
   swap these values, not the structural rules. Tune as we see it in the browser. */
:root{
  --b:#ff4000;          /* primary accent: buttons, active, key highlights */
  --bd:#d63400;         /* darker accent for hover */
  --orange:#ff8000;     /* bright secondary orange: nav text, badges */
  --oranged:#e06e00;
  --ink:#001a66;        /* navy - structural dark: headers, nav bars, footer */
  --navy:#000080;       /* HM brand navy */
  --navy-deep:#000a3d;  /* deep navy: utility / legal bars */
  --util:#000a33;       /* utility bar bg (darkest navy band) */
  --nav:#001452;        /* main header row bg (mid navy band) */
  --menubar:#002ba9;    /* menu/nav bar bg (.cph-nav) */
  --bandsoft:#9aa8cc;   /* muted light text on navy chrome */
  --bandline:#2a3a6b;   /* dividers on navy chrome */
  --soft:#5b678a;       /* muted navy-grey text */
  --line:#d7dbe6;       /* light borders */
  --band:#eef1f8;       /* light navy-tint panels / zebra */
  --hover:#f4f6fb;      /* subtle hover background */
  --cream-1:#eef1f8;--cream-2:#e5ebf6;--cream-3:#dbe3f2;--cream-4:#d1dcee; /* subcat depth ramp - navy tints (mirrors CP's --cream-* token names) */
  --cream-hover:#c8d5ea;--cream-rule:#b6c4e2;--cream-line:#dde4f2;
  --sku-bg:#dbe7ff;--sku-bd:#a9c3ee; /* SKU chip: light blue */
  --rad:6px;
  --disp:'Barlow Condensed',Tahoma,sans-serif;
  --body:'Barlow',Tahoma,sans-serif;
}

/* GENERAL CSS */

html, body{margin:0 0 0 0;height:100%;text-align:center;font-size:100%;font-family:'Barlow', 'Barlow Condensed', Arial, Helvetica, sans-serif;}
a:active, a:link, a:visited{color:#000080;text-decoration:underline;}
iframe {max-width: 100%;}
a:hover{color:#ff3c00;}
/* base headings h1-h6 are normalized in base.css */
h5.cart-item-title {text-align:left;}
#main{margin:0 auto;min-width:960px;width:100%;font-size:14px !important;min-height:100%;}
#contentbody{width:60%;min-width:960px;margin:15px auto 0px auto;clear:right;background:#fff;border:1px solid var(--line);min-height:250px;text-align:left;}
.signin-text a:visited{color:#ffffff;border: 1px solid #000000;}
.signin-text a:hover{color:#000000 !important;border: 1px solid #000000;}
input.ppclear{border:0px;-moz-box-shadow: #fff 0px 0px 0px;-webkit-box-shadow: #fff 0px 0px 0px;background:#fff;}
input[type="checkbox"], input[type="radio"]{border: 0px;}
input[type="text"]:hover{border:1px solid #333;-moz-box-shadow: #333 0px 0px 3px;-webkit-box-shadow: #333 0px 0px 3px;}
input[type="label"]{font-weight:bold;}
input[type="text"],textarea,input[type="password"], input[type="email"], input[type="tel"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
button, input[type="button"],input[type="submit"],.signin-text a:link, a.redbutton, a.choose-payment-method-button{font-size:14px;font-weight:bold;font-family:var(--body);color:#fff;padding:6px 14px;background:var(--b);border-radius:var(--rad);border:1px solid var(--bd);box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.3);cursor:pointer;margin:3px 3px 0 3px;text-decoration:none;display:inline-block;-webkit-font-smoothing:antialiased;transition:background .15s;}
button:hover, input[type="button"]:hover,input[type="submit"]:hover,.signin-text a:hover, a.redbutton:hover,  a.choose-payment-method-button:hover{color:#fff;background:var(--bd);text-decoration:none;}
.radio{margin-bottom:5px;}
input[type="button"]:hover,input[type="submit"]:hover,.signin-text a:hover{color:#fff;background:var(--bd);}
button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible, a.redbutton:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
select{font-size:1em;}
.mainbox{width:100%;box-sizing:border-box;min-height:250px;text-align:left;margin:0;float:left;box-shadow:none;padding:10px;background:#fff;border-radius:var(--rad);font-size:14px;}
#footerhome a:active, #footerhome a:link, #footerhome a:visited{color:#FFFFFF;font-weight:bold;text-decoration:underline;text-shadow:1px 1px 1px #000000;}
#footerhome a:hover{color:#FF8000;font-weight:bold;text-decoration:underline;}
#searchbar{float:right;line-height:50px !important;height:50px;}
.menusearch{float:right;clear:both;width:100%;z-index:200;}
#menu{float:right;text-align:right;margin-left:160px;}
#menu a:active, #menu a:link, #menu a:visited{text-decoration:none;}
table{font-size:14px !important;font-family:'Barlow', Arial, Tahoma, Verdana, sans-serif;border:none;}
table input{font-size:1em;}
table select{font-size:12px;}
form{margin:0;padding:0;}
img{border:none;}
fieldset, form{border:none;margin:0;padding:0;min-height:100%;min-height:100%;}
* html .clear, * html .floatform{height:1%;}
.clear, .floatform{display:block;}
.clearer{clear:both;}
ul.tame, ul.tame li{margin:0;padding:0;display:list-item;list-style:none;font-size:11px;}
ul.tame li{line-height:1.25em;}
br.cl{clear:both;}
.hmdist{width:450px;display:none;}
#wrapper{width:100%;height:auto;margin:0 auto;padding:0;text-align:left;font-size:0.71em !important;}
#content{margin:15px 10px;width:calc(100% - 20px);clear:both;}
.center{float:left;width:100%;display:flex;}
#breadcrumb{float:left;clear:both;color:#444;margin:10px 0 10px 5px;padding-left:5px;font-size:12px;line-height:16px;}
#breadcrumb a, #miniCart a{color:#000080;}
#breadcrumb a:hover{color:#ff4000;}
input.submit{border:1px double #999;border-top-color:#ccc;border-left-color:#ccc;padding:0.1em;margin:0;background-color:#fff;background-image:url(../images/background-form-element.png);color:#333;font-size:1em;font-weight:bold;font-family:'Barlow', Tahoma, Verdana, sans-serif;}
input.submit:active{border:1px double #ccc;border-top-color:#999;border-left-color:#999;}
a.fblogo{background:url(../images/icons/facebook.png);height:16px;background-repeat:no-repeat;display:block;}
a.wishlist{background:url(../images/icons/homeicons.png) 0px -32px;height:16px;background-repeat:no-repeat;display:block;}
a.cart{background:url(../images/icons/homeicons.png) 0px -16px;height:16px;background-repeat:no-repeat;display:block;}
a.account{background:url(../images/icons/homeicons.png) 0 0;height:16px;background-repeat:no-repeat;display:block;}
a.contact{background:url(../images/icons/homeicons.png) 0px -48px;height:16px;background-repeat:no-repeat;display:block;}
a.wishlist, a.cart, a.faq, a.contact, a.account, a.fblogo{padding:0px 15px 0px 20px;}
.navbuttons{float:right;height:16px;padding:6px 0;line-height: 17px;text-decoration:none;}
.pipe{padding:0 1em;font-size:0.9em;font-weight:normal;}
.search{float:right;padding:0px 10px;width:auto;font-weight:bold;font-size:14px !important;}
.search input[type='text']{width:345px;border:1px solid #A7A6AA;margin: 0 0 2px 5px;-moz-box-shadow:#aaa 0px 0px 3px;-webkit-box-shadow:#ccc 0px 0px 3px;font-size:14px;Padding:4px;background:-moz-linear-gradient(top,#eee 0%,#fff 50%);background:-webkit-linear-gradient(top,#eee 0%,#fff 50%);font-family:'Barlow',Arial,sans-serif;}
.search input[type='button']{margin-bottom:2px;}
.search input[type='submit']{background-color:#FFFFFF;background-image:url(../images/background-form-element.png);border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);border-style:double;border-width:1px;color:#333333;font-family:'Barlow', Arial, Tahoma, Verdana, sans-serif;font-weight:bold;margin:0pt;padding:0.1em;font-size:0.71em !important;}
.search_error{color:Red;font-size:smaller;font-style:italic;font-weight:normal;}
.catMark{font-size:0.8em;font-weight:bold;color:#aaa;letter-spacing:-2px;}
.topList li{font-size:1.2em;font-weight:bold;margin:0 0 0.5em 0;list-style:none;}
#closer{font-size:0.7em;color:#444;margin:1em 0;}
#closer a{color:#444;}
.AddToCartButton, .AddToWishButton, #Quantity{font-size:1em;}
.addToForm{margin-top:1em;}
.add-to-cart-group{margin-bottom:0px;}
.selected{font-weight:bold;}
.signin-text{border-bottom:none; width:auto;line-height:22px;}
.signin-text a:visited{color:#ffffff;}
.quantity-select{width:auto; display:inline-block;padding:6px;margin-left:5px;}
.payment-form label{position:relative;bottom:10px;margin-right:10px;}
.form-group label{position:static;}
.mobilenav{display:none;}
.mob67{width:100%;}
.loginmob{float:left;}
.the3Dframe {width:100%;height:50vw;padding:5px;box-sizing:border-box;}


/*Left Nav CSS*/

.leftNav{border-top:2px solid #ff8000;margin-bottom:5px;font-size:10px;text-align:left;color:#000;padding:5px 0 5px 0;}
#leftWrap{width:190px;padding-left:10px;padding-bottom:10px;float:left;clear:left;}
#leftWrap a:active, #leftWrap a:link, #leftWrap a:visited{color:#fff;text-decoration:underline;}
#leftWrap a:hover{color: #ff8000; font-weight:bold;}
#leftWrap h2{margin:0;color: #404040;font-size:24px;text-align:center;text-decoration:none;line-height:24px; font-style:italic;}
.abovephone{margin:15px 0 0 0;font-size:14px;color:#555;}
.belowphone{margin:0 0 15px 0;font-size:11px;color:#555;}
.navHeader{width:190px;height:22px;line-height:22px;color:#ff8000;font-weight:bold;font-size:16px;text-align:left;border-radius: 7px 7px 0px 0px;-moz-border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;}
ul.tame, ul.tame li{margin:0;padding:0;display:list-item;list-style:none;font-size:12px;}
ul.tame li ul li{font-size:11px;}
ul.tame li{line-height:1.25em;text-indent:5px;}
ul.tame li ul, ul.tame li ul li ul, ul.tame li ul li ul li ul, ul.tame li ul li ul li ul li ul{padding:3px 0 3px 5px;margin:3px 0 3px 0;}

/* ===== Modern left nav (ported from CPModern, recolored HM navy/orange) ===== */
/* card sections, flat headers (Categories = orange, rest = navy), rows as block links, selected = navy row + orange inset bar, navy-tint depth ramp for subcategories */
#leftWrap a:active, #leftWrap a:link, #leftWrap a:visited{color:var(--ink);text-decoration:none;}
#leftWrap a:hover{color:var(--b);font-weight:normal;}
#leftWrap .navHeader{width:auto;height:auto;line-height:1.2;background:var(--ink);color:#fff; font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em; font-size:15px;text-align:left;padding:9px 12px;border-radius:0;border:0;margin-top:0;}
#leftWrap .navHeader:first-of-type{background:var(--b);}
#leftWrap .leftNav{border:1px solid var(--line);border-top:0;border-radius:0;background:#fff; margin:0 0 14px 0;padding:2px 0;font-size:14px;}
/* Last section (Manufacturers) ends flush with the content column - drop its 14px gap and the column's 10px pad */
#leftWrap{padding-bottom:0;}
#leftWrap .leftNav:last-child{margin-bottom:0;padding-bottom:0;}
#leftWrap ul.tame, #leftWrap ul.tame li{margin:0;padding:0;list-style:none;display:block;}
#leftWrap ul.tame li{line-height:normal;text-indent:0;border-top:1px solid var(--line);font-size:14px;}
#leftWrap ul.tame li:first-child{border-top:0;}
#leftWrap ul.tame li a{display:block;width:auto;padding:4px 12px;color:var(--ink);text-decoration:none; transition:background .12s ease,color .12s ease;}
#leftWrap ul.tame li a:hover{background:var(--hover);color:var(--b);}
#leftWrap ul.tame li a.selected{color:#fff;font-weight:700;background:var(--ink);box-shadow:inset 3px 0 0 var(--b);}
#leftWrap ul.tame li a.selected:hover{background:#0a2a7a;color:#fff;}
#leftWrap ul.tame li ul, #leftWrap ul.tame li ul li ul, #leftWrap ul.tame li ul li ul li ul{background:none;padding:0;margin:0;}
#leftWrap ul.tame li ul li{font-size:13.5px;border-top:1px solid var(--cream-line);}
#leftWrap ul.tame li ul li a{padding-left:20px;color:var(--soft);background:var(--cream-1);}
#leftWrap ul.tame li ul li ul li a{padding-left:28px;background:var(--cream-2);}
#leftWrap ul.tame li ul li ul li ul li a{background:var(--cream-3);}
#leftWrap ul.tame li ul li ul li ul li ul li a{background:var(--cream-4);}
#leftWrap ul.tame li ul li a:hover{background:var(--cream-hover);color:var(--b);}
#leftWrap ul.tame li ul{border-top:2px solid var(--cream-rule);border-bottom:2px solid var(--cream-rule);}
#leftWrap ul.tame li ul li:first-child{border-top:0;}
#leftWrap ul.tame li ul li ul li ul li a{padding-left:36px;}
#leftWrap ul.tame li ul li ul li ul li ul li a{padding-left:44px;}
.ppbanner{margin-bottom:5px; text-align:left;}
.ppbanner img{max-width:100%;}

/* HOMEPAGE CSS */

#bg{margin:0 0 0 0;width:100%;min-height:100%;background: #0064ee; background: -moz-linear-gradient(top, #0064ee 0%, #000080 100%);background: -webkit-linear-gradient(top, #0064ee 0%,#000080 100%);background: -o-linear-gradient(top, #0064ee 0%,#000080 100%);background: -ms-linear-gradient(top, #0064ee 0%,#000080 100%);background: linear-gradient(to bottom, #0064ee 0%,#000080 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064ee', endColorstr='#000080',GradientType=0 );}
#maincontentbody{width:100%;float:left;clear:both;min-height:250px;text-align:left;display:flex;}
#footerhome{margin:0;width:100%;float:left;clear:both;}
#hmbanner{width:100%;font-weight:bold;float:left;text-align:left;background-position:center; background-repeat: no-repeat;}
#hmhome ul, #hmhome li{margin:0;list-style:disc;font-size:1.0em;font-weight:bold;}
#hmhome{width:950px;margin:auto;text-align:left;}
#hmhome h3{font-size:1.3em;}
#homecontent{margin-top:0px;margin-bottom:5px;width:100%;height:auto;float:left;clear:both;}
.hmslide {width:100%;margin:0;}
.images {position:relative;width:100%;margin:0;cursor:pointer;}
.images h3 {font-size:41px;font-weight:bold;font-family:'Barlow Condensed',Tahoma, Verdana, sans-serif;margin:0;color:#fff;border:none;padding:0;line-height:41px;text-align:center;}
.current{background:rgba(225,86,4,1);}
.images p{color:#FFFFFF;font-size:16px;margin:0;}
.cardtop{background-size:100% !important;}
.frontpageitem{display: flex;flex-direction: column;justify-content: space-between;float:left;width:100%;padding:0;min-height:275px;}
.frontpageitem .level-price{display:none;}
.frontpageitemcontainer{min-width:164px;max-width:240px;font-size:14px;display:flex;flex-grow:1;margin:5px;border:1px solid var(--line);border-radius:var(--rad);background:#fff;overflow:hidden;box-sizing:border-box;}
.featuredbox{padding:10px 0;width:100%;float:left;display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;justify-content:center;align-items:stretch;}
.featuredbox:after{content:'';width:100%;display:inline-block;}
.featuredimage{text-align:center;height:150px;overflow:hidden;}
.featuredimage img{display:inline-block;vertical-align:middle;max-width:150px;}
.verthelper{display:inline-block;height:100%;vertical-align:middle;}
.featuredbutton{width:auto;margin:0 3px 10px 3px;}
.featuredbutton a{margin:0;display:block;box-sizing:border-box;text-decoration:none;color:#fff;background:var(--b);padding:0 10px;box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.3);font:bold 14px var(--disp);line-height:26px;border:1px solid var(--bd);transition:background .15s;}
.featuredbutton a:hover{color:#fff;background:var(--bd);}
.featuredbutton a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.featuredProductLinks{color:#000000;font-weight:bold;line-height:17px;min-height:34px;padding-left:10px;padding-right:10px;}
.featuredProductDescription{padding-top:10px;font-weight:normal;}
.featuredProductPrice{padding-top:10px;padding-bottom:10px;font-weight:normal;}
.homenavimage{width:100%;position:absolute;bottom:0px;padding-bottom:10px;}
.homenavimage div {width:500px;max-width:33%;}
.homenavimage img {width:100%;}
.optionbar{width:100%;box-sizing:border-box;float:left;padding:12px 10px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}
.optionbar a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--b);border:1px solid var(--bd);border-radius:var(--rad);padding:8px 18px;font:bold 18px var(--disp);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.3);transition:background .15s;}
.optionbar a:link, .optionbar a:visited{color:#fff;}
.optionbar a:after{content:'\203A';font-size:22px;line-height:1;}
.optionbar a:hover{color:#fff;background:var(--bd);text-decoration:none;}
.optionbar a:focus-visible{outline:2px solid #fff;outline-offset:2px;}

/* CATEGORY AND SECTION PAGE CSS */

.catcontainer{background-color:#e6e6e6;background: -moz-linear-gradient(top,#fff 0%,#e6e6e6);;background: -ms-linear-gradient(top,#fff 0%,#e6e6e6 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#e6e6e6));float:right;margin-left:10px;border: 1px solid var(--line);Padding:10px 5px;width:180px;}
.moreinfo2{border-radius:var(--rad);background:#8cc8fa;box-shadow:none;border:1px solid #5fa8ee;font-size:14px;margin-left:8px;margin-right:8px;float:none;position:relative;transition:background .15s;}
.moreinfo2:hover{background:#63b2f5;}
.moreinfo2 a:active, .moreinfo2 a:link, .moreinfo2 a:visited{color:var(--ink);text-decoration:none;padding:6px 14px;display:block;}
#menuinfo{margin:auto;width:550px;height:300px;border:2px solid #ccc;-webkit-border-top-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-moz-border-radius-bottomleft:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.5);box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.5);background:rgba(0, 0, 64, 0.7);*background:url(IMAGES/IETRANS.png);color:#FFFFFF;text-shadow:1px 1px 1px #000000;overflow:hidden;}
.video{width:235px;float:left;height:132px;clear:both;border:1px solid #000;}
#catdesc{font-size:14px;margin-left:10px;margin-right:10px;width:655px;}
.cats{margin-top:10px;margin-left:50px;border:1px solid var(--line);border-radius:var(--rad);box-shadow:none;padding:0px 10px 10px 10px;background:#fff;display:none;}
#moreinfo{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#ff8200;padding:3px 12px 3px 13px;box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;-webkit-box-shadow:3px 3px 2px #888;border:solid 2px;float:right;}
#moreinfo a:active, #moreinfo a:link, #moreinfo a:visited{color:#000;text-decoration:none;}
#card2{border: 2px solid #ccc;}
ul.tabs{list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #666;height:30px;}
ul.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;font-size:12px;}
ul.tabs a{background:url(/../images/hmtabs.png) no-repeat -420px 0;font-size:11px;display:block;height:30px;line-height:30px;width:134px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0px;position:relative;top:1px;}
ul.tabs a:active{outline:none;}
ul.tabs a:hover{background-position:-420px -31px;color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{background-position:-420px -62px;cursor:default !important;color:#000 !important;}
ul.tabs a.s{background-position:-553px 0;width:81px;}
ul.tabs a.s:hover{background-position:-553px -31px;}
ul.tabs a.s.current{background-position:-553px -62px;}
ul.tabs a.l{background-position:-248px -0px;width:174px;}
ul.tabs a.l:hover{background-position:-248px -31px;}
ul.tabs a.l.current{background-position:-248px -62px;}
ul.tabs a.xl{background-position:0 -0px;width:248px;}
ul.tabs a.xl:hover{background-position:0 -31px;}
ul.tabs a.xl.current{background-position:0 -62px;}
ul.subcatnav, ul.subcatnav2{margin:0; list-style:none;padding:0;}
ul.subcatnav li, ul.subcatnav2 li {line-height:30px;padding:0 0 0 6px;margin-bottom:2px;width:100%;box-sizing:border-box;}
ul.subcatnav li:not(.mobilenav){display:flow-root;}
a.catbutton{display:block;text-decoration:none;color:#fff;background:var(--b);padding:0 10px 0 12px;box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.3);font:bold 18px var(--disp);line-height:30px;margin-bottom:3px;margin-left:5px;border:1px solid var(--bd);border-radius:0;float:left;font-weight:bold;min-width:240px;box-sizing:border-box;transition:background .15s;}
a.catbutton:hover{color:#fff;background:var(--bd);}
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 14px var(--body);line-height:22px;width:235px;}
ul.vert-one li{margin:0 0 3px 0;padding:0;}
ul.vert-one li a{display:block;box-sizing:border-box;text-decoration:none;color:#fff;background:var(--b);padding:2px 8px;width:230px;box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.3);border:1px solid var(--bd);transition:background .15s;}
ul.vert-one li a:hover{color:#fff;background:var(--bd);}
ul.vert-one li a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.headercat h1{display:block;font-size:26px;line-height:30px;padding:10px;margin:10px 0 10px 0;color:#fff;background:var(--ink);text-align:left;border-bottom:solid 2px var(--b);font-family:var(--disp);font-weight:700;font-style:italic;}
#moreinfo{font-size:14px;font-weight:bold;color:var(--ink);padding:6px 14px;border-radius:var(--rad);background:var(--orange);border:1px solid var(--oranged);box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.3);margin-left:3px;margin-right:3px;transition:background .15s;}
#moreinfo:hover{background:var(--oranged);}
.catpartdesc{margin-bottom:5px;width:auto;overflow:hidden;}
.desccontainer h2 {border-bottom:none;}
.bestbox{padding-top:10px;width:100%;float:left;display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;justify-content:space-between;align-items:stretch;}
.bestboxcontainer{font-size:14px;margin:5px;display:flex;flex-grow:1;border: 1px solid #ddd;max-width:240px;}
.bestboxitem img{max-width:150px;}
.bestboxitem{width:100%;padding:10px 7px 10px 7px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;}
.bestsellertriangle{border-top:50px solid #0043c8;border-bottom:50px solid transparent;border-left:50px solid #0043c8;border-right:50px solid transparent;display:inline-block;align-self: flex-start;position:absolute;}
.triangletext{transform: rotate(-45deg) translate(-20px,-50px);position: absolute;width: 85px;color: #fff;font-weight: bold;font-size:12px;}
.truncate{height:54px;margin:10px 0 10px 0; overflow:hidden;text-align:left;}
.catdesc2{flex:1;min-width:0;}
.catdesc2 ul {font:'Barlow Condensed', Tahoma;font-weight: bold; font-size:20px;}
.listleft{max-width:251px;} /* 6px li padding + 5px catbutton margin-left + 240px min-width - anything less overflows into the .catorg gap */
.catbg{overflow:auto;width: 100%; border: 3px solid rgb(204, 204, 204); background: rgb(0, 0, 0);background-size:100%;min-height:500px;background-repeat:no-repeat;}
.tablestack{width:50%;}
.catdesc2 img {max-width: 100%;}
.catorg{box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:15px;}




/* PRODUCT PAGE CSS */

.regular-price, .variant-price{font-size:15px;}
.sale-price, .level-price{font-size:16px;color:var(--b) !important;}
.kit-group button {color:#444444;background:none;box-shadow:none;border:none;display:flex;padding:0;}
.kit-group button:hover {background:none;}
.image-controls{margin-top:15px;}
#reviews{background-color:#d4d4d4;border:1px dashed #606060;}
#productTopBox{text-align:right;padding:1.5em 10px 10px 10px;}
#sku{display:block;}
#price{font-weight:bold;font-size:1.5em;display:block;}
.RegularPrice, .variantprice, .LevelPrice{font-size:14px;}
.SalePrice{font-size:14px;color:#dd0000 !important;}
.saver, .saverfeatured{display:inline-block;font-size:13px;line-height:18px;font-weight:700;color:#1a6b38;background:#e9f4ed;border:1px solid #bfe0cd;border-radius:var(--rad);padding:4px 10px;}
.saver:before, .saverfeatured:before{content:"\2713";margin-right:6px;font-weight:700;}
.saver:empty, .saverfeatured:empty{display:none;}
.MSRP{font-size:14px;color:#808080;text-decoration:line-through;font-weight:bold;}
#description, #quoteBox, #otherinfo{margin:10px;}
.prodHeader{width:99.5%;height:1.2em;color:#6B6F83;clear:both;font-weight:bold;font-size:1.2em;padding:3px 5px;border-bottom:solid 2px #4776BD;}
#quoteBox input, #quoteBox select{font-size:1em;display:block;margin:5px 0;}
#mainImg{margin:0 10px 10px 0;float:left;}
#pagetabs{width:100%;}
#pagetabs a{background:white url(../images/tab_out.gif) top left repeat-x;background-color:#DDDDDD;border-left:solid 1px black;border-top:solid 1px black;border-right:solid 1px black;color:#696969;padding:5px 5px 0px 5px;position:relative;margin-right:3px;text-decoration:none;vertical-align:middle;}
#pagetabs a:hover{text-decoration:underline;color:#ffffff;background:white url(../images/tab_over.gif) top left repeat-x;}
#pagetabs a.activetab{padding:5px 5px 1px 5px;position:relative;top:1px;color:#ffffff;background-image:url(../images/tab_over.gif);border-bottom-color:white;}
#pagetabs a.activetab:hover{text-decoration:none;}
#tabcontent{border:solid 1px gray;margin:0px;padding-top:0px;padding-bottom:10px;width:100%;}
#tabcontent div.hiddenTab{display:none;}
#tabcontent div.selectedTab{display:block;}
.RecentCommentsHeader{background-color:#CCCCCC;color:#000000;font-weight:bold;text-align:center;height:25px;}
.RecentCommentsHeaderBorder{background-color:#FFFFFF;}
.RecentCommentsFooter{background-color:#CCCCCC;}
.RecentCommentsBorder{background-color:#CCCCCC;}
.RecentCommentsCell{background-color:#FFFFFF;color:#000000;text-align:center;}
.pnlRecentCommentSort{background-color:#FFFFCC;}
.RecentCommentSortText{color:#FF0000;}
.RecentCommentReSortText{color:#000000;font-weight:bold;}
.RecentCommentIsolateHeader{background-color:#009999;}
.RecentCommentIsolateHeaderText{color:#FFFFFF;text-align:center;font-weight:bold;}
.RecentCommentIsolateCell{background-color:#FFFFFF;color:#000000;}
.RecentCommentsPagingTop{background-color:#ffffff;color:#000000;}
.rateitBG{background-color:#336699;margin:0px;}
.rateittable{background-color:#336699;}
.rateitlabel{font-family:arial,helvetica;font-weight:bold;color:#ffffff;}
.rateitproductname{background-color:#FFFFCC;}
.rateitbox{background-color:#FFFFFF;}
.rateitddl{font-size:10px;}
.rateittext{font-size:12px;}
.kit_table{width:770px;}
.kit_table .kit_column_content{width:500px;}
.kit_table .kit_column_sidebar{padding-left:10px;width:240px;}
.kit_groups{width:100%;}
.kit_sidebar{text-align:center;vertical-align:middle;z-index:99;width:190px;background-color:#fff;}
.kit_sidebar_content{border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.kit_sidebar .kit_sidebar_header{vertical-align:middle;padding-top:5px;padding-bottom:5px;background:transparent url(../images/nav-header-bg2.gif) no-repeat scroll left bottom;border-style:none;width:240px;}
.kit_sidebar_header{text-align:left;padding-left:10px;}
.kit_sidebar .kit_addToCart{padding-top:10px;padding-bottom:10px;}
.kit_sidebar .kit_addToCart .kit_priceDisplay{text-align:left;vertical-align:middle;padding-left:10px;padding-bottom:10px;}
.kit_sidebar .kit_addToCart .kit_priceDisplay .kit_regBasePrice{text-decoration:line-through;}
.kit_sidebar .kit_selectedItems{border-top:solid 1px #eee;text-align:left;vertical-align:middle;}
.kit_groups input[type='text']{border:1px solid #A7A6AA;}
.kit_groups textarea{border:1px solid #A7A6AA;}
.kit_groups .kit_group{margin-bottom:10px;}
.kit_groups .kit_groupName{background-color:#efefef;padding:5px 10px 5px 10px;border:solid 1px #ccc;cursor:hand;cursor:pointer;}
.kit_groups .kit_groupDescription{display:block;overflow:hidden;padding-top:5px;padding-bottom:5px;}
.kit_groups .kit_groupContent{border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;padding-left:10px;padding-top:15px;padding-bottom:20px;text-align:left;vertical-align:middle;}
.kit_groups .kit_groupContent .kit_items_table{width:450px;border:dashed 1px #ccc;}
.kit_groups .kit_groupContent .kit_line_item{border-style:none;}
.kit_disabled_item{text-decoration:line-through;}
.kit_group_image{float:left;margin-right:5px;margin-left:5px;}
.kit_kititemImage_hoverPanel{background-color:White;border:solid 1px #ccc;word-wrap:break-word;}
.kit_groupitem_image{padding-left:25px;}
.kit_groupItem_nameLabel{cursor:hand;cursor:pointer;}
#pricebar{font-size:14px;font-weight:bold;color:var(--ink);padding:8px 12px;background:var(--band);border-radius:var(--rad);border:1px solid var(--line);box-shadow:none;margin-left:3px;margin-right:3px;margin-top:3px;width:755px;}
#tablepart{font-size:14px;font-weight:bold;color:#000;margin-left:3px;margin-right:3px;padding:4px 8px 4px 8px;}
#tableprice{font-size:14px;font-weight:bold;color:#000;margin-left:3px;margin-right:3px;padding:4px 8px 4px 8px;}
.itempic{float:left;width:275px;margin-bottom:10px;}
.add-to-cart-selectors{display:inline-block;}
.email-product img{max-width:100%;}
.quantity-label{font-size:12px;}
.quantity-field, .addToCartQty{border:1px solid var(--line);font-size:14px;border-radius:var(--rad);padding:5px;}
.iteminfo{width:auto; overflow:hidden;}
.iteminfocover{width:auto;margin-bottom:10px;overflow:hidden;}
.iteminfocover2{float:right; width:360px; margin:10px 0 10px 10px;}
.ProductNameText h1{border-bottom:0;padding-bottom:0;}
.productpanel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px 0;padding-bottom:12px;border-bottom:2px solid var(--line);}
.producttable{width:100%;}
.producttablepic{float:left;width:150px;margin-right:10px;min-height:165px;}
.email-a-friend-wrap, .instructions-wrap, .questions-wrap, .video-wrap, .specs-wrap{display:inline-flex;align-items:center;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:6px 8px;line-height:20px;font-size:14px;transition:border-color .15s ease, background-color .15s ease;}
.group-header2 {display: block;clear:both;font-size: 24px;line-height: 30px;padding:10px;margin: 20px 0px 5px 0px;color:#fff;background:var(--ink);text-align:left;border-bottom:solid 2px var(--b);font-family:var(--disp); font-weight:700; font-style:italic;}
.email-a-friend-wrap:hover, .instructions-wrap:hover, .questions-wrap:hover, .video-wrap:hover, .specs-wrap:hover{background:var(--hover);border-color:var(--soft);}
.email-a-friend-wrap a, .instructions-wrap a, .instructions-wrap a:link, .questions-wrap a, .video-wrap a, .specs-wrap a{display:inline-flex;align-items:center;gap:7px;padding:0;height:auto;background:none;font-size:14px;line-height:20px;color:var(--ink);text-decoration:none;}
.email-a-friend-wrap a:hover, .instructions-wrap a:hover, .questions-wrap a:hover, .video-wrap a:hover, .specs-wrap a:hover{color:var(--b);}
.instructions-wrap a:before, a.video-link:before, a.v3d-link:before, a.specs-link:before, a.questions-link:before, a.email-a-friend-link:before{content:"";flex:none;width:16px;height:16px;background-color:currentColor;-webkit-mask:var(--chip-icon) center/16px 16px no-repeat;mask:var(--chip-icon) center/16px 16px no-repeat;}
.instructions-wrap a{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");}
a.video-link{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E");}
a.v3d-link{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l9 5v10l-9 5-9-5V7z'/%3E%3Cpath d='M3 7l9 5 9-5M12 12v10'/%3E%3C/svg%3E");}
a.specs-link{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");}
a.questions-link{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E");}
a.email-a-friend-link{--chip-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 7l10 6 10-6'/%3E%3C/svg%3E");}
.ProductSKUText{font-size:14px;display:inline-block;padding:6px 12px;line-height:20px;color:var(--ink);background:var(--sku-bg);border:1px solid var(--sku-bd);border-radius:var(--rad);}

/* ===== Multi-variant tables (ported from CPModern, HM navy/orange; header row uses HM's condensed --disp) ===== */
/* the 2 !important only exist to beat the tables' inline style="" frame border - see CPHM-NOTES VT-4 */
.varpic img{max-width:300px;}
.variant-table{border:2px solid var(--ink) !important;width:100%;font-size:14px;}
.variant-table .price.regular-price, .variant-table .price.sale-price, .variant-table .price.level-price, .variant-table .variant-price{display:block;font:inherit;color:inherit;margin:0;}
.variant-table .price.level-price, .variant-table .price.sale-price{color:var(--b);}
.variant-table .price > span, .variant-table .variant-price > span{font:inherit;color:inherit;display:inline;margin:0;}
.vt-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.variant-table > thead > tr > td{background:var(--ink);color:#fff;font-family:var(--disp);font-weight:700;font-size:14px; text-transform:uppercase;letter-spacing:.02em;padding:9px 10px;text-align:center; border:1px solid var(--ink);}
.variant-table > tbody > tr > td{padding:8px 10px;border:1px solid var(--line); vertical-align:middle;}
.variant-table-wide > tbody > tr > td{vertical-align:top;}
.variant-table > tbody > tr.LightCell > td{background:var(--cream-1);}
.variant-table > tbody > tr:hover > td{background:var(--hover);}
.variant-table > tbody > tr > td.varpic{background:#fff;}

/* ===== Reviews (ported from CPModern, recolored HM navy/orange; rating stars stay gold via inline SVG) ===== */
.total-rating-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 16px;box-sizing:border-box;margin:0 0 14px 0;padding:12px 14px;background:var(--band);border:1px solid var(--line);border-radius:var(--rad);}
.total-rating-row:before, .total-rating-row:after{display:none;}
img[class^="ratings-star-"]{width:18px;height:18px;vertical-align:middle;margin:0 1px;}
.rating-stars-wrap img[class^="ratings-star-"]{width:22px;height:22px;}
img[class^="ratings-star-"][class$="-Full"]{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0a800'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");}
img[class^="ratings-star-"][class$="-Half"]{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='hs'%3E%3Cstop offset='50%25' stop-color='%23e0a800'/%3E%3Cstop offset='50%25' stop-color='%23e0e0e6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23hs)' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");}
img[class^="ratings-star-"][class$="-Empty"]{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0e0e6'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");}
.rating-stars-wrap{display:flex;align-items:center;gap:8px;}
.ratings-average-wrap{font-weight:700;color:var(--ink);}
.rating-count-wrap{font-size:14px;color:var(--soft);}
.rating-comment-row{box-sizing:border-box;margin:0;padding:14px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:var(--rad) var(--rad) 0 0;}
.rating-author-wrap{font-size:14px;color:var(--soft);margin-bottom:6px;}
.rating-row-author{font-weight:700;color:var(--ink);}
.rating-comment-stars{margin-bottom:8px;}
.rating-comments{color:var(--ink);line-height:1.5;}
.rating-comment-helpfulness-wrap{box-sizing:border-box;margin:0 0 14px 0;padding:10px 14px;background:var(--band);border:1px solid var(--line);border-radius:0 0 var(--rad) var(--rad);font-size:14px;}
.add-rating-button, .change-rating-button{display:inline-block;padding:6px 12px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--rad);font-size:14px;font-weight:700;text-decoration:none;transition:border-color .15s ease, background-color .15s ease;}
.add-rating-button:hover, .change-rating-button:hover{background:var(--hover);border-color:var(--soft);color:var(--b);text-decoration:none;}
.alsobought{width:auto;margin:0;color:#fff;font-size:12px;text-align:left;font-family:'Barlow',Tahoma,sans-serif;font-weight:700;padding:8px 10px;border-radius:0;background:var(--ink);}
span.catsummary{margin-left:8px;width:auto;line-height:30px;}
.partnumber{font-family: 'Barlow',Tahoma,sans-serif; font-weight:700;font-size:12px; color:#666666;}
.addinfo ul{font-size:14px;}
.addinfo img{max-width:100%;}
.addinfopics{max-width:49%;display:inline-block;}
video {max-width:100%;}
.showbigimg {margin:5px;text-align:right;}
.gridboxes {max-width:395px;width:100%;box-sizing:border-box;padding:10px;margin:5px;border: 1px solid #ccc;display:flex;align-items:stretch;flex-direction:column;justify-content: space-around;}
.switchbox {width:100%;max-width:360px;box-sizing:border-box;padding:10px;margin:5px;border: 1px solid #ccc;display:flex;align-items:center;flex-direction:column;justify-content: space-around;text-align:center;}
.summaryline{display:inline-block;float:left;}
.related-products{clear:both;}

/* FORM AND FUNCTION PAGE CSS */

.place-order-button{width:100%;line-height:30px;}
.cart-subtotal {font-size:16px;font-weight:bold;color:#444444;margin-left:5px;}
#ctl00_PageContent_ctrlPaymentMethod_rbPAYPALEXPRESS{position:relative;bottom:10px;}
img#ctl00_PageContent_ctrlShoppingCart_imgShoppingCartTab, img#ctl00_PageContent_ShoppingCartCoupon_gif, img#ctl00_PageContent_ShoppingCartNotes_gif, img#ctl00_PageContent_accountinfo_gif, img#ctl00_PageContent_billinginfo_gif, img#ctl00_PageContent_shippinginfo_gif, img#ctl00_PageContent_imgAccountinfo, img#ctl00_PageContent_imgAddressbook, img#ctl00_PageContent_giftcards_gif, img#ctl00_PageContent_imgOrderhistory{display:none;}
.AddToCartButton, .AddToWishButton, #Quantity{font-size:1em;}
.addToForm{margin-top:1em;}
.quantity-select{width:auto; display:inline-block;padding:6px;margin-left:5px;}
#shipselect{padding-bottom:0px;}
.hidetotal #ctl00_PageContent_ctrlCartSummary .cart-summary-total{display:none;}
.shipping-estimator-wrap{margin-top:10px;}
.choose-payment-method-button{font-size:16px !important; padding: 10px 15px !important;}

.selected-shipping-option{font-size:16px;margin-top:10px;}
.cart-upsell-item input[type="checkbox"] {width:52px;height:52px;margin:0px;}
.payment-form .form-group{height:27px;}
.payment-form .form-group input[type="radio"]{position: relative;height:27px;top: 50%;transform: translateY(-50%);}
.payment-form .form-group label{position: relative;top: 50%;height:27px;transform: translateY(-80%);}
.payment-form img {display:inline-block;}
.payment-form div:nth-of-type(odd){display:inline-block;margin-right:10px;}
.payment-form div:nth-of-type(even){height:0px;margin:0px;}
.quantity-select{width:auto; display:inline-block;padding:6px;margin-left:5px;}
#ctl00_PageContent_ctrlShippingMethods_ctrlShippingMethods{font-size:16px;}
.credit-card-form{border:1px solid #666; padding:10px;box-shadow: 0px 0px 5px 0px rgba(96, 96, 96, 1); font-family:Barlow Condensed, Sans-Serif;font-weight:bold; color:#2c95c1;font-size:15px;}
#ctl00_PageContent_ctrlCreditCardPanel_lblHeader{font-size:16px;}
.cc-top{width:50%;height:30px;line-height:30px;padding:10px;background:#41c0de;border:1px solid #41c0de;color:#fff;font-family:Barlow Condensed, Sans-Serif;font-weight:bold;font-size:16px;}
.lockimage{float:left;height:30px;width:30px;margin-right:5px;}
.addresses-row .col-md-12{padding-left:0;}
.billing-address-column{padding-right:0;}
.no-shipping-methods-available{color:#444444;font-style: italic;}
.alternative-payment-methods{padding:15px 20px 10px 20px;margin:10px 0; border:1px solid #ccc;width:450px;max-width:100%;text-align:center;}
.alternative-payment-methods .row {text-align:center;}


/* SPECIAL AND TOPIC PAGE CSS */

.hardinmadetop{height:40px !important;line-height:40px !important;font-size:14px !important;}
.hardinmadeleft a{padding:10px 0 10px 5px !important;}
.trimtabs{table-layout:fixed;}
.trimtabs h2{font-family:'Barlow Condensed',Tahoma, Verdana, sans-serif; font-size:36px;color:#222222;font-weight:bold;text-align:center;}
.trimtabs h3{font-family:'Barlow Condensed',Tahoma, Verdana, sans-serif; font-size:20px;color:#444444;font-weight:bold;text-align:center;border:none;}
.trimtabs img {max-width:100%;}
.ledinside{float:left;width:38.5%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5);padding:1%;margin:1%;}
.ledinside2{float:right;width:53%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5);padding:1%;margin:18% 1% 1% 1%;text-align:center;}
.ledinside2 a:link{font-size:14px;font-weight:bold;color: #ffffff;display:inline-block; width:100%;background: #ff0000;background: -moz-linear-gradient(top,#ff7c1b 0%,#ff0000);background: -ms-linear-gradient(top,#ff7c1b 0%,#ff0000 100%);background: -webkit-gradient(linear, left top, left bottom, from(#ff7c1b),to(#ff0000));line-height:33px;border: 1px solid #000000;box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);-moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.7);text-shadow:1px 1px 0px rgba(000,000,000,0.5), 0px 0px 0px rgba(255,255,255,0.5);cursor:pointer;text-decoration:none;margin-bottom:7px;}
.ledinside2 a:visited{color:#ffffff;}
.ledinside h2 {color:#ffffff;font-family:'Barlow Condensed',Tahoma, Verdana, sans-serif; font-size:22px;font-weight:bold; }
.leds p:first-of-type{display:inline;}
.leds p:last-of-type{display:inline;}
.partsfinder{padding:3px 70px; border-radius:3px;border:1px solid #444444; text-decoration:none !important;font-family:'Barlow Condensed',Tahoma, Verdana, sans-serif; font-size:18px;font-weight:bold; background:#eee;}
.oemsubsections{float:right;clear:right;margin-top:5px;margin-right:10px;margin-left:10px;padding:12px;border-radius:var(--rad);background:#fff;border:1px solid var(--line);width:auto;}
.oemsubsections ul li {list-style:none;}
.oemsubsections ul {padding-left:0;margin-bottom:5px;}
.oemsubsections h2{margin:0 0 0.5em 0;color:var(--ink);font-size:15px;text-align:left;text-decoration:none; font-family:var(--body); font-weight:700;}
.mercdrawing{float:left;margin-top:10px;padding:0px 10px 5px 10px;border:1px solid var(--line);}
#DrillDownBox {float:left; width:400px;}
#DrillDownBox .DrillDownDropDown {float:left; width:100%; margin:3px 0 3px 0;}
#DrillDownBox .DrillDownDropDown select {float:left; width:380px;font-size:16px;}
#DrillDownBox .ExtensionDataLabel {clear:left; display:block; font-size:14px;margin-bottom:3px;}
.mercparts{border-radius:var(--rad);background:var(--orange);border:1px solid var(--oranged);padding:10px;float:left;}
.orderstatus {font-size:14px;}
.kit-add-to-cart-form{display:flex;min-width:600px;}
.kitbox{flex-grow:1;}




/* ===== Header (mega menu) - adapted from the CPModern .cph framework, HM-themed ===== */
#wrappertop.cph{width:100%;float:none;height:auto;background:none;text-align:left;font-size:14px;font-family:var(--body);}
.cph *{box-sizing:border-box;}
.cph a{text-decoration:none;}
.cph-wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
.cph-util{background:var(--util);color:var(--bandsoft);font-size:13px;}
.cph-util .cph-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;min-height:38px;}
.cph-util-left,.cph-util-right{display:flex;align-items:center;gap:18px;}
.cph-util a{color:var(--bandsoft);transition:color .15s;}
.cph-util a:hover{color:#fff;}
.cph-phone{color:#fff!important;font-weight:700;font-family:var(--disp);letter-spacing:.02em;font-size:15px;display:inline-flex;align-items:center;gap:6px;}
.cph-util-note{color:var(--bandsoft);}
.cph-sep{width:1px;height:14px;background:var(--bandline);display:inline-block;}
.cph-socials{display:flex;align-items:center;gap:12px;}
.cph-socials a{display:flex;color:var(--bandsoft);}
.cph-socials a:hover{color:#fff;}
.cph-socials svg{width:17px;height:17px;}
.cph-main{background:var(--nav);border-bottom:1px solid rgba(255,255,255,.07);}
.cph-main .cph-wrap{display:flex;align-items:center;gap:22px;min-height:86px;}
.cph-burger{display:none;background:none;border:0;padding:6px;cursor:pointer;color:#fff;}
.cph-burger svg{width:26px;height:26px;display:block;}
/* logo rises to the very top of the page (over the 38px transparent util bar) AND overhangs downward across the nav bar - HM signature. margin-top:-38 lifts it to page y=0; margin-bottom:-43 collapses its margin box back to the 86px row so the navy main row stays short instead of growing to fit the 167px logo; the 43px surplus spills past the row into the nav bar below. position:relative+z-index paint it above the later-in-DOM nav bar. */
#wrappertop.cph #logo{position:relative;float:none;top:auto;left:auto;display:block;width:450px;height:167px; background:url(../images/hmlogo.png) no-repeat left top;background-size:contain;border-radius:0;margin:-38px 0 -43px 0;align-self:flex-start;z-index:5;flex-shrink:0;}
.cph-search{flex:1;display:flex;max-width:640px;margin:0 auto;}
.cph-search input#searchBox_text{flex:1;min-width:0;width:auto;height:auto;border:2px solid var(--b);border-right:0; border-radius:0;background:#fff;color:var(--ink);padding:11px 16px;font-size:15px; font-family:var(--body);box-shadow:none;}
.cph-search input#searchBox_text:focus{outline:none;}
.cph-search:focus-within{box-shadow:0 0 0 3px rgba(255,64,0,.18);border-radius:0;}
#wrappertop.cph #searchBox_button{width:auto;border:0;background:var(--b);color:#fff!important;font-family:var(--disp); text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:15px;padding:0 22px; border-radius:0;cursor:pointer;text-shadow:none;margin:0;line-height:normal;transition:background .15s;}
#wrappertop.cph #searchBox_button:hover{background:var(--bd);}
.cph-actions{display:flex;align-items:center;gap:20px;flex-shrink:0;margin-left:auto;}
.cph .cph-act{display:flex;align-items:center;gap:8px;color:var(--band);}
.cph-act svg{width:24px;height:24px;flex-shrink:0;}
.cph-act-lbl{display:flex;flex-direction:column;line-height:1.15;font-size:12px;color:var(--bandsoft);}
.cph-act-lbl b,.cph .cph-act-lbl .cph-signout{font-size:13.5px;color:#fff;font-weight:700;}
.cph .cph-act-lbl .cph-signout:hover{color:#fff;text-decoration:underline;}
.cph-act-lbl #userName{color:var(--bandsoft);font-weight:400;}
.cph .cph-user .cph-act-lbl{flex-direction:row;align-items:center;gap:8px;white-space:nowrap;}
.cph .cph-act-lbl .username{font-size:13.5px;color:#fff;font-weight:700;}
.cph .cph-act-lbl .username:hover{color:#fff;text-decoration:underline;}
.cph-cart{position:relative;}
.cph-cart .cph-act-lbl{font-size:13.5px;color:#fff;font-weight:700;justify-content:center;}
.cph-count{position:absolute;top:-7px;left:15px;background:var(--b);color:#fff;font-size:11px;font-weight:700; min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.cph-nav{color:#fff;}
/* no padding-top/bottom here: .cph-nav is display:none below 1024, and every tier at or
   above 1024 zeroed it anyway, so the old 8px was never observable. .cph-wrap's own
   padding:0 16px supplies the (zero) vertical padding. */
.cph-nav .cph-wrap{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:10px;row-gap:6px;min-height:46px;}
/* menu shifted right so "Home" lines up under the search box's left edge: logo(450)+gap(22)=472px into the shared 1180 container */
.cph-menu{display:flex;align-items:stretch;list-style:none;margin:0 0 0 494px;padding:0;min-height:46px;}
.cph-menu>li{position:relative;display:flex;align-items:stretch;}
/* menu links render as full-row-height gradient "buttons" mirroring the page bg (#bg blue->navy) - homage to the old HM nav; 2px side margins leave a sliver between them */
.cph .cph-menu>li>a{display:flex;align-items:center;gap:6px;min-height:46px;margin:0 2px;padding:0 13px;font-family:var(--disp); text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:18px;color:#fff;white-space:nowrap;background:linear-gradient(to bottom,#0064ee 0%,#000080 100%);transition:background .15s,color .15s;}
.cph-car{width:9px;height:9px;transition:transform .2s;flex-shrink:0;}
.cph-menu>li:hover>a,.cph-menu>li.cph-open>a{background:var(--b);color:#fff;}
.cph-menu>li:hover>a .cph-car,.cph-menu>li.cph-open>a .cph-car{transform:rotate(180deg);}
.cph-mega{position:absolute;top:100%;left:0;z-index:120;background:#fff;color:var(--ink); width:clamp(560px, 54vw, 860px);max-width:calc(100vw - 24px); border:1px solid var(--line);border-top:3px solid var(--b);border-radius:0 0 10px 10px; box-shadow:0 14px 34px rgba(0,0,0,.18);padding:20px 22px;opacity:0;visibility:hidden;transform:translateY(6px); transition:opacity .15s,transform .15s,visibility .15s;}
.cph-menu>li:hover .cph-mega,.cph-menu>li.cph-open .cph-mega{opacity:1;visibility:visible;transform:translateY(0);}
.cph-mega-sm{width:clamp(420px, 38vw, 600px);}
.cph-menu>li:last-child .cph-mega{left:auto;right:0;}
.cph-mega h4{margin:0 0 12px;padding:0; font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--soft);text-align:left;}
.cph-mega-grid{display:grid;gap:6px 24px;}
.cph-c4{grid-template-columns:repeat(3,1fr);}
.cph-c3{grid-template-columns:repeat(2,1fr);}
.cph-c2{grid-template-columns:repeat(2,1fr);}
.cph .cph-mega-grid a{display:block;padding:5px 0;font-size:13.5px;color:var(--ink);border-bottom:1px solid transparent; transition:color .12s,border-color .12s;}
.cph .cph-mega-grid a:hover{color:var(--b);border-color:var(--line);}
.cph-mega-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between; align-items:center;gap:16px;font-size:13px;color:var(--soft);}
.cph .cph-mega-foot a{color:var(--b);font-weight:700;white-space:nowrap;}
.cph-promos{display:flex;align-items:center;gap:8px;}
.cph .cph-chip{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid rgba(255,255,255,.4);border-radius:6px; color:#fff;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;white-space:nowrap;}
.cph-chip svg{width:15px;height:15px;opacity:.9;flex-shrink:0;}
.cph .cph-chip:hover{border-color:#fff;background:rgba(255,255,255,.14);color:#fff;}
.cph .cph-chip.cph-sale{background:var(--b);border-color:var(--b);color:#fff;font-family:var(--disp); text-transform:uppercase;letter-spacing:.05em;padding:7px 16px;}
.cph .cph-chip.cph-sale:hover{background:var(--bd);}
.cph-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden; transition:opacity .25s,visibility .25s;z-index:1000;}
.cph-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:86vw;background:#fff;transform:translateX(-100%); transition:transform .25s ease;z-index:1001;display:flex;flex-direction:column;box-shadow:2px 0 20px rgba(0,0,0,.25);}
body.cph-drawer-open{overflow:hidden;}
body.cph-drawer-open .cph-drawer{transform:translateX(0);}
body.cph-drawer-open .cph-scrim{opacity:1;visibility:visible;}
.cph-drawer,.cph-scrim{display:none;}
.cph-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--nav);color:#fff;flex-shrink:0;}
.cph-drawer-head b{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:16px;color:#fff;}
.cph-drawer-x{border:0;background:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:4px;}
.cph-drawer-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;}
.cph-acc{border-bottom:1px solid var(--line);}
.cph .cph-drawer-home{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:14px 16px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-weight:700;font-size:15px;color:var(--ink);}
.cph .cph-drawer-home:hover, .cph .cph-drawer-home:active{background:var(--b);color:#fff;}
.cph-acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-radius:0;box-shadow:none;padding:14px 16px; font-family:var(--disp);text-transform:uppercase;letter-spacing:.03em;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;}
.cph-acc-btn:hover, .cph-acc-btn:active, .cph-acc.cph-open .cph-acc-btn{background:var(--b);color:#fff;box-shadow:none;}
.cph-acc-btn .cph-car{color:var(--soft);}
.cph-acc-btn:hover .cph-car, .cph-acc-btn:active .cph-car, .cph-acc.cph-open .cph-acc-btn .cph-car{color:#fff;}
.cph-acc.cph-open .cph-acc-btn .cph-car{transform:rotate(180deg);}
.cph-acc-sub{display:none;flex-direction:column;padding:0 16px 12px;}
.cph-acc.cph-open .cph-acc-sub{display:flex;}
.cph .cph-acc-sub a{padding:12px 12px;min-height:44px;display:flex;align-items:center;font-size:15px;color:var(--soft);border-radius:6px;}
.cph .cph-acc-sub a:hover{background:#f4f4f5;color:var(--b);}
.cph-drawer-promos{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);}
.cph .cph-drawer-promos a{flex:1 1 44%;display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center; border:1px solid var(--line);border-radius:6px;padding:12px 10px;font-size:13px;font-weight:600;color:var(--ink);}
.cph .cph-drawer-promos a.cph-sale{background:var(--b);border-color:var(--b);color:#fff;}
.cph-drawer-account{display:flex;flex-direction:column;gap:2px;padding:16px;}
.cph .cph-drawer-account a{font-size:15px;color:var(--ink);padding:11px 2px;min-height:44px;display:flex;align-items:center;}
.cph .cph-drawer-account a.cph-drawer-signin{background:var(--b);color:#fff;justify-content:center;padding:14px;min-height:50px; border-radius:var(--rad);margin-bottom:8px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-weight:700;}
.cph-drawer-phones{display:flex;flex-direction:column;margin-top:6px;}
.cph .cph-drawer-account a.cph-drawer-phone{font-family:var(--disp);font-size:24px;font-weight:700;color:var(--b);padding:4px 2px 0;min-height:0;}
.cph .cph-drawer-account a.cph-drawer-phone2{font-size:13px;font-weight:600;color:var(--soft);padding:0 2px 4px;min-height:0;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ===== HM header tweaks (centered layout) ===== */
/* top bar: transparent so the page background shows through, pure-white text + icons */
#wrappertop.cph .cph-util{background:transparent;color:#fff;}
/* tablet 761-1023: solid navy util bar (matches .cph-main) instead of the transparent desktop look; placed AFTER the transparent rule so it wins in-range - media queries don't add specificity */
#wrappertop.cph .cph-util a,#wrappertop.cph .cph-util .cph-socials a{color:#fff;}
#wrappertop.cph .cph-util a:hover,#wrappertop.cph .cph-util .cph-socials a:hover{color:var(--orange);}
#wrappertop.cph .cph-sep{background:rgba(255,255,255,.4);}
/* single .cph-util-right group - push it to the right edge (space-between would leave it left) */
#wrappertop.cph .cph-util .cph-wrap{justify-content:flex-end;}
/* phone sits on the nav line, centered alongside the menu */
#wrappertop.cph .cph-nav-phone{display:inline-flex;align-items:center;gap:8px;color:#fff;font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:.02em;white-space:nowrap;transition:color .15s;}
#wrappertop.cph .cph-nav-phone svg{color:var(--orange);flex-shrink:0;}
#wrappertop.cph .cph-nav-phone:hover{color:var(--orange);}

/* ===== Footer (.cpf, ported from CPModern, recolored HM navy/orange) ===== */
.cpf-clear{clear:both;}
.cpf{clear:both;width:100%;color:var(--bandsoft); font-size:14px;text-align:left;font-family:var(--body);}
.cpf-wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
.cpf a{color:var(--bandsoft);text-decoration:none;transition:color .15s ease;}
.cpf a:hover{color:#fff;text-decoration:underline;}
.cpf a:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.cpf-main .cpf-wrap{display:flex;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;gap:18px 40px;padding-top:26px;padding-bottom:26px;}
.cpf-links{display:flex;flex-wrap:wrap;gap:8px 36px;}
.cpf-links ul{list-style:none;margin:0;padding:0;}
.cpf-links li{margin:0;padding:0;line-height:2;font-size:14px;}
.cpf-socials{display:flex;flex-direction:column;gap:8px;}
.cpf-socials-label{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em; font-size:12px;color:var(--bandsoft);}
.cpf-socials-icons{display:flex;align-items:center;gap:14px;}
.cpf-socials-icons a{display:flex;}
.cpf-socials-icons svg{width:22px;height:22px;}
.cpf-legal{background:var(--util);border-top:1px solid var(--bandline);}
.cpf-legal .cpf-wrap{display:flex;flex-wrap:wrap;align-items:center; justify-content:space-between;gap:10px 16px;min-height:52px;}
.cpf-legal p{margin:0;font-size:13px;color:var(--bandsoft);}
.cpf-flag{align-self:flex-start;width:75px;height:auto;border-radius:2px;margin-top:12px;}


/* ============================================================
   MEDIA QUERIES - all width tiers live below this line.
   Ordered ascending by breakpoint. Ladder is gap-free and
   non-overlapping: <=760 phone / 761-1023 tablet / 1024+ desktop.
   ============================================================ */

@media (prefers-reduced-motion:reduce){
  .cph *{transition:none!important;}
}

/* --- Phone --- */

/* ===== Phone tier (<=760px) - all four former max-width:760 blocks merged ===== */
@media (max-width:760px){
.optionbar{display:none;}
/* variant tables collapse to stacked cards; the caption becomes the visible header bar */
.variant-table, .variant-table > tbody, .variant-table > tbody > tr, .variant-table > tbody > tr > td{display:block;width:auto;}
.variant-table{border:0 !important;}
.variant-table > thead{display:none;}
.vt-caption{position:static;display:block;width:auto;height:auto;margin:0 0 10px; padding:9px 12px;clip:auto;white-space:normal;background:var(--ink);color:#fff;font-family:var(--disp);font-weight:700; font-size:14px;text-transform:uppercase;letter-spacing:.02em;border-radius:var(--rad); text-align:left;}
.variant-table > tbody > tr{border:1px solid var(--line);border-radius:var(--rad);background:#fff; margin:0 0 10px 0;padding:10px 12px;overflow:hidden;}
.variant-table > tbody > tr > td{border:0;padding:0;text-align:left;}
.variant-table td.varpic{float:left;width:25%;margin:0 12px 6px 0;}
.variant-table td.varpic img{display:block;max-width:100%;height:auto;}
.variant-table td.v-name{font-size:15px;line-height:1.3;}
.variant-table td.v-sku{font-size:13px;color:var(--soft);}
.variant-table td.v-price{font-size:15px;padding-bottom:8px;}
.variant-table td.v-buy{clear:both;padding-top:10px;border-top:1px solid var(--cream-line);}
.variant-table-wide td.varpic{float:none;width:auto;max-width:150px;margin:0 auto 8px;}
.variant-table > tbody > tr.LightCell > td{background:transparent;}
.variant-table > tbody > tr:hover > td{background:transparent;}
#leftWrap{display:none;}
.catorg{flex-direction:column;gap:0;}
.cardtop img {height:300px;}
.frontpageitemcontainer{max-width:100%;width:100%;margin-left:0;margin-right:0;}
.hmdist{width:auto;}
div#vibeSearchBox{margin:0 !important;}
.smallhide{display:none;}
#hmbanner{display:none;}
#main{width:100%;min-width:1px;}
#ctl00_ctrlSearch_SearchPanel{width:100%;}
#content{padding-top:7px;}
.hmslide{display:none;}
#searchbar{line-height:46px;width:100%;}
.search{padding:0;width:100%;}
.search input[type='text']{width:calc(100% - 145px);padding:6px;}
input[type="button"], input[type="submit"], .signin-text a:link{padding: 8px 10px 8px 10px;}
#menu{width:100%;text-align:center; margin-right: 0px;}
.cats{border:none;width:calc(100% - 20px);margin-left:0px;display:block;}
ul.vert-one{width:auto;font-size:16px;}
ul.vert-one li a{padding:10px 5px;width:auto;}
.leftnavtext{width:100%;}
.email-a-friend-wrap, .instructions-wrap, .questions-wrap, .ProductSKUText, .video-wrap, .specs-wrap{flex:1 1 100%;}
.one-kit-column-content, .kit-column-sidebar{width:100%;}
.kit-groups{width:100%;}
.addinfo img {max-width:100%;}
.addinfopics{max-width:100%;}
.kit-sidebar{position:static;margin-right:0px;}
.itempic{float:left;width:100%;clear:both;}
.iteminfo{width:auto; overflow:visible;margin-top:10px;}
.showbig{margin-left:10px;}
#contentbody{width:100%;padding:0 0 15px 0;min-width:0px;border:none;}
.catsummary{display:none;}
.catdesc2{margin: 0;flex:0 1 auto;}
.listleft{max-width:100%;}
.subcatnav li, .subcatnav2 li {padding-left:0 !important;text-align:center; height:50px !important;}
a.catbutton{margin:4px 0 6px 0;width:100%;padding:9px 5px 11px 5px;height:auto;box-sizing:border-box;line-height:normal;font-size:17px;}
.MagicZoomBigImageCont{display:none;}
ul.tabs a {width:auto;border:1px solid #ccc;padding:0 10px;background: linear-gradient(to bottom, #dddddd 0%,#ffffff 50%);}
ul.tabs {border-bottom: 1px solid #ccc;height:32px;padding: 0 0 0 0;overflow:hidden;clear:both;}
.panes img {max-width:100%;}
#breadcrumb{display:none;}
.ProductNameText h1{padding-bottom:5px;text-align:center;}
.nav-links-wrap{text-align:left;width:100%;font-size:0px;margin-bottom:10px;}
div.nav-links-wrap a:first-child {-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right:1px solid #333;}
div.nav-links-wrap a:last-child {-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-left:1px solid #333;}
div.nav-links-wrap a:last-child:before{content:"Next ";}
div.nav-links-wrap a:first-child:after{content:" Previous";}
div.nav-links-wrap a:nth-child(2):before{content:"Up ";}
a.ProductNavLink{width:33%;display:block;float:left;background: #ff781d; background: -moz-linear-gradient(top,  #ff781d 0%, #ff0905 100%);background: -webkit-linear-gradient(top,  #ff781d 0%,#ff0905 100%); background: -o-linear-gradient(top,  #ff781d 0%,#ff0905 100%); background: -ms-linear-gradient(top,  #ff781d 0%,#ff0905 100%); background: linear-gradient(to bottom,  #ff781d 0%,#ff0905 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff781d', endColorstr='#ff0905',GradientType=0 );padding:8px 0px 8px 0px;text-align:center;font-size:14px;color:#ffffff; text-decoration:none; text-transform:capitalize;font-weight:bold;}
.nav-links-wrap img {position:relative;top:2px;}
.mobilenav{display:list-item;}
.desccontainer{clear:both;padding-top:10px;}
.catcontainer{float:none;width:auto;overflow:hidden;}
.add-to-cart-button, .add-to-wishlist-button{width:90% !important;}
.button-continue-shopping, .button-update-cart, .button-checkout-now, .button-show-estimator, .button-continue-checkout, .call-to-action{width:100%;}
.add-to-cart-buttons{width:100%;text-align:center;display:inline-block;margin-top:5px;}
ul.pagination{width:100%;text-align:center;}
.pagination > li > a, .pagination > li > span{width:19.5%;padding:6px 0;}
input[type="button"],input[type="submit"],.signin-text a:link{padding: 8px 8px 8px 8px;}
#DrillDownBox {float:left; width:100%;padding: 0 10px 10px 10px;}
.mercparts h2{padding: 0 10px;}
#DrillDownBox .DrillDownDropDown {width:100%;}
#DrillDownBox .DrillDownDropDown select {width:92%;}
.mercparts {padding:0px; width:100%; margin-left:0px !important;margin-bottom:10px;}
.MagicThumb-background{display:none !important;}
.oemsubsections{float:none;clear:both;width:auto;margin-top:10px;}
.mercdrawing{float:none;text-align:center;}
.mercdrawing img {max-width:100%;}
.partsfinder{padding:3px 45px;}
.coverdetails iframe{width:100%;}
.iteminfocover{width:auto;margin-bottom:10px;overflow:hidden;}
.iteminfocover2{float:none; width:100%; margin:10px 0;}
.grid-column-inner img, .row-checkout-controls img, .payment-form img {max-width:100%;}
.moreinfo2 a:active, .moreinfo2 a:link, .moreinfo2 a:visited{width:100%;display:block;padding:4px 0;}
.page-row{width:100%;}
#ctl00_PageContent_ctrlEstimateAddress_City, #ctl00_PageContent_ctrlEstimateAddress_Country{width:245px;}
.register-half .register-form, .signin-half, .register-half {padding:0;width:100%;}
#ctl00_PageContent_FormPanel, .login-form, .form-group, .credit-card-form, .order-summary div{width:100% !important;}
.checkout-tabs .secure-checkout{padding-right: calc(100% - 140px);margin-bottom:10px;width:120px;}
.checkout-tabs > li > a{padding:5px 5px;margin-right:0px;font-size:10px;width:43px;text-align:center;}
.checkout-steps-wrap ul li{padding-right:0px;}
.order-summary .one-third{margin-bottom:10px;}
img {max-width:100%;}
.mob33{width:33%;}
.mob67{width:67%;}
.loginmob{width:25%;margin-right:10px;position:relative;bottom:3px;margin-bottom:15px;}
.cc-top{height:50px;font-size:12px;}
.lockimage{height:25px;width:25px;}
.bestboxcontainer{max-width:100%;}
.shipping-address-column{padding-right:0;}
a.choose-payment-method-button{width:100%;box-sizing:border-box;}
button, input[type="button"], input[type="submit"], .signin-text a:link, a.redbutton, a.choose-payment-method-button{padding: 8px 16px 8px 16px; font-size: 15px;line-height:15px;}
.group-header, .mainbox h2 {display: block;font-size: 22px;line-height: 26px;padding:8px 10px;margin: 10px 0px 5px 0px;color:#fff;background:var(--ink);text-align:left;border-bottom:solid 2px var(--b);font-family:var(--disp); font-weight:700;}
.form-group-small .entry-feedback-wrapper{width:100%;}
.embed-responsive-16by9 { padding-bottom: 100%;}
.gridboxes {max-width:800px;}
.switchbox{max-width:100%;}
.login-form .form-group{width:95% !important;}
.kit-add-to-cart-form{min-width:100%;}
.catsearchlist {padding:4px 8px !important;}
.alternative-payment-methods{width:300px;max-width:100%;margin: 0px auto;}
.col-md-8{padding-left:5px;padding-right:5px;}
.ccbox{margin: 0px auto;}
.ordnotice{text-align:center;}
.cph-util{display:none;}
.cph-act-lbl{display:none;}
.cph-user{display:none;}
.cph-main .cph-wrap{flex-wrap:wrap;gap:12px;min-height:0;padding-top:12px;padding-bottom:12px;}
.cph-burger{display:block;}
#wrappertop.cph #logo{width:220px;height:34px;margin:0;align-self:center;background-image:url(../images/HMLOGONOARCH.png);}
.cph-search{order:5;flex:1 0 100%;max-width:none;margin:0;}
.cph-actions{margin-left:auto;gap:14px;}
.cph-nav{display:none;}
.cph-drawer{display:flex;}
.cph-scrim{display:block;}
.cpf-main .cpf-wrap{flex-direction:column;align-items:center;text-align:center;gap:16px; padding-top:20px;padding-bottom:20px;}
.cpf-links{justify-content:center;text-align:center;gap:4px 28px;}
.cpf-socials{align-items:center;}
.cpf-flag{align-self:center;}
.cpf-legal .cpf-wrap{flex-direction:column;justify-content:center;text-align:center; padding-top:14px;padding-bottom:14px;}
}

@media all and (max-width:1023px) and (min-width:761px){
#leftWrap{display:none;}
#hmbanner{Width:100%;min-width:1px;background-size:100%;}
#main{width:100%;min-width:1px;}
#homecontent{margin:0px auto 5px auto;}
.cats{margin-left:0px;}
#menu{margin-left:0px;}
.cats{border:none;width:calc(100% - 20px);margin:0px 0px 15px 0px;display:block;}
ul.vert-one{width:auto;font-size:16px;}
ul.vert-one li a{padding:10px 5px;width:auto;}
#searchbar{line-height:46px;width:100%;}
.search{padding:0;width:100%;}
.search input[type='text']{width:calc(100% - 125px);padding:6px;}
input[type="button"], input[type="submit"], .signin-text a:link{padding: 8px 10px 8px 10px;}
#contentbody{width:100%;margin:15px auto 0px auto;clear:right;background:#fff;box-shadow:none;min-height:250px;text-align:left;min-width:0px;border:none;}
a.catbutton{font-size:16px;}
.frontpageitemcontainer{max-width:200px;}
.gridboxes {max-width:365px;}
.kit-add-to-cart-form{min-width:100%;}
.cph-main .cph-wrap{flex-wrap:wrap;gap:12px;min-height:0;padding-top:12px;padding-bottom:12px;}
.cph-burger{display:block;}
#wrappertop.cph #logo{width:220px;height:34px;margin:0;align-self:center;background-image:url(../images/HMLOGONOARCH.png);}
.cph-search{order:5;flex:1 0 100%;max-width:none;margin:0;}
.cph-actions{margin-left:auto;gap:14px;}
.cph-nav{display:none;}
.cph-drawer{display:flex;}
.cph-scrim{display:block;}
.cph-util-left, .cph-util-right{gap:14px;}
#wrappertop.cph .cph-util{background:var(--nav);}
}

/* --- Small desktop - content --- */

/* small-desktop content tier. Starts at 1024, NOT 1023, so it lines up with the desktop
   header tier (.cph goes burger/drawer at <=1023). Was min-width:1023px, which left a 1px
   window at exactly 1023 where the header was tablet but the content was still desktop. */
@media all and (max-width:1278px) and (min-width:1024px){

.search input[type='text']{width:150px;}
#menu{margin-left:0px;}
#contentbody{width:100%;min-width:600px;margin:0 0 0 15px;}
a.catbutton{font-size:16px;}
.kit-add-to-cart-form{min-width:100%;}
}

/* --- Small desktop - header --- */
/* small desktop 1024-1277: 300px logo (fits within the main row, no nav overhang), menu pulled left */
@media (min-width:1024px) and (max-width:1277px){
  #wrappertop.cph #logo{width:300px;height:111px;}
  .cph-menu{margin-left:196px;}
  .cph-wrap{max-width:none;}
  /* long usernames were pushing the cart off-screen at ~1024: cap the user label and let it wrap to 2 lines instead of forcing one nowrap line */
  .cph .cph-user .cph-act-lbl{max-width:250px;white-space:normal;}
}

/* --- Mid desktop - header --- */
/* mid-desktop 1278-1999: narrower 400px logo, tighter 1240 container, menu re-aligned to the 400+22 search edge */
@media (min-width:1278px) and (max-width:1999px){
  /* MEGA GRID - DUPLICATED in the >=2000 block below; keep the two copies in sync.
     Base is 3 cols (.cph-c4) / 2 cols (.cph-c3), which is what 1024-1277 uses; from 1278
     up the mega panels get their full column count. This pair plus the >=2000 pair together
     cover [1278, infinity) exactly - 1278-1999 and 2000+ are adjacent and non-overlapping. */
  .cph-c4{grid-template-columns:repeat(4,1fr);}
  .cph-c3{grid-template-columns:repeat(3,1fr);}
  #wrappertop.cph #logo{width:400px;height:148px;}
  .cph-wrap{max-width:1240px;}
  .cph-menu{margin-left:420px;}
}

/* --- Mid desktop - content --- */
@media all and (max-width:1584px) and (min-width:1279px){
	
#contentbody{width:100%;margin:0 0 0 15px;}
#leftWrap {width:220px;min-width:220px}
a.catbutton{font-size:16px;}
.search input[type='text']{width:150px;}
.nowrap{flex-wrap:nowrap !important;}
}

/* --- Large desktop - content --- */
@media all and (max-width:5000px) and (min-width:1585px){

#contentbody{width:100%; margin:0 0 0 15px;}
.nowrap{flex-wrap:nowrap !important;}
#leftWrap {width:330px;min-width:330px}
#leftWrap ul.tame, #leftWrap ul.tame li{font-size:16px;}
#leftWrap ul.tame li ul li{font-size:14px;}
a.catbutton{padding: 8px 10px 8px 7px;font: bold 16px 'Barlow Condensed', Arial, Helvetica, sans-serif;line-height:normal;min-width: 270px;}
.listleft{max-width:300px;}
ul.subcatnav li, ul.subcatnav2 li {line-height:42px;}
#content{margin: 15px 15px;box-sizing:border-box;width:auto;max-width:calc(100% - 30px)}

}

/* --- Extra-large desktop --- */
@media (min-width:2000px){
  /* MEGA GRID - DUPLICATED from the 1278-1999 block above; keep the two copies in sync.
     Together those two blocks cover [1278, infinity), which is what the former standalone
     @media (min-width:1278px) block did. */
  .cph-c4{grid-template-columns:repeat(4,1fr);}
  .cph-c3{grid-template-columns:repeat(3,1fr);}
  .cph-wrap{max-width:1520px;}
  .cph-util{font-size:14px;}
  .cph-main .cph-wrap{min-height:98px;gap:28px;}
  .cph-search{max-width:760px;}
  .cph-search input#searchBox_text{font-size:17px;padding:15px 18px;}
  #wrappertop.cph #searchBox_button{font-size:17px;padding:0 28px;}
  .cph-act svg{width:27px;height:27px;}
  .cph-act-lbl{font-size:13px;}
  .cph-act-lbl b,.cph-cart .cph-act-lbl, .cph .cph-act-lbl .cph-signout,.cph .cph-act-lbl .username{font-size:15px;}
  .cph-nav .cph-wrap{min-height:54px;}
  .cph .cph-menu>li>a{font-size:18px;padding:0 22px;}
  .cph .cph-chip{font-size:14px;padding:9px 15px;}
  .cph-chip svg{width:17px;height:17px;}
  .cph-mega{width:clamp(820px, 46vw, 1120px);padding:26px 30px;}
  .cph-mega-sm{width:clamp(560px, 32vw, 760px);}
  .cph-mega h4{font-size:13px;margin-bottom:16px;}
  .cph .cph-mega-grid a{font-size:15px;padding:6px 0;}
  .cph-mega-grid{gap:8px 30px;}
  .cph-mega-foot{font-size:14px;}
  /* left nav large-screen step - the 1585+ tier tops out at 330px/16px/14px */
  #leftWrap{width:375px;min-width:375px;}
  #leftWrap .navHeader{font-size:16px;}
  #leftWrap ul.tame, #leftWrap ul.tame li{font-size:17px;}
  #leftWrap ul.tame li ul li{font-size:15px;}
  a.catbutton{font-size:18px;min-width:350px;}
  .listleft{max-width:375px;}
.cpf-wrap{max-width:1520px;}
.cpf-links li{font-size:15px;}
.cpf-legal p{font-size:14px;}
}

/* CPHM Change: centre the subheaders on the order confirmation page. That page's markup
   is generated by the page.orderconfirmation.xml.config XmlPackage - Confirmation.cshtml
   only emits Model.Body as raw HTML - so these three classes are the available hook.
   End CPHM Change */
.order-confirmation-billing-address-header,
.order-confirmation-shipping-address-header,
.order-confirmation-shipping-method-header {
	text-align: center;
}