/* colors
d39100 - pms 7530 gold
e9c880 - pms 7530 gold @ 50%
af8520 - pms 1255 dark gold
d4451d - pms 173 red
808e0b ~ pms 7495 olive
00afab ~ pms 326 teal
*/

* {	box-sizing:border-box; }

.redborder { border:1px solid red; }
.blueborder { border:1px solid blue; }
.greenborder { border:1px solid green; }

/*mobile nav grid */
/* replaced with mobile nav grid below 240624 mf */
/* start: row 1, col 2 \\ end row 2 col 3 */
/* .navhello { grid-area: 1 / 1 / 1 / 2; background:#000; }
.navacct { grid-area: 2 / 1 / 2 / 2; background:#af8520; }
.navlogout { grid-area: 3 / 1 / 3 / 2; background:#af8520; }
.navcart { grid-area: 4 / 1 / 4 / 3; background:#00afab; }
.navabout { grid-area: 1 / 2 / 1 / 2; background:#00afab; }
.navprod { grid-area: 2 / 2 / 2 / 3; background:#00afab; }
.navcontact { grid-area: 3 / 2 / 3 / 3; background:#00afab; }

.ncabout { grid-area: 1 / 1 / 1 / 2; background:#00afab; }
.ncregi { grid-area: 1 / 2 / 1 / 3; background:#00afab; }
.nccat { grid-area: 2 / 1 / 2 / 2; background:#00afab; }
.nccontact { grid-area: 2 / 2 / 2 / 3; background:#00afab; }
.nclogin { grid-area: 3 / 1 / 3 / 3; background:#af8520; }

.navhello, .navacct, .navlogout, .navcart, .navabout, .navprod, .navcontact, .ncabout, .ncregi, .nccat, .nccontact, .nclogin
	{ color:#fff; padding:6px 4px; border:1px solid #fff; text-align:center; }
.slabnav1 { display:grid; grid-template-columns:1fr 1fr; }
.menudiv { padding:5px; display:block; text-align:center; }*/

/*mobile nav grid */
/* start: row 1, col 2 \\ end row 2 col 3 */
.navhello { grid-area: 1 / 1 / 2 / 2; background:#000; }
.navcat { grid-area: 2 / 1 / 3 / 2; background:#af8520; }
.navacct { grid-area: 3 / 1 / 4 / 2; background:#af8520; }
.navlogout { grid-area: 4 / 1 / 5 / 2; background:#af8520; }
.navabout { grid-area: 1 / 2 / 2 / 3; background:#00afab; }
.navprod { grid-area: 2 / 2 / 3 / 3; background:#00afab; }
.navcontact { grid-area: 3 / 2 / 4 / 3; background:#00afab; }
.navcart { grid-area: 4 / 2 / 5 / 3; background:#00afab; }

.ncabout { grid-area: 1 / 1 / 2 / 2; background:#00afab; }
.ncregi { grid-area: 1 / 2 / 2 / 3; background:#00afab; }
.nccat { grid-area: 2 / 1 / 3 / 2; background:#00afab; }
.nccontact { grid-area: 2 / 2 / 3 / 3; background:#00afab; }
.nclogin { grid-area: 3 / 1 / 4 / 3; background:#af8520; }

.navhello, .navacct, .navlogout, .navcart, .navcat, .navabout, .navprod, .navcontact, .ncabout, .ncregi, .nccat, .nccontact, .nclogin
	{ color:#fff; padding:6px 4px; border:1px solid #fff; text-align:center; }
.slabnav1 { display:grid; grid-template-columns:1fr 1fr; }
.menudiv { padding:5px; display:block; text-align:center; }



a:link.topnav, a:visited.topnav { color: #fff; text-decoration: none; }
a:link.li-link, a:visited.li-link, a:hover.li-link, a:active.li-link { color: #fff; background-color: #00afab; }
a:link.li-link1, a:visited.li-link1, a:hover.li-link1, a:active.li-link1 { color: #fff; background-color: #af8520; }
a:link.li-link2, a:visited.li-link2, a:hover.li-link2, a:active.li-link2 { color: #fff; text-decoration:none; }
a:link, a:visited, a:hover, a:active { color: #d4451d; }
a:link.kobuttonlink, a:visited.kobuttonlink { padding:4px 6px; font-weight: bold; color: #fff; text-decoration:none; }
a:link.agred, a:visited.agred, .agred { color: #d4451d; } /* must follow links in cascade */

.aboutuslinks { line-height:2em; padding:0; margin:0; font-size:.8 em; }
.aboutuschild { width:133px;}
.accent { color: #00afab; font-weight: bold; }
.accenti { color: #00afab; font-weight: italic; }
.agredvertrule { border-right:0; }
.ai-baseline { align-items:baseline; }
.ai-center { align-items:center; }
.ac-center { align-content: center; }
.ai-end { align-items:flex-end; }
.blackb { background:#000; }
.block { display:block; }
body { background: #fff; font-family: helvetica neue, helvetica, arial, sans-serif; margin: 0; padding: 0;}
.bold { font-weight:bold; }
.checkboxpush { height: 3em; margin-right:10px; }
.clear { clear:both; }
.fdcol { flex-direction:column; }
.field { display:flex; min-width:240px; flex:1; } /* form field container */
.findtext { font-size:.8em; }
.flex { display:flex; }
.floatl { float:left; }
.floatr { float:right; }
.formkoheader { background:#00afab; padding:4px; color:#fff; font-weight:bold; margin-bottom:10px; }
.formline { display:flex; flex-wrap:wrap; padding-bottom:10px; } /*contains form label and field*/
.formside { margin-bottom:20px; }
.formsidenot { padding-right:0; border-right:0; }
.goldb { background:#00afab; }
.greenbutton { font-weight: bold; background-color: #00afab; color: #fff; border: 0; margin: 20px 0 0 0; font-size:1em; }
.grid { display:grid; }
.gridmobile { grid-template-rows:3; }
/*.header { width: 100%; margin: 0 auto; background: #000; }*/
hr { border: 0; color: #00afab; background-color: #00afab; height: 1px; width: 100%; }
.in, .ins { flex:1; }
input, select, textarea, button, option { font-size:1em; }
.jc-around { justify-content:space-around; }
.jc-between { justify-content:space-between; }
.jc-center { justify-content:center; }
.label { text-align:left; color: #00afab; width: 160px; padding:4px 10px 4px 0; font-weight:bold; margin-right:10px; } /* form label container */
.li-link, .li-link1 { text-decoration:none; letter-spacing: .1em; }
.li-nav { border-top: 1px solid #fff; padding: 6px; }
.loginfield { width:200px; }
.loginfieldc { min-width:80px; max-width: 200px; }
.loginlabel { width:80px; padding-right: 10px; }
.logo { max-width: 320px; padding:6px; }
.logocontainer { margin:0 auto; }
.menulabel { padding:0; margin:0; font-size:2em; }
main { padding:20px; }
#mainlo { grid-column:1; grid-row 2; }
.margin0auto { margin:0 auto; }
.margin10 { margin:10px; }
.margin20b { margin-bottom:20px; }
/* checkbox toggle controls */
#menushow { display:none; }
#menushow:checked + .slabwrapper .slabnav { display:block; }

.mobilepic { margin:0 0 10px 0; }
#narrowheader { display:block; width: 100%; padding:0; }
.none { display:none; }
.notbold { font-weight:normal; }
.notop { margin-top:0; padding-top:0; }
.olive { color: #00afab; font-weight: bold; }
.olivei { color: #00afab; font-weight: italic; }
.pad10 { padding:10px; }
.pad20b { padding-bottom:20px; }
.pointer { cursor:pointer; }
.quadc { text-align:center; }
.quadl { text-align:left; }
.quadr { text-align:right; }
.redbutton { font-size: 1em; font-weight: bold; background-color: #d4451d; color: #fff; border: 0; margin: 0; }
.searchbox { width:72px; }
#sidenavlo { grid-column:1; grid-row:1; }.skiplink { position: absolute; top: 0;left: -1000px; }
.slabnav { display:none; }
.spacer { display:none; }
.tablezero { width:100%; border-spacing:0; border-collapse:collapse; }
td { vertical-align: top; }
.td0 { text-decoration:none; }
.ul-none { list-style-type:none; }
.wformslo { display:grid; grid-template-columns:1fr; grid-gap:20px; width:100%; }
.widthfull { width:100%; }
.white { color: #fff; }
.wrap { flex-wrap:wrap; }
.wrapperli { max-width:1240px; margin:0 auto; }
.wrapperlo { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1fr; }
.zero { margin:0; padding:0; }
.zeroauto { margin:0 auto; }
.desktoppiccontainer, #wideheader, .widelogin { display:none; }

@media screen and (min-width:700px) {
.agredvertrule { border-right:1px solid #d4451d; }
.desktoppiccontainer { display:block; float:right; width:400px; height:500px; padding:0 0 10px 15px; }
.flink { display:flex; padding: 5px 10px 15px 10px; color: #fff; margin: 0; justify-content:center;}
.formsidenot { padding-right:20px; }
.header { margin:0 auto; padding:0; }
.headerwrapper { max-width:1240px; margin:0 auto; }
.label { text-align:right; padding: 4px 0 4px 0; } /* form label container */
.logocontainer { width:320px; margin:0; }
#mainlo { grid-column:2; grid-row 1; }
#narrowheader, .mobilepic { display:none; }
.pushflex { width:100%; }
#sidenavlo { grid-column:1; grid-row:1; }
#user {  }
#wideheader { display:block; width:100%; }
.widenav { display:flex; align-content:flex-end }
.wrapper { max-width:1240px; margin:0 auto; }
.wrapperlo { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:133px auto; grid-gap:20px; }
.wformslo { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:2fr 3fr; grid-gap:20px; }

.spacer { background-color: #00afab; width: 100%; height: 6px; display: block; z-index: 9; }
.adminspacer { background-color: #d4451d; position: fixed; top: 60px; width: 100%; height: 6px; display: block; z-index: 9; }

}