* { margin: 0; padding: 0; }
body { color: #444444; background-size: cover; font-size: 1em; line-height: 180%; font-family: Sans-Serif; }
#component_wrap { background: #fff; }
.reader { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
img { height: auto !important; max-width: 100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
#product_wrap div { box-sizing: border-box; }
#showcase_wrap img { max-height: 175px; }
.flex { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 10px 5px; }
.card { box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); padding: 10px; text-align: center; transition: box-shadow 0.3s ease, transform 0.3s ease; width: calc(25% - 20px); }
.card33 { width: calc(33.333% - 20px); }
.card50 { width: calc(50% - 20px); }
.showcase_1 .card { padding: 0 !important; }
.card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.12); transform: translateY(-4px); }
.card img { max-width: 100%; height: 175px; object-fit: contain; border-radius: 8px; margin-top: 10px; }
.product_list .card { font-size: .9em; }
.card h2, .card h3 { font-size: 1rem; margin: 10px 0 0; color: #333; font-weight: bold; }
.product_list .card h3 { font-weight: normal; }
.card a { text-decoration: none; color: inherit; display: block; }
.fsbanner { background: #f7faff; color: #333; font-size: 0.8em; padding: 5px 10px; border-radius: 4px; font-weight: 500; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.category-view { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px 10px; }
.category-view .category { flex: 1 1 calc(20% - 20px); box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); padding: 20px; text-align: center; transition: box-shadow 0.3s ease, transform 0.3s ease; }
#product_wrap .category-view .category { flex: 1 1 calc(50% - 20px); box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); padding: 20px; text-align: center; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.category-view .category:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.12); transform: translateY(-4px); }
.category-view .category h2 { font-size: 1rem; margin: 10px 0 0; color: #333; }
.category-view .category a { text-decoration: none; color: inherit; display: block; }
.category-view .category img { max-width: 100%; height: 120px; border-radius: 8px; margin-top: 10px; object-fit: contain; }

h1 {	font-size:1.7em;line-height:130%;margin-bottom:4px;font-weight:normal;}
h1.smaller {	font-size:1.7em;}
h2 {	font-size:1.6em;line-height:130%;margin-bottom:20px;font-weight:normal;}
h3 {	font-size:1.4em;line-height:130%;font-weight:normal;}
h4 {	font-size:1.15em;line-height:130%;font-weight:normal;}
h5 {	font-size:0.85em;line-height:130%;font-weight:normal;}
/* Chrome, Safari, Edge */
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.quantity-input {
    -moz-appearance: textfield;
}

.catdesc h3{font-style: italic;}
.wrap{clear:both; height:0px}
.auto{margin-left:auto;margin-right:auto}
.floatRight{float:right;}
.c_nav_responsive{display:none;}
/* Text Styles */
.bold {font-weight: bold;}
.center{text-align:center;}
.upper{text-transform:uppercase}
.font95{font-size:.95em;}
.font9{font-size:.9em}
.font85{font-size:.85em;}
.font8{font-size:.8em}
.font11{font-size:1.1em;}
.font12{font-size:1.2em;}
.font105 {font-size:1.05em;}
.font15{font-size:1.5em;}
.cfs {font-size:.9em!important;opacity: 0.8!important;}
.blockauto{display:block;margin-left:auto;margin-right:auto;}
table.bordertable th,table.bordertable td{
  border: 1px solid black;padding:5px;
}
.creamheader td{
padding:0px!important;
}
.creamheader h3{padding:3px;padding-left:10px;}
table.bordertable{border-collapse: collapse;padding:20px;}
a img, fieldset, img  {	border: none; }
a  {	text-decoration: none;cursor:pointer;}
a:hover  { text-decoration:none; }
a:link ,a:visited{color: #333;}
.bluelink a:hover{text-decoration:none;}
.redlink  a:link ,a.redlink:link{color:#b61053!important;}
.whitelink a:link,.whitelink a:visited{color:#fff!important;}
.blacklink a:link,.blacklink a:visited{color:#333!important;}
.blacklink a:hover{text-decoration:underline;}
.product_list a:hover{text-decoration:none!important;}
.product_list a:link{display:block}
.product_list .product:hover{ background:#FFFFF0;border:0px!important}
.product_list .product.list_ad:hover { background:none!important;border:0px!important}
div.featuredheader a:visited,div.featuredheader a:link{padding:10px!important}
.featuredheader{padding-bottom:10px;}
.blue{background:#2baae2;color:#fff}
.lightpurple{background:#e9edfc}
.purple{background:#8C489F;color:#fff;box-shadow: 0 0 40px 20px #8C489F;}
.lightred{background:#fce9ed}
.gold,.green{background:#fcefe9}
.lightbaby{background:#e9f6fc}
.newbaby{background:#2baae2;}
/*OLD CREAM .cream{background:#fffea1;}*/
.lightcream,.cream{background-color:#FFFFF0;}
.red{background-color:#b61053;color:#fff;}
.header{padding:10px;padding-left:20px;font-size:1.2em;}
.green .cfs{background:#990086;color:#FFFFF0;}
.greentext{color:#990086;}
#buy_box .greentext {font-style:italic;}
.redtext{color:#B96A9A;}
.gray, .grey{background:#f1f1f1}
.blue .inputbox{color:#000 !important;}
.baby{background:#e9f6fc;color:#444444}
.bblack{border: 1px solid #333;}
.bwhite{border:3px solid #fff;}
.bgray{border:1px solid #e5e5e5;}
.white{background:#fff;color:#444444;}
.pink{background:#FFA1D2;}
/*borders*/
.btopccc,.btop{border-top:solid 1px #ccc;}
li.left10{margin-left:10px;padding-left:0px!important}
.leftb{border-left:1px solid #ccc;}
.br{border-right:1px solid #ccc;}
.bbottom{border-bottom:1px solid #ccc;}
.bbaby{border: 5px solid #f1f8ff;border-bottom:10px solid #f1f8ff}
/*
Colors for banners etc.
*/
.green a:link,.green a:visited{color:#fff !important;}
.purple a:link,.purple a:visited{color:#000000 !important;}
.green.shadow {
	-webkit-box-shadow: 5px 5px #333;
	-moz-box-shadow: 5px 5px #333;
	box-shadow: 3px 3px #333;
}
.newshadow{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.shadow {
	-webkit-box-shadow: 5px 5px #ccc;
	-moz-box-shadow: 5px 5px #ccc;
	box-shadow: 5px 5px #ccc;
}
.border {border: solid 1px #000 !important;
 -moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
border-radius:5px !important;}
.border .bwhite{border: solid 1px #fff !important;
 -moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
border-radius:5px !important;}
.boxs{ box-sizing: border-box;}
li{list-style-type: circle!important;}
.ul li  {list-style: none!important;}
ul {margin: 0 25px;padding: 0;box-sizing:border-box}
.inline li{display:inline;}
.related_links li{margin:8px;font-size:1.1em;}
.tools li{margin-top:10px}
.related_right ul{margin: 0 10px;}
.related_right li{line-height:2em;}
/* Widths*/
.width5{width:5%;float:left;}
.width12{width:12%;float:left;}
.width14{width:14%;float:left;}
.width15{width:15%;float:left;}
.width16{width:16%;float:left;}
.width20{width:20%;float:left}
.width24{width:24%;float:left}
.width25,.w25{width:25%!important;float:left}
.width30{width:30%;float:left}
.width34{width:34%;float:left}
.width33,.w33{width:33.333%;float:left}
.width38{width:38%;float:left}
.width40{width:40%;float:left}
.width44{width:43%;float:left}
.width45{width:45%;float:left}
.width47{width:47%;float:left}
.width49{width:49%;float:left}
.width59{width:59%;float:left}
.width50,.w50{width:50%;float:left}
.width60{width:60%;float:left}
.width65{width:65%;float:left}
.width66{width:66%;float:left;}
.width70{width:70%;float:left}
.width75{width:75%;float:left}
.width80{width:80%;float:left}
.width85{width:85%;float:left}
.width35{width:35%;float:left}
.width10{width:10%;float:left;}
.width8{width:8%;float:left;}
.width90{width:90%;float:left;}
.width100{width:100%;}
.p4{padding:4px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p25{padding:25px}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-right:20px!important;padding-left:20px!important}
.plr30{padding-right:30px!important;padding-left:30px!important}
.p20{padding:20px}
.m4{margin:4px;}
.top10{padding-top:10px;}
.top20{padding-top:20px;}
.mtop10{margin-top:10px;}
.mtop5{margin-top:5px;}
.left10{padding-left:10px;}
.left20{padding-left:20px;}
.right10{padding-right:10px;}
.left25{padding-left:25px;}
.bottom10{padding-bottom:10px;}
.bottom20{padding-bottom:20px;}
.h100{height:100%;}
.floatLeft{float:left;}
.hline{width:100%;height:1px;background:#ccc;}
.content-box{box-sizing:content-box!important;}
.max220image img{max-height:220px;}
.max180image img{max-height:180px;}
.max135image img{max-height:135px;}
.max120image img{max-height:120px}
/*Min Width*/
.min600{min-width:600px;}
.min500{min-width:500px;}
.min450{min-width:450px;}
.min320{min-width:320px;}
.min300{min-width:300px;}
.min280{min-width:280px;}
.min250{min-width:250px;}
.min350{min-width:350px;}
.min190{min-width:190px;}
.min200{min-width:200px;}
.min220{min-width:220px;}
.min180{min-width:180px;}
.min175{min-width:190px;max-width:190px;}
.min150{min-width:150px;}
.min120{min-width:120px;}
.min225{min-width:225px;}
/*Max Width*/
.max150{max-width:150px;}
.max160{max-width:160px;}
.max175{max-width:175px;}
.max180{max-width:180px}
.max200{max-width:200px;}
.max220{max-width:220px;}
.max250{max-width:250px;}
.max275{max-width:275px;}
.max300{max-width:300px;}
.max310{max-width:310px;}
/*share this*/
#shareit{width:150px;height:35px;line-height:1.5em}
#product_share{position:relative;height:35px;}
#layout_share #shareit{position:relative;left:10px;top:7px;width:auto;}
#shareit2{position:absolute;right:0px;top:3px;width:210px;height:40px;}
#shareit div,#shareit2 div,#shareit3 div,#product_share div{display:inline;text-align:left;float:left;padding-right:2px;}
#layout_share #shareit a.print{text-align:center!important;margin-left:auto;margin-right:auto;}
/* BUTTONS
----------------------------------------------------------- */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}



input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], input[type="search"], select{
    color: inherit;
    display: inline-block;
    margin-bottom: 9px;
    padding: 4px 6px;
}
button, .button, .btn {
padding:15px;
font-weight:500 !important;
cursor:pointer;
}
button, .btn, button:hover, .btn:hover, .button, .button:hover {
border:none;
color:#000;
padding-top:8px;
padding-bottom:8px;
}
select {
    background-color: #fff;
    border: 1px solid #bbb;
    width: 190px;
}
#product_wrap select {
    background-color: #fff;
    border: 1px solid #bbb;
    width: auto;
}
input[type="file"], select {
    height: 35px;
    line-height: 30px;
}
input[selected="selected"]{font-size:.9em!important}
/* FORM
----------------------------------------------------------- */
legend {
border:none;
}
select.inputbox {
behavior:none;}
label.invalid {
	color:#FF0000;}
.invalid {
	border-color:#FF0000;}
.tool-tip {
	float: left;
	background: #CCCCCC;
	border: 1px solid #333333;
	padding: 5px;
	color:#000000;
	max-width: 200px;}
.tool-title {
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	color:#000000;}
.tool-text {
	color:#000000;
	margin: 0;}
.system-unpublished,tr.system-unpublished{background:#e8edf1;border-top:4px solid #c4d3df;border-bottom:4px solid #c4d3df}span.highlight{background-color:#FFC;font-weight:700;padding:1px 4px}.img-fulltext-float-right{float:right;margin-left:10px;margin-bottom:10px}.img-fulltext-float-left{float:left;margin-right:10px;margin-bottom:10px}.img-intro-float-right{float:right;margin-left:5px;margin-bottom:5px}.img-intro-float-left{float:left;margin-right:5px;margin-bottom:5px}.invalid{border-color:red}label.invalid{color:red}#editor-xtd-buttons{padding:5px}.button2-left,.button2-left div,.button2-right,.button2-right div{float:left}.button2-left a,.button2-left span,.button2-right a,.button2-right span{display:block;height:22px;float:left;line-height:22px;font-size:11px;color:#666;cursor:pointer}.button2-left span,.button2-right span{cursor:default;color:#999}.button2-left .page a,.button2-left .page span,.button2-right .page a,.button2-right .page span{padding:0 6px}.page span{color:#000;font-weight:700}.button2-left a:hover,.button2-right a:hover{text-decoration:none;color:#0B55C4}.button2-left a,.button2-left span{padding:0 24px 0 6px}.button2-right a,.button2-right span{padding:0 6px 0 24px}
div.tooltip{float:left;background:#ffc;border:1px solid #D4D5AA;padding:5px;max-width:200px;z-index:13000}
div.tooltip h4{padding:15px 0 5px;margin:-15px 0 0;font-size:95%;font-weight:700;}
div.tooltip p{font-size:90%;margin:0}.img_caption .left{float:left;margin-right:1em}.img_caption .right{float:right;margin-left:1em}.img_caption .left p{clear:left;text-align:center}.img_caption .right p{clear:right;text-align:center}.img_caption{text-align:center!important}.img_caption.none{margin-left:auto;margin-right:auto}
.six6_wrap{
	max-width:90%;max-width:1500px!important;margin-left:auto;margin-right:auto;padding:0px 5px 0px;
	background:#fff;
	}
	.body_width{
	width:95%;
	max-width:1500px !important;margin-left:auto;margin-right:auto;
	}
	.article_navigation .first{padding-left:20px!important}
#orderdrops ul{margin:0;padding:0;}

.line-through{display:none;}
.categoryshowcase{max-width:330px;margin-left:auto;margin-right:auto;}
.categoryshowcase .product_item{
background: #fff;
padding-top: 10px;}


#pdesc h3{padding-top:20px!important}
.dashed{background:#FFFFF;border-bottom:2px dashed #FDE8D7;margin-left:10%;margin-right:10%;}
.wrapclass{padding-left:20px;padding-right:20px;box-sizing:border-box;}
.wrapclass div{box-sizing:border-box;}
.kaizen_product_display{min-height:250px;padding:10px!important;background:#fff}
div.related_right .kaizen_product_display{min-height:0px;padding:10px!important;background:#fff;font-size:.85em!important;}
div.related_right .kaizen_product_display a:link{margin:0px!important;padding:0!important}
.cat_desc, .cat_desc .center{text-align:left!important}
.right0{padding-right:0px!important;padding-left:0px!important;}
#bbb{background:url(../images/footbbb.gif) no-repeat scroll 0 0 transparent;height:44px;width:116px;display:block;}
#credit{background:url(../images/cclogos.gif) no-repeat scroll 0 0 transparent;height:23px;width:190px;display: block; margin-left: auto; margin-right: auto;}
.banner{border-left:5% solid #fff;}
.cardborder{border-left:7px solid #f1f8ff;border-right:7px solid #f1f8ff;}
#bottom_wrap .custom{}
#payments_inline img{margin-top:8px;}
#payments_inline{}
#bottom_wrap ul{max-width:350px;margin-left:auto;margin-right:auto;} 
#bottom_wrap{font-size:.9em}
#bottom_wrap ul li a{padding:6px;}
#bottom_wrap ul li {}
#bottom_wrap div{box-sizing:border-box}
#bottom_wrap li,.tools li,#buyinfo li, .related-categories{list-style-type:none!important}
 #bottom_wrap .separator{font-weight:bold;padding-left:5px;}
#social_links li
.bottom_products{border-top:1px solid #ccc;}
.bottom_products .product img{max-width:70px!important;max-height:70px!important}
.bottom_products .product{max-height:170px!important;min-height:170px!important;font-size:.85em;min-width:125px!important}
.recent .product{max-height:100px!important;min-height:85px!important}
/* header for desktop BODY ELEMENTS
----------------------------------------------------------- */
#kaizen_body_wrap {
background:#FFFFFF;
}
.kaizen_wrap {
overflow:hidden;
}
#menu_wrap.kaizen_wrap {
z-index:3 !important;
}
#cart li{float:left;padding-right:35px;display:inline!important;list-style-type:none!important;}
#cart ul{margin:0px!important;padding:0px!important}
#cart a:link{display:inline-block;}
#menu_header_wrap{
border-bottom:1px dashed #ccc;
}
#menu_header_wrap input{display:inline!important;}
/* Layout container */
#menu_bottom_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* Left side container: logo + search */
#main-header-left {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-items: center;
}

#logo,
#search_wrap {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

#search_wrap {
  /* Ensures the form inside can stretch */
  width: 100%;
}



#top-icons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
}

#logo,
#search_wrap {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
#logo{padding-top:10px;max-width:500px}

#search_wrap {
  /* Ensures the form inside can stretch */
  width: 100%;
}

.vm-search-form {
  display: flex;
  width: 100%; 
  max-width:500px;
}

.vm-search-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 24px;
  background: #fff;
  height: 40px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.vm-search-wrapper:focus-within {
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3);
}

.vm-search-wrapper input[type="text"] {
  flex: 1;
  border: none;
  padding: 0 12px;
  font-size: 14px;
  background: transparent;
  color: #333;
  height: 100%;
  outline: none;
  min-width: 0;
}

.vm-search-button {
  background: #0073aa;
  border: none;
  padding: 0 16px;
  cursor: pointer;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: background 0.2s ease;
}

.vm-search-button svg {
  stroke: white;
}

.vm-search-button:hover {
  background: #005b8a;
}



#vmCartModule{margin-left:4px;margin-top:3px;}




#ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input {
    max-width: 100px!important;
    width: 60px!important;
}
span.quantity-box{display: inline-block; vertical-align:top;}
input.quantity-input{height:34px!important;width:34px!important;text-align:center;font-weight:700;margin-top:0!important;}
span.quantity-controls{width:50px;display: inline-block;vertical-align:top;margin:0}
span.quantity-controls input.quantity-controls{height:46px;border:none;width:46px;cursor:pointer;vertical-align:top}
.colorbox{margin-right:10px}
#shipping_wrap{font-size:.8em!important;}
span.quantity-controls input.quantity-plus{background:url(../images/quantity_up.png) no-repeat;margin: 0;}
span.quantity-controls input.quantity-minus{background:url(../images/quantity_down.png) no-repeat;margin: 0;}
#addtocart_wrap img{max-height:34px!important;}
.quantity_wrapper{min-width:175px!important;}
.select_image:nth-child(10n+1){
    clear:both;
}
.clist_item:nth-child(3n+1){
    clear:both;
}
.wrap_print_icons{font-size:.7em;line-height:1.4em!important;text-align:center;}
.cat_options{font-size:.8em!important;padding:5px;;line-height:1.5em;}
.addtocart_wrap {height:50px;}
.quantity_wrapper{min-width:160px;}
span.addtocart-button input.addtocart-button{display:block;width:100%;max-width:300px;background:#2baae2 ;color:#fff;border:solid #ddd 1px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;font-size:1.2em;cursor:pointer;text-align:center;letter-spacing:1px;padding:0.5em 0.5em;}
span.addtocart-button input.addtocart-button-disabled {width:11em;max-width:100%;background:#f2f2f2;color:#333;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:1.2em;cursor:pointer;height:2.9em;text-align:center;letter-spacing:1px;}
span.addtocart-button input.addtocart-button-disabled{width:auto;background:#2baae2 top repeat-x;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;padding:4px 5px;color:#333;margin:10px 0px 0px 0px;}
span.addtocart-button-disabled{max-width:100%;background:red;color:#fff;border:solid #000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:1.2em;cursor:pointer;text-align:center;letter-spacing:1px;padding:0.5em 0.5em;}
#buy_box h1{font-size:1em!important;}

.product .v50{max-height:175px;}
.product .v40{max-height:140px;}
.product .v20{max-height:70px;}
.vcenter{
 display: flex;
  align-items: center;    /* vertical centering */
  justify-content: center; /* optional: also centers horizontally */
}
.v100 {height:100vh;}
.v40 {height:40vh;}
.v50 {height:50vh;}
.v25 {height:25vh;}
.v20 {height:20vh;}
.proopc-method-end{padding-top:10px;}
.breadcrumbs{font-size:.7em;}
#pdesc{font-size:.85em}
#product_wrap .first,.cat_navigation .first{border-left:0px;}
.rel_header ul{margin:0px;}
.rel_header{padding:5px;}
.rel_header a{padding:5px;}
.rel_header li{float:left;}
#product_wrap .main-image{text-align:center;padding-right:10px;}
ul .c_display{margin:0px!important;padding:0px!important}
#buy_box .header{background:#2C2416;color:#fff;padding:0px;font-size:1em;padding-left:25px}
#buy_box .buy_split .header{background:#2C2416;color:#fff;padding:0px;font-size:1em;padding-left:25px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pcat {font-size:1em;padding:5px;}
.swatch{text-align:center;max-height:35px;line-height:.5em;width:100%;}
.swatch img{vertical-align:top;max-height:25px;text-align:center}
.swatch a:hover{text-decoration:none}
.swatch a{padding-top:0px;vertical-align:top;display:inline-block;}
.cat_price{font-size:1.15em!important;}
.customdrop {font-size:1em!important;}
.product_wrap div{box-sizing:border-box!important;}
#product_wrap{font-size:1.2em;line-height:180%!important;position:relative;}
#pdesc li{list-style-type: circle!important;}
#pdesc ul{padding-left:15px}
#buyinfo ul{margin-bottom:10px}
#product_images{padding-left:20px}
#pdesc h1{padding-bottom:10px}
#product_wrap .left25 {padding-left:25px}
#pdesc .width50{min-width:200px;}

.featuredheader div,#orderdrops div{box-sizing:border-box!important;font-size:.95em}
.orderby-displaynumber{margin:0px;padding:0;}
.orderlistcontainer a{text-decoration:none;display:block;}
.orderlistcontainer a :hover{text-decoration:none!important;display:block;cursor:pointer;}
.orderlistcontainer div.orderlist{display:none;position:absolute;border:solid #ccc 1px;background:#fff;z-index: 1;padding-bottom:.5em;padding-top:.25em;}
.orderlistcontainer div.orderlist div{padding:3px 12px 3px;}
.orderlistcontainer div.orderlist div :hover{background:#fff ;}
.orderlistcontainer div.btop{border-top:solid #ccc 1px;padding-top:.85em !important;}
.orderlistcontainer div.min175{min-width:170px;max-width:170px;}
.orderlistcontainer div.i2,div.i3,div.i3,div.i4,div.i5,div.i6,div.i7,div.i8{border-top:solid #D8D8D8 1px;}
#orderdrops img{line-height:.5em;padding-left:10px!important;padding-top:3px!important}
#orderdrops .width15{width:15%!important;float:left!important;}
.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{width:auto;height:auto;}
.display-number,.control-buttons,.right{text-align:right !important;}
input.highlight-button{background:#0077b3 ; color:#fff;border:1px solid #00669a;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:4px 8px 2px;}
input.highlight-button:visited{color:#fff;}
button.default{display:inline-block;cursor:pointer;padding:5px 8px 4px;}
button.default:hover{color:#777;}
a.highlight,a.highlight:visited{background:#0077b3 ;border:solid #00669a 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;display:inline-block;text-decoration:none;background-position:0 -160px;color:#fff;padding:3px 8px 1px;}
textarea.virtuemart{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:5px 5px 4px;}
.vm-button-correct,.vm-button-correct:hover,.vm-button-correct:visited{font-size:1.2em;font-weight:700;display:inline-block;text-decoration:none;color:#777;}
.vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited{background:#0077b3 ;background-position:0 -160px;color:#fff;border:solid #00669a 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:6px 12px 3px;}
.vm-button-correct:hover{background-position:0 -200px;color:#f2f2f2;text-decoration:none;}
.additional-images img{max-height:75px!important;}
.additional-images{box-sizing:border-box;}
.spacer{padding:8px;}
.userfields_info{font-weight: bold;display: block;margin: 0px 0px 8px 0px;}
table.user-details .vm-chzn-select{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:210px}
table.user-details input{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:200px}
table.user-details input.invalid{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid red 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px;}
table.user-details{margin-bottom:10px;}
table.user-details input[type="checkbox"] , table.user-details input[type="radio"] {width:20px}
#ui-tabs ul#tabs{list-style-type:none;overflow:hidden;margin:0;padding:1.0em 1.0em 0;}
#ui-tabs ul#tabs li{display:inline-block;cursor:pointer;background:#10B421;color:#fff;padding:0.5em 1.0em 0.2em;border-right:4px solid #fff;font-weight:bold;}
#ui-tabs ul#tabs li.current{display:inline-block;background:#10B421;color:#fff}
#ui-tabs .tabs{padding:1.0em;}
#ui-tabs .dyn-tabs{overflow:show;display:none;}
.vmLoadingDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../images/vm-preloader.gif')
    50% 45%
    no-repeat;
}
.vmLoading {
    overflow: hidden;
}
.vmLoading .vmLoadingDiv {
    display: block;
}
.vmLoadingDiv .vmLoadingDivMsg {
    position: relative;
    top: 50%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive_break{display:none;}
.mobile ,li.mobile{display:none!important}
.mobile_clear{display:none}
#clicktocall{display:none;}

/*new flexbox category AI 2025*/
.category-view {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px 10px;
}
.category-view .category {
  flex: 1 1 calc(20% - 20px);
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  padding: 20px;
  text-align: center;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.category-view .category:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transform: translateY(-4px);
}

.category-view .category h2 {
  font-size: 1rem;
  margin: 10px 0 0;
  color: #333;
}

.category-view .category a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.category-view .category img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 10px;
  object-fit: contain;
  height: 120px;
}
@media screen and (max-width:1450px){
#logo{max-width:330px;}
}

@media screen and (max-width:1200px){
#top-icons img{max-height:25px;}
#cart{font-size:.9em;}
#menu_header_wrap .body_width{width:98%}
}
@media screen and (max-width:1000px){
#search_wrap{padding-top:10px;}
body {
	font-size:0.9em !important;
	}
h3 {	font-size:1.2em;}
h4 {	font-size:1.1em;}
#menu_bottom_row .button{
padding:5px!important;
}
}
@media screen and (max-width: 970px){
	.six6_wrap {
	width:100% !important;
	}
	#product_wrap .product_list .width25{width:50%!important}
	.product_wrap{font-size:1em!important;}
	}
@media screen and (max-width: 950px){
#bottom_wrap .m100{width:50%;float:left;font-size:.9em;}
.related_cats_wrap .width20{width:33%!important;}
#p252.responsive_break{display:block!important;height:1px;width:100%;clear:both!important;font-size:1px!important}
#menu_bottom_row div{max-height:100px!important}
#menu_bottom_row {padding-top:4px}
}
@media screen and (max-width: 900px){
.shareurl{width:100%!important;margin-bottom:10px;}
.buy_split{width:100%!important}
}
@media screen and (max-width: 860px){

#comheader .width60{width:96%!important;margin-left:2%!important}
.article_navigation .left20,.article_navigation .p4{padding-left:0px!important}
#pdesc h2, #product_wrap h3{font-size:1.1em;}
}




@media screen and (max-width: 800px){
 .orderby-displaynumber{width:20%!important;}
}
@media screen and (max-width: 768px){
 .product_ad_container div.upper{text-transform: none!important;}
  .wrap_print_icons {
  font-size: .9em!important;
  line-height: 1.2em !important;
}
#logo,
  #search_wrap {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 4px;
  }

  #main-header-left {
    justify-content: center;
  }
 

.product_list .width25{width:50%!important}
.t25{width:25%!important}
.t50{width:50%!important}
.card.t50{flex: 1 1 calc(50% - 20px);}

  .flex {
    gap: 10px; /* or even 5px depending on your layout */
    }
.t100{width:100%!important}

  .icat{font-size:.8em}
#bottom_row> .width33:nth-child(3n) {
width:100%!important;max-width:400px;text-align:center;
}

#category_showcase_wrap{font-size:.85em!important;}
.mobile, li.mobile{display:block!important}
#pdesc .width50{width:100%!important;}
.desktop {display:none!important;}
#cart_icon{max-width:60px;}
.m100{width:100%!important}
.m50{width:50%!important}
.m25{width:25%!important}
.m33{width:33%!important}
.breadname{text-align:center}
.featuredheader .m100{width:100%!important}
.kaizen_product_display {padding:0px!important}
#cart .floatRight{float:left;}
  #product_info{width:100%!important;padding-left:0px!important}
    #buyinfo{width:100%!important}
.related_cats_wrap img{max-height:50px!important}
}
@media screen and (max-height: 900px){
   .main-image img{max-height:700px!important}}
@media screen and (max-height: 768px){
.productdetails-view .main-image {
    /* Limit how tall the whole image area can be */
    max-height: 70vh;          /* 70% of viewport height – tweak as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;          /* hides any overflow if needed */
  }

  .productdetails-view .main-image img {
    max-height: 100%;          /* fit inside that capped area */
    max-width: 100%;           /* still responsive horizontally */
    width: auto;
    height: auto;
  }
}
   .cat_image img{max-height:100px;}
   .cattitle{font-size:1.3em!important}
   .usa_top_right img,.top_right_item img{max-height:37px!important}}
@media screen and (max-height: 640px){
   .main-image img{max-height:400px!important}
   .article img{max-height:300px!important}
   .split_this .p20{padding-top:0px;}}
@media screen and (max-width: 750px){
	#orderdrops div.min175{min-width:150px;font-size:.9em;}
  .redtext.bold{font-weight:500}
 .hide_750 {display:none !important;}
 .split_this,#costcomp-pop,#capacityCalcTable{width:100%!important;}

	}
@media screen and (max-width: 700px){
.hide700{display:none!important}
	#left_wrap{display:none;}
	#right_column_wrap{width:100%!important;}
	.right0{padding-left:5px!important;padding-right:5px!important;}
	}
@media screen and (max-width: 650px){
  #category_search{padding-left:0!important}
  div.featuredheader a:visited, div.featuredheader a:link {
  padding: 5px !important;
}
  .cat_list_img{display:none}
#logo img{max-height:25px!important;margin-top:5px;margin-bottom:5px;}
#layout_component img{max-width:100px!important;}
#layout_component #try_another_layout img{max-width:150px!important}}
@media screen and (max-width: 630px){
#layoutcom h1{font-size:1.5em!important;text-align:center;}
#layoutcom p{text-align:center;}
  #cart{position:absolute;top:15px;right:0px;}
  #contact_us,#login{display:none;}}
@media screen and (max-width: 600px){
.category-view .category{flex:1 1 calc(33.33% - 20px);}
#showcase_wrap .card.t50{flex: 1 1 100%;}
#bottom_wrap .card{height:auto;}
.wrap_class{padding-left:0px!important;padding-right:0px!important}
div.article h1{font-size:1.2em!important;}
}

	 @media screen and (max-width: 500px){
    .article div.min220,.article div.min200{width:98%;}
	}
	 @media screen and (max-width: 475px){
	 #clicktocall{display:block !important;}
	 #clicktocall img{max-height: 20px !important;
    max-width: 20px !important;margin-top:6px;margin-left:15%; }
       #category_search{max-width:200px!important}
       #orderby-displaynumber{max-width:80px!important;min-width:0!important}
       }