html {
font-size: 62.5%;
}
body,html {
margin:0px;
padding:0px;
height:100%;
}
body {
background:#fff;
color:#000;
-webkit-text-size-adjust:100%;
}
* {
font-family:'Open Sans',verdana,arial,helvetica,sans-serif;
font-size:1.2rem;
text-decoration:none;
padding:0px;
margin:0px;
}
table {
padding:0px;
margin:0px;
border-width:0px;
border-spacing:0px;
border-collapse:collapse;
vertical-align:top;
}
th {
font-weight:700;
vertical-align:top;
}
td {
font-weight:400;
vertical-align:top;
}
div {
margin:0px;
padding:0px;
}
p {
margin:0px 0px 10px 0px;
}
h1, h2, h3, h4, h5, h6 {
text-decoration:none;margin:10px 0px;
}
h1 {
font-size:1.8rem;
font-weight:700;
}
h2 {
font-size:1.5rem;
font-weight:700;
}
form {
padding:0px;
margin:0px;
}
img {
border:0px
}
select {
font-size:11px;
}
select option {
padding:1px 3px;
}
input {
padding:3px; 
}
ol {
list-style-position:outside;
padding-left:20px;
margin:10px 0px;
}
ul {
list-style-position:outside;
padding-left:20px;
margin:10px 0px;
}
dl {
padding:5px 0px;
}
dt {
font-weight:700;
padding-top:5px;
}
/* IDs
 * ------------- */
#headermenu {
width:100%;background-color:#666;
}
#mainbody {
margin:2%;
padding-bottom:20px;
}
#mainbodyalt {
margin:0;
padding-bottom:20px;
}
#selectmenu {
margin:2.5rem 0px 2.5rem 0px;
}

/* Hamburger menu
 * ------------- */
.topnav, .topnav a { 
font-size: 1.1rem;
color: #000;
padding: 0.1rem;
}
.topnav a {
color:blue;
}
/* Menu collapse
 * ------------- */
#collapsemenu {
  overflow:hidden;
  margin-bottom:20px;
}
#collapsemenu h2 a {
text-align:left;
font-weight:700;
  font-size: 1.5rem;
  background: url("/gfx/glyphs/sprite.png") 15px 11px no-repeat;
  display: block;
  padding: 9px;
  padding-left: 32px;
  margin: 0;
  color: #333;
  text-decoration: none;
}
#collapsemenu h2 {
background: #ddd;
margin-bottom:0;
}
#collapsemenu h2.open a {background-position: 14px -67px;}
#collapsemenu h2 + div,
#collapsemenu h2 + ul,
#collapsemenu h2 + p {
  font-weight:400;
  font-size:1.2rem;
  padding: 10px;
  margin:0;
  background: #efefef;
}
#collapsemenu h2 + ul {
list-style-type:none;
}
#collapsemenu h2 + ul li,
#collapsemenu h2 + ul li a {
  font-weight:400;
  font-size:1.2rem;
}
/* iframe wrapper
 * ------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* DT selectors
 * ------------- */
 
 .metabase {
 clear:both;
 margin:0px;
 padding:10px 0px;
 font-size:0.9rem;
 color:#aaa;
 width:100%;
 text-align:center;
 }
 
 ul > li > ul > li {
 list-style-position: inside;
 list-style-type: disc;
 margin-left:0.75rem;
 }
 
 
.centeralign {
text-align:center;
}
.realigner {
display:inline-block;
text-align:left;
}

.imglogolinks a {
position:relative;
display:inline-block;
}

.imglogolinks a > span { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100px;
   color: white;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.3);
   padding: 2px 4px;
   margin:10px;
}
 
.imglogolinks img {
height:100px;
vertical-align:middle;
margin:10px;
}

li p a img {
vertical-align:middle;
}
.productlist {
float:left;
margin:0px 5px;
}
.productlist h2 {
margin:10px 0px 20px 0px;
padding: 10px 5px;
background-color:#d3d3d3;
text-align:center;
}
.productlist table {
table-layout:fixed;
width:300px;
}
.productlist table tr td img {
height:6rem;
padding-right:5px;
margin-bottom:3px;
}
.productlist table tr td {
vertical-align:middle;
}
.productlist table tr td:first-child {
white-space:nowrap;
overflow:hidden;
padding: 0px 10px 5px 10px;
width:70px;
}
.productlist table tr td:nth-child(2) {
padding-left: 10px;
}
.productlist ul {
list-style-position: inside;
}
.productlist ul li { 
line-height:1.5;
}
.logospacer {
margin: 1rem;
}
.prodtable {
padding:0px;
margin:10px 0px;
border-width:0px;
border-collapse:collapse;
border-spacing:0px;
vertical-align:top;
background-color:#f5f5f5;
width:710px;
}
.prodtable td:first-child {
text-align:left;
}
.prodtable th:first-child {
text-align:left;
}
.prodtable td {
margin:0px;
padding:3px;
border-style:solid;
border-width:1px;
border-color:#999;
text-align:center;
}
.prodtable th {
font-weight:700;
margin:0px;
padding:3px;
border-style:solid;
border-width:1px;
border-color:#999;
text-align:center;
}
.prodimage {
padding-left:1rem;
}
.prodimage img {
max-height:300px;
max-width:500px;
}
.listing {
padding:1rem;
background-color:#efefef;
border:1px solid #ccc;
margin-bottom:5px;
}
.listing p:nth-child(1) {
float:left;
margin-right:3rem;
}
.dataform {
clear:both;
margin-bottom:1rem;
}
.datatable {
margin-bottom:10px;
}
.datatable th {
text-align:left;
padding:1px 15px 1px 1px;
}
.datatable td {
padding:1px 15px 1px 1px;
}
.testreport td {
vertical-align:middle
text-align:left;
padding-bottom:10px;
}
.testreport th {
text-align:left;
}
.testreport tr td+td {
padding-left:2rem;
}

#logogrid {
width:80%;
margin:0 auto;
border: 1px dotted #ccc;
text-align:center;
}
#logogrid img {
padding:2rem;
vertical-align:middle;
}

.mdctable {
padding:0px;
margin:0px;
border:solid 2px #ccc;
border-collapse:collapse;
border-spacing:0px;
vertical-align:top;
width:100%;
}

.mdctable td {
margin:0px;
padding:3px;
border-style:solid;
border-width:2px;
border-color:#ccc;
}

.mdctable td:first-child {
padding:3px 6px 3px 3px;
}

.mdctable th {
font-weight:700;
margin:0px;
padding:3px;
border-style:solid;
border-width:2px;
border-color:#ccc;
}


.formulatable {
border-style:solid;
border-width:1px;
border-color: #ccc;
margin-bottom:10px;
}

.formulatable td {
padding-right:5px;
border-width:0px 0px 1px 0px;
}

.formulatable td:nth-child(-n+2) {
width:25%;
}

.formulaunits td {
padding-right:5px;
white-space:nowrap;
}

.formulaunits td:nth-child(1) {
padding-right:50px;
}

.formulaunits td:nth-child(n+2) {
text-align:right;
}


#colbody {
    background-image: 
    linear-gradient(
      90deg,
      #ccc,
      #ccc 220px,
      #fff 0px
      );
}

.leftmenubox {
line-height:2.0rem;
color:#000;
}

.leftmenubox h3 {
display:block;
font-size:1.4rem;
background-color:#ededed;
padding:5px;
width:170px;
}


.leftmenubox a {font-weight:600;}
.leftmenubox a:link {color:#000;}
.leftmenubox a:visited {color:#000;}
.leftmenubox a:hover {color:#fff;}


.menulist {
margin:10px 0px 25px 0px;
display: block;
list-style-type: none;
padding:0px;
}

.menulist li {
line-height:2.0rem;
}




.textbutton {
width:140px;
margin:50px 10px 10px 10px;
padding:10px;
border:1px dashed #fff;
text-align:center;
vertical-align:middle;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:6px;
}

.textbutton > a:link, a:visited {
color:#333;
font-weight:700;
}

.textbutton:hover {background-color:#fff;}



	/* column container */
	.colmask {
		position:relative;		/* IE bugfix */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#ccc;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:220px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:210px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 30px 0 230px;
	    position:relative;
	    right:100%;
	    overflow:hidden;

	}
    .leftmenu .col2 {
        float:left;
        width:220px;
        position:relative;
        right:200px;
    }
    

.autotable {
float:left;
width:60%; /* fallback for browers which don't support calc */ 
overflow-x:auto;
overflow-y:hidden;
}

dl.dtspacer dt {margin-top:10px;}

.button-grey {
padding:5px 10px;
margin-top:10px;
background-color:#ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:6px;
text-decoration: none;
cursor: pointer;
border:none;
-webkit-appearance: none; 
}


/* jcarousel styles */

.jcarousel {
position:relative;
width:490px;
height:245px;
overflow:hidden;
}
.jcarousel li {
position: relative;
list-style:none;
margin:0px; padding:0px;
width:490px;
height:245px;
}
.jcarousel img {
width:490px;
height:245px;
}

.jcarousel-mdc {
position:relative;
width:300px;
height:600px;
overflow:hidden;
}
.jcarousel-mdc li {
position: relative;
list-style:none;
margin:0px; padding:0px;
width:300px;
height:600px;
}
.jcarousel-mdc img {
width:300px;
height:600px;
}


ol.abclist {list-style-type:lower-alpha;}
ol.abclist li {padding-left:5px;}



.generictable td {
padding:5px 10px 5px 0px;
}

.generictable th {
text-align:left;
}


table.timetemptable {
border:2px solid #ccc;
}

.timetemptable th {
font-weight:700;
text-align:center;
padding:5px;
}

.timetemptable td {
font-weight:400;
text-align:center;
width:60px;
padding:5px;
}

.columnmaker {
columns: 1 auto;
margin-bottom: 30px;
}

@media (min-width: 480px) {
  .columnmaker {
columns: 2 auto;
  }
}

@media (min-width: 768px) {
  .columnmaker {
columns: 3 auto;
  }
}

@media (min-width: 1024px) {
  .columnmaker {
columns: 4 auto;
  }
}

@media (min-width: 1201px) {
  .columnmaker {
columns: 5 auto;
  }
}




/* for Google Custom Search */
.gsc-input-box {padding:2px}


/* quick styles */
.nospace {padding:0px;margin:0px;}
.center {text-align:center;}
.left {text-align:left;}
.marginspace {padding:5px;}
.ulightgraybg {background-color:#f5f5f5;}
.vlightgraybg {background-color:#ddd;}
.lightgraybg {background-color:#ccc;}
.lightgray {color:#ccc;}
.gray {color:#666;}
.darkgraybg {background-color:#333;color:#efefef;}
.whitebg {background-color:#fff;}
.italics {font-style:italic;}
.redstar {font-size:10px;color:red;}
.encodedmailto {font-size:14px;color:#0000ff;}
.ultraclear {clear:both;overflow:hidden;height:0;}
.simpleclear {clear:both;}
.key {display:none;}
.verticalspacer {clear:both;padding:1.6rem 0;}
.nobr {white-space: nowrap;}
.topspace {margin-top:20px;}
.basespace {margin-bottom:20px;}