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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
color : #383838;
}

body {
  margin: 0;
  padding: 0;
  background-color:#eee;
  font-family : arial, serif;

}

a:link {color:#02145E;font-size: .875em;}
a:visited {color:#02145E;}
a:active {color:#02145E;}
a:hover {color:#3F64B1;}
a.blnk:link {color:black;font-weight:bold;}
a.blnk:visited {color:black;font-weight:bold;}
a.blnk:active {color:black;font-weight:bold;}
a.blnk:hover {color:#3300cc;font-weight:bold;}

/* #wrapper {
  margin: 0px auto 0px auto;
  padding: 0px;
  width:800px;
  background-color:#ddd;

} */

.wrapper {
margin : 0 auto 0 auto;
width : 98%;
max-width : 820px;
background-color : inherit;
border:1px solid #ccc;
}


header {
  width:100%; max-width:800px;
  margin:0 auto;
  background-color:#d7ebf9;
  border-bottom:2px solid #127eb3;
}

.popupHdrImg {width:100%;}

.AQL {margin:0 auto;background-color:#d7ebf9;text-align:center;max-width:800px;width:100%;}
.AQLimg {width:270px;height:auto;}

.gobutton {border:none;width:52px;height:45px;vertical-align:middle;}

/*  menu */
.menu {width:98%;background-color:#d7ebf9;margin:0 auto 2px auto;text-align:center;}
.button {width:52px;height:auto;margin:0;border:1px solid #aed0ea;padding-left:0;padding-right:0;}  /* added padding 6/22/14 */

p.menu { text-align:center;font-size:.75em;}  /* changed all CSS for menu to center */

.ctr {text-align:center;}

h1 {
  font-size: 1.25em;
  font-weight:bold;
  color: #006699;
  padding:5px 0 0 5px;
  margin-top:0;
}



h2
{
  font-size: 1.1em;
  font-weight:bold;
  color: #006699;
  margin-bottom: 5px;
  padding:0 0 0 5px;
}

/*p
{
    font-size: .875em;
    padding:0 8px 0 5px;
}
*/
li {font-size: .875em;}

.formtab  {
background-color:#ddd;
padding-top:20px
}


.prodtab
{
   margin-left:4px;

   width:100%;
   margin-top:0;
}


.prodbox
{
  border:none;
}

.prodarrow
{
    border:none;
    width:42px;
}

.prodsel
{
  width:275px
}

#frm {
 background-color:#ddd;
 margin:0 auto 0 auto;
 border:none;
 width:100%;
 max-width:800px;
}


#frm p {
 padding-left:8px;
}
#frm table {
  font-size: .875em;
  width:100%; border:none; /* padding:8px; width:100%; border:none; */
}

#frm td {font-size: 1.5em;}
.chem {
 /*  width:95%;     */
   border:1px solid #003399;
   margin-left:0;
   padding:4px;
}

.prod {
   margin-left:0;
   padding:4px;
}

.shade {
  background-color:#ffffff;
}

.noshade {
  background-color:#ffffff;
}


.shdiv { display:none;margin:0;padding:3px;}  /* removed border-bottom:1px solid #ccc; */

.prt {text-align:right; }

.indent {margin-left:30px;}  /* 3/24/14 */


/* was 80px and 1em before 8/24/20 Change hasn't been put online yet. */
@media screen and (max-width : 768px) {
 .button {width:60px;}
 select { font-size: .875em;}
 select option {max-width: 250px;}
}