BODY{BACKGROUND-COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 80%; margin:5px;}
p, td, ul, li{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 100%}
TABLE{FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 100%}

ul {margin-left: 0px; padding-left: 20px;}
ul.square {margin-left: 0px; padding-left: 20px; list-style-type: square;}

.default{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 100%}
.small{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 80%}

H1{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 130%; text-align: center;}
h1.catalog { COLOR: #FFFFFF; margin:2px,5px,2px,5px; FONT-SIZE: 125% } 

H2{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 125%}
H2.catalog{COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 125%; margin-top: 0em; margin-bottom: 0em; }}

H3{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 110%}
H4{COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 100%}

/* -- Main Classes -- */


/* -- Regular Links -- */
a:link		{COLOR: #000080}
a:active	{COLOR: #000080}
a:visited	{color: #000080}
a:hover     {color: #808080}

/* -- Breadcrumb Navigation Links -- */
a.bc:link		{COLOR: #000080; FONT-SIZE: 85%; text-decoration: none;}
a.bc:active	{COLOR: #000080; FONT-SIZE: 85%; text-decoration: none;}
a.bc:visited	{color: #000080; FONT-SIZE: 85%; text-decoration: none;}
a.bc:hover     {color: #808080; FONT-SIZE: 85%; text-decoration: underline;}




/* -- Colors -- */
.gray{COLOR: #efefef}
.grey{COLOR: #efefef}
.navy{COLOR: #000080}
.bluegray{COLOR: #CACCDB}
.dkbluegray{COLOR: #B0B5C8}

/* -- Regular Standard Table -- */
table.standard{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; background-color: #efefef; padding: 2px; border-spacing: 0px; border-collapse: collapse;}
td.standard1{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 125%; font-weight: bold; background-color: #000080; color: #ffffff; text-align: center; padding: 2px; border-spacing: 0px; border-collapse: collapse;}
td.standard2{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; font-weight: bold; background-color: #caccdb; border-color: #b0b5c8; padding: 2px; border-spacing: 0px; border-collapse: collapse;}
td.standard3{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; background-color: #efefef; padding: 2px; border-spacing: 0px; border-collapse: collapse;}
td.standard4{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; font-weight: bold; background-color: #000080; color: #ffffff; text-align: center; padding: 2px; border-spacing: 0px; border-collapse: collapse;}

/* -- Ordering Information Table  -- */
table.orderinfo{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; background-color: #efefef; width: 790px; padding: 2px; cell-spacing: 0px; border-collapse: collapse;}
	td.orderinfo1{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 125%; font-weight: bold; background-color: #000080; color: #ffffff; text-align: center; padding: 2px; border-spacing: 0px;}
	td.orderinfo2{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; font-weight: bold; background-color: #caccdb; text-align: center; border-color: #b0b5c8; padding: 2px; border-spacing: 0px;}
	td.orderinfo3{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; background-color: #efefef; padding: 2px; border-spacing: 0px;}
	td.orderinfo4{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-size: 1px; font-size: 100%; font-weight: bold; background-color: #000080; color: #ffffff; text-align: center; padding: 2px; border-spacing: 0px;}
	/* -- Gray background, Bold, 10pt Font -- */
	td.orderinfo5{border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px; font-family: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-width: 1px; font-size: 100%; font-weight: bold; background-color: #efefef; text-align: left; padding: 2px; border-spacing: 0px; white-space:nowrap;}
	/* -- Gray background, 10pt Font, Left Aligned -- */
	td.orderinfo6{border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px; font-family: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-width: 1px; font-size: 100%; background-color: #efefef; text-align: left; padding: 2px 2px 2px 3px; border-spacing: 0px;}
	/* -- Gray background, 10pt Font Right Aligned -- */
	td.orderinfo7{border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px; font-family: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8;  border-width: 1px; font-size: 100%; text-align:right; background-color: #efefef; padding: 2px 5px 2px 5px; border-spacing: 0px; white-space:nowrap;}



/* -- Product Information / Downloads Table  -- */
table.download{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; font-size: 100%; font-weight: bold; background-color: #efefef; border-collapse: collapse;}
td.download1{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; background-color: #000080; color: #ffffff; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; text-align: center; white-space: nowrap;}
td.download2{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; text-align: left; padding-left:5px; padding-right:5px; white-space: nowrap}
td.download3{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; font-size: 80%; text-align: right; padding-left:5px; padding-right:5px; white-space: nowrap; padding: 2px; border-spacing: 0px;}
td.download4{BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-color: #b0b5c8; border-size: 1px; font-size: 80%; text-align: center; padding-left:5px; padding-right:5px; white-space: nowrap; padding: 2px; border-spacing: 0px;}


/* -- Backgrounds -- */
.graybg{BACKGROUND-COLOR: #efefef}
.greybg{BACKGROUND-COLOR: #efefef}
.navybg{BACKGROUND-COLOR: #000080}
.bluegraybg{BACKGROUND-COLOR: #CACCDB}
.dkbluegraybg{BACKGROUND-COLOR: #B0B5C8}


/* -- Additional Classes -- */


/* -- Top BC Navigation Table  -- */
table.orderinfo{FONT-FAMILY: verdana,arial,helvetica; border-style: solid; border-size: 0px; background-color: #ffffff; width: 650px; cell-padding: 0px; cell-spacing: 2px; border-collapse: collapse;}
td.bcnav{FONT-FAMILY: verdana,arial,helvetica; border-size: 0px; width: 650px; font-size: 80%;}


/* -- Form --*/
/* -- .ManufrFld{font-size: 10pt;} -- */

/* -- Reg color, No line except for hover -- */
a.noline:link		{COLOR: #000080; text-decoration: none}
a.noline:active	    {COLOR: #000080; text-decoration: none}
a.noline:visited	{color: #000080; text-decoration: none}
a.noline:hover      {color: #808080; text-decoration: underline}

/* -- Reg color, No line at all -- */
a.noline2:link		{COLOR: #000080; text-decoration: none}
a.noline2:active	    {COLOR: #000080; text-decoration: none}
a.noline2:visited	{color: #000080; text-decoration: none}
a.noline2:hover      {color: #808080; text-decoration: none}



/* -- White/Orange top-border navigation -- */
a.nav:link		{COLOR: #FFFFFF; text-decoration: none; font-size: 80%; font-weight: bold}
a.nav:active	{COLOR: #FFC640 ; text-decoration: none; font-size: 80%; font-weight: bold}
a.nav:visited	{color: #FFFFFF ; text-decoration: none; font-size: 80%; font-weight: bold}
a.nav:hover     {color: #FFC640 ; text-decoration: none; font-size: 80%; font-weight: bold}

/* -- Navy/Gray -- */
a.navy:link		{COLOR: #000080}
a.navy:active	{COLOR: #000080}
a.navy:visited	{color: #000080}
a.navy:hover    {color: #efefef}

/* -- Navy/White used? -- */
a.catalog:link		{COLOR: #000080}
a.catalog:active	{COLOR: #000080}
a.catalog:visited	{color: #000080}
a.catalog:hover     {color: #ffffff}

/* -- Red/Black used? -- */
a.price:link	{color: red}
a.price:hover	{color: black}

/* -- Red/Gray -- */
a.red:link	{color: #C60000}
a.red:active	{COLOR: #C60000}
a.red:visited	{color: #C60000}
a.red:hover	{color: #808080}

/* -- Red/Gray no line -- */
a.rednoline:link	{color: #C60000; text-decoration: none}
a.rednoline:active	{COLOR: #C60000; text-decoration: none}
a.rednoline:visited	{color: #C60000; text-decoration: none}
a.rednoline:hover	{color: #808080; text-decoration: none}

/* -- Black/Black no line -- */
a.black:link	{COLOR: #000000; text-decoration: none}
a.black:active	{COLOR: #000000 ; text-decoration: none}
a.black:visited	{color: #000000 ; text-decoration: none}
a.black:hover   {color: #000000}

/* -- Black/Dk Gray -- */
a.blackgray:link	{color: #000000}
a.blackgray:active	{color: #000000}
a.blackgray:visited	{color: #000000}
a.blackgray:hover   {color: #A4A4A4}

/* -- White/Dk Gray -- */
a.white:link	{COLOR: #FFFFFF}
a.white:active	{COLOR: #FFFFFF}
a.white:visited	{color: #FFFFFF}
a.white:hover   {color: #A4A4A4}

/* -- White/Navy -- */
a.whitehp:link	    {COLOR: #FFFFFF}
a.whitehp:active	{COLOR: #FFFFFF}
a.whitehp:visited	{color: #FFFFFF}
a.whitehp:hover     {color: #808080}

/* -- Navi Bar -- */

*::-moz-any-link br, *:-moz-any-link br { 
/*a workarround for mozilla*/
display:none;
}
div#menu * {
  cursor: pointer; /*because IE displays the text cursor 
if the link is inactive*/
}
div#spacer * {
  cursor: default; /*because IE displays the text cursor 
if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}
div#menu {
   background: #FFC640;
   font: 12px Verdana, sans-serif;
   font-weight: bold;
   height: 15px;
   white-space: nowrap;
   width: 100%;
}

div#menu .a {
   background: #FFC640;
   border: 1px solid #FFC640;
   color: #000000;
   text-decoration: none;
}

div#menu .a table {
   display: block;
   font: 10px Verdana, sans-serif;
   white-space: nowrap;
}

div#menu table, div#menu table a {
   display: none;
}

												/* Menu title text color and bg color on hover */
div#menu .a:hover, div#menu div.menuitem:hover {
   background: #FFE3A0;
   border: 1px solid #FFE3A0;
   color: #000000;
   margin-right:-1px; /*resolves a problem with Opera 
not displaying the right border*/
}

div#menu .a:hover table, div#menu div.menuitem:hover table{
   background: #FFFFFF;
   border: 1px solid #708090;
   display: block;
   position: absolute;
   white-space: nowrap;
}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   border-left: 12px solid #FFC640;
   border-right: 1px solid white; /*resolves a jump problem*/
   color: #000000;
   display: block;
   padding: 1px 12px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
   
}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #FFFF99;
   border: 1px solid #000000;
   border-left: 12px solid #FFC640;
   color: #000000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   z-index: 1000;
}

td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}

.spacer {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}

.menuitem {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}

.menuitem * {
   padding: 0px 0px 0px 0px;
}
#other {
  height: auto;visibility: visible;
}
#moz{
  height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
  height: auto; visibility: visible;
}
#other::-moz-cell-content{
  height: 1px; visibility: hidden;
}
