html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
html{overflow-x:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {border:0;margin:0;padding:0;font-family:tahoma,arial,sans-serif;font-size:12px;background-color:#ffffff;color:#000000;}
article,footer,header,main,menu,nav,section{display:block;}
a {background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover {outline-width:0;} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
a:link {color:#1486F6;text-decoration:none;}
a:visited {color:#1486F6;text-decoration:none;}
a:active {color:#1486F6;text-decoration:none;}
a:hover {color:#449FF9;text-decoration:underline;}
a.linknostyle:link {text-decoration:none;}
a.linknostyle:visited {text-decoration:none;}
a.linknostyle:active {text-decoration:none;}
a.linknostyle:hover {text-decoration:none;}
a.wlink:link {color:#ffffff;text-decoration:none;font-size:10px;font-weight:bold;}
a.wlink:visited {color:#ffffff;text-decoration:none;}
a.wlink:active {color:#ffffff;text-decoration:none;}
a.wlink:hover {color:#ffffff;text-decoration:underline;}
button,input,select,textarea {font:inherit;margin:0;} optgroup{font-weight:bold;} textarea{overflow:auto;}
button,input {overflow:visible;} button,select{text-transform:none;}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
.navexitbtn {width:36px;height:40px;padding-left:12px;padding-top:10px;font-size:16px;position:absolute;right:0px;top:0;background-color:#c0c0c0;cursor:pointer;cursor:hand;}
.navexitbtn:hover {background-color:#111111;color:#fff;}
#stfield {border-top:1px solid #606060;border-left:1px solid #606060;border-bottom:1px solid #606060;background-color:transparent;max-width:166px;height:37px;padding:6px 10px 4px 10px;font-size:12px;color:#0305C8;font-weight:bold;}
.searchbtn {position:absolute;right:0;top:0;width:36px;height:37px;padding:6px;border-bottom:1px solid #606060;border-top:1px solid #606060;display:block;background-color:#E9E9E9;cursor:pointer;cursor:hand;}
.hrs1grey {border:0;color:#c0c0c0;background-color:#c0c0c0;height:1px;}
a.navmenulink:link {display:block;padding:10px 0;color:#ffffff;background-color:#000080;text-decoration:none;border-bottom:1px solid #E5E5E5;}
a.navmenulink:visited {color:#ffffff;background-color:#000080;text-decoration:none;}
a.navmenulink:active {color:#ffffff;background-color:#000080;text-decoration:none;}
a.navmenulink:hover {color:#ffffff;background-color:#000ED4;text-decoration:none;}
a.navmenulinksm:link {display:block;padding:8px 0;color:#ffffff;background-color:#000080;text-decoration:none;border-bottom:1px solid #E5E5E5;}
a.navmenulinksm:visited {color:#ffffff;background-color:#000080;text-decoration:none;}
a.navmenulinksm:active {color:#ffffff;background-color:#000080;text-decoration:none;}
a.navmenulinksm:hover {color:#ffffff;background-color:#000ED4;text-decoration:none;}
.pglinktabledivleft {display:table-row;width:100%;text-align:left;height:40px;}
.pglinktabledivmid {display:table-row;width:100%;text-align:center;height:50px;}
.pglinktabledivright {display:table-row;width:100%;text-align:right;height:20px;}
@media screen and (min-width:500px){
.pglinktabledivleft {display:table-cell;width:40%;text-align:left;height:auto;}
.pglinktabledivmid {display:table-cell;width:20%;text-align:center;height:auto;}
.pglinktabledivright {display:table-cell;width:40%;text-align:right;height:auto;}
}
.pgselect{padding:2px;font-size:14px;color:#303030;font-weight:bold;}
a.pglink:link{font-size:14px;color:#303030;text-decoration:none;}
a.pglink:visited{font-size:14px;color:#303030;text-decoration:none;}
a.pglink:active{font-size:14px;color:#303030;text-decoration:none;}
a.pglink:hover{font-size:14px;color:#0000FF;text-decoration:underline;}
a.pglinklrg:link{font-size:16px;color:#303030;font-weight:bold;text-decoration:none;}
a.pglinklrg:visited{font-size:16px;color:#303030;font-weight:bold;text-decoration:none;}
a.pglinklrg:active{font-size:16px;color:#303030;font-weight:bold;text-decoration:none;}
a.pglinklrg:hover{font-size:16px;color:#0000FF;font-weight:bold;text-decoration:underline;}
#mainbody {margin-left:0px;}
#sidenavmenu {display:none;z-index:250;height:100%;width:200px;position:fixed!important;overflow:auto;color:#000!important;background-color:#f1f1f1!important;box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);}
.manlinkwrapper {width:100%;height:50%;overflow-y:auto;font-size:10px;font-weight:bold;text-align:center;}
#topnavmenubutton {position:fixed;top:8px;left:8px;z-index:300;}
#toplogotxt {font-size:24px;color:#0000a0;padding-left:60px;padding-right:10px;}
#toplogotxt2 {margin:10px 0;font-size:14px;line-height:20px;font-family:tahoma,arial;font-weight:bold;color:#424242;}
@media screen and (min-width:700px){ #toplogotxt {font-size:24px;color:#0000a0;padding-left:10px;padding-right:10px;} }
@media screen and (min-width:600px){ #mainbody {margin-left:200px;} #sidenavmenu {display:block;} #topnavmenubutton {display:none;} }
.navmenuicon {width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
#sidenavmenubottompadding {display:none;}
#sidenavmenubottom {position:relative;width:100%;}
@media screen and (min-height:440px){
.manlinkwrapper {width:100%;height:58%;overflow-y:auto;font-size:10px;font-weight:bold;text-align:center;}
#sidenavmenubottompadding {display:inline-block;height:20px;}
#sidenavmenubottom {position:fixed;bottom:0;width:100%;max-width:200px;}
}
.productwrapper {position:relative;max-width:540px;margin-top:20px;padding:0;text-align:center;}
.productphotodiv {position:relative;text-align:center;}
.productphotodivtxt {margin:20px 0 30px 0;color:#4D4D4D;font-size:13px;line-height:22px;font-weight:bold;}
.productinfodiv {position:relative;width:100%;max-width:100%;margin-top:0;text-align:left;}
.inquirebuttonwrapper {display:inline-block;width:100%;text-align:center;margin:16px 0 30px 0;}
.inquirebuttonspacer {display:block;width:14px;padding:10px;}
.productinfodivtitle {margin-bottom:8px;color:#00008b;font-size:22px;font-weight:bold;}
.productinfodivtxt {margin-bottom:8px;color:#000;font-size:12px;}
.productinfodivtxtblue {color:#00008b;font-size:14px;line-height:20px;}
@media only screen and (min-width: 360px) { .inquirebuttonspacer {display:inline-block;width:14px;padding:0;} }
@media only screen and (min-width: 600px) {
.productwrapper {padding:0 10px;}
.inquirebuttonwrapper {display:inline-block;width:100%;}
.inquirebuttonspacer {display:inline-block;width:40px;}
}
@media only screen and (min-width: 1000px) {
.productwrapper {position:relative;max-width:100%;margin-top:30px;padding:0 10px;}
.productphotodiv {float:left;width:43%;max-width:340px;}
.productphotodivtxt {font-weight:normal;font-size:14px;}
.productinfodiv {float:right;max-width:55%;margin-top:0;}
.inquirebuttonwrapper {display:inline-block;width:100%;text-align:left;margin:20px 30px;}
.inquirebuttonspacer {display:inline-block;width:20px;}
}
.inquirebutton {display:inline-block;padding:10px 16px;background-color:#EDEDED;color:#000080;font-size:11px;font-weight:bold;font-family:verdana,sans-serif;border:1px solid #B7B7B7;text-shadow: 0px 0px 1px #fff;box-shadow: 0 0 4px #B2B2B2;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.inquirebutton:hover {background-color:#DEDEDE;cursor:pointer;cursor:hand;}
#inqbgshdw{display:block;visibility:hidden;z-index:400;position:fixed;top:0px;left:0px;width:100%;height:100%;background-image:url('https://barcodetraders.com/images/blk-bg-trans.png');}
#inqbox{visibility:hidden;z-index:500;width:100%;height:auto;position:absolute;top:0;left:0;background:#fff;}
#inqboxcontent{position:relative;min-height:200px;padding:10px 10px 10px 10px;color:#000;text-align:center;}
.inqtxtarea {margin:6px 0;width:100%;max-width:300px;padding:10px;min-height:70px;font-size:14px;color:#000;}
.inqtxtboxtitle {margin-bottom:6px;font-size:14px;line-height:22px;color:#4D4D4D;}
.inqtxtbox {margin-bottom:4px;width:100%;max-width:280px;padding:6px 2px;font-size:14px;color:#000;}
.inqbtnblk {float:right;width:80px;height:40px;font-size:16px;padding-top:11px;background-color:#000;color:#fff;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;cursor:pointer;cursor:hand;}
.inqbtnblk:hover {text-decoration:underline;}
.inqbtngreen {float:right;width:80px;height:40px;font-size:16px;padding-top:11px;background-color:#2D992D;color:#fff;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;cursor:pointer;cursor:hand;}
.inqbtngreen:hover {background-color:#2FAC2F;text-decoration:underline;}
.inqbtnorange {float:right;width:80px;height:40px;font-size:16px;padding-top:11px;background-color:#F39B13;color:#fff;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;cursor:pointer;cursor:hand;}
.inqbtnorange:hover {background-color:#F3A713;text-decoration:underline;}
.inqbtnblue {float:right;width:80px;height:40px;font-size:16px;padding-top:11px;background-color:#006BF7;color:#fff;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;cursor:pointer;cursor:hand;}
.inqbtnblue:hover {background-color:#1779F8;text-decoration:underline;}
.inqbtnwht {float:left;width:80px;height:40px;font-size:16px;padding-top:11px;background-color:#fff;color:#4D4D4D;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;cursor:pointer;cursor:hand;}
.inqbtnwht:hover {text-decoration:underline;}
@media only screen and (min-width: 320px) {
#inqbox{visibility:hidden;width:100%;max-width:320px;height:auto;position:fixed;top:50%;left:50%;margin-left:-160px;margin-top:-200px;border:3px solid #676767;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#inqboxcontent{position:relative;min-height:200px;padding:10px 16px 6px 16px;color:#000;}
}
.batterywrapper {font-size:12px;padding:20px 10px;}
.batterypgdesc {display:inline-block;font-size:18px;text-align:left;line-height:28px;margin:10px;}
h3 {margin:20px 0;}
.batterydivrow {display:table-row;}
.batterydivrow:hover {display:table-row;background-color:#E2F7FF;}
.batterydivcell {display:table-cell;width:45%;border:1px solid #7f7f7f;}
.batterydivcell div {padding:6px;max-width:200px;font-size:8px;}
.batterydivcell2 {display:table-cell;width:6%;border:1px solid #7f7f7f;}
.batterydivcell2 div {padding:6px;font-size:8px;}
@media screen and (min-width:700px){
.batterydivcell {display:table-cell;width:45%;border:1px solid #7f7f7f;}
.batterydivcell div {padding:6px;max-width:200px;font-size:12px;}
.batterydivcell2 {display:table-cell;width:6%;border:1px solid #7f7f7f;}
.batterydivcell2 div {padding:6px;font-size:12px;}
}
.style-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2;cursor:pointer;}
.style-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
.style-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0;} to{opacity:1;}}
.style-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0;} to{top:0;opacity:1;}}
.style-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0;} to{left:0;opacity:1;}}
.style-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0;} to{right:0;opacity:1;}}
.style-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0;} to{bottom:0;opacity:1;}}
#manlistwrapper {display:inline-block;text-align:left;margin:10px 4px;}
.prodtablewrapper {display:table;width:100%;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:6px 0;}
.prodinfotitleblk {font-family:tahoma;font-size:12px;color:#000;font-weight:bold;margin-top:10px;margin-bottom:4px;}
.prodinfotitleblkdesc {font-family:tahoma;font-size:12px;color:#000;font-weight:bold;margin-top:10px;margin-bottom:4px;}
.prodinfobluetxt {font-size:14px;color:#00008B;}
.prodtablecell1 {display:table-cell;width:100%;text-align:center;vertical-align:top;}
.prodtablecell2 {display:table-cell;width:100%;vertical-align:top;}
.prodtablecell3 {display:table-cell;width:100%;vertical-align:top;}
.prodtablecellspacer {display:table-row;}
.prodtablecellimg {display:table-cell;text-align:left;padding-bottom:10px;}
.prodtablecellbtn {display:table-cell;vertical-align:middle;}
.inquirebuttonlist {display:inline-block;padding:8px 10px;background-color:#EDEDED;color:#000080;font-size:11px;font-weight:bold;font-family:verdana,sans-serif;border:1px solid #B7B7B7;text-shadow: 0px 0px 1px #fff;box-shadow: 0 0 4px #B2B2B2;}
.inquirebuttonlist:hover {background-color:#DEDEDE;cursor:pointer;cursor:hand;}
a.prodtitlelinkblue:link {color:#0305C8;text-decoration:none;font-size:14px;font-weight:bold;}
a.prodtitlelinkblue:visited {color:#0305C8;text-decoration:none;}
a.prodtitlelinkblue:active {color:#0305C8;text-decoration:none;}
a.prodtitlelinkblue:hover {color:#0305C8;text-decoration:underline;}
@media screen and (min-width:600px){
#manlistwrapper {display:inline-block;text-align:left;margin:10px 0;}
.prodinfotitleblkdesc {margin-top:4px;margin-bottom:4px;}
.prodinfotitleblk {font-family:tahoma;font-size:10px;}
.prodinfobluetxt {font-size:12px;color:#00008B;}
.prodtablecell1 {display:table-cell;width:110px;text-align:center;}
.prodtablecell2 {display:table-cell;width:40%;}
.prodtablecell3 {display:table-cell;width:40%;}
.prodtablecellspacer {display:table-cell;width:10px;}
.prodtablecellimg {display:table-row;text-align:center;}
.prodtablecellbtn {display:table-row;}
.inquirebuttonlist {display:inline-block;padding:4px 8px;margin-top:6px;background-color:#EDEDED;color:#000080;font-size:10px;font-weight:bold;font-family:verdana,sans-serif;border:1px solid #B7B7B7;text-shadow: 0px 0px 1px #fff;box-shadow: 0 0 4px #B2B2B2;}
.inquirebuttonlist:hover {background-color:#DEDEDE;cursor:pointer;cursor:hand;}
}

