/********************************************************************/
/******************* Zero-Grade Styles ******************************/
/********************************************************************/
html {
  height: 100%;
}
body {
  height: 100%;
  padding: 0;
  margin: auto;
  text-align: center;
}
#stage {
  margin: 0;
  padding: 0;
}
table, div, p {
  color: #000;
  font-size: 9pt;
  font-weight: normal;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
}
small {
  font-weight: normal;
  font-size: 7pt;
}
img {
  border: 0;
  outline: none;
}
#bodyframe {
  padding: 0;
  background: white;
}
#bodyframe tr {
  vertical-align: top;
}
#bodyframe tr td {
  vertical-align: top;
}
#main {
  text-align: center;
}
#logo {
  border: solid #365C80 1px;
}
h1, h2, h3, h4, h5, h6       { line-height: 1.2em; }
h3                           { margin: 0; font-size: 10pt; }
h4                           { margin: 0; font-size: 9pt; }
h5                           { margin: 0; font-size: 8pt; }
h3.red, h4.red, h5.red       { color: red; }
h3.green, h4.green, h5.green { color: green; }
h3.blue, h4.blue, h5.blue    { color: blue; }
h1 {
  margin: 0;
  padding: 0;
  font-size: 13pt;
  color: white;
  background: #2DA6C0;
}

/********************************************************************/
/************************* Menu Styles ******************************/
/********************************************************************/
#menu {
  display: none;
}
#menu ul {
  text-align: left;
  padding: 0;
  margin: 0;
}
#menu li {
  list-style: none;
  display: inline;
}
#menu li a img {
  vertical-align: middle;
  margin: 1px;
}
#menu li a {
  color: #fff;
  background: #2DA6C0;
  border: solid #365C80 1px;
  display: block; /* must for Safari */
  text-decoration: underline;
}
#menu li a:hover {
  background: #73C5DB;
}
#menu #compatible {
  display: none;
}

/********************************************************************/
/*********************** Header Styles ******************************/
/********************************************************************/
#headerlinks {
  background: #2DA6C0;
  border: solid #365C80 1px;
}
#headerlinks ul {
  margin: 0;
  padding: 4px;
}
#headerlinks li {
  list-style: none;
  display: inline;
}
#headerlinks li a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#headerlinks ul li a.divider {
  border-right: solid 1px #fff;
  padding: 2px 6px 2px 6px;
}
/********************************************************************/
/******************** Styles for footer *****************************/
/********************************************************************/
#footerlinks {
  background: #458524;
  color: #fff;
}
#footerlinks ul {
  margin: 0;
  padding: 0;
}
#footerlinks li {
  display: inline;
  list-style: none;
  padding: 2px;
}
#footerlinks li a {
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}

/********************************************************************/
#searchBar {
  display: none;
}

/* ======================================================================== */
/*                LINKS                                                     */
/* ======================================================================== */
a {
  font-weight: bold;
  font-family: Arial, verdana, sans-serif;
  color: #1070A0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.iconMoreInfo {
  padding: 3px 0px 3px 24px;
  background-image: url(img/btn-small-more.gif);
  background-repeat: no-repeat;
  background-position: center left;
  line-height: 24px;
}
a.iconMoreInfo:hover {
  background-image: url(img/btn-small-more-over.gif);
  text-decoration: underline;
}
a.iconDownload {
  padding: 3px 0px 3px 24px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(img/btn-small-download.gif);
  line-height: 24px;
}
a.iconDownload:hover {
  background-image: url(img/btn-small-download-over.gif);
  text-decoration: underline;
}
a.iconBuyNow {
  padding: 3px 0px 3px 24px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(img/btn-small-buy.gif);
  line-height: 24px;
}
a.iconBuyNow:hover {
  background-image: url(img/btn-small-buy-over.gif);
  text-decoration: underline;
}
a.buttonDownload {
  display: inline-block;
  width: 120px;
  height: 32px;
  background-image: url(img/btn-download.gif);
  background-repeat: no-repeat;
}
a.buttonDownload:hover {
  background-image: url(img/btn-download-over.gif);
}
a.buttonBuyNow {
  display: inline-block;
  width: 120px;
  height: 32px; 
  background-image: url(img/btn-buynow.gif);
  background-repeat: no-repeat;
}
a.buttonBuyNow:hover {
  background-image: url(img/btn-buynow-over.gif);
}
a.buttonMoreInfo {
  display: inline-block;
  width: 120px;
  height: 32px;
  background-image: url(img/btn-moreinfo.gif);
  background-repeat: no-repeat;
}
a.buttonMoreInfo:hover {
  background-image: url(img/btn-moreinfo-over.gif);
}


/* ************** Action: Buy-Ship Options ************** */
.action {
  width: 200px;
  text-align: center;
  border: solid silver 1px;
  background: #eee;
}
.actionContent {
  padding: 4px;
  text-align: justify;
}
.action img {
  float: left;
  padding: 2px;
  width: 45;
  height: 60;
}
.action h4 {
  border-bottom: solid 1px #000;
  padding-top: 10px;
  margin-bottom: 4px;
}
.action hr {
  clear: both;
  height: 1px;
  border: 0; 
  border-top: 1px solid #000;
}
.actionBlue {
  background: #aaf;
  width: 200px;
}

/* ****************** Homepage Editorial ******************* */
.hmedit {
  border: solid silver 1px;
  background: #eee;
}
.hmedit .title {
  padding-top: 4px;
  text-align: center;
  border-bottom: 1px dotted black;
}
.hmedit hr {
  clear: both;
  height: 1px;
  border: 0; 
  border-top: 1px dotted black;
}
.hmedit .box {
  text-align: center;
  padding: 0;
  margin: 0;
}
.hmedit .box img {
  display: none;
}
.hmedit .box br {
  line-height: 0px;
}
.hmedit .text {
  padding: 4px;
  text-align: justify;
}
.hmedit .text ul {
  list-style: disc outside;
  margin-top: 4px;
}
.hmedit .pictures {
  padding: 4px;
}
.hmedit .pictures img {
  padding: 4px;
}

/* ****************** List Window with Title ******************* */
.list {
  width: 194px;
  background: white;
  clear: both;
}
.list h3.orange {
  background-image: url(img/hdr_mod_orn.gif);
  background-repeat: no-repeat;
  height: 24px;
  font-size: 13px;
  color: #FFF;
  padding-top: 5px;
  width: 194px;
  margin: 0;
}
.list h3.black {
  background-image: url(img/hdr_mod_slate.gif);
  background-repeat: no-repeat;
  height: 24px;
  font-size: 13px;
  color: #FFF;
  padding-top: 5px;
  width: 194px;
  margin: 0;
}
.list h3.teal {
  background-image: url(img/hdr_mod_teal.gif);
  background-repeat: no-repeat;
  height: 24px;
  font-size: 13px;
  color: #FFF;
  padding-top: 5px;
  width: 194px;
  margin: 0;
}
.list h3.green {
  background-image: url(img/hdr_mod_grn.gif);
  background-repeat: no-repeat;
  height: 24px;
  font-size: 13px;
  color: #FFF;
  padding-top: 5px;
  width: 194px;
  margin: 0;
}
.list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 2px 0 2px 5px;
}
.list .bottom {
  border-bottom: 1px solid #ccc;
}
.list .frame {
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2px 0 2px 5px;
}

/* ****************** Category Wide Window ******************* */
.cat {
  clear: both;
  width: 240px;
}
.cat .text {
  border: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 2px 10px 2px 10px;
  text-align: justify;
}
.cat h3.teal{ 
  background: teal;
  background-image: url(img/main-top-teal.gif);
  background-repeat: no-repeat;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  font-family: arial;
  color: #FFFFFF;
  padding: 5px 0 0 15px;
  margin: 0px;
}
.cat h3.orange{
  background: orange;
  background-image: url(img/main-top-orange.gif);
  background-repeat:no-repeat;
  height:24px;
  line-height: 24px;
  font-size:13px;
  font-family:arial;
  color:#FFF;
  padding:5px 0 0 15px;
  margin:0px;
}
.cat h3.black{ 
  background: black;
  background-image: url(img/main-top-black.gif);
  background-repeat:no-repeat;
  height:24px;
  line-height: 24px;
  font-size:13px;
  font-family:arial;
  color:#FFFFFF;
  padding:5px 0 0 15px;
  margin:0px;
}
.cat h3.green{ 
  background: green;
  background-image: url(img/main-top-green.gif);
  background-repeat:no-repeat;
  height:24px;
  line-height: 24px;
  font-size:13px;
  font-family:arial;
  color:#FFFFFF;
  padding:5px 0 0 15px;
  margin:0px;
}

/* ************** SUPPORT FORM ************** */
#support{
  text-align: left;
  margin: 0px 10px;
}
#support label{
  display: block;
  color: #000;
  font-weight: bold;
}
#support form{
  padding: 0px;
  margin: 0px;
}
#support form input{
  display: block;
  width: 600px;
}
#support form textarea{
  display: block;
  width: 200px;
}

/* ************** PRODUCT PAGE ************** */
.product {
  text-align: justify;
  font-weight: normal;
  color: #000;
}
.product ul {
  margin: 6px auto;
}
.product h5{
  margin: 8pt 0 2pt;
  font-weight: bold;
}
.product .leftimg {
  float: left;
  margin: 4px;
}
.product hr {
  height: 1px;
  color: #ccc;
}
/* ************** TABLE 3D ************** */
.table3d{
  border: 1px solid #000;
  margin: 0;
  padding: 0;
  text-align: left;
}
.table3d th{
  background: silver;
  font-weight: bold;
  border-right: 1px solid #000;
  border-bottom: 1px outset #000;
}
.table3d td{
  padding: 2px;
  border: 0;
  border-right: 1px outset #ccc;
  border-bottom: 1px outset #ccc;
}