body {
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  border: 1px solid #E0E0E0;
  min-width: 902px;
}

.content {
  background: url(images/page2_1.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 50px;
}

.content2 {
  width: 894px;
  margin-left: auto;
  margin-right: auto;
}

.content2 p {
  color: #717171;
}

.gradient1 {
  height: 25px;
  background: url(images/page1_1.gif);
}

.gradient2 {
  height: 33px;
  background: url(images/page1_3.gif);
}

ul.menu {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  height: 38px;
  width: 884px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: static;
  background: url(images/menu.png);
}

ul.menu li {
  width: 74px;
  background: url(images/menu1_2.png);
  background-repeat: no-repeat;
  padding-left: 6px;
  float: left;
  text-align: center;
  list-style: none;
}

ul.menu li.first {
  background: none;
  float: left;
  text-align: center;
  list-style: none;
}

ul.menu a {
  padding: 4px 8px 0px 8px;
  display: block;
  /*height: 18px;*/
  height: 19px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

ul.menu a:hover {
  background: url(images/menu1_3.png);
}

.logo {
  margin-top: 10px;
}

.logo img {
  border-width: 0px;
}

.hdrimg {
  height: 45px;
}

.footer {
  background: #B2B2B2;
  height: 22px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.button1 {
  display: block;
  color: #717171;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  padding-top: 9px;
  /*padding-bottom: 11px;*/
  width: 184px;
  height: 26px;
  background: url(images/button1_1.png);
}

.button1:active {
  background: url(images/button1_2.png);
}

.button1:hover {
  background: url(images/button1_3.png);
}

.button2 {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding-top: 9px;
  /*padding-bottom: 11px;*/
  width: 184px;
  height: 26px;
  background: url(images/buybtn1.png);
}

.button2:active {
  background: url(images/buybtn2.png);
}

.button2:hover {
  background: url(images/buybtn3.png);
}

div.tblCellPane {
  display: table-cell;
  width: 190px;
}

.banner1 {
  display: block;
  float: left;
  font-size: 11px;
  width: 579px;
  height: 247px;
  padding: 10px;
  background: url(images/b1_1.gif);
  background-repeat: no-repeat;
}

.redButton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  border: 1px solid #000000;
  border-width: 1px;
  background: url(images/redButton.gif);
  color: #FFFFFF;
}

.blueButton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  border: 1px solid #000000; /*73DCFF*/
  border-width: 1px;
  background: url(images/blueButton.gif);
  color: #FFFFFF;
}

.news {
  display: block;
  margin-left: 10px;
  float: left;
  width: 270px;
  height: 247px;
  font-size: 10px;
  background: #F9F9F9;
  border: 1px solid #D0D0D0;
}

.news ul {
  margin: 10px;
  padding: 0px;
  list-style: none;
}

.news li {
  background: #F6F6F6;
  margin-bottom: 6px;
}

.hdiv {
  display: block;
  float: right;
  width: 10px;
  height: 5px;
}

.vdiv {
  clear: both;
  display: block;
  height: 10px;
}

.rightDiv {
  display: block;
  height: 26px;
  float: right;
}

.rowDiv {
  display: table-row;
  width: 400px;
}

.boldPane {
  font-weight: bold;
  background: #F6F6F6;
}

.wideTable {
  display: table;
  width: auto;
}

.cellPane {
  float: right;
}

.panelPane {
  display: block;
  width: 273px;
  float: left;
  padding: 10px;
  margin: 2px;
  background: url(images/index_panel.gif);
  background-repeat: no-repeat;
  height: 161px;
}

.panelPane h1 {
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: strong;
  text-align: center;
  color: #717171;
}

.panelPane ul {
  color: #616161;
  margin: 0px;
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
}

.panelPane li {
  margin-bottom: 15px;
}

.panelPane a {
  color: #616161;
  text-decoration: none;
}

.panelPane a:hover {
  text-decoration: underline;
}

.panelRow {
  height: 190px;
}

.category {
  background: url(images/c1_1.gif);
  background-repeat: no-repeat;
  width: 636px;
  height: 66px;
  display: block;
  clear: left;
}

.categoryIcon {
  float: left;
  width: 55px;
  margin-top: 10px;
  margin-left: 5px;
  height: 60px;
}

.categoryIcon img {
  border-width: 0px;
}

.categoryText {
  float: left;
  width: auto;
  height: 60px;
  margin-top: 7px;
  margin-left: 6px;
  font-size: 11px;
}

.categoryText a {
  text-decoration: none;
  color: #717171;
}

.categoryText a:hover {
  text-decoration: none;
  color: #919191;
}

.categoryText h2 {
  font-size: 13px;
  color: #717171;
  margin: 0px;
  margin-bottom: 3px;
}

.subtext1 {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #717171;
  font-weight: bold;
}

.subtext1 a {
  color: #717171;
  text-decoration: none;
}

.subtext1 a:hover {
  text-decoration: underline;
}

.listing1 a, .listing2 a {
  text-decoration: none;
  color: #515151;
  font-size: 18px;
}

.listing1 a:hover, .listing2 a:hover {
  text-decoration: underline;
}

.listing1 {
  display: block;
  width: 825px;
  height: 158px;
  padding: 10px;
  margin-bottom: 6px;
  background: url(images/listing1.gif);
}

.listing1 img {
  border: 1px solid #C1C1C1;
  padding: 3px;
  display: block;
  float: left;
}

.listing2 {
  display: block;
  width: 825px;
  height: 158px;
  padding: 10px;
  margin-bottom: 6px;
  background: url(images/listing1.gif);
}

.listing2 img {
  border: 1px solid #C1C1C1;
  padding: 3px;
  display: block;
  float: right;
}

.splitter1 {
  width: 0px;
  height: 157px;
  display: block;
  float: left;
  margin: 0px 0px 0px 16px;
}

.splitter2 {
  width: 0px;
  height: 157px;
  display: block;
  float: right;
  margin-left: 0px;
  margin-right: 10px;
}

.splitter3 {
  width: 1px;
  height: 160px;
  display: block;
}

.vsplitter {
  width: auto;
  height: 1px;
  display: block;
}

.listingTop {
  font-size: 15px;
  font-weight: bold;
  color: #919191;
  display: block;
  width: 587px;
  float: right;
  height: 25px;
  padding: 5px;
}

.listingTop small {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}

.listingTop2 {
  font-size: 15px;
  font-weight: bold;
  color: #919191;
  width: 580px;
  display: block;
  float: right;
  height: 25px;
  padding: 5px;
  margin-right: 0px;
}

.listingTop2 small {
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}

.listingDesc {
  color: #919191;
  width: 587px;
  display: block;
  float: right;
  height: 108px;
  padding: 5px;
}

.listingDesc2 {
  color: #919191;
  width: 580px;
  display: block;
  float: right;
  height: 108px;
  padding: 5px;
}

.listingBtnPanel {
  float: right;
  display: block;
  padding: 0px;
  margin-top: -5px;
  height: 23px;
}

.productView {
  background: #F9F9F9;
  color: #717171;
  padding: 7px;
  border: 1px solid #717171;
  font-size: 11px;
}

.productView h2 {
  margin-top: 0px;
  font-weight: bold;
  font-size: 36px;
}

.productTagPane {
  float: left;
  font-size: 24px;
  margin-left: 25px;
}

.productView img {
  float: left;
  /*width: 256px;*/
  border: 1px solid #919191;
  padding: 3px;
}

.productViewTabs {
  height: 50px;
  width: 875px;
}

.productViewTabs a {
    cursor: pointer;
}

.productViewTab1 {
  background: url(images/product_tabs2.png);
  background-position: 0px 0px;
  width: 165px;
  height: 50px;
  float: left;
}

.productViewTab2 {
  background: url(images/product_tabs1.png);
  background-position: -165px 0px;
  width: 160px;
  height: 50px;
  float: left;
}

.productViewTab3 {
  background: url(images/product_tabs1.png);
  background-position: -325px 0px;
  width: 220px;
  height: 50px;
  float: left;
}

.productViewTab4 {
  background: url(images/product_tabs1.png);
  background-position: -545px 0px;
  width: 190px;
  height: 50px;
  float: left;
}

.productViewTab5 {
  background: url(images/product_tabs1.png);
  background-position: -735px 0px;
  width: 137px;
  height: 50px;
  float: left;
}

.viewPane {
  width: 850px;
  height: 350px;
  font-size: 13px;
  border: 1px solid #C1C1C1;
  display: none;
  padding: 10px;
}

.viewPane th {
  width: 50%;
  text-align: right;
  padding-right: 15px;
  padding-bottom: 15px;
}

.viewPane td {
  width: 50%;
  text-align: left;
  padding-left: 15px;
  padding-bottom: 15px;
}

.affiliates {
  list-style: none;
  text-align: center;
  font-size: 42px;
  color: #717171;
}

.affiliates li {
  margin-bottom: 25px;
}

.affiliates img {
  border: 1px solid #919191;
  padding: 1px;
}

.textbox1 {
  border-bottom: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
  border-left: 1px solid #717171;
  border-top: 1px solid #717171;
  color: #000000;
  font-family: Tahoma, Verdana, Arial;
  font-size: 11px;
  padding: 2px;
}

.textbox1:focus {
  border: 1px solid #C0C5FF;
  background: #EBF5FF;
  /*border: 1px solid #C0C0FF;background: #EFEFFF;*/
}

.visibleViewPane {
  background: #F9F9F9;
  color: #717171;
  padding: 7px;
  border: 1px solid #717171;
  font-size: 11px;
}

.visibleViewPane a {
  color: #717171;
}

.viewPaneError {
  background: #FFDDDD;
  font-weight: bold;
  color: #EE0000;
  border: 1px solid #EE0000;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  text-align: center;
  width: 311px;
}

.viewPaneBulletin {
  background: #FFDDDD;
  font-weight: bold;
  color: #EE0000;
  border: 1px solid #EE0000;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  text-align: center;
}

.miniRedButton {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  background: #FF6060;
  border-width: 1px;
}

.detailPane {
  font-weight: normal;
  background: #F1F1FF;
  color: #717171;
  padding: 3px;
  border: 1px solid #919191;
  font-size: 11px;
  margin: 4px;
}

.updateTable td {
  font-weight: bold;
}

.updateTable th {
  font-size: 16px;
}

.featuresList {
  list-style: square;
}

.supportPanel1 {
  padding: 5px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  width: 239px;
  float: left;
  display: block;
  border: 1px solid #919191;
  background: #F9F9F9;
}

.supportPanel1 ul {
  list-style-type: none;
  list-style-position: inside;
  padding: 0px;
  margin: 0px;
}

.supportPanel1 li {
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-right: 3px;
  border: 1px solid #99CDFF;
  background: #EBF5FF;
  font-weight: bold;
  font-size: 11px;
}

.supportPanel1 li:hover {
  border: 1px solid #0099FF;
  background: #DEEFFF;
}

.supportPanel1 a {
  text-decoration: none;
  color: #000000;
}

.supportPanel1 img {
  margin: 4px;
  margin-bottom: 0px;
  width: 16px;
  height: 16px;
  border-width: 0px;
}

.supportPanel2 {
  padding: 3px;
  width: 600px;
  float: left;
  display: block;
  border: 1px solid #919191;
  background: #F9F9F9;
}

.supportPanel2 ul {
  list-style-position: outside;
  padding-left: 30px;
}

.supportPanel2 a {
  display: block;
  padding: 5px;
  width: auto;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.regular {
  display: block;
  padding: 0px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

.supportPanel2 a:hover {
  background: #EAEAFE;
}

.supportPanel2 h3 {
  margin: 2px;
}

.splitter4 {
  float: left;
  width: 1px;
  height: 451px;
  display: block;
  margin-left: 5px;
  margin-right: 5px;
}

.dateTag {
  display: block;
  font-style: italic;
  font-weight: normal;
}

.supportDetails {
  margin: 2px;
  font-size: 11px;
  font-weight: normal;
}

fieldset.supportPost {
  color: #000000;
  font-size: 11px;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px;
  padding: 15px;
  border: 1px solid #C9C9C9;
  background: #FFFFEE;
  margin-bottom: 13px;
}

.projectListing {
  height: 136px;
  width: 855px;
  background: url(images/c2_1.gif);
  padding: 10px;
}

.projectListing img {
  height: 121px;
  margin: 5px;
  float: right;
  display: block;
}

.projectListing p {
  display: block;
  float: left;
}

.projectListing a {
  color: #717171;
  text-decoration: none;
}

.leftAlignPane img {
  display: block;
  float: left;
  border: 1px solid #919191;
  margin-right: 20px;
  margin-bottom: 20px;
}

.leftAlignPane p {
  margin: 0px;
  margin-bottom: 10px;
  display: block;
  width: 650px;
  float: right;
}

.filesTable {
  width: auto;
  display: block;
  background: #FEFEFE;
  border: 1px solid #E9E9E9;
  font-size: 12px;
}

.filesTable th {
  font-weight: bold;
  background: url(images/th1.gif);
  height: 16px;
  padding: 3px;
}

.filesTable td {
  border: 1px solid #E9E9E9;
  padding: 3px;
}

.filesTable a {
  display: block;
  clear: right;
  margin-bottom: 5px;
}

.w50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.tm10 {
  margin-top: 10px;
}

.checkoutTable {
  border: 1px solid #717171;
  cell-spacing: 0px;
  margin-top: 10px;
}

.checkoutTable td, .checkoutTable th {
  padding: 5px;
}

.checkoutTable .tr1 {
  background: #E1E1FE;
}

.checkoutTable .tr2 {
  background: #EDEDFE;
}

.checkoutTable ul {
  list-style: square;
  padding: 0px;
  margin-left: 10px;
}

.checkoutTable li {
  padding: 0px;
  margin-left: 10px;
}

.grayButton {
  border-width: 1px;
  color: #919191;
  background: url(http://www.datacomponents.net/images/graybtn.gif);
  height: 23px;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
}

.grayButton2 {
  border-width: 1px;
  color: #717171;
  background: url(images/graybtn.gif);
  padding: 3px;
  font-size: 11px;
  font-weight: bold;
}

.feedback {
  display: scroll;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.feedback a {
  background: url(images/fb1.png);
  display: block;
  width: 72px;
  height: 72px;
}

.feedback a:hover {
  background: url(images/fb2.png);
}