/*
File: base.css
Title: Base CSS file for www.Dyacon.com
Author: Andrew Auman
License: Copyright 2008, Andrew Auman, All Rights Reserved
*/

/*@import url("initial.css")*/

body {
   text-align: center;
   font-family: Georgia, Verdana, "Trebuchet MS", Arial, Sans-Serif, Serif;
   font-size: 62.5%;
   color: #333;
   margin: 50px 0 10px 0;
   padding: 0;
   background: #666;
   background-image: url(../images/template/metalsquaretile_1.jpg);
   background-repeat: repeat;
}
div#wrapper {
   position: relative;
   z-index: 1;
   text-align: left;
   height: 100%;
   min-height: 58.5em;
   width: 76em;
   margin: 0 auto;
   padding: 0;
   border: 1px solid #555;
   background: #fff;
}
/*-------------------------Header-------------------------*/
div#header {
   position: relative;
   z-index: 1;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #fff;
}
div#header a.dyacon-logo {
   float: left;
   margin: 0px;
   padding: 20px;
   width: 333px;
}
div#header a.dyacon-logo img {
   border: none;
}
ul#language-options {
   text-align: right;
   margin: 0;
   padding: 20px;
   list-style-type: none;
   color: #555;
}
ul#language-options li a {
   color: #ccc;
   text-decoration: none;
}
ul#language-options li a:visited {
   color: #ccc;
}
ul#language-options li a:hover {
   color: #fc0;
   text-decoration: none;
}
div#header img.header-line {
   position: relative;
   top: 10px;
   right: 0;
}
/*-------------------------Main Navigation-------------------------*/
div#topnav {
   position: relative;
   height: 35px;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #fc0 url('../images/template/Single_Pixel.jpg') repeat-x;
   clear: both;
   z-index: 1;
}
ul#mainnav {
   position: relative;
   z-index: 1;
   height: 35px;
}
ul#mainnav li {
   position: relative;
   padding: 0;
   margin: 0;
}
/*ul#mainnav img {
   position: absolute;
   top: 0;
   left: 0;
   border: none;
}*/
ul#mainnav li,
ul#mainnav li ul li {
   background-repeat: no-repeat;
   background-attachment: scroll;   
}
ul#mainnav ul li {
   margin: 0;
}
ul#mainnav li span {
   position: relative;
   z-index: -10;
}
ul#mainnav li a {
   display: block;
   text-decoration: none;
   font-size: 0.6em;/*1.4*/
   line-height: 3.6em;/*2.5*/
   padding: 0 0 0px 0;/*0 0 10px 0;*/
   height: 35px;
   color: #fc0;/*#555*/
}
ul#mainnav a:visited {
   color: #fc0;/*#555*/
}
ul#mainnav a:hover {
   color: #fc0;/*#fff*/
}
ul#mainnav a.current:hover {
   color: #fc0;/*#fff*/
}
ul#mainnav a:active {
   color: #fc0;/*#fff*/
}
ul#mainnav li ul a {
   height: 30px;
   color: #454545;/*#555*/
}
ul#mainnav li ul a:visited {
   color: #454545;/*#555*/
}
ul#mainnav li ul a:hover {
   color: #454545;/*#fff*/
}
ul#mainnav li ul a.current:hover {
   color: #454545;/*#fff*/
}
ul#mainnav li ul a:active {
   color: #454545;/*#fff*/
}
ul#mainnav li ul li {
   height: 24px;/*20px*/
   margin: 0;
   padding: 0 10px 1px 0px;
   width: 100%
}
ul#mainnav li:hover ul,
ul#mainnav li.sfhover ul {
   left: auto;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
   ul#mainnav li.nav-products:hover ul {
      position: absolute;
	  left: 24em;
   }
   ul#mainnav li.nav-product-support:hover ul {
      position: absolute;
	  left: 33.9em;
   }
   ul#mainnav li.nav-repairs:hover ul {
      position: absolute;
	  left: 50em;
   }
   ul#mainnav li.nav-careers:hover ul {
      position: absolute;
	  left: 58.3em;
   }
}*/
/*-------------------------Breadcrumb Trail-------------------------*/
div#bc-trail {
   clear: left;
}
ul#breadcrumb {
   list-style-type: none;
   height: 20px;
   margin-left: 30px;
   font-size: 1.1em;
   line-height: 1.4em;
   letter-spacing: 0.1em;
   word-spacing: 0.3em;
   color: #555;
}
ul#breadcrumb a {
   display: block;
   padding-right: 0px;
   text-decoration: none;
   color: #ccc;
}
ul#breadcrumb a:visited {
   color: #ccc;
}
ul#breadcrumb a:hover {
   color: #fc0;
}
ul#breadcrumb li {
   float: left;
}
ul#breadcrumb li.bclinkspace {
   margin-left: 0.8em;
}
/*-------------------------Quick Links-------------------------*/
#quicklinktitle {
   margin-top: -20px;
   padding: 0;
}
#quicklinks {
   font: normal normal 500 1.5em/1.4em Georgia;
   color: #333;
   display: block;
   position: relative;
   top: -22px;/* -22px*/
   left: 40px;
   width: 11.2em;
   margin: 0;
   padding: 0;
}
#quicklinks ul {
   list-style-type: none;
   background: #fc0;
   margin: 0;
   padding: 5px 5px;
}
#quicklinks ul li {
   margin: 0;
   padding: 0;
}
#quicklinks ul li.qltitle {
   /*text-align: center;
   width: 100%;*/
   font-size: 0.7em;
   text-transform: uppercase;
}
#quicklinks a {
   border: none;
}
#quicklinks a:hover {
   color: #fff;
}
#quicklinks img {
   margin: 15px 0 0 0;
   padding: 0;
}
/*-------------------------Main Content-------------------------*/
div.product-header {
   position: relative;
   z-index: 50;
}
div.product-header h1 {
   display: inline;
   position: relative;
   left: 25em;
   top: -10px;
   text-decoration: none;
   font-size: large;
   font-weight: normal;
   line-height: 1.2em;
}
div.product-header img.pcb {
   float: right;
   position: absolute;
   top: 0;
   right: 50px;
   z-index: 5;
   margin: 0;
   padding: 0;
   width: 153px;
}
div.product-header img.prod-header {
   position: relative;
   top: 0;
   left: 12em;
   z-index: 20;
}
div.maincontent {
   position: relative;
   background: #fff;
   margin: 40px auto 35px auto;
   /*margin-left: auto;
   margin-right: auto;*/
}
div.maincontent img.product-image {
   position: absolute;
   top: 8em;
   left: 24em;
   z-index: 0;
}
div.full-text {
   margin: 24em 0 20px 10em;
   width: 56em
}
div.left-text-col {/*----------------------------------------------------------------------------------*/
   float: left;
   margin: 0 0 20px 5em; /*24em 0 20px 10em*/
   width: 49em; /*27em*/
}
div.right-text-col {/*----------------------------------------------------------------------------------*/
   margin: 0em 0 20px 56em; /*24em 0 20px 39em*/
   width: 15em; /*27em*/
}
div.left-text-col p,
div.right-text-col p,
div.full-text p,
div.left-text-col table,
div.left-text-col ul,
div.left-text-col ul ul {
   font: normal normal 500 1.6em/1.6em Georgia;/*1.6em/1.4em*/
   text-align: left;
   margin: 0;
   padding-bottom: 1.4em;
}
#newsitems tbody tr td {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  vertical-align: top;
}
#newsitems tbody tr td.tablenews {
  font: normal normal 500 1.0em/1.5em Georgia;
  padding-left: 5px
}
#newsitems tbody tr td.tablespace,
#newsitems tbody tr td.tabledate {
  font: normal normal 500 0.75em/1.5em Georgia;
  padding-right: 0;
  padding-top: 5px;
  margin-right: -10px;
}
#newsitems tbody tr td.tabledate {
  width: 10em;
}
#newsitems tbody tr td.tablespace {
  color: #ccc;
}
div.left-text-col form td {
   text-align: left;
}
div.left-text-col form fieldset {
   border: none;
}
div.left-text-col ul {
   list-style-type: disc;
}
div.left-text-col ul ul {
   list-style-type: disc;
   margin-left: 30px;
   padding-bottom: 0;
}
div.left-text-col ul ul li {
   font: normal normal 500 0.6em/1.4em Georgia;
}
div.left-text-col img.main-prod-img {
   display: block;
   margin: 0 auto;
}
div.left-text-col a,
div.right-text-col a,
div.full-text a {
   color: #333;
   text-decoration: none;
   border-bottom: 1px solid #333;
}
div.left-text-col a:hover,
div.right-text-col a:hover,
div.full-text a:hover {
   border-bottom: 1px solid #fc0;
   color: #333;
}
div.left-text-col ul {
   margin: 0 0 0 50px;
   padding: 0;
}
div.left-text-col h3 {
   margin: 10px 0;
}
div.left-text-col ul.embeddedul {
   margin: 0 0 1.2em 50px;
}
div.left-text-col table th,
div.left-text-col table td {
   padding-right: 20px;
}
div.left-text-col p.note-one {
   font-weight: bold;
   /*font-style: italic;*/
}
div.left-text-col span.italic {
   font-style: italic;
}
div.left-text-col table tbody td.table-space {
   padding-bottom: 1.4em;
}
div.left-text-col table tbody td.table-subhead {
   padding-bottom: 0.4em;
   font-weight: bold;
}
div.left-text-col a.partnerlogo,
div.left-text-col a.partnerlogo img {
   border: none;
}
div.left-text-col a.partnerlogo img {
   padding: 10px 0;
}
#productcomparison {
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 30px;
}
#productcomparison td {
  border: 1px solid #ccc;
}
#RDTtop,
#CTtop {
  border-bottom: 2px solid #555;
}
#RDTtop {
  border-right: 1px solid #555;
}
#productcomparison tr.models td {
  border-top: 2px solid #555;
  border-bottom: 2px solid #555;
}
td#RDTtable,
td#RDTtablepic {
  border-left: none;
  border-right: 1px solid #555;
  padding: 0;
  margin: 0;
}
td#CTtable,
td#CTtablepic {
  border-right: none;
  padding: 0;
  margin: 0;
}
#productcomparison tr.models td {
  padding: 0;
  margin: 0;
}
/*#productcomparison td img {
  margin: 0 -10px 0 0;
  padding: 0;
}*/
#productcomparison td.lefttblcoltop {
  border-left: none;
}
#productcomparison tr.models td.empty,
#productcomparison th.empty,
#productcomparison td.empty {
  border: none;
}
#productcomparison td.tablesep,
#productcomparison td.tablesep,
#productcomparison td#tablesepbottom {
  border-right: 1px solid #555;
}
#productcomparison td.lefttblcol {
  padding-right: 10px;
  border-left: none;
  text-align: right;
}
#productcomparison td.righttblcol {
  border-right: none;
}
td#lefttblcolfirst {
  border-top: none;
}
td#lefttblcollast {
  padding-right: 10px;
  border-bottom: none;
  border-left: none;
  text-align: right;
}
td#righttbllast {
  border-right: 0;
}
#productcomparison td.tblbottom {
  border-bottom: none;
}
#productcomparison span.bullet {
  display: block;
  margin: 0 -15px 0 0;
  padding: 0;
  width: 32px;
  height: 22px;
  background-repeat: no-repeat;
  background-attachment: scroll;  
  background-image: url('../images/template/circle.jpg');
}
#productcomparison span.bullet2 {
  display: block;
  margin: 0 -15px 0 0;
  padding: 0;
  width: 26px;
  height: 22px;
  background-repeat: no-repeat;
  background-attachment: scroll;  
  background-image: url('../images/template/circle2.jpg');
}
#NFIB_legal {
   font-size: 0.9em;
}
#featuresproduct {
  display: none;
}
div.clear-floats {
   clear: both;
}
/*-------------------------Forms-------------------------*/
td#human {
   text-align: center;
}
img#captcha {
   display: block;
   margin: 0 auto;
}
#verifyhuman,
#submitreset,
#resetcaptcha {
   margin-left :auto;
   margin-right :auto;
   text-align: center;
}
#human,
#captcha,
#resetcaptcha {
   padding-bottom: 10px;
}
#verifyhuman a {
   margin: 0 5px;
}
#submitreset input {
   margin: 15px 10px 0 10px;
   width: 72px;
}
/*-------------------------Footer-------------------------*/
div#footer {
   color: #fff;
   letter-spacing: 0.1em;
   word-spacing: 0.3em;
}
div#footer img {
   border: none;
   margin: 0 5px; 
}
/*-------------------------Homepage News Box-------------------------*/
div#newsbox {
   position: relative;
   z-index: 1;
   text-align: left;
   width: 76em;
   margin: 10px auto;
   padding: 0;
   border: 1px solid #555;
   background: #fff;
}
div#newsbox div.newshead {
   background: #999;
   margin: 0;
   padding: 0;
}
div#newsbox div.newshead h2 {
   font: normal normal 500 1.1em/1.1em Georgia;
   margin: 0 0 0 43px;
   padding: 5px 0;
}
div#newsbox div.newscontent table {
   margin: 0 0 0 20px;
   padding: 0 0 20px 20px;
   vertical-align: top;
   /*padding-bottom: 20px;*/
}
div#newsbox div.newscontent table td.tablenews {
   font: normal normal 500 1.4em/1.4em Georgia;
}
div#newsbox div.newscontent table td.tabledate {
   font: normal normal 500 1.1em/1.1em Georgia;
}
div#newsbox div.newscontent table td.tablespace {
   color: #ccc;
}
div#newsbox div.newscontent table td {
   padding-top: 20px;
   /*border-top: 10px solid #fff;
   border-bottom: 10px solid #fff;*/
}
div#newsbox div.newscontent a {
   color: #333;
   text-decoration: none;
   border-bottom: 1px solid #333;
}
div#newsbox div.newscontent a:hover {
   border-bottom: 1px solid #fc0;
   color: #333;
}