html {
  overflow:hidden; /* no top scrollbars IE7 */
}


body {
  margin: 0;
  font-family: verdana, arial, sans-serif;
  font-size: 90%;
}

.priceTableFootnote { color: #ff0000; font-weight: bold; }
.order_control {margin: 0; margin-bottom:1px}

/* optional page element styles */
.trademark { font-size: 75% }
.legal { font-size: 80% }
.featurelist {font-size: 120%; font-weight:bold}
.subtitle { color: #c00000; font-weight: bold; font-size: 12pt; font-style: italic }

/* main */
h1 { color: #000080; font-size: 20pt; margin-top: 2pt; background-color:#e0e0e0 }
h2 { color: #000080; font-size: 14pt; }
h3 { color: #000080; font-size: 12pt; }
h4 { color: #000080; font-size: 10pt; }

/* page header */
.ph_title1 {
  font-family:Arial; font-size:19pt; color:white; font-weight:bold;
  margin: 0;
}
.ph_title2 {
  font-size:8pt; font-weight:bold;
  color: #ffffc0;
  max-height:3em;overflow:hidden; margin: 0; 
}

.ph_bar1 {
  background-color:#ffffc0; padding-left: 8pt;
  border-bottom:2px solid #808080;
  padding-top: 2px; padding-bottom: 2px;
}

/* page footer */
.pf1 { border-top:2px solid #808000;}

/* price tables */
  .pt_header {color: white; background-color:#000080}
  .pt {border: 1px solid; clear:both}
  .pt tr td {border: 1px solid #000080; padding: 4px}
  .pt tr th {border: 1px solid #000080; font-size:80%}
  .pt_obsolete {background-color:#800000; color:white; font-size:80%; text-align:right}

/* sidebar */
.sidebar {background-color:#0080c0; color:white; padding-top:10pt;
          font-size:10pt; font-weight:bold }
.sidebar a {color:white; text-decoration: none}
.sidebar a:visited {color: #d0d0d0}
.sidebar a:hover {text-decoration: underline; color: #ff0000}

.sidebar ul {padding:0; margin:0; margin-left:1em;}
.sidebar ul.top {margin-left:0.2em}
.sidebar li {list-style-type: disc}
.sidebar ul.top li {list-style-type: none; padding-top:0.3em;  }

.sidebar_h1 {color: #ffff00; font-weight: bold; font-size: 12pt; text-align:center; background-color:#0000c0}
.sidebar_h2 {color: #ffff00; font-weight: bold; font-size: 10pt}
.sidebar_h3 {color: #ffff00; font-weight: bold; font-size: 8pt}


.catalog_xref {margin-top:1em}
.catalog_xref td,th {border: 1px solid black; text-align:center;}

.web_xref td {vertical-align:top}

.ph_button {
  color:black; background-color:#d0f0ff;
}

.ph_button:hover {
  cursor:pointer;
  color:red;
}

.columnitem {
  margin: 2px;
}

.content, .heading {
  padding: 2px;
}

/* maintable is OLD style for index.htm */
  #maintable {width:100%; font-size:90%}
  #maintable td {
  vertical-align:top;
  }
  #maintable h2 {
    font-size:100%;
    background-color:#e0e0e0; color:#000080;
    margin-bottom:0px;
    margin-top:0.5em;
    clear: both;
  }
  #maintable h2.first {
    margin-top:0px;
  }

  #maintable h3 {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    font-size:100%;
    margin-top:0.5em;
    clear: both;
  }

  .productleft { float:left;clear:both;margin-bottom:1em;margin-right:0.5em}

  .product {clear:both}

#productlist {
  padding: 0;
  margin: 2px;
  background-color: #d0f0ff;
  font-weight: bold;
  border: 1px solid black;
}
#productlist li {
  list-style-type: none;
}
#productlist a {
  display: block;
  border:2px outset #000080;
}
#productlist a:hover {
  background-color: #ffffd0;
  color: #ff0000;
}

.maincolumn { background-color:#f8f8f8; border:2px solid #808080;}

/* OLD - index.htm */
.dense_list {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0.5em;
  padding-left: 1em;
}

a img { border: 0 }

.inline_form {
  margin: 0;
  padding: 0;
  display: inline;
}

/* a links */
a { text-decoration:none; color:#0040ff; }
a:visited { color: #8000c0}
a:hover { color:red; text-decoration: underline; }
td.sidebar a { border: 0 }

.pn_table {border:1px solid black; margin:3px; margin-bottom:10pt;}
.pn_table td, .pn_table div {border-bottom: 1px solid #808080; }
.pn_table th, .pn_table .th {background-color:#e0e0f0; font-weight:bold;}
.pn_table div {text-align:center;}

.maxwidth {
  max-width: 40em;
  /* see also IE */
}

/*conflicts with j 
#tooltip { visibility:hidden;position:absolute; background-color:#ffffff; color:black; border-style:outset; border-color:#0000ff; padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px; font-family:Arial; font-size:80%; width:250px }
*/

#tooltip {
  width:200px;
}
div.url { font-size:80%; padding-top:0.5em; color:#008000 }

#nav {
 background-color: black;

 font-size:90%;
 height:30px;
 overflow:hidden;
}

#nav .d1 { background-color:#202020; }
#nav .d2 { background-color:#404040; }
#nav .d3 { background-color:#505050; }
#nav .d4 { background-color:#606060; }
#nav .d5 { background-color:#707070; }

#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
letter-spacing:2px;
 line-height: 1.1;
 background-color: black;
}

#nav li {
 float: left;
 padding: 0;
 text-decoration: none;
 background: #202020;
 margin-left:-2px; /*collapse border*/
}


#nav li ul {
 visibility: visible;
 list-style: none;
 position: absolute;
 left: -999em; /*hide*/
 margin: 0;
 padding: 0;
 width: 250px;
 z-index:1; /*menu overlap sidebar--careful with IE6*/
 overflow:auto;
 max-height:70%; /*see also IE6 fix*/
}

#nav li li {
 float: none;
 border: 1px solid black;
 background-color: black;
}

#nav li li a {
 border: 0;
}

#nav li:hover ul, #nav li.sfhover ul
{
 left: auto;
 display: block;
}

#nav ul a, #nav .navterm {
 border: 2px solid #404040; 

 display: block;
 padding: 5px;
 color: white;

 text-decoration: none;
}

#nav .navterm, #nav .navterm:hover {
 background-color: black; border:2px solid #c0c080
}

#nav ul a:hover {
 color:white;
 background-color:#800000;
}

/*old#nav ul li {
  margin-right:-2px;
}*/

#nav li:hover, #nav li.sfhover {
 background: #640000;
}

#nav li:hover .taba a, #nav li.sfhover .taba a {
 color: black;
}

#nav li:hover a, #nav li.sfhover a {
 color: white;
}

#nav li:hover li a, #nav li.sfhover li a
{
 color: white;
}
#nav li:hover li a:hover, #nav li:hover li a.sfhover {
 color: white;
}

#nav .arrow {
 margin-left: 5px;
 margin-right: 0px;
}

.navsub {
  /*background-color:#e0f5fb;*/
  background-color:black;
  padding:3px;
}
.navsub a {color:black}

.navitemactive {
  background-color:#808080
}

#nav #navleaf {
  color: white;
  padding: 5px;
  background-color: black;
  border:2px solid black;
}

.rfloat {
  float: right;
  margin: 5px;
  clear: right;
}

.pre {
  white-space: pre;
  font-family: monospace;
  display: table;
}

.hbox {
  display: table;
  background-color: #ffffc0;
  padding: 1em;
  margin: 1em;
}
.listcolumn { float: left; width:200px; }

.clear { clear:both }

/* top* are common top-level page structure */

/* vertical shift depending on number of toolbars */
.topvalign0 {
  top:120px;
}
.topvalign1 {
  top:140px;
}
.topvalign2 {
  top:160px;
}

#topcontent {
  position:absolute;
  left:0px; bottom:0; right:200px;
  margin:0; padding:10px;
  overflow:auto;
}

#topsearchbar {
  position:absolute;
  margin:0;
  padding: 0 5px 0;
  right:0; height:40px; width:190px;
  background-color:#e0e0e0;
  font-weight:bold;
}
.topsearchpage {
  background-color:#c0c0c0;
}

#topsidebar {
  position:absolute;
  padding:0; padding-top:5px; margin:0;
  margin-top:40px;
  right:0; bottom:0; width:200px;
  overflow:auto;
  background-color:#e0e0e0;
}

#topsidebar .topsidebartitle {
  font-weight:bold;
  background-color:#808000; color:white;
  text-align: center;
}

#topsidebarresults, #topback ul {
  font-size:85%;
  margin: 0 5px;
  border: 1px solid black;
}
#topsidebar ul {
  margin:0;
  margin-left:0; padding-left:0;
}
#topsidebar li {
  margin: 0.5em 0;
  list-style:none;
}

#topsidebar a.active {
  background-color:#808080;
  color:white;
}
#topsidebar a.active font {
  color:black;
}

#tophead {
  left:0; right:0; height:89px;
  background: #00349A;
  border:0; margin:0;
  overflow:hidden;
}
#tophead img {
  border:0; margin:0;
}


.about {
  display:none;
}


#commentbox {
}
#commentbox.hide {
  display:none;
}
#commentbutton {
  display:block;
  margin:0.5em;
  border: 3px solid #808080;
  background-color:#c0c0c0;
  text-align:center;
}

#commentbutton.hide {
  display:none;
}

.spec-table { border-collapse:collapse; background-color:#f0f0f0; margin:2px; clear:both}
.spec-table td {border: 1px solid black; text-align: center; }

@media print {
  /*improve*/
  #topsidebar {display:none}
  #topsearchbar {display:none}
  #topcontent {position:relative; left:auto; bottom:auto; right:auto; overflow:visible;}
  .topvalign0, .topvalign1, .topvalign2 {
    top:auto;
  }
  
}

.catxref { float:right; background-color:#f0f0f0; border: 1px solid black; margin:4px; width:auto; padding:0.4em; text-align:center }