/* @@@@@@@@@@@@@@@@ FILE: lib/forms.css @@@@@@@@@@@@@@@@ */
:root {--formitem-background-color:#eee; --formitem-background-color-focus:#fff; --formitem-background-color-error:#ff7; --formitem-background-color-border:black; --formitem-background-color-error-border:black; --formrequired-color:#f00; --formtitle-width:8em; --forminfo-left:8.5em; --error-message-background-color:#f88; --error-message-border-color:#f00; --fieldset-background-color:#ffc; --fieldset-border-color:#888; --fieldset-legend-background-color:white;}
input, textarea, select {max-width:100%;}
input:focus, textarea:focus {background-color:var(--formitem-background-color-focus); outline:none;}
.formitem {background-color:var(--formitem-background-color); border:1px solid var(--formitem-background-color-border); font-size:1em;}
.formitemerror {background-color:var(--formitem-background-color-error); border:1px solid var(--formitem-background-color-error-border); font-size:1em;}
.formrequired {color:var(--formrequired-color); font-weight:bold; padding-right:2px;}
.formtitlebreak {display:block; height:1px; line-height:1px; clear:both; content:" ";}
.formtitle {float:left; text-align:right; font-weight:bold; width:var(--formtitle-width); padding:4px 0; font-size:1em;}
.forminfo {margin-left:var(--forminfo-left); padding:4px 0;}
.forminfo2 {margin-left:120px; padding:4px 0;}
.formtable {display:table; padding:0; border-collapse:collapse; margin:0.5em 0;}
.formrow {display:table-row; padding:5px;}
.formtable .forminfo, .formtable .formtitle {display:table-cell; float:none; padding:5px; width:auto; vertical-align:middle;}
.formtable .formtitle {text-align:right;}
input.formsubmit {color:#000; cursor:pointer; font-size:1em;}
.form_select_start {color:#f00; text-align:center;}
.error {margin:10px auto; border:2px solid var(--error-message-border-color); background-color:var(--error-message-background-color); padding:0.5em; width:fit-content; text-align:center; display:block;}
.form-password-eye {position:relative; background-color:#fff; width:2em; height:2em; border:solid 2px #000; border-radius:75% 15%; transform:rotate(45deg); cursor:pointer; top:-0.4em; left:0.5em;}
.form-password-eye:hover {background-color:#cfc;}
.form-password-eye:before {content:''; display:block; position:absolute; width:0.5em; height:0.5em; border:solid 0.3em #000; border-radius:50%; left:0.3em; top:0.3em;}
.datepick, .dateinput {background:url(/GZ/YEAR/wo/images/calendar.gif) right no-repeat #eee; width:6.5em;}
.dateinput:focus{background-image:none; width:8.5em;}
.datetimelocalinput {background:url(/GZ/YEAR/wo/images/calendar.gif) right no-repeat #eee; width:10em;}
.datetimelocalinput:focus {background-image:none; width:16em; border:1px solid red;}
.customsubmit {background-color:#cfc; border-top:5px solid #555; padding:1em; font-size:2em; text-align:center; margin:5px -10px -10px -11px;}
.customsubmit input[type=submit] {padding:0.25em 1em;}
fieldset legend {font-size:1em; background-color:var(--fieldset-legend-background-color); padding:10px; border:1px solid var(--fieldset-border-color); border-radius:4px; font-weight:bold;}
fieldset {background-color:var(--fieldset-background-color); margin-bottom:2em; border:1px solid var(--fieldset-border-color); border-radius:8px; padding:10px;}
.ac_input {border:1px solid #050; background:url(/GZ/YEAR/wo/images/tiny_arrow.gif) right center no-repeat #D5EFD1;}
.ac_input:focus {color:black;}
.ac-input-error {background-color:red!important; color:white!important;}
.ac-results {border:1px solid #888; padding-top:0; font-weight:bold; position:absolute; box-shadow:rgba(0,0,0,0.4) 4px 4px 4px;}
.ac-results div {border-top:1px solid #ccc; padding:3px 0.5em; background-color:#fff;}
.ac-results div:nth-child(odd) {background-color:#eef;}
.ac-results div:hover {cursor:pointer; background-color:#ff9999;}
@media screen and (max-width: 800px) {
 .formtitle {text-align:left; font-size:0.8em; padding:0px; display:block; float:none;width:100%;}
.forminfo {margin-left:0px;}
.formtable {display:inline-block;}
.formrow {display:block; padding:0; margin:0;}
.formtable .forminfo, .formtable .formtitle{display:block; padding:3px;}
}

/* @@@@@@@@@@@@@@@@ FILE: site/common/site.css @@@@@@@@@@@@@@@@ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');:root {--sitegreen:darkgreen; --header1:darkgreen; --header2:#4A3728; --header3:#8B4513; --palegreen:#e3f0e9; --verylightgreen:rgba(245, 255, 245, 0.5); --greenblock:rgba(224, 242, 205, 0.3); --lightgreen:rgba(224, 242, 205, 0.3); --hovercolor:#6e6;}
html, body {height:100%; box-sizing:border-box; min-height:100vh;}
#loaddistinfo {float:right; margin-right:2em;}
body {margin:0; font-family:Helvetica, sans-serif; display:flex; flex-direction:column;}
#storebody {background-image:url("/office/images/light-background.webp"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed;}
#languageselect {white-space:nowrap; margin-right:1em;}
#header {background-color:transparent; font-size:1.2em; font-weight:bold; text-align:center; padding:0;}
#topheader {color:black; font-family:'Inter', Helvetica, sans-serif; font-size:clamp(1.0rem, 2.5vw, 2rem); padding:0.5em; margin:0;}
#topheader .greentabs {color:yellow;}
#topheader .textbutton {display:inline-block; background:linear-gradient( var(--lightgreen), var(--palegreen)); background-color:white; border-radius:0.25em;}
#topheader .textbutton:hover {background:none; background-color:var(--hovercolor); color:black;}
#logo {display:inline-block; min-width:100px; background-color:rgba(255,255,255,0.8); border-radius:0.5em; margin-left:1em; margin-top:10px;}
#logo a {display:inline-block; text-decoration:none; color:white; font-size:1rem; line-height:1rem; padding:0.5rem; border-radius:0.5em;}
#logo span {font-size:0.8rem;}
#logo a:hover {background-color:var(--hovercolor); color:#080;}
#distributor_name {font-size:0.9em; padding:0; background-color:rgba(255,255,255,0.8); border-radius:0.5em; margin-right:1em;}
#distributor_name span {font-size:0.8em;}
#return {position:absolute;}
.textbutton {text-decoration:none; border:none; margin:0.25em 0em; padding:0.25em; text-align:center;}
.textbutton:hover {background-color:var(--hovercolor);}
#return button {background-color:#f00; border-radius:5px; border:none; padding:2px 1em; text-decoration:none; color:#fff; font-weight:bold;}
#return button:hover {background-color:#080;}
#pageselected {background-color:#888;}
#pageselected > a:first-child {color:#fff;}
#distributor .verysmall {display:inline-block; line-height:1.2em!important;}
#contactlink {text-decoration:none; color:black; padding:0.5em; border-radius:0.5em; display:block; font-family:'Inter', Helvetica, sans-serif; font-size:clamp(0.8rem, 2vw, 1rem);}
#contactlink:hover {background-color:var(--hovercolor);}
#menu {background-color:transparent; line-height:3rem; padding:15px; text-align:center;}
#topmenu, #seealso {text-align:center; margin:0 auto 1em auto;}
#topmenu a, #seealso a {text-decoration:none; display:inline-block; padding:0.25em 0.5em; margin-left:0.5em; margin-top:0.5em; font-size:1.2rem; background-color:gold; color:#006; margin:0.25rem; background:linear-gradient(white, gold); border-radius:5px;}
#topmenu #menu_store, #topmenu #menu_site_store {cursor:pointer; background:linear-gradient(#ffe680, #cc8400); color:white;}
#topmenu #menu_store:hover {color:white; background:linear-gradient(white, red);}
#topmenu a:hover, #topmenu #pageselected, #seealso a:hover {color:white; background:linear-gradient(white, green);}
.menugroup {display:inline-block;}
.menugroup:hover > .topsubmenu, #seealso:hover > .topsubmenu {display:block;}
.submenulink {padding-right:1em}
.submenulink span, #seealso .submenulink span {display:inline-block; margin-left:0.2em; width:0.8em; background-image:url('/site/images/common/red-triangle-down.png'); background-repeat:no-repeat; background-size:contain; background-position:0 0.9em;}
.topsubmenu {display:none; background-color:rgba(128, 200, 128, .5)!important; padding:0.5em; position:absolute; z-index:10000; margin-left:0.25em; margin-top:-0.25em}
#topmenu b {font-weight:normal;}
#topmenu a:hover b {color:black;}
.fixed-menu {position:fixed; top:0; padding:1px !important; padding-bottom:0 !important; width:fit-content; left:50%; transform:translateX(-50%); z-index:10;}
.fixed-menu nav {box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}
.fixed-menu .submenulink span {height:2rem; background-position:0 1rem;}
.fixed-menu #topmenu {margin:0;}
.fixed-menu #topmenu a {font-size:1rem!important; padding:0 0.5em!important;}
#seealso {float:right;}
#seealso .submenulink span {background-position:0 0.2em;}
#seealso .topsubmenu {width:10em; margin-left:-4.5em;}
#seealso .topsubmenu a {display:block;}
#clickmenu {background-color:gold; background:linear-gradient(white, gold); display:none; color:#008; font-size:1.2em; padding:0.5em 1em; margin:0; text-align:left; font-weight:bold;}
#clickmenu span {padding:0 10px; background:linear-gradient( to bottom, #008, #008 20%, transparent 20%, transparent 40%, #008 40%, #008 60%, transparent 60%, transparent 80%, #008 80%, #008 100% ); border-right:4px solid #ffea79;}
@media screen and (max-width: 600px) {
#clickmenu {display:block;}
#topmenu {display:none;}
#seealso .topsubmenu {margin-left:-1.5em;}
#content {border-radius:0; padding:5px;}
}
#content {width:1200px; max-width:85vw; margin:10px auto; padding:1em clamp(10px, 4vw, 2em); flex:1; font-size:1.2rem; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255, 255, 255, 0.2); background-color:rgba(255, 255, 255, 0.75); border-radius:1em;}
#error, #message {display:block; margin:1em auto; padding:0.5em 1em; width:fit-content; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);}
#error {background-color:#f66; border:2px solid #f00; font-weight:bold; color:#000;}
#message {background-color:#fff; border:2px solid #036; font-weight:bold; color:#036;}
#flash {position:absolute; top:100px; left:50%; margin-left:-250px; width:500px; background-color:#ff7; border:2px solid #888; color:#000; padding:10px; text-align:center; z-index:10000;}
#close-message {float:right; margin:-1em; padding:0;}
#close-message a, #close-message span {text-decoration:none; margin-right:-1px; border:1px solid #036; padding:0.1em 0.2em; font-size:1.5em; background-color:#f00; color:#fff; border-radius:0;}
#close-message a:hover, #close-message span:hover {background-color:#cfc; color:#000;}
#footer {clear:both; background-color:black; border-top:10px double white; box-sizing:border-box; color:white;}
.shopbutton, .callbutton {display:block; font-size:1.2em; font-weight:bolder; text-decoration:none; border:none; border-radius:0.35em; background-color:#e6451f; color:#f0f0f0; margin:0.25em 0em; padding:0.25em; text-align:center;}
.shopbutton:hover, .callbutton:hover {background-color:#cfc; text-decoration:none;}
.callbutton {background-color:darkgreen;}
#footergroups {display:flex; justify-content:space-between; align-items:flex-start; width:100%; padding:20px; box-sizing:border-box;}
#footergroups > div {flex:0 0 22%; text-align:center; padding:10px; box-sizing:border-box;}
#footergroups h3 {color:#c7dac7;}
#footergroups ul {list-style:none;}
#footergroups ul a {text-decoration:none; color:#ccc; padding:2px;}
#footergroups .subflex {display:table; table-layout:auto; width:auto; max-width:100%; border-collapse:collapse;}
#footergroups .subflex .subcolumn {display:table-cell; text-align:left; padding-right:20px; vertical-align:top; width:auto; min-width:100px; max-width:150px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
#footergroups .subflex .subcolumn:last-child {padding-right:0;}
#footergroups ul {list-style:none; padding:0; margin:0;}
#footergroups ul li a {text-decoration:none; color:inherit; display:block; padding:5px 1em;}
#footergroups ul li a:hover {color:black; background-color:#cfc;}
#footergroups .center {text-align:center;}
#footergroups .imagecenter {max-width:100%; height:auto; display:block; margin:0 auto;}
#bottomfooterline {border-top:3px solid white; display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px 20px; box-sizing:border-box;}
#bottomfooterline div {flex:1; text-align:center;}
#bottomfooterline img {max-width:100%; height:auto;}
#bottomfooterlogo {display:inline-block; background-color:none;}
#bottomfooterlogo:hover {background-color:darkgreen;}
@media (max-width: 768px) {
 #footergroups {flex-direction:column; align-items:stretch;}
#footergroups > div {flex:0 0 auto; max-width:100%; margin-bottom:20px;}
#footergroups .subflex {display:block; width:100%;}
#footergroups .subflex .subcolumn {display:block; padding-right:0; margin-bottom:20px; white-space:normal;}
#footergroups .subflex .subcolumn:last-child {margin-bottom:0;}
#bottomfooterline {flex-direction:column; gap:10px;}
#bottomfooterline div {margin-bottom:10px;}
#bottomfooterline div:last-child {margin-bottom:0;}
}
#footertext {padding:5px; text-align:center; color:#fff; font-size:0.7em; line-height:1.5em;}
#footer .flex2{min-width:300px;}
#userinfo {display:inline-block; background-color:#fff; color:black; margin:1em; padding:0.5em; border-radius:0.5em; background:linear-gradient(white, #ded8e6);}
#printversion {width:84px; height:24px; background:url('/store/GZ/MONTH/store/images/printversion.gif') center no-repeat; display:block; border:2px solid transparent; margin:1em auto; cursor:pointer;}
#printversion:hover {background-color:yellow; border:2px solid yellow;}
#footersitelinks h3 {font-size:1rem; color:white; margin:0.5em .25em;}
#footersitelinks a {display:block; width:10em; color:gold; text-decoration:none; font-size:0.9rem; margin-bottom:0.5em; padding:0.25em;}
#footersitelinks a:hover {background-color:#cfc; color:black;}
#footersitelinks div {vertical-align:top; display:inline-block;}
.stdbutton, .stdbuttoni {font-size:1em; text-decoration:none; border:none; border-radius:0.35em; background-color:var(--sitegreen); color:white; margin:0.25em 0em; padding:0.25em; text-align:center;}
a.stdbutton {display:block;}
a.stdbuttoni {display:inline;}
.stdbutton:hover, .stdbuttoni:hover {background-color:#080; color:white; cursor:pointer;}
.slide_down_button {display:inline-block; cursor:pointer; color:#fff; text-decoration:none; padding:3px; background-color:#3F51B5; margin:0.25em 0; border-radius:0.35em;}
.slide_down_button:hover {background-color:#5c5; color:#fff;}
.moreless {display:block; text-decoration:none; color:#fff; background-color:#0060BF; padding:2px; border:none; border-radius:3px; margin-left:3px;}
.postmenubuttons button {display:inline-block; border:none; text-align:center; text-decoration:none; background-color:#66f; color:white; padding:0.5em 1em; border-radius:0.5em; font-weight:bold; margin:0.15em; box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
.postmenubuttons .postmenuselected {background-color:#383; color:white;}
.postmenubuttons button:hover {background-color:#cfc; color:#66f;}
#filter_clear_button, .filter_clear_button {display:inline-block; position:absolute; margin-left:-20px; margin-top:1px; width:19px; height:19px; cursor:default; background:url(/lib/site_admin/images/zoom.png) no-repeat 2px 3px;}
input, textarea {border-radius:4px;}
.formsubmit {color:white!important; cursor:pointer; background-color:var(--sitegreen); border:none; padding:0.5em;}
.formsubmit:hover {color:black!important; background-color:lightgreen;}
.twocolflex {display:flex; flex-flow:row wrap; justify-content:center; align-items:top; gap:3em; max-width:100%;}
.twocol {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; gap:1em; max-width:100%;}
.twocolitem {flex:1; flex-grow:1; flex-basis:0;}
.twocolitem #cart_location_currency {margin:0 auto;}
.twocol .stretch-column {flex-grow:1; flex-basis:0;}
.twocol .shrink-column {flex-shrink:0; flex-basis:auto;}
.hflexwrap {display:flex; flex-flow:row wrap; align-items:center;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.DOM-slider-hidden{height:0 !important; padding-top:0 !important; padding-bottom:0 !important; border-top-width:0 !important; border-bottom-width:0 !important; margin-top:0 !important; margin-bottom:0 !important; overflow:hidden !important;}
a {color:#036;}
a:hover {color:#036; background-color:#ccc;}
h1 {font-family:'Montserrat', 'Arial Black', sans-serif; font-weight:900; font-size:clamp(1.25rem, 4.5vw, 2.25rem); line-height:1.15; letter-spacing:0.01em; text-align:center; margin:0.6em 0; color:var(--header1);}
h1.bar {width:100vw; position:relative; left:50%; transform:translateX(-50%); background:linear-gradient(135deg, #1A3C34 0%, #4CAF50 100%); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); color:white; text-align:center; padding:1em;}
h2 {color:var(--header2); font-size:clamp(1.125rem, 4.5vw, 1.75rem); line-height:1.3; letter-spacing:0.02em;}
h3 {color:black; font-size:1.1em!important; line-height:1.3em; letter-spacing:0.02em;}
@media (max-width: 768px) {
 h1, .store_item_title {font-size:clamp(0.875rem, 3.5vw, 1.125rem);}
h2 {font-size:clamp(0.875rem, 3.5vw, 1.25rem);}
h3 {font-size:clamp(0.75rem, 3vw, 1rem);}
}
@media (max-width: 360px) {
 h1, .store_item_title {font-size:0.875rem;}
h2 {font-size:0.875rem;}
h3 {font-size:0.75rem;}
}
.small {font-size:0.8em;}
.verysmall {font-size:0.5em;}
img.left {float:left; margin-right:1em; vertical-align:text-top;}
img.right {float:right; margin-left:1em; vertical-align:text-top;}
a.imagelink {padding:3px; display:block;}
a.imagelink:hover {color:#ccc}
img {max-width:100%; height:auto;}
.imagecenter, .imagecenterr {display:block; margin:1em auto;}
.imageright, .imagerightr{float:right; margin-left:1em; margin-bottom:1em;}
.imageleft, .imageleftr {float:left; margin-right:1em; margin-bottom:1em;}
.imagecenterr, .imagerightr, .imageleftr {border-radius:1em;}
.imageround1 {border-radius:1em;}
.imgborder {border:1px solid #888;}
.threepoints {padding-top:1em; display:flex; flex-direction:row; gap:1em; border-top:4px solid red; border-bottom:4px solid red;}
.threepoints div {text-align:center; flex:1; font-size:0.9em;}
iframe {max-width:100%;}
.greentabs {color:var(--sitegreen);}
.greenblocktext {background-color:var(--greenblock)!important; padding:0.5em 1em; border-radius:1em; margin:1em 0;}
.blueblocktext {background-color:#eef; padding:0.5em 1em; margin-bottom:1em; border-radius:1em;}
.video {width:fit-content; margin:1em auto;}
.youtubeframe {border:1px solid black; border-radius:1em;}
li {margin-bottom:0.5em;}
ul.site-list {list-style-type:none; padding-left:0; margin-left:0;}
ul.site-list li {margin-bottom:0.5em; padding-left:1.5em; position:relative;}
ul.site-list li::before {content:'✔︎'; color:white; font-size:0.5em; font-weight:bold; position:absolute; left:0; top:0.1em; background-color:var(--sitegreen); border-radius:50%; padding:3px 4.5px; margin-right:8px;}
.legalnotice {text-align:center; font-size:0.8em; font-weight:bold;}
.copyright {text-align:center; font-size:0.8em; color:#253161; line-height:1.5em;}
a.mvp {color:#fff; text-decoration:none;}
a.mvp:hover {color:#000;}
.center {text-align:center;}
.right {text-align:right;}
#printversion {width:84px; height:24px; background:url('/store/images/printversion.gif') center no-repeat; display:block; border:2px solid transparent; margin:2em auto;}
#printversion:hover {background-color:yellow; border:2px solid yellow;}
.stdtable {background-color:white; border-collapse:collapse; border:2px solid #888;}
.stdtable th {background-color:#ccc; color:black; padding:1px 3px; border:1px solid #888;}
.stdtable td {background-color:#fff; color:black; padding:1px 3px; border:1px solid #888;}
.sectionbutton {display:block; border:1px solid #555; margin:1em 0 0.5em 0; padding:0.25em 1em; border-radius:0.75em; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); background:linear-gradient(white, gold); cursor:pointer;}
.sectionbutton:hover {background-color:#ccc; color:#fff; background:linear-gradient(white, green);}
.sectionbutton + div {border:1px solid #888; border-radius:0.5em; padding:0 1em 1em 1em; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}
.updown {background-image:url('/site/GZ/YEAR/site/images/updown.gif'); background-repeat:no-repeat; margin-top:0.2em; width:17px; height:17px; float:right;}
.updown.updown_down {background-position:0 -17px;}
.sectionbutton .updown {margin-left:0.5em;}
#close_overlay_button {display:block; float:right; font-size:20px; text-decoration:none; color:#fff; background-color:#888; padding:0 5px; margin:10px; font-family:Sans-Serif; font-weight:bold; border:1px solid #555; border-radius:15px;}
#close_overlay_button:hover {background-color:#ccc; color:#f00;}
#form_box {background-color:white; width:800px; max-width:100%; height:90%; margin:1em auto; border-radius:1em;}
#form_box iframe {border:1px solid #ccc; width:90%; height:80%; overflow:auto; padding-top:1em; margin:5%;}
#viewsiteform {text-align:center;}
#VIEWSITE {font-size:3em; border-radius:0.5em;}
.testimonial-item {border:1px solid #888; border-radius:20px;padding:1em 2em; margin-bottom:2em;}
.testimonial-name {clear:both; text-align:right; font-style:italic}
.testimonial-location {text-align:right; font-style:italic}
.testimonial-title {font-size:1.2em; font-weight:bold; color:#528;}
body {counter-reset:faq;}
.faq {margin:0.5em 0; border:1px solid #888; border-radius:0.5em; background-color:#fff;}
.faq-question {border-left:2.5em solid transparent; cursor:pointer; padding:0.25em 1em; border-radius:0.5em;}
.faq-question:hover {background-color:#9f9;}
.faq-answer {margin-left:2.5em; background-color:#eef; padding:0.5em 1em; border-radius:0.5em;}
.faqnumber {float:left; text-align:right; width:2em; color:red; font-weight:bold; padding:0.25em;}
.faqnumber::before {counter-increment:faq; content:counter(faq)".";}
.letter {margin:1em; background-color:#fffef0; border:1px solid #e0e0e0; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(0, 0, 0, 0.05); padding:1em; max-width:95%; font-family:'Times New Roman', serif; line-height:1.6;}
.document {border:1px solid #e0e0e0; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(0, 0, 0, 0.05); max-width:95%;}
#printversion {width:84px; height:24px; background:url('/store/GZ/MONTH/store/images/printversion.gif') center no-repeat; display:block; border:2px solid transparent; margin:1em auto; cursor:pointer;}
#printversion:hover {background-color:yellow; border:2px solid yellow;}
#footersitelinks h3 {font-size:1rem; color:white; margin:0.5em .25em;}
#footersitelinks a {display:block; width:10em; color:gold; text-decoration:none; font-size:0.9rem; margin-bottom:0.5em; padding:0.25em;}
#footersitelinks a:hover {background-color:#cfc; color:black;}
#footersitelinks div {vertical-align:top; display:inline-block;}
.stdbutton, .stdbuttoni {font-size:1em; text-decoration:none; border:none; border-radius:0.35em; background-color:var(--sitegreen); color:white; margin:0.25em 0em; padding:0.25em; text-align:center;}
a.stdbutton {display:block;}
a.stdbuttoni {display:inline;}
.stdbutton:hover, .stdbuttoni:hover {background-color:#080; color:white; cursor:pointer;}
.slide_down_button {display:inline-block; cursor:pointer; color:#fff; text-decoration:none; padding:3px; background-color:#8290F9; margin:0.25em 0; border-radius:0.35em;}
.slide_down_button:hover {background-color:#5c5; color:#fff;}
#filter_clear_button, .filter_clear_button {display:inline-block; position:absolute; margin-left:-20px; margin-top:1px; width:19px; height:19px; cursor:default; background:url(/lib/site_admin/images/zoom.png) no-repeat 2px 3px;}
input, textarea {border-radius:4px;}
.formsubmit {color:white!important; cursor:pointer; background-color:var(--sitegreen); border:none; padding:0.5em;}
.formsubmit:hover {color:black!important;; background-color:lightgreen;}
.twocol {display:flex; flex-flow:row wrap; gap:1em; max-width:100%;}
.twocol .stretch-column {flex-grow:1; flex-basis:0;}
.twocolitem {flex:1;}
.twocol .shrink-column {flex-shrink:0; flex-basis:auto;}
.hflexwrap {display:flex; flex-flow:row wrap; align-items:center;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.DOM-slider-hidden{height:0 !important; padding-top:0 !important; padding-bottom:0 !important; border-top-width:0 !important; border-bottom-width:0 !important; margin-top:0 !important; margin-bottom:0 !important; overflow:hidden !important;}
a {color:#036;}
a:hover {color:#036; background-color:#ccc;}
h1 {color:var(--header1);}
h2 {color:var(--header2);}
h3 {color:var(--header3);}
.small {font-size:0.8em;}
.verysmall {font-size:0.5em;}
img.left {float:left; margin-right:1em; vertical-align:text-top;}
img.right {float:right; margin-left:1em; vertical-align:text-top;}
a.imagelink {padding:3px; display:block;}
a.imagelink:hover {color:#ccc}
img {max-width:100%; height:auto;}
.imagecenter, .imagecenterr {display:block; margin:1em auto;}
.imageright, .imagerightr{float:right; margin-left:1em; margin-bottom:1em;}
.imageleft, .imageleftr {float:left; margin-right:1em; margin-bottom:1em;}
.imagecenterr, .imagerightr, .imageleftr {border-radius:1em;}
.imageround1 {border-radius:1em;}
.imgborder {border:1px solid #888;}
.threepoints {padding-top:1em; display:flex; flex-direction:row; gap:1em; border-top:4px solid red; border-bottom:4px solid red;}
.threepoints div {text-align:center; flex:1; font-size:0.9em;}
iframe {max-width:100%;}
.greentabs {color:var(--sitegreen);}
.greenblocktext {background-color:var(--palegreen); padding:0.5em 1em; border-radius:1em; margin:1em 0;}
.blueblocktext {background-color:#eef; padding:0.5em 1em; margin-bottom:1em; border-radius:1em;}
.video {width:fit-content; margin:1em auto;}
.youtubeframe {border:1px solid black; border-radius:1em;}
li {margin-bottom:0.5em;}
ul.site-list {list-style-type:none; padding-left:0; margin-left:0;}
ul.site-list li {margin-bottom:0.5em; padding-left:1.5em; position:relative;}
ul.site-list li::before {content:'✔︎'; color:white; font-size:0.5em; font-weight:bold; position:absolute; left:0; top:0.1em; background-color:var(--sitegreen); border-radius:50%; padding:3px 4.5px; margin-right:8px;}
.legalnotice {text-align:center; font-size:0.8em; font-weight:bold;}
.copyright {text-align:center; font-size:0.8em; color:#253161; line-height:1.5em;}
a.mvp {color:#fff; text-decoration:none;}
a.mvp:hover {color:#000;}
.center {text-align:center;}
.right {text-align:right;}
#printversion {width:84px; height:24px; background:url('/store/images/printversion.gif') center no-repeat; display:block; border:2px solid transparent; margin:2em auto;}
#printversion:hover {background-color:yellow; border:2px solid yellow;}
.stdtable {background-color:white; border-collapse:collapse; border:2px solid #888;}
.stdtable th {background-color:#ccc; color:black; padding:1px 3px; border:1px solid #888;}
.stdtable td {background-color:#fff; color:black; padding:1px 3px; border:1px solid #888;}
#close_overlay_button {display:block; float:right; font-size:20px; text-decoration:none; color:#fff; background-color:#888; padding:0 5px; margin:10px; font-family:Sans-Serif; font-weight:bold; border:1px solid #555; border-radius:15px;}
#close_overlay_button:hover {background-color:#ccc; color:#f00;}
#form_box {background-color:white; width:800px; max-width:100%; height:90%; margin:1em auto; border-radius:1em;}
#form_box iframe {border:1px solid #ccc; width:90%; height:80%; overflow:auto; padding-top:1em; margin:5%;}
#viewsiteform {text-align:center;}
#VIEWSITE {font-size:3em; border-radius:0.5em;}
.testimonial-item {border:1px solid #888; border-radius:20px;padding:1em 2em; margin-bottom:2em;}
.testimonial-name {clear:both; text-align:right; font-style:italic}
.testimonial-location {text-align:right; font-style:italic}
.testimonial-title {font-size:1.2em; font-weight:bold; color:#528;}
body {counter-reset:faq;}
.faq {margin:0.5em 0; border:1px solid #888; border-radius:0.5em; background-color:#fff;}
.faq-question {border-left:2.5em solid transparent; cursor:pointer; padding:0.25em 1em; border-radius:0.5em;}
.faq-question:hover {background-color:#9f9;}
.faq-answer {margin-left:2.5em; background-color:#eef; padding:0.5em 1em; border-radius:0.5em;}
.faqnumber {float:left; text-align:right; width:2em; color:red; font-weight:bold; padding:0.25em;}
.faqnumber::before {counter-increment:faq; content:counter(faq)".";}
.letter {margin:1em; background-color:#fffef0; border:1px solid #e0e0e0; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(0, 0, 0, 0.05); padding:1em 2em; max-width:95%; font-family:'Times New Roman', serif; line-height:1.6;}
.office_login {text-decoration:none; padding:0.5em 2em; border-radius:0.5em; background-color:#e6451f; color:#f0f0f0; font-size:0.8em; font-weight:bold;}
.office_login:hover {background-color:#cfc;}

/* @@@@@@@@@@@@@@@@ FILE: site/common/store-styles.css @@@@@@@@@@@@@@@@ */
#seealso {float:right; text-align:right; margin-right:0.5em;}
#seealso button, #seealso a {text-decoration:none; display:inline-block; padding:0.25em 0.5em; margin-left:0.5em; margin-top:0.5em; font-size:1.5rem; background-color:gold; color:#006; margin:0.25rem; background:linear-gradient(white, gold); border-radius:5px; border:1px solid darkgreen;}
#seealso a:hover, #seealso button:hover {color:white; background:linear-gradient(white, green);}
#seealso .submenulink span {display:inline-block; margin-left:0.2em; width:0.8em; background-image:url("/site/images/common/red-triangle-down.png"); background-repeat:no-repeat; background-size:contain; background-position:0 0.3em;}
.topsubmenu {display:none; text-align:center; background-color:rgba(245, 255, 245, 0.5); padding:0.1em; position:absolute; z-index:10000; margin-top:-0.25em; transform:translateX(-20%);}
.freecolor {color:#d00; font-size:1em!important; font-weight:bold;}
input[type="number"] {text-align:center; padding:0 0.5em;}
.regularprice {text-decoration:line-through}
.showprice {color:red; font-weight:bold;}
#resetbuton {text-align:right; margin-top:-3em; padding-right:0.25em;}
#viewcartbutton {display:inline-block; margin-left:1em; background-color:#eef; border:1px solid #888; border-radius:4px; cursor:pointer; min-width:30px;}
#viewcartbutton img {margin:3px;}
#viewcartbutton:hover {background-color:#ddf;}
#cartcount {display:inline-block; position:absolute; margin-top:2em; margin-left:-0.5em; background-color:white; border:1px solid darkgreen; font-size:1em; padding:0 2px; width:1em; border-radius:0.5em;}
.deleteitembutton {background-image:url("/site/images/b_delete.gif"); background-repeat:no-repeat; background-position:center; height:20px; width:18px; background-color:transparent; border:none; display:block; margin:2px auto 0 auto; cursor:pointer; border-radius:4px;}
.deleteitembutton:hover {background-color:#f55;}
.inlinecell1 {display:inline-block; vertical-align:top; max-width:74%}
.inlinecell2 {display:inline-block; vertical-align:top; max-width:25%}
#customer_select {text-align:right; font-size:0.8em; padding-bottom:0.5em; display:flex; justify-content:space-between; line-height:2em;}
#cartbutton {margin-top:-0.5em; margin-right:1em;}
#customer_select input {background:linear-gradient(white, #ccc); border:none; border-radius:0.25em; font-size:1.1em; padding:0.25em 0.5em; cursor:pointer;}
#customer_select input:hover, #customer_select input.personalselect:hover {background:linear-gradient(white, #888); color:black;}
#customer_select input.personalselect {color:white; background:linear-gradient(greenyellow, darkgreen);}
#cart_location_currency {width:fit-content;}
#cart_location_currency .formtitle {width:5rem;}
#cart_location_currency .forminfo {margin-left:5.5rem;}
@media screen and (max-width:560px) {
 #itemimage img {float:none!important; display:block;}
}
@media screen and (max-width: 768px) {
 .formtitle {text-align:left; font-size:0.8em; padding:0px; display:block; float:none; width:100%;}
.forminfo {margin-left:0px;}
.formtable {display:inline-block;}
.formrow {display:block; padding:0; margin:0;}
.formtable .forminfo, .formtable .formtitle {display:block; padding:3px;}
#cart_location_currency .forminfo {margin-left:0;}
}
.formtitle {clear:both; float:left; text-align:right; font-weight:bold; width:30%; padding:10px 5px 0 0; font-size:0.8em;}
.forminfo {margin-left:32%; padding:5px 0 10px 0;}
.productoptions {border:1px solid #888; padding:1em; margin-bottom:1em; border-radius:0.5em; background-color:white;}
#retrieve_previous_order_box {text-align:center; background-color:darkgreen; margin:2em auto; width:21em; padding:0.5em; border-radius:0.5em; color:white; max-width:95%;}
#retrieve_previous_order_box .checkout_button {padding:0; vertical-align:top; font-size:1.3em; border:none;}
#retrieve_previous_order_box .checkout_button:hover {background-color:#cfc; color:black;}
#catalog h2 {clear:both; border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #888; color:#036; padding:0.51em; background-color:#eef; margin-bottom:0;}
.catalog_section {width:700px;}
.catalog_price {font-weight:bold; clear:both;}
.h1title {width:fit-content; text-align:center; margin:1em auto; clear:both;}
.h1title h1 {color:var(--sitegreen); margin:0;}
.h1title h2 {color:var(--sitegreen); margin:0; padding:0.25em 0; font-size:1.1em;}
.item {border:1px solid #888; padding:1em; border-radius:0.5em; background-color:var(--lightgreen);}
#ordercontent {font-size:0.9em; max-width:800px; margin:0 auto;}
#ordercontent th {white-space:normal;}
#ordercontent th {background-color:#aaf;}
#cartbuttons {text-align:center; margin-top:10px;}
#shoppingcart {margin:1em auto; background-color:#006400; border-radius:5px;}
#shoppingcart td {text-align:right; background-color:#fff; padding:1px 3px; border:1px solid #006400;}
#shoppingcart td.cart_input {background-color:#ff7;}
#shoppingcart th {background-color:#e3f0e9; color:#006; padding:1px 3px; border:1px solid #006400;}
.cart_convert {color:#f00; background-color:whitesmoke; font-weight:bold; padding:0 0.25em; font-size:1rem!important;}
#cart_note {font-size:1em; color:#f00; text-align:left!important;}
#loading_image {vertical-align:middle; margin-left:5px;}
#cart_heading #loading_image {position:absolute;}
.orderbutton {text-decoration:none; display:inline-block; border:1px solid #c00; background-color:#d00; color:#fff; background:linear-gradient(#f00, #800); font-weight:bold; padding:0.5em 1em; font-size:1.2em; text-align:center; border-radius:10px;}
.orderbutton:active {border-color:#888;}
.orderbutton:hover {background-color:#9f9; background:linear-gradient(#9f9, #080); border-color:#080;}
.submit_button, .checkout_button, .return_button {padding:0.25em 0.4em; color:#fff; font-weight:bold; font-size:1.4em; cursor:pointer; background-color:#599; border:1px solid #ccc; text-decoration:none; border-radius:5px;}
.return_button {background-color:#ff7; color:#000;}
.checkout_button {background-color:var(--hovercolor); color:#000;}
.submit_button:hover, .checkout_button:hover, .return_button:hover {background-color:#7f7; color:#000;}
.checkout_button:hover {background-color:#080; color:#fff;}
#location_input {float:right;}
.order_options_display {border:1px solid darkgreen; border-radius:6px; background-color:rgba(224, 242, 205, .3); font-size:0.8em; margin:0 12px 20px 0; text-align:left;}
.order_options_display td:first-child {font-weight:bold; text-align:right; font-size:0.9em; padding:5px;}
#location-currency-selection {text-align:center;}
#cart_location_currency {border:1px solid darkgreen; border-radius:6px; background-color:var(--greenblock); text-align:left; padding:0 3px; margin-bottom:1em;}
#cart_location_currency .formtitle {vertical-align:middle;}
#shopping_cart_div {width:fit-content; margin:0 auto;}
.order_fieldset legend {font-size:1em; background-color:#fff; padding:10px; border:1px solid #888; border-radius:4px; font-weight:bold;}
.order_fieldset {background-color:rgba(245, 255, 245, 0.5);; margin-bottom:2em; border:1px solid #538; border-radius:8px; padding:10px;}
#cart_total {background-color:#ff7; font-weight:bold;}
#previous_order_fieldset b {font-size:0.8em; text-align:center;}
#previous_order_fieldset .checkout_button {padding:0; font-weight:normal;}
#overlay {position:absolute; background-color:rgba(0,0,0,0.8); margin-top:0; margin-left:0; width:100%; z-index:1000;}
#shopping_cart_form {margin:10px auto; max-width:900px; background-color:#fff; padding:10px; border-radius:0 0 20px 20px;}
#shopping_cart_close {display:block; float:right; font-size:20px; text-decoration:none; color:#fff; background-color:#888; padding:0 5px; margin:0; font-family:Sans-Serif; font-weight:bold; border:1px solid #555; border-radius:15px;}
#shopping_cart_close:hover {background-color:#ccc; color:#f00;}
#store_content {margin-left:180px;}
#category_list_horizontal img {border-radius:0.5em;}
#category_list_horizontal {background-color:white; padding:5px; border-radius:10px; text-align:center; color:black;}
#category_list_horizontal h2 {color:white}
#category_list_horizontal a {display:inline-block; white-space:nowrap; font-size:1em; text-decoration:none; background-color:darkgreen; border:1px solid #ccc; color:white; padding:3px 5px; text-align:center; border-radius:10px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.15); margin:1em;}
#category_list_horizontal b {display:inline-block; padding:0.25em;}
#category_list_horizontal a:hover, white_button:hover {color:black; background-color:var(--hovercolor); transform:translateY(-0.25em); xxtransform:scale(1.02);}
#category_list_horizontal a.category_name_only {padding:0.15em 1em; position:relative; top:-5px;}
#category_list_horizontal a span {font-size:50px; display:block; margin-top:0.5em; position:relative; top:-0.25em;}
#store_heading {color:#555; font-size:0.9em; font-style:italic;}
#store_heading a {border-bottom:2px dotted #000; text-decoration:none;}
#store_heading a:hover {background-color:var(--hovercolor);}
.catalog_price {font-weight:bold;}
#store_additional_links {min-width:150px; background-color:#528; padding:5px; border-radius:10px; margin-top:0; padding-bottom:5px;}
#store_additional_links h3 {color:#fff; text-align:center; border:none;}
#store_additional_links a {text-decoration:none; display:block; background-color:#fff; border-radius:8px; text-align:center; color:#528; margin:5px 0; padding:2px 1em;}
#store_additional_links a:hover {background-color:#5f5; color:#000;}
.storefooter, .storeheader {margin-top:1em; border:1px solid #888; padding:1em; border-radius:0.5em; font-size:0.9em; background-color:#eee;}
.storeheader {margin-bottom:1em;}
#storefilterdiv {display:flex; align-items:center; width:fit-content; max-width:100%;}
#storefilter {font-size:1.2em; padding-right:1.5em; max-width:80%;}
.filter_clear_button {display:inline-block; font-size:1.5em; width:0.9em; height:0.9em; position:relative; top:0.15em; left:-0.4em; background-color:transparent; background:url(/site/images/common/zoom.png) no-repeat; background-size:cover; border-radius:0.25em;}
.filter_clear_button.filter_clear {background-image:url(/site/images/common/delete.gif)!important; cursor:pointer;}
.filter_clear_button.filter_clear:hover {background-color:#ccf;}
input::placeholder {color:#666; font-style:italic;}
.videopopuplink {display:block; text-decoration:none; border:2px solid #000; padding:1em 2em; border-radius:1em; color:#008; cursor:pointer; width:15em; margin:0.5em auto; text-align:center;}
.videopopuplink span {display:block; background:url("/site/images/common/youtube-icon.webp") no-repeat; margin:0.5em auto 0 auto; width:100px; height:72px;}
.popuplink {text-decoration:none; border-bottom:2px dotted #000; color:#008; cursor:pointer;}
.popupcontent {background-color:#fff; font-size:0.8em; margin:0px; padding:0.5em; border:1px solid #888; border-radius:0.25em; overflow:auto; max-height:600px;}
.popup {position:absolute; background-color:#ccc; border:1px solid #888; border-radius:10px; padding:5px; z-index:100; box-shadow:#555 3px 3px 3px; width:50%; height:auto; left:25%;}
.popup h1 {color:#fff; background-color:transparent;}
.popup_titlebar {display:flex; justify-content:space-between; color:#fff; cursor:move; border-top-right-radius:5px; border-top-left-radius:5px;}
.popup_titlebar h1 {margin:0px; font-size:0.8em; color:#008; padding:10px;}
.popup_controls {color:#fff; padding:3px 0px; margin:0px;}
.popup_controls b {color:#333; font-weight:bold; text-decoration:none; border-left:1px solid #ccc; background-color:#fff; border-radius:0.5em; padding:5px; font-size:1em; cursor:pointer;}
.popup_controls b:hover {background-color:#cfc;}
#filedrag {border:2px dotted #888; padding:2em; background-color:#eef; color:#555; text-align:center; width:25em; font-size:0.8em;}
#filedrag:hover{color:#f00; border-color:#f00; border-style:solid;}
.red_notice_box, .red_notice_inline {background-color:#f88; padding:1em; text-align:center; border:2px solid #f00; border-radius:10px;}
.red_notice_inline {display:inline-block;}
.store-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(12rem, 300px)); gap:max(1rem, 2vw); width:100%; max-width:1440px; margin:0 auto; padding:clamp(0.5rem, 2vw, 1rem); justify-content:center; box-sizing:border-box;}
.store_item.have_in_cart {background-color:#ff7;}
.store_category_heading {clear:both;}
.store_item {display:block; font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background:white; box-shadow:0 0.25em 0.75em rgba(0, 0, 0, 0.1); border-radius:0.625em; padding:1em; text-decoration:none; text-align:center; color:#1A1A1A; transition:transform 0.3s ease, box-shadow 0.3s ease; cursor:pointer; min-height:20em; margin:0 auto; width:100%; max-width:300px; box-sizing:border-box;}
.store_item:hover {background-color:var(--hovercolor); transform:translateY(-0.25em); xxtransform:scale(1.02); box-shadow:0 0.375em 1em rgba(0, 0, 0, 0.15);}
.store_item span {display:block; font-size:0.7em;}
.store_item img {max-width:100%; height:auto; border-radius:0.375em; display:block; margin:0 auto 0.75em; box-sizing:border-box;}
.store_item_title {font-weight:700; font-size:clamp(0.875rem, 4vw, 1.25rem); color:#1A1A1A; margin:0 0 0.5em; line-height:1.2; box-sizing:border-box;}
.store_item_title .store_item_subtitle {display:block; font-size:clamp(0.625rem, 3vw, 0.75rem); font-weight:400; color:#555555; margin-top:0.25rem; line-height:1.3;}
.store_item_price {font-size:clamp(0.875rem, 3.5vw, 1rem); color:#1a1a1a; margin:0; line-height:1.3; align-items:baseline; box-sizing:border-box; text-align:center;}
.store_item_price .free-shipping {color:#D00; font-weight:500;}
.store_item_price .shipping-cost {color:#1A1A1A; font-weight:500;}
@media (min-width: 1440px) {
 .store-grid {grid-template-columns:repeat(auto-fit, minmax(12rem, 300px)); gap:1.5rem;}
}
@media (max-width: 768px) {
 .store-grid {grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr)); gap:max(0.5rem, 2vw); padding:clamp(0.5rem, 2vw, 0.75rem);}
.store_item {padding:clamp(0.5rem, 2vw, 0.5rem); min-height:clamp(16rem, 40vw, 18rem); width:100%; max-width:300px;}
.store_item_title {font-size:clamp(0.875rem, 3.5vw, 1.125rem);}
.store_item_title .store_item_subtitle {font-size:clamp(0.625rem, 3vw, 0.6875rem);}
.store_item_price {font-size:clamp(0.875rem, 3.5vw, 1rem);}
.store_item img {margin-bottom:0.5rem; aspect-ratio:16 / 9;}
.formtitle {text-align:left; font-size:0.7em; padding:0px; display:block; float:none;width:100%;}
.forminfo {margin-left:0px;}
.formtable {display:inline-block;}
.formrow {display:block; padding:0; margin:0;}
.forminfo textarea {max-width:70vw;}
.formtable .forminfo, .formtable .formtitle{display:block; padding:3px;}
}
@media (max-width: 360px) {
 .store-grid {grid-template-columns:1fr; gap:0.5rem; padding:0.5rem;}
.store_item {padding:0.5rem; min-height:16rem; width:100%; max-width:300px;}
.store_item_title {font-size:0.875rem;}
.store_item_title .store_item_subtitle {font-size:0.625rem;}
.store_item_price {font-size:0.875rem;}
.store_item img {aspect-ratio:4 / 3;}
}