@import'../js/zebra_dialog/css/materialize/zebra_dialog.min.css';
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
body{color:#555;background-color:#f4d558;font-family:"Oxygen",sans-serif;font-weight:400;line-height:1.6;letter-spacing:.02em}
h1{margin:0 0 .4em 0;color:#22205f;font-weight:300;font-size:2.5em;line-height:1.2}
@media only screen and (max-width: 768px){h1{font-size:2em}}
h2{margin:0 0 .6em 0;color:#22205f;font-weight:300;font-size:1.6em;line-height:1.2}
h3{margin:0 0 .4em 0;color:#22205f;font-weight:300;font-size:1.3em;line-height:1.2}
h4{margin:0 0 .4em 0;font-size:1.1em;line-height:1.2}
p,ul,ol,table{margin:0 0 1em 0}
ul{list-style-type:disc}
ol{list-style-type:decimal}
ul li,ol li{margin-left:2em}
b,strong,.bold{font-weight:700}
i,em,.italic{font-style:italic}
a,a:visited{color:#22205f;font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:.3s}
a:hover,a:active,a:visited:hover,a:visited:active{border-bottom:1px solid #22205f}
@media only screen and (max-width: 768px){a:hover,a:active,a:visited:hover,a:visited:active{border-bottom:1px solid transparent}}
a.white,a:visited.white{color:#fff}
a.white:hover,a.white:active,a:visited.white:hover,a:visited.white:active{border-bottom:1px solid #fff}
@media only screen and (max-width: 768px){a.white:hover,a.white:active,a:visited.white:hover,a:visited.white:active{border-bottom:1px solid transparent}}
a.gray,a:visited.gray{color:#555}
a.gray:hover,a.gray:active,a:visited.gray:hover,a:visited.gray:active{border-bottom:1px solid #555}
@media only screen and (max-width: 768px){a.gray:hover,a.gray:active,a:visited.gray:hover,a:visited.gray:active{border-bottom:1px solid transparent}}
a.noline,a:visited.noline{border-bottom:1px solid transparent}
a.noline:hover,a.noline:active,a:visited.noline:hover,a:visited.noline:active{border-bottom:1px solid transparent}
@media only screen and (max-width: 768px){a.noline:hover,a.noline:active,a:visited.noline:hover,a:visited.noline:active{border-bottom:1px solid transparent}}
a.nobold,a:visited.nobold{font-weight:400}
a.fade:hover,a.fade:active,a:visited.fade:hover,a:visited.fade:active{opacity:.6}
@media only screen and (max-width: 768px){a.fade:hover,a.fade:active,a:visited.fade:hover,a:visited.fade:active{opacity:1}}
div.shoppingcartwrap{text-align:center;overflow-x:scroll}
div.shoppingcartwrap table{display:inline-block;text-align:left}
div.centertable{text-align:center}
div.centertable table{display:inline-block;text-align:left}
table tr:first-child td{padding-top:0}
table tr:last-child td{padding-bottom:0}
table tr.head td{font-weight:700}
table tr td{padding:.2em .5em;vertical-align:top}
table tr td:first-child{padding-left:0}
table tr td:last-child{padding-right:0}
table.formfields tr td{position:relative}
table.formfields tr td:first-child{padding-top:.4em}
table.formfields tr td.paymentarea.warning{padding:.5em .5em .1em .5em}
table.formfields tr td.bottom{padding-bottom:.45em;vertical-align:bottom}
table.simplebox tr td{padding:.5em 1em;border:1px solid #555}
table.shoppingcart tr{border-bottom:1px solid #555}
table.shoppingcart tr:last-child{border-bottom:none}
table.shoppingcart tr td{padding:.5em .8em}
table.tight tr td{padding:0}
table.tight tr td:first-child{padding:0}
img{width:auto;max-width:100%;height:auto}
hr{height:1px;margin:2em auto;background-color:#d6d6d6;border:none}
hr.spaceonly{margin:1em auto;background-color:transparent}
input[type=text],input[type=email],input[type=tel],input[type=password],textarea{display:inline-block;width:calc(100% - 1em);max-width:12em;margin:.2em 0 0 0;padding:.3em .5em .25em .5em;color:#555;background-color:#fff;font-family:"Oxygen",sans-serif;font-weight:400;font-size:1em;line-height:1.2;border:1px solid #939393;border-radius:.5em;outline:none;-webkit-appearance:none}
input[type=text].warning,input[type=email].warning,input[type=tel].warning,input[type=password].warning,textarea.warning{background-color:#fae6e7;border:1px solid #c00;box-shadow:0 0 5px #c00}
input[type=text].completed,input[type=email].completed,input[type=tel].completed,input[type=password].completed,textarea.completed{width:calc(100% - 2.5em);max-width:10.5em;padding-left:2em;background:#fff url("../img/gr_green-check.png") no-repeat 9px 9px;background-size:14px 14px}
input[type=text]:not(.warning):focus,input[type=email]:not(.warning):focus,input[type=tel]:not(.warning):focus,input[type=password]:not(.warning):focus,textarea:not(.warning):focus{box-shadow:0 0 5px #0c0}
input.medium[type=text],input.medium[type=email],input.medium[type=tel],input.medium[type=password]{max-width:8em}
input.medium[type=text].completed,input.medium[type=email].completed,input.medium[type=tel].completed,input.medium[type=password].completed{max-width:6.5em}
input.small[type=text],input.small[type=email],input.small[type=tel],input.small[type=password]{max-width:4em}
input.small[type=text].completed,input.small[type=email].completed,input.small[type=tel].completed,input.small[type=password].completed{max-width:2.5em}
textarea{max-width:36em;height:8em}
img.greencheck{display:none;position:absolute;top:calc(0.2em + 9px);left:calc(0.5em + 9px);width:14px;height:14px}
table.tight img.greencheck{top:9px;left:9px}
select{display:inline-block;max-width:13em;margin:0;padding:.3em 2.5em .25em .5em;color:#555;background:#fff url("../img/gr_select-arrow.png") calc(100% - 8px) center no-repeat;font-family:"Oxygen",sans-serif;font-weight:400;font-size:1em;line-height:1.2;white-space:nowrap;border:1px solid #939393;border-radius:.5em;outline:none;-webkit-appearance:none}
select.warning{background-color:#fae6e7;border:1px solid #c00;box-shadow:0 0 5px #c00}
select.completed{padding-left:1.75em;background-color:#fff;border:1px solid #0c0}
select.completed+img.greencheck{display:block}
select:not(.warning):focus{box-shadow:0 0 5px #0c0}
ul.payment{list-style-type:none;margin:0}
ul.payment li{display:inline-block;margin:0 .5em 0 0}
ul.payment li:last-child{margin:0}
ul.payment li.selected img{border:1px solid #0c0;box-shadow:0 0 5px #0c0}
ul.payment li img{display:block;width:50px;border:1px solid transparent;cursor:pointer}
a.btn,a.btn:visited,button,input[type=button],input[type=submit],input[type=reset]{display:inline-block;margin:0;padding:.8em 2em;color:#fff;background-color:#22205f;font-family:"Oxygen",sans-serif;font-weight:400;font-size:.9em;text-transform:uppercase;line-height:1.2;border:none;border-radius:.5em;white-space:nowrap;cursor:pointer;-webkit-appearance:none}
a.btn.disabled,a.btn:visited.disabled,button.disabled,input[type=button].disabled,input[type=submit].disabled,input[type=reset].disabled{background-color:#555;cursor:pointer}
a.btn.disabled:hover,a.btn.disabled:active,a.btn:visited.disabled:hover,a.btn:visited.disabled:active,button.disabled:hover,button.disabled:active,input[type=button].disabled:hover,input[type=button].disabled:active,input[type=submit].disabled:hover,input[type=submit].disabled:active,input[type=reset].disabled:hover,input[type=reset].disabled:active{background-color:#555}
a.btn.rev,a.btn:visited.rev,button.rev,input[type=button].rev,input[type=submit].rev,input[type=reset].rev{color:#22205f;background-color:#fff}
a.btn.rev:hover,a.btn.rev:active,a.btn:visited.rev:hover,a.btn:visited.rev:active,button.rev:hover,button.rev:active,input[type=button].rev:hover,input[type=button].rev:active,input[type=submit].rev:hover,input[type=submit].rev:active,input[type=reset].rev:hover,input[type=reset].rev:active{color:#fff}

@media only screen and (max-width: 768px){a.btn.rev:hover,a.btn.rev:active,a.btn:visited.rev:hover,a.btn:visited.rev:active,button.rev:hover,button.rev:active,input[type=button].rev:hover,input[type=button].rev:active,input[type=submit].rev:hover,input[type=submit].rev:active,input[type=reset].rev:hover,input[type=reset].rev:active{color:#22205f;background-color:#fff}}
a.btn.green,a.btn:visited.green,button.green,input[type=button].green,input[type=submit].green,input[type=reset].green{background-color:#090}
@media only screen and (max-width: 768px){a.btn.green:hover,a.btn.green:active,a.btn:visited.green:hover,a.btn:visited.green:active,button.green:hover,button.green:active,input[type=button].green:hover,input[type=button].green:active,input[type=submit].green:hover,input[type=submit].green:active,input[type=reset].green:hover,input[type=reset].green:active{background-color:#090}}
a.btn.blinkingred,a.btn:visited.blinkingred,button.blinkingred,input[type=button].blinkingred,input[type=submit].blinkingred,input[type=reset].blinkingred{background-color:#c00;animation:blinkingRedBackground 3s infinite}
a.btn.blinkingred.disabled,a.btn:visited.blinkingred.disabled,button.blinkingred.disabled,input[type=button].blinkingred.disabled,input[type=submit].blinkingred.disabled,input[type=reset].blinkingred.disabled{background-color:#555;cursor:default;animation:none}
a.btn.blinkingred.disabled:hover,a.btn.blinkingred.disabled:active,a.btn:visited.blinkingred.disabled:hover,a.btn:visited.blinkingred.disabled:active,button.blinkingred.disabled:hover,button.blinkingred.disabled:active,input[type=button].blinkingred.disabled:hover,input[type=button].blinkingred.disabled:active,input[type=submit].blinkingred.disabled:hover,input[type=submit].blinkingred.disabled:active,input[type=reset].blinkingred.disabled:hover,input[type=reset].blinkingred.disabled:active{background-color:#555}
a.btn.blinkingred:hover,a.btn.blinkingred:active,a.btn:visited.blinkingred:hover,a.btn:visited.blinkingred:active,button.blinkingred:hover,button.blinkingred:active,input[type=button].blinkingred:hover,input[type=button].blinkingred:active,input[type=submit].blinkingred:hover,input[type=submit].blinkingred:active,input[type=reset].blinkingred:hover,input[type=reset].blinkingred:active{background-color:#c00}
@keyframes blinkingRedBackground{0%{background-color:#600}50%{background-color:#c00}100%{background-color:#600}}
a.btn.btnsmall,a.btn:visited.btnsmall,button.btnsmall,input[type=button].btnsmall,input[type=submit].btnsmall,input[type=reset].btnsmall{font-size:.715em}
a.btn:hover,a.btn:active,a.btn:visited:hover,a.btn:visited:active,button:hover,button:active,input[type=button]:hover,input[type=button]:active,input[type=submit]:hover,input[type=submit]:active,input[type=reset]:hover,input[type=reset]:active{background-color:#c00}
@media only screen and (max-width: 768px){a.btn:hover,a.btn:active,a.btn:visited:hover,a.btn:visited:active,button:hover,button:active,input[type=button]:hover,input[type=button]:active,input[type=submit]:hover,input[type=submit]:active,input[type=reset]:hover,input[type=reset]:active{background-color:#22205f}}
a.btn.active,a.btn:visited.active,button.active,input[type=button].active,input[type=submit].active,input[type=reset].active{background-color:#090}
@media only screen and (max-width: 768px){a.btn.active:hover,a.btn.active:active,a.btn:visited.active:hover,a.btn:visited.active:active,button.active:hover,button.active:active,input[type=button].active:hover,input[type=button].active:active,input[type=submit].active:hover,input[type=submit].active:active,input[type=reset].active:hover,input[type=reset].active:active{background-color:#090}}
a.btn img,a.btn:visited img,button img,input[type=button] img,input[type=submit] img,input[type=reset] img{position:relative;top:2px;height:16px;margin:0 0 0 .5em}
div.ZebraDialog{max-width:90%}
div.ZebraDialog a.ZebraDialog_Close{display:none}
div.ZebraDialog div.ZebraDialog_Buttons a,div.ZebraDialog div.ZebraDialog_Buttons a:visited{display:inline-block;margin:0;padding:.8em 2em;color:#fff;background-color:#22205f;font-family:"Oxygen",sans-serif;font-weight:400;font-size:.9em;text-transform:uppercase;line-height:1.2;border:none;border-radius:.5em;white-space:nowrap;cursor:pointer;-webkit-appearance:none}
div.ZebraDialog div.ZebraDialog_Buttons a:hover,div.ZebraDialog div.ZebraDialog_Buttons a:active,div.ZebraDialog div.ZebraDialog_Buttons a:visited:hover,div.ZebraDialog div.ZebraDialog_Buttons a:visited:active{background-color:#c00}
@media only screen and (max-width: 768px){div.ZebraDialog div.ZebraDialog_Buttons a:hover,div.ZebraDialog div.ZebraDialog_Buttons a:active,div.ZebraDialog div.ZebraDialog_Buttons a:visited:hover,div.ZebraDialog div.ZebraDialog_Buttons a:visited:active{background-color:#22205f}}
div.col2{float:left;width:48%;margin:0 4% 0 0}
@media only screen and (max-width: 768px){div.col2:not(.nosplit){float:none;width:100%;margin:0 0 1em 0}}
div.col2.loose{width:auto;max-width:48%}
@media only screen and (max-width: 768px){div.col2.loose{width:100%;max-width:100%;margin:0 0 1em 0}}
div.col2:last-child{margin-right:0}
@media only screen and (max-width: 768px){div.col2:last-child{margin-bottom:0;margin-bottom:1em}}
div.col3{float:left;width:32%;margin:0 2% 0 0}
@media only screen and (max-width: 768px){div.col3:not(.nosplit){float:none;width:100%;margin:0 0 1em 0}}
div.col3.loose{width:auto;max-width:32%}
@media only screen and (max-width: 768px){div.col3.loose{width:100%;max-width:100%;margin:0 0 1em 0}}
div.col3:last-child{margin-right:0}
@media only screen and (max-width: 768px){div.col3:last-child{margin-bottom:0;margin-bottom:1em}}
div.col4{float:left;width:22%;margin:0 4% 0 0}
@media only screen and (max-width: 768px){div.col4:not(.nosplit){float:none;width:100%;margin:0 0 1em 0}}
div.col4.loose{width:auto;max-width:22%}
@media only screen and (max-width: 768px){div.col4.loose{width:100%;max-width:100%;margin:0 0 1em 0}}
div.col4:last-child{margin-right:0}
@media only screen and (max-width: 768px){div.col4:last-child{margin-bottom:0;margin-bottom:1em}}
div.col5{float:left;width:16%;margin:0 5% 0 0}
@media only screen and (max-width: 768px){div.col5:not(.nosplit){float:none;width:100%;margin:0 0 1em 0}}
div.col5.loose{width:auto;max-width:16%}
@media only screen and (max-width: 768px){div.col5.loose{width:100%;max-width:100%;margin:0 0 1em 0}}
div.col5:last-child{margin-right:0}
@media only screen and (max-width: 768px){div.col5:last-child{margin-bottom:0;margin-bottom:1em}}
.red{color:#c00}
.blue{color:#22205f}
.warning{background-color:#fae6e7;border:1px solid #c00;box-shadow:0 0 5px #c00}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.smallest{font-size:.6em}
.smaller{font-size:.8em}
.larger{font-size:1.2em}
.largest{font-size:1.4em}
.floatleft{float:left;margin:0 2em 1em 0}
.floatright{float:right;margin:0 0 1em 2em}
.nowrap{white-space:nowrap}
.hidden{display:none}
.mobileonly{display:none}
@media only screen and (max-width: 768px){.mobileonly{display:block}}
@media only screen and (max-width: 768px){.nomobile{display:none}}
div.content{width:90%;max-width:1200px;margin:0 auto}
@media only screen and (max-width: 768px){div.content.mobilewide{width:auto}}
div.content div.content80{width:80%;margin:0 auto}
#header{position:sticky;top:0;left:0;z-index:1000;width:100%;background-color:#fff;box-shadow:0 0 15px #555}
#header img.mobilenav{display:none}
@media only screen and (max-width: 768px){#header img.mobilenav{display:block;position:absolute;top:2em;right:5%;z-index:999;width:56px;cursor:pointer}}
#header div.logo{float:left;width:265px;margin:1.5em auto 0 auto}
@media only screen and (max-width: 768px){#header div.logo{float:none;width:60%;margin:1.5em 0 .7em 10%}}
#header div.logo a,#header div.logo a:visited{display:block}
#header div.logo a img,#header div.logo a:visited img{display:block}
#header #nav1{list-style-type:none;float:left;display:flex;flex-wrap:nowrap;justify-content:space-evenly;width:calc(100% - 265px - 2em);margin:3.2em 0 0 2em}
@media only screen and (max-width: 768px){#header #nav1{float:none;display:block;position:fixed;top:0;left:-100%;z-index:1000;width:100%;height:100%;margin:0;padding:5em 0 0 0;background-color:rgba(34,32,95,.9)}}
#header #nav1 li{display:block;margin:0}
@media only screen and (max-width: 768px){#header #nav1 li{width:70%;margin:0 auto}}
#header #nav1 li.mobileonly{display:none}
@media only screen and (max-width: 768px){#header #nav1 li.mobileonly{display:block}}
#header #nav1 li.mobileonly img.mobilenav{display:block;position:absolute;top:2em;right:5%;z-index:999;width:56px;cursor:pointer}
@media only screen and (max-width: 768px){#header #nav1 li:last-child a,#header #nav1 li:last-child a:visited{border-bottom:1px solid transparent}}
#header #nav1 li a,#header #nav1 li a:visited{display:block;color:#555;text-transform:uppercase}
@media only screen and (max-width: 1024px){#header #nav1 li a,#header #nav1 li a:visited{font-size:.9em}}
@media only screen and (max-width: 768px){#header #nav1 li a,#header #nav1 li a:visited{padding:.8em 0 .6em 0;color:#fff;font-size:1em;text-transform:none;border-bottom:1px solid rgba(255,255,255,.3)}}
#header #nav1 li a:hover,#header #nav1 li a:active,#header #nav1 li a:visited:hover,#header #nav1 li a:visited:active{border-bottom:1px solid #555}
@media only screen and (max-width: 768px){#header #nav1 li a:hover,#header #nav1 li a:active,#header #nav1 li a:visited:hover,#header #nav1 li a:visited:active{border-bottom:1px solid rgba(255,255,255,.3)}}
#header #nav1 li ul.mobileicons{width:100%;margin:2em 0 0 0}
#header #nav1 li ul.mobileicons li{float:left;display:block;width:auto}
#header #nav1 li ul.mobileicons li:first-child{margin:0 2em 0 0}
#header #nav1 li ul.mobileicons li a,#header #nav1 li ul.mobileicons li a:visited{position:relative;padding:0}
#header #nav1 li ul.mobileicons li a:hover,#header #nav1 li ul.mobileicons li a:active,#header #nav1 li ul.mobileicons li a:visited:hover,#header #nav1 li ul.mobileicons li a:visited:active{border-bottom:1px solid transparent}
#header #nav1 li ul.mobileicons li a img,#header #nav1 li ul.mobileicons li a:visited img{display:block}
#header #nav1 li ul.mobileicons li a span.cartqty,#header #nav1 li ul.mobileicons li a:visited span.cartqty{top:1.1em;right:-0.8em}
#header #nav1 li ul.mobileicons li div.searchtextwrap{margin:.8em 0 0 0}
#header #nav1 li ul.mobileicons li div.searchtextwrap input[type=button]{color:#22205f;background-color:#fff}
#header ul.icons{list-style-type:none;float:right;width:96px;margin:0 0 -1.1em 0}
#header ul.icons li{float:left;display:block;position:relative;width:2.5em;margin:0 1em 0 0}
#header ul.icons li:last-child{margin:0}
#header ul.icons li a,#header ul.icons li a:visited{display:block;position:relative}
#header ul.icons li a img,#header ul.icons li a:visited img{display:block;filter:drop-shadow(0 0 6px #fff);transition:.3s}
#header ul.icons li a img:hover,#header ul.icons li a img:active,#header ul.icons li a:visited img:hover,#header ul.icons li a:visited img:active{filter:drop-shadow(0 0 2px #555)}
@media only screen and (max-width: 768px){#header ul.icons li a img:hover,#header ul.icons li a img:active,#header ul.icons li a:visited img:hover,#header ul.icons li a:visited img:active{-webkit-filter:drop-shadow(0 0 6px #fff)}}
#header ul.icons li div.searchtextwrap{position:absolute;top:2.5em;right:-2em}
#subheader{position:relative}
#subheader div.banner{height:150px;background:transparent url("../img/heathkit_banner.png") no-repeat center center;background-size:cover}
#subheader div.banner img{position:absolute;bottom:0;left:0;width:100%;height:30%;opacity:.8}
#subheader div.freeshipping{position:absolute;bottom:-1.4em;left:0;z-index:999;width:100%;color:#fff;text-align:center}
@media only screen and (max-width: 768px){#subheader div.freeshipping{bottom:-1.2em}}
@media only screen and (max-width: 1024px){#subheader div.freeshipping div.tagline{font-size:.9em;line-height:1}}
@media only screen and (max-width: 768px){#subheader div.freeshipping div.tagline{display:none}}
#subheader div.freeshipping img{display:block;width:400px;max-width:90%;margin:.5em auto 0 auto}
@media only screen and (max-width: 768px){#subheader div.freeshipping img{max-width:80%}}
/* #mainleft{float:left;position:relative;width:300px;padding:1.8em 0 2em 0;border-right:1px solid #d6d6d6} */
#mainleft{float:left;position:relative;width:300px;padding:1.8em 0 2em 0;background-color:#ffffff}
@media only screen and (max-width: 768px){#mainleft{float:none;position:fixed;top:calc(100% - 59px);left:0;z-index:1000;width:100%;height:calc(100% + 1px);margin-bottom:env(safe-area-inset-bottom);padding:0;border-right:none;overflow:auto}}
#mainleft div.stampfinder{display:none;position:sticky;top:0;left:0;z-index:1000;width:100%}
@media only screen and (max-width: 768px){#mainleft div.stampfinder{display:block}}
#mainleft div.stampfinder a,#mainleft div.stampfinder a.visited{display:block;height:44px;padding:14px 1em 0 1em;color:#fff;background-color:#22205f;font-weight:400;font-size:1.2em;text-align:center;text-transform:uppercase;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
#mainleft p.topicons{margin:0 1em 1em 1em;font-size:1.1em;line-height:1}
@media only screen and (max-width: 768px){#mainleft p.topicons{display:none}}
#mainleft p.topicons img{position:relative;top:3px;width:32px}
/* MENUWRAPPER */
#mainleft #menuwrapper.prefs ul li a,#mainleft #menuwrapper.prefs ul li a:visited{cursor:default}
@media only screen and (max-width: 768px){#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a,#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a:visited{color:#22205f;background-color:#b6b6fa}#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a:hover,#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a:active,#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a:visited:hover,#mainleft #menuwrapper.prefs ul li>ul>li.clicked>a:visited:active{color:#22205f;background-color:#b6b6fa}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a,#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a:visited{color:#22205f;background-color:#fff}#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a:hover,#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a:active,#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a:visited:hover,#mainleft #menuwrapper.prefs ul li ul li ul li.clicked a:visited:active{color:#22205f;background-color:#fff}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper:not(.prefs).topic li ul li ul{display:flex;flex-wrap:wrap;justify-content:center}#mainleft #menuwrapper:not(.prefs).topic li ul li ul li a,#mainleft #menuwrapper:not(.prefs).topic li ul li ul li a:visited{margin:.5em;border:2px solid #22205f;border-radius:.5em}#mainleft #menuwrapper:not(.prefs).topic li ul li ul li a::after,#mainleft #menuwrapper:not(.prefs).topic li ul li ul li a:visited::after{display:none}}
#mainleft #menuwrapper>button.selectpref{display:none}
#mainleft #menuwrapper>ul>li>button.selectpref{display:none}
#mainleft #menuwrapper button.selectpref{display:block;position:absolute;top:.4em;left:1em;padding:.5em 1em;font-size:.6em}
@media only screen and (max-width: 768px){#mainleft #menuwrapper button.selectpref{top:.5em;font-size:.8em}}
#mainleft #menuwrapper a.nav2head,#mainleft #menuwrapper a.nav2head:visited{display:block;height:93px;padding:14px 1em 0 1em;color:#fff;background-color:#22205f;font-weight:400;font-size:1em;text-align:center;text-transform:uppercase;border-bottom:1px solid #d6d6d6}
@media only screen and (max-width: 768px){#mainleft #menuwrapper a.nav2head,#mainleft #menuwrapper a.nav2head:visited{height:40px;cursor:default}}
#mainleft #menuwrapper a.nav2head.hidden,#mainleft #menuwrapper a.nav2head:visited.hidden{display:none}
#mainleft #menuwrapper a.nav2head:hover,#mainleft #menuwrapper a.nav2head:active,#mainleft #menuwrapper a.nav2head:visited:hover,#mainleft #menuwrapper a.nav2head:visited:active{background-color:rgba(34,32,95,.9)}
@media only screen and (max-width: 768px){#mainleft #menuwrapper a.nav2head:hover,#mainleft #menuwrapper a.nav2head:active,#mainleft #menuwrapper a.nav2head:visited:hover,#mainleft #menuwrapper a.nav2head:visited:active{background-color:#22205f}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper a.nav2head:last-child,#mainleft #menuwrapper a.nav2head:visited:last-child{border-bottom:1px solid transparent}}
#mainleft #menuwrapper a.nav2head img,#mainleft #menuwrapper a.nav2head:visited img{display:block;height:50px;margin:0 auto .5em auto}
@media only screen and (max-width: 768px){#mainleft #menuwrapper a.nav2head img,#mainleft #menuwrapper a.nav2head:visited img{display:none}}
#mainleft #menuwrapper ul{list-style-type:none;display:none;margin:0}
#mainleft #menuwrapper ul.open{display:block}
#mainleft #menuwrapper ul.topic li ul{display:block}
#mainleft #menuwrapper ul li{display:block;position:relative;margin:0}
#mainleft #menuwrapper ul li.arrowdown>a,#mainleft #menuwrapper ul li.arrowdown>a:visited{background-color:#b3b3b3}
#mainleft #menuwrapper ul li.arrowdown>a::after,#mainleft #menuwrapper ul li.arrowdown>a:visited::after{background:transparent url("../img/gr_arrow-down.png") no-repeat top center}
#mainleft #menuwrapper ul li.arrowdown>a:hover,#mainleft #menuwrapper ul li.arrowdown>a:active,#mainleft #menuwrapper ul li.arrowdown>a:visited:hover,#mainleft #menuwrapper ul li.arrowdown>a:visited:active{background-color:#939393}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li.arrowdown>a:hover,#mainleft #menuwrapper ul li.arrowdown>a:active,#mainleft #menuwrapper ul li.arrowdown>a:visited:hover,#mainleft #menuwrapper ul li.arrowdown>a:visited:active{color:#22205f;background-color:#b3b3b3}}
#mainleft #menuwrapper ul li.open>ul{display:block}
#mainleft #menuwrapper ul li a,#mainleft #menuwrapper ul li a:visited{display:block;padding:.5em 1em;background-color:#d6d6d6;font-size:.7em;text-align:right;border-bottom:1px solid #b3b3b3;border-left:1px solid #b3b3b3;letter-spacing:0}
#mainleft #menuwrapper ul li a::after,#mainleft #menuwrapper ul li a:visited::after{content:"";display:inline-block;vertical-align:top;width:20px;height:13px;margin:3px -6px 0 0;padding:0 0 0 12px;background:transparent url("../img/gr_arrow-left.png") no-repeat top center;background-size:contain}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li a,#mainleft #menuwrapper ul li a:visited{padding:.5em .8em;font-size:1em}
#mainleft #menuwrapper ul li a::after,#mainleft #menuwrapper ul li a:visited::after{margin:7px -6px 0 0}}
#mainleft #menuwrapper ul li a:hover,#mainleft #menuwrapper ul li a:active,#mainleft #menuwrapper ul li a:visited:hover,#mainleft #menuwrapper ul li a:visited:active{color:#fff;background-color:#939393}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li a:hover,#mainleft #menuwrapper ul li a:active,#mainleft #menuwrapper ul li a:visited:hover,#mainleft #menuwrapper ul li a:visited:active{color:#22205f;background-color:#d6d6d6}}
#mainleft #menuwrapper ul li ul li.nosubcats a::after,#mainleft #menuwrapper ul li ul li.nosubcats a:visited::after{background:none}
#mainleft #menuwrapper ul li ul li.arrowdown>a,#mainleft #menuwrapper ul li ul li.arrowdown>a:visited{background-color:#b6b6fa}
#mainleft #menuwrapper ul li ul li.arrowdown>a:hover,#mainleft #menuwrapper ul li ul li.arrowdown>a:active,#mainleft #menuwrapper ul li ul li.arrowdown>a:visited:hover,#mainleft #menuwrapper ul li ul li.arrowdown>a:visited:active{color:#fff;background-color:#939393}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li ul li.arrowdown>a:hover,#mainleft #menuwrapper ul li ul li.arrowdown>a:active,#mainleft #menuwrapper ul li ul li.arrowdown>a:visited:hover,#mainleft #menuwrapper ul li ul li.arrowdown>a:visited:active{color:#22205f;background-color:#b6b6fa}}
#mainleft #menuwrapper ul li ul li a,#mainleft #menuwrapper ul li ul li a:visited{background-color:#cfcfff}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li ul li a:hover,#mainleft #menuwrapper ul li ul li a:active,#mainleft #menuwrapper ul li ul li a:visited:hover,#mainleft #menuwrapper ul li ul li a:visited:active{color:#22205f;background-color:#cfcfff}}
#mainleft #menuwrapper ul li ul li ul li.clicked a,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited{color:#b3b3b3}
#mainleft #menuwrapper ul li ul li ul li.clicked a:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:active,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:active{color:#fff}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li ul li ul li.clicked a:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:active,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:active{color:#b3b3b3}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li ul li ul li.clicked a,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited{color:#fff;background-color:#c00}#mainleft #menuwrapper ul li ul li ul li.clicked a:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:active,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:hover,#mainleft #menuwrapper ul li ul li ul li.clicked a:visited:active{color:#fff;background-color:#c00}}
#mainleft #menuwrapper ul li ul li ul li a,#mainleft #menuwrapper ul li ul li ul li a:visited{background-color:#fff}
#mainleft #menuwrapper ul li ul li ul li a::after,#mainleft #menuwrapper ul li ul li ul li a:visited::after{background:none}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li ul li ul li a:hover,#mainleft #menuwrapper ul li ul li ul li a:active,#mainleft #menuwrapper ul li ul li ul li a:visited:hover,#mainleft #menuwrapper ul li ul li ul li a:visited:active{color:#22205f;background-color:#fff}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper ul li>ul>li.clicked>a,#mainleft #menuwrapper ul li>ul>li.clicked>a:visited{color:#fff;background-color:#c00}#mainleft #menuwrapper ul li>ul>li.clicked>a:hover,#mainleft #menuwrapper ul li>ul>li.clicked>a:active,#mainleft #menuwrapper ul li>ul>li.clicked>a:visited:hover,#mainleft #menuwrapper ul li>ul>li.clicked>a:visited:active{color:#fff;background-color:#c00}}
@media only screen and (max-width: 768px){#mainleft #menuwrapper>ul{display:block}}
/* MAINRIGHT */
#mainright{float:left;position:relative;width:calc(100% - 300px - 1px)}
@media only screen and (max-width: 768px){#mainright{float:none;width:auto}}
#mainright.wide{width:100%}
#mainright #loading{display:none;position:absolute;top:10em;left:calc(50% - 36px)}
#mainright div.maincontentwrap.content{margin-top:3em;margin-bottom:2em}
#mainright div.maincontentwrap div.homeintro{padding:2.5em 3em .5em 3em;margin-left:44px;margin-right:45px;color:#fff;background:transparent url("../img/bg_heath_paint.png") no-repeat top center;background-size:cover}
@media only screen and (max-width: 768px){#mainright div.maincontentwrap div.homeintro{padding:2em 2em .5em 2em}}
#mainright div.maincontentwrap div.homeintro h1{color:#fff}
@media only screen and (max-width: 768px){#mainright div.maincontentwrap div.homeintro h1{font-size:1.6em}}
#mainright div.maincontentwrap div.homeintro+div.maincontent{margin-top:2em}
#mainright div.maincontentwrap div.maincontent{margin-top:3em}
#mainright div.maincontentwrap div.maincontent div.searchresults{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2em}
@media only screen and (max-width: 768px){#mainright div.maincontentwrap div.maincontent div.searchresults{display:block}}
/* #mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap{width:47%;margin:0 0 2em 0;padding:0 0 2em 0;border-bottom:1px solid #d6d6d6} */
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap{width:47%;margin:0 0 1.5em 0;padding:0.5em;border:2px solid #555555;background-color:#f0d0c0}
@media only screen and (max-width: 768px){#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap{width:auto}}
/*#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap:nth-last-of-type(2){border-bottom:none}*/
@media only screen and (max-width: 768px){#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap:nth-last-of-type(2){border-bottom:1px solid #d6d6d6}}
/*#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap:last-of-type{border-bottom:none}*/
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage{margin:0 0 .8em 0}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a,#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a:visited{display:block}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a img,#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a:visited img{display:block;margin:0 auto}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a img.additionalimage,#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemimage a:visited img.additionalimage{margin-top:1em}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemhead{margin:0 0 .4em 0;font-size:1.4em;line-height:1.4}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemdescription{margin:0 0 .8em 0}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemcatalog{margin:0 0 .5em 0;font-size:.8em}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemprice{margin:0 0 .2em 0;font-weight:700;font-size:1.4em}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemconversion{margin:0 0 1em 0;font-size:.8em}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.itemaddtocart{text-align:center}
#mainright div.maincontentwrap div.maincontent div.searchresults div.itemwrap div.notinterested{margin:.5em 0 0 0;text-align:center}
#mainright div.maincontentwrap div.maincontent div.searchresults p.loadmorewrap{width:100%}
#mainright div.maincontentwrap div.maincontent div.contentbottom{height:4em}
/* SITEMAPWRAPPER */
#sitemapwrapper h3{margin:1em 0 .8em 0}
#sitemapwrapper h3 a,#sitemapwrapper h3 a:visited{font-weight:300}
#sitemapwrapper h3+h2{margin-top:1.5em}
#sitemapwrapper ul+h2{margin-top:1.5em}
#sitemapwrapper ul{list-style-type:none;column-count:3;margin:0 0 1.5em 0}
@media only screen and (max-width: 1024px){#sitemapwrapper ul{column-count:2}}
@media only screen and (max-width: 768px){#sitemapwrapper ul{column-count:1}}
#sitemapwrapper ul li{display:block;margin:0}
#sitemapwrapper ul li a,#sitemapwrapper ul li a:visited{font-weight:300}
/* DIVERS */
span.cartqty{display:none;position:absolute;top:-0.3em;right:-0.1em;width:1.8em;height:1.65em;padding:.15em 0 0 0;color:#fff;background-color:#0c0;font-size:.7em;text-align:center;border-radius:.9em}
img.cartphoto{max-width:200px;max-height:120px}
@media only screen and (max-width: 1024px){img.cartphoto{max-width:150px}}
@media only screen and (max-width: 768px){img.cartphoto{max-width:100px}}
div.searchtextwrap{display:none;margin:0 1em 1em 1em;white-space:nowrap}
div.searchtextwrap input.searchtext{width:11em;margin:0 .5em 0 0}
div.searchtextwrap input.searchtext.completed{width:9.5em}
div.searchtextwrap input[type=button]{position:relative;top:-3px}
p.pcodewrap input[type=submit]{position:relative;top:-3px}
/* BACKTOTOP */
#backtotop{display:none;position:fixed;bottom:7em;right:5%;z-index:999;width:60px;border-bottom:1px solid transparent;outline:none}
#backtotop:hover,#backtotop:active{border-bottom:1px solid transparent}
#backtotop img{display:block}
/* FOOTER */
#footer{padding:2em 0 0 0;text-align:center;border-top:1px solid #d6d6d6;background-color:#fff}
@media only screen and (max-width: 768px){#footer{padding:2em 0 4em 0}}
#footer ul.footerlogos{list-style-type:none;display:flex;flex-wrap:nowrap;justify-content:center}
#footer ul.footerlogos li{display:block;margin:0 2em}
@media only screen and (max-width: 1024px){#footer ul.footerlogos li{margin:0 1.5em}}
#footer ul.footerlogos li a,#footer ul.footerlogos li a:visited{display:block}
#footer ul.footerlogos li a img,#footer ul.footerlogos li a:visited img{display:block}
#footer img.logo{display:block;width:200px;margin:2em auto .5em auto}
@media only screen and (max-width: 768px){#footer img.logo{margin:1.5em auto .5em auto}}