body {margin: 4px; color: black; background: white;}
table {width: 100%; margin: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family:  Arial, Helvetica, sans-serif;}
table#topnavigation {padding: 0; border-top: 2px solid #333366; border-bottom: 3px solid #333366; vertical-align: middle;}
td a:link {color: #333366; text-decoration: none;}
td a:visited {color: black; text-decoration: none;}

td#contactinfo {font: bold 100% Arial, Helvetica, sans-serif; color: #333366; vertical-align: middle; text-align: center; border: 2px solid #333366;}
td#titleNum {text-align: center;}
td#icon {vertical-align: middle; color: #333366; font: 70% Arial, Helvetica, sans-serif; line-height: 1em; padding: .5em; text-align: center; nowrap;}
td#navbar  {padding-top: 5px;  padding-bottom: 5px; vertical-align: middle; color: white; font: 75% Arial, Helvetica, sans-serif;  text-align: right; background: #333366;}
td#navbar a:link {color: white; text-decoration: none;}
td#navbar a:visited {color: gray; text-decoration: none;}

h1 {font: bold 150% Arial, Helvetica, sans-serif; color: black; padding-bottom: 1px; text-align: center;}
h2 {font: bold 85%; color: #333366; text-align: center;}
h3 {font: bold 80%; color: black; text-align: center;}
h4 {font: bold 110%; color: red; text-align: center;}

table#header {background: white; border-bottom: 2px solid white;}

td#title {vertical-align: middle; color: white; font: bold 180% Arial, Helvetica, sans-serif;text-align: left;}

#content-top td {color: white; vertical-align: middle; padding: 0.1em 0.2em 0;}
tr td#sidetop {background: #330099; font: bold 115% Arial, Helvetica, sans-serif;}

td#leftside {width: 15%;}
td#leftside table {border: 2px solid #333366;}
td#leftside th {font-size: bold 90%;  background: #333366; color: white;}
td#leftside td {font-size: 70%; color: #333366;}
td#leftside td.head {color: #333366; text-align: center; font-weight: bold; vertical-align: bottom; border-top: 1px solid #333366;}
td#leftside td.centered {color: #333366; text-align: center; vertical-align: bottom;}
td#leftside a:link { font: bold; color: white; text-decoration: none; text-align: center;}
td#leftside a:link {color: white; text-decoration: none;}
td#leftside a:visited {color: white; text-decoration: none;}


td#leftside table.blackBorder{border: 2px solid black; }
td#leftside th.black {font-size: bold 90%;  background: black; color: white;}


td#content {padding: 15px 30px; background: white;}
td#content p {font: 85% Arial, Helvetica, sans-serif;}
td#content p.stem {font: bold 85% Arial, Helvetica, sans-serif; line-height: 2em; margin-bottom: -1.3em;}
td#content p.indent-left {margin-left: 40px;}
td#content p.centered {font: 85% Arial, Helvetica, sans-serif; text-align:center;}
td#content li {font: 85% Arial, Helvetica, sans-serif;}

td#content td.mfr   {font: bold 75%; color: #333366; text-align: left; border-top: 1px solid black; padding: 0.25em;}
td#content td.partno  {font: bold 75%; color: #333366; text-align: right; border-top: 1px solid black;}
td#content td.desc  {font: 66%; color: black; text-align: left; border: 0; }
td#content td.descBlue  {font: bold 66%; color: #333366; text-align: left; border: 0;  border-top: 1em;}

td#content table.formtable {width: 50%; padding:3px; }
td#content td.lbl  {font: 85%; text-align: right;}

div.number {float: left; width: 35px; padding: 3px 2px; margin: 1px 7px;}
div.address {color: black; font: bold 70% Arial, Helvetica, sans-serif;  text-align: center;}
div.copyright {color: black; font: 66% Arial, Helvetica, sans-serif;  text-align: center;}

div.photosm  {float: left; width: 90px;}
div.categoryPhoto  {float: left; }
div.categoryName  {font: bold 140%  Arial, Helvetica, sans-serif;color: #333366; text-align: left; line-height: 1.5em;}
div.crumbs {font: 95% Arial, Helvetica, sans-serif; color: #333366; text-align: left;}
div.rightside {float: right; vertical-align: top; text-align: right; border: 1px solid gray;}
div.narrow {margin-right: 10em;}
div.h1blue {font: bold 150% Arial, Helvetica, sans-serif; color: #333366; padding-bottom: 1px; text-align: center;}
div.h1ital {font: bold italic 150% Arial, Helvetica, sans-serif; color: #333366; padding-bottom: 1px; text-align: center;}

td#rightside table {border: 1px solid gray}
td#rightside td {font: bold 60%; text-align: center; vertical-align: middle; border: 1px solid gray}

td#rightmenu table {width: 150px; border: 0; background-color: #FFFFFF;}
td#rightmenu td {font-size: 66%; padding: 3px;}
td#rightmenu a:link {text-decoration: none;}
td#rightmenu a:hover {background-color: red; color: white; text-decoration: none;}
td#rightmenu a:visited {color: red; text-decoration: none;}
td#rightmenu a:visited:hover {color: gray; text-decoration: none;}

div#manufacturer {border: 3px solid navy; background: white; text-align: center; margin-top: 1.5em; padding: 8px; font-size:66%}

tr#border td {vertical-align: middle;}
tr#footer td {vertical-align: middle; font-size: 66%;}
tr#footer td#bottomlinks {font-size: 75%; color: #333366; text-align: center; padding: 8px; border-top: 2px solid #333366;}
tr#footer td#bottomlinksSmall {font-size: 66%; color: #333366; text-align: center; padding: 8px;}

