/** blue #0083cb darker #006aaf */
*{box-sizing:border-box}
body{margin:0;padding:0;font-family:"Segoe UI",sans-serif;font-size:1.1em;line-height:1.5;color:#444}
h1{margin-top:0;text-align:center}
a,a:visited {color:#1f4da0}
nav a, nav a:visited {color:white}
nav a:hover, a:hover {color:red}
nav {padding:4px;color:white;background-color:#1f4da0;text-decoration:none}
nav input,nav select{margin:4px;padding:4px;max-width:150px}
#Content {width:100%;min-height:50vh;max-width:960px;margin:auto;}
footer {display:block;border-top:1px gainsboro solid;}
.page {width:1200px;max-width:100%;padding:10px;margin:0 auto}

input,button,textarea,select {padding:6px;border-radius:4px;border:1px solid #B7B7B7;accent:#1f4da0}
input[type=submit],input[type=button],button{background:#1f4da0;border-color:#1f4da0;box-sizing:content-box;color:#fff;cursor:pointer}
input.quantity {width:4em}
input[type=text],input[type=email],input[type=password],input[type=search]{width:300px;max-width:96%}
input[type=tel],input[name=company] {width:200px;max-width:96%}
textarea {max-width:96%}
input.stateco {width:50px}input.zip {width:80px}input.phone {width:150px}
input:disabled{background:#eee;color:#fff;border:none}
textarea {min-width:300px;max-width:96vw}
.iwrap {float:left;padding:2px;margin-right:6px;margin-bottom:6px}
.iwrap label {display:block}
.iwrap .fakeInput { height:1em;padding:3px;border:1px #999 solid}
.cols2{display:flex;align-items:center}.cols2 > div{flex:1;width:50%;padding:5px}
.atc{text-align:center}.atl{text-align:left}.atr{text-align:right}
.fl{float:left}.fr{float:right}.cb{clear:both}
.db {display:block}.di{display:inline-block}.nb{white-space:nowrap}
.fineprint {font-size:10px}
.info:after {content:"\1F6C8";margin-right:4px}
table input[type=number] {padding:3px;border:0}
th,td {padding:8px;text-align:left}
tfoot th, tfoot td {border-top:1px rgb(0,81,149) solid;border-bottom:1px rgb(0,81,149) solid}
th:first-child, td:first-child {padding-left:0}
th:last-child, td:last-child {padding-right:0}
th{min-height:15px;padding:5px;text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;background-color:rgb(0,81,149)}
caption span.fl,.grid th span.fl{padding-top:6px}
.grid{width:100%;border-spacing:1px;empty-cells:show}
.grid .row-child td {padding-left:25px;text-align:left;background-color:#fff}
.grid tbody tr:nth-child(2n+1){background-color:#fff}
.grid tbody tr:nth-child(2n){background-color: rgb(245,245,245)}
.grid tbody tr:hover{background-color:rgba(0,81,149,.1)}
.visually-hidden {position:absolute;height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.deskHide {display:none}
.gridholder {max-height:500px;overflow-y:auto}
@media (max-width:768px) {
    .mobileHide{display:none}
    .deskHide{display:inline-block}
    .cols2 div{width:50%;text-align:center}
    a{display:inline-block;padding:10px 8px !important}
}
@media only screen and (max-width:600px) {
   .cols2 img {max-width:80%}
    nav input,nav select {display:none}
    input[type=search] {max-width:45%}
    .grid thead tr {position:absolute;top:-9999px;left:-9999px}
    .grid thead,.grid tbody,.grid th,.grid td,.grid tr{display:block}
    .grid tr {border-bottom:1px #444 solid}
    .grid td{padding:1px;text-align:left;}
    .grid td:before{display:block;font-size:xx-small; vertical-align:top;font-weight:bold;text-align:left;margin-right:5px;content:attr(data-title);}
}

@media print {
    table,tr,th,p {font-size:12px}
    fieldset{border:0}
    #Content {min-height:8in}
    header,th {border-bottom:1px #000 solid}
    input[type=text],input[type=tel],input[type=email],input[type=password],input[type=search],select {border:0}
    nav,input[type=submit],input[type=button],button {display:none}

}