html {
  margin: 0px;
  padding: 0px;
  }
body {
  margin: 0px;
  padding: 0px;
  background: url(../graphics/bg.gif) #004477;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  min-width: 774px;
  }

/* old
#lhs {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 144px;
  background: url(../graphics/nav_bg_wide.gif) #225599;
  border-right: 1px solid #000000;
  z-index: 2;
  }
*/
#lhs {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 144px;
  top: 0px;
  left: 0px;
  background: url(../graphics/nav_bg_wide.gif) #225599;
  border-right: 1px solid #000000;
  z-index: 2;
  }
#lhs img#logo {
  border-bottom: 1px solid #000000;
  }

ul#nav {
  margin: 0px;
  padding: 0px;
  text-align: center;
  list-style-type: none;
  }
ul#nav li {
  display: block;
  margin: 0px;
  padding: 0px;
  }
ul#nav li a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  color: #ffffff;
  height: 27px;
  line-height: 27px;
  }
ul#nav li.here a {
  background: url(../graphics/nav_bg_here_wide.gif) #336699;
  }
ul#nav li a:hover, ul#nav li a.here:hover {
  background: url(../graphics/nav_bg_ro_wide.gif) #336699;
  }


#rhs {
  float: right;
  width: 160px;
  text-align: center;
  border-left: 1px solid #000000;
  z-index: 2;
  }
#suppliers {
  margin: 0px;
  padding: 0px;
  text-align: center;
  list-style-type: none;
  background: url(../graphics/suppliers_bg_wide.gif) #225599;
  }
#supplier_header {
  padding: 5px;
  height: 17px;
  color: #bdd8ff;
  border-bottom: 1px solid #000000;
  }
#suppliers img {
  border-bottom: 1px solid #000000;
  z-index: 1;
  }
ul#supplier_list {
  margin: 0px;
  padding: 0px;
  text-align: center;
  list-style-type: none;
  background: url(../graphics/suppliers_bg_wide.gif) #225599;
  }
ul#supplier_list li {
  display: block;
  margin: 0px;
  padding: 0px;
  }
ul#supplier_list li img {
  display: none;
  }
ul#supplier_list li:hover img, ul#supplier_list li.here img, ul#supplier_list li.over img {
  display: block;
  position: absolute;
  top: 28px;
  right: 0px;
  z-index: 1;
  }
ul#supplier_list li.here img {
  z-index: 2;
  }
ul#supplier_list li a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  color: #ffffff;
  height: 27px;
  line-height: 27px;
  }
ul#supplier_list li.here a {
  background: url(../graphics/suppliers_bg_here_wide.gif) #336699;
  }
ul#supplier_list li a:hover, ul#supplier_list li a.here:hover, ul#supplier_list li a.over {
  background: url(../graphics/suppliers_bg_ro_wide.gif) #336699;
  }


/* products page */
#supplier_hi {
  padding: 0px;
  margin: 0px;
  width: 160px;
  list-style-type: none;
  text-align: center;
  }
ul#supplier_hi li {
  position: absolute;
  right: 0px;
  padding: 6px;
  margin: 0px;
  width: 148px;
  height: 15px;
  color: #ffffff;
  background: url(../graphics/suppliers_bg_ro_wide.gif) #336699;
  border-bottom: 1px solid #000000;
  z-index: 3;
  display: none;
  }
ul#supplier_hi li#hi_01 {
  top: 112px;
  }
ul#supplier_hi li#hi_02 {
  top: 140px;
  }
ul#supplier_hi li#hi_03 {
  top: 168px;
  }
ul#supplier_hi li#hi_04 {
  top: 196px;
  }
ul#supplier_hi li#hi_05 {
  top: 224px;
  }
ul#supplier_hi li#hi_06 {
  top: 252px;
  }
ul#supplier_hi li#hi_07 {
  top: 280px;
  }
ul#supplier_hi li#hi_08 {
  top: 308px;
  }
ul#supplier_hi li#hi_09 {
  top: 336px;
  }
ul#supplier_hi li#hi_10 {
  top: 364px;
  }
ul#supplier_hi li#hi_11 {
  top: 392px;
  }
ul#supplier_hi li#hi_12 {
  top: 420px;
  }
ul#supplier_hi li#hi_13 {
  top: 448px;
  }



ul#product_rollovers {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  line-height: 1em;
  }
ul#product_rollovers li {
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 17em;
  list-style-type: none;
  border: 1px solid #9999aa;
  line-height: 1em;
  }
ul#product_rollovers li a {
  padding: 6px;
  display: block;
  text-decoration: none;
  color: #000000;
  background: #d4d7ff;
  }
#main ul#product_rollovers li a:hover,
#main ul#product_rollovers li:hover a {
  text-decoration: none;
  background: #e5e8ff;
  }
#main ul#product_rollovers li:hover ul li a {
  background: #d4d7ff;
  }
#main ul#product_rollovers li:hover ul li a:hover {
  background: #e5e8ff;
  }
#main #content ul#product_rollovers li ul {
  position: absolute;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  top: -1px;
  left: 17em;
  display: none;
  border-top: 1px solid #9999aa;
  z-index: 9;
  }
#main #content ul#product_rollovers li:hover ul,
#main #content ul#product_rollovers li ul:hover,
#main #content ul#product_rollovers li.over ul {
  display: block;
  }
#main #content ul#product_rollovers li ul li {
  width: 20em;
  margin: 0px;
  border-top: none;
  }
ul#product_rollovers li ul li a {
  display: block;
  }
ul#product_rollovers li ul li .description {
  font-style: italic;
  color: #666688;
  margin-left: 0px;
  }


#main {
  margin: 0px 160px 0px 144px;
  padding: 0px;
  background: url(../graphics/main_bg.gif) #bfd0dd;
  border: 1px solid #000000;
  border-top: none;
  z-index: 1;
  }
#main p {
  margin: 0px 0px 9pt 0px;
  line-height: 1.5em;
  }
#main #header {
  padding: 0px 4px 0px 0px;
  height: 27px;
  background: url(../graphics/main_header_bg.gif) #748eb1;
  border-bottom: 1px solid #000000;
  }
#main #header #login_panel {
  padding: 3px 4px 2px 0px;
  width: 219px;
  height: 22px;
  border-right: 1px solid #000000;
  background: url(../graphics/login_bg.gif) #748eb1;
  text-align: right;
  float: left;
  }
#main #header a#login,
#main #header a#register,
#main #header a#change_password {
  display: block;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 2px 11px 5px 11px;
  height: 12px;
  text-align: center;
  background: url(../graphics/login_bg.gif) #5a7398;
  border: 1px solid #333366;
  text-decoration: none;
  color: #ffffff;
  }
#main #header a#register,
#main #header a#change_password {
  margin: 0px 0px 0px 4px;
  }
#main #header a#login:hover,
#main #header a#register:hover,
#main #header a#change_password:hover {
  background: #6688bb;
  }
#main #header a:hover {
  background: #6a83a8;
  }
#main #header div.welcome {
  float: left;
  display: inline-block;
  padding: 6px;
  color: #000000;
  }
#main #header div.welcome span.username {
  font-weight: bold;
  }



#main #search {
  float: right;
  color: #ffffff;
  white-space: nowrap;
  }
#main #search input {
  border: 1px solid #94aed1;
  border-top: 1px solid #445e81;
  border-left: 1px solid #445e81;
  }
#main #image_strip {
  height: 55px;
  background: url(../graphics/strip_000.jpg) #6699cc;
  border-bottom: 1px solid #000000;
  }
#main #strip {
  height: 55px;
  background: url(../graphics/strip_grid.gif);
  }
#main #content {
  width: 80%;
  padding: 13px 40px 20px 54px;
  }

#main #content ul#links {
  line-height: 1.9em;
  }

table.contact {
  background: #e9e6ff;
  border: 1px solid #000000;
  }
table.contact td {
  padding: 5px 10px 5px 5px;
  }
table.contact td.handle {
  padding: 5px 5px 5px 10px;
  text-align: right;
  }
table.contact tr.reset td {
  padding: 10px 5px;
  border-bottom: 1px dotted #667777;
  }
table.contact tr.submit td {
  padding: 10px 5px;
  border-top: 1px dotted #667777;
  }


/* downloads page */
#main #content ul.toc {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  }
#main #content ul.toc li {
  display: inline-block;
  }
#main #content ul.toc li a {
  display: inline-block;
  margin: 0px 3px 0px 0px;
  padding: 4px 4px;
  width: 156px;
  border: 1px solid #9999cc;
  border-collapse: collapse;
  }
#main #content ul.toc li a:hover {
  text-decoration: none;
  background-color: #eeeeff;
  }

.downloads {
  clear: left;
  }
/*
#main #content ul.downloads,
#main #content ul.downloads ul {
  list-style-type: none;
  }
#main #content ul.downloads ul {
  margin-left: 20px;
  }
#main #content ul.downloads li {
  font-style: italic;
  line-height: 2em;
  }
#main #content ul.downloads li div.expand {
  float: left;
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  background: url(../graphics/expand_icon.gif) 0px -7px;
  position: relative;
  top: 3px;
  }
#main #content ul.downloads li div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -38px;
  }
#main #content ul.downloads li.expanded div.expand {
  background: url(../graphics/expand_icon.gif) 0px -69px;
  }
#main #content ul.downloads li.expanded div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -100px;
  }
#main #content ul.downloads li.expanded li div.expand {
  background: url(../graphics/expand_icon.gif) 0px -7px;
  }
#main #content ul.downloads li.expanded li div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -38px;
  }
#main #content ul.downloads li.expanded li.expanded div.expand {
  background: url(../graphics/expand_icon.gif) 0px -69px;
  }
#main #content ul.downloads li.expanded li.expanded div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -100px;
  }
#main #content ul.downloads li.expanded li.expanded li div.expand {
  background: url(../graphics/expand_icon.gif) 0px -7px;
  }
#main #content ul.downloads li.expanded li.expanded li div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -38px;
  }
#main #content ul.downloads li.expanded li.expanded li.expanded div.expand {
  background: url(../graphics/expand_icon.gif) 0px -69px;
  }
#main #content ul.downloads li.expanded li.expanded li.expanded div.expand:hover {
  background: url(../graphics/expand_icon.gif) 0px -100px;
  }
#main #content ul.downloads a {
  font-style: normal;
  font-weight: bold;
  color: #000000;
  }
#main #content ul.downloads a img {
  margin-right: 5px;
  border: none;
  }
*/


/* downloads page */
#main #content .downloads {
  border-top: 1px dotted #9999cc;
  }
#main #content .downloads h3 {
  margin: 0px;
  }
#main #content .downloads ul {
  margin: 4px 0px 0px 0px;
  }
.downloads li {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  font-style: italic;
  color: #777788;
  }
.downloads li a {
  font-style: normal;
  color: #0000cc;
  margin-right: 5px;
  }
#content .downloads li img {
  border: none;
  margin-right: 5px;
  }
.folder {
  border: 1px dotted #6666cc;
  border-top: none;
  padding: 5px 5px 5px 5px;
  }

.level_01 {
  padding-left: 5px;
  }
.level_02 {
  padding-left: 45px;
  }
.level_03 {
  padding-left: 85px;
  }
.level_04 {
  padding-left: 125px;
  }
.level_05 {
  padding-left: 165px;
  }
.level_06 {
  padding-left: 205px;
  }
.level_07 {
  padding-left: 245px;
  }
.level_08 {
  padding-left: 285px;
  }
.level_09 {
  padding-left: 325px;
  }
.level_10 {
  padding-left: 365px;
  }

#news_list {
  border-top: 1px solid #aaaabb;
  }  
#news_list:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
.news_item {
  clear: left;
  padding-top: 3px;
  border-bottom: 1px solid #aaaabb;
  }
.news_item .date {
  float: left;
  width: 168px;
  }
.news_item .story {
  margin-left: 169px;
  }
#main #content .news_item .story p {
  margin-top: 0px;
  }