html, body {
  text:                 black;
  text-align:           center;
  background-color:	#f0f0f0;
  nobehavior:             url("/css/ie/csshover.htc");
  margin:               auto auto auto auto;
  padding:              0;
  font-family:          verdana, sans-serif;
  font-size:            11px;
  line-height:          17px;
  }
a:link, a:visited {
  text-decoration:      none;
  color:                black;
  }
a:active, a:hover {
  color: #fab000;
  }
a.readmore {
  font-style: italic;
  color: #808080;
  }
img {
  border: 0px;
  }
img.link_small {
  position: absolute;
  left: -14px;
  top: 4px;
  }

.darkerbg {
  background-color: #e8e8e8;
  background: url("/images/html/background-2.png");
  }
.darkestbg {
  background-color: #e8e8e8;
  background: url("/images/html/background-3.png");
  }

h1, h2 {
  letter-spacing: 0.35em;
  text-transform: lowercase;
  font-weight: normal;
  }
h1 {
  text-align: right;
  }
h2 {
  padding: 0px 0px 0px 1ex;
  margin: 0px 0px 1ex 0px;
  border-top: 1px solid #c0c0c0;
  border-left: 4px solid #ffbf00;
  background-color: #f0f0f0;
  }
h1 {
  font-size: 110%;
  }
h2 {
  font-size: 100%;
  }
h3 {
  font-size: 90%;
  margin-bottom: 0px;
  }

p {
  margin-top: 0px;
  }

a.defunct {
  color: #a0a0a0;
  }

img.imglink {
  vertical-align: middle;
  }
a img.imglink {
  border: 1px solid #e0e0e0;
  margin: 4px;
  }

.error {
  color: #ff0000;
  }


/*---- n e w s ----------------------------------------------------------------*/

#news h3 {
  margin: 1ex 0px 0px 0px;
  padding: 0px;
  }
#news p {
  margin: 0px 0px 1ex 0px;
  }


/*---- p a g e   l a y o u t --------------------------------------------------*/

#container {
  position:		relative;
  text-align:           left;
  margin:               10px auto 10px auto;
  padding:              0px;
  width:                888px;
  }
#metacontainer {
  position: absolute;
  top: 50px;
  left: 0px;
  min-height: 60%;
  width: 888px;
  }
img#logo112dB {
  position: absolute;
  top: -50px;
  left: 0px;
  }	
#logo112dB_LEDs {
  position: absolute;
  left: 8px;
  top: -3px;
  }
.logo112dB_LED {
  float: left;
  width: 22px;
  height: 3px;
  margin: 1px;
  border: 1px solid black;
  }

img#_112dB {
  position: absolute;
  top: -50px;
  left: 0px;
  }	
#_112dB_LEDs {
  position: absolute;
  left: 8px;
  top: -3px;
  }
._112dB_LED {
  float: left;
  width: 22px;
  height: 3px;
  margin: 1px;
  border: 1px solid black;
  }


.dB112#menu {
  position: absolute;
  top: -3ex;
  right: 0px;
  z-index: 19;
  }
.dB112 p.menu, .dB112 p.submenu {
  text-align: right;
  margin-top: 0;
  margin-bottom: 1ex;
  text-transform: lowercase;
  font-weight: normal;
  color: black;
  }
.dB112 p.submenu .active {
  font-weight: bold;
  }

#navigation {
  position: absolute;
  left: -64px;
  top: 0px;
  width: 56px;
  text-align: center;
  }
#navigation a img {
  margin-bottom: 1ex;
  opacity: 0.5;
  filter: alpha(opacity=50); 
  }
#navigation a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  }

#page {
  overflow: auto; /* IE7 bug */ 
  padding: 20px 20px 20px 20px;
  background-color: white;
  background: url("/images/html/background.png");
  border: 1px solid #f0f0ff;
  }
.forum {
  margin:               0px 0px 0px 0px;
  padding:              20px 1px 0px 0px;
  min-height:           60%;
  }

#compatibility {
  position:             relative;
  right:                0px;
  bottom:               0px;
  margin: 10px 0px 0px 0px;
  padding: 10px 20px 0px 0px;
  NOborder-right:         1px solid #405060;
  NOborder-bottom:        1px solid #405060;
  clear: right;
  float:		right;
  text-align:           right;
  }
#compatibility, .disclaimer {
  font-size:            9px;
  line-height:          10px;
  color:		#c0c0c0;
  }
#compatibility p {
  text-align:		right;
  }
p.disclaimer {
  }
#footer {
  position: relative;
  clear:                both;
  float:                right;
  text-align:           right;
  width:                63%;
  background-color: #fab000;
  background: url("/images/html/background-orange.png");
  padding:              0px 10px 0px 10px;
  margin:               0px 0px 100px 0px;
  font-size:            10px;
  border-right:         1px solid #c0c0c0;
  border-bottom:        1px solid #c0c0c0;
  }


#shareit {
  width:		100%;
  margin-top:		3ex;
  background-color:	#f0f0f8;
  border:		1px solid #405060;
  }


.floatleft {
  float: left;
  clear: left;
  }
.floatright {
  float: right;
  clear: right;
  }

.dB112 .menu {
  letter-spacing: 0.35em;
  }

p.compact {
  margin-top: 0px;
  }
ul.compact {
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  }

ul.compact li {
  list-style: none;
  }
ul.compact li:before {
  content: "\00BB \0020";
  }


/*---- b a n n e r s ----------------------------------------------------------*/

.banner {
  float: right;
  overflow: auto;
  }

.product .button {
  float: right;
  margin: 0px 0px 10px 5px;
  }

#theplugin .button {
  float: left;
  margin: 0px 10px 5px 0px;
  }

dl {
  margin-top: -1ex;
  }
dt {
  float: left;
  font-style: italic;
  margin: 1ex 1ex .25ex 0px;
  }
dd {
  clear: left;
  margin: 0px;
  margin-left: 2em;
  }
  

/*---- o n l i n e   s t o r e ----------------------------------------------*/

#store .series {
  clear: both;
  margin-bottom: 2ex;
  }
#store .product {
  float: left;
  width: 32%;
  }
#store h3 {
  margin: 0px;
  }
#store .price {
  margin: 0px 0px 1ex 0px;
  }


/*---- p r e s s ------------------------------------------------------------*/

.press .artwork {
  float: left;
  margin: 0px 10px 10px 0px;
  width: 180px;
  min-height: 150px;
  }
.press .artwork img {
  }
.press .artwork .filename {
  clear: left;
  }
.press .artwork .description {
  clear: left;
  text-justify: center;
  font-size: 75%;
  color: #a0a0a0;
  }

.press .date {
  font-size: 80%;
  font-weight: bold;
  }


/*---- product pages --------------------------------------------------------*/

.pluginpage h3 {
  float: right;
  }
.pluginpage img {
  margin-top: 1.5ex;
  float: right;
  }
p.attention {
  color: white;
  background-color: #fab000;
  margin: 2ex 0ex 2ex 0ex;
  padding: 1ex;
  border: 1px solid black;
  }
p .discount {
  color: red;
  font-weight: bold;
  font-size: 150%;
  }
table.discount {
  float: left;
  margin: 0ex 1em 2ex 0em;
  border: 1px solid black;
  }
table.discount td {
  background-color: #fab000;
  }


/*---- d o w n l o a d s ------------------------------------------------------*/

#download h2 {
  clear: left;
  }
#download .product {
  float: left;
  width: 32%;
  margin-bottom: 2ex;
  }
#download .product img {
  float: left;
  }
#download .forbidden {
  color: #c0c0c0;
  }
form.download input#email,
form.download select {
  width: 188px;
  margin: 0px;
  padding: 0px;
  }

.download-osx {
  }
.download-win {
  }

#demolicense {
  }

.downloads {
  }
.downloads div {
  float: left;
  text-align: center;
  line-height: 100%;
  font-size: 84%;
  margin: 0px 2em 2ex 0px;
  }
.downloads div img {
  float: left;
  margin-right: .5em;
  }


.demo .title {
  width:                200px;
  font-weight:          bold;
  font-size: 90%;
  text-transform:       lowercase;
  letter-spacing:       0.35em;
  }
.demo .author {
  font-style:           oblique;
  color:                #808080;
  }


/*---- reviews, endorsers, ... ------------------------------------------------*/

#reviews p {
  font-style: italic;
  }
#reviews #review {
  margin-bottom: 4ex;
  clear: both;
  }
#reviews img.magshot {
  border: 1px solid black;
  margin: 1ex 0px 4ex 0px;
  }
#reviews .odd img.magshot {
  float: right;
  margin-left: 10px;
  }
#reviews .even img.magshot {
  float: left;
  margin-right: 10px;
  }
#reviews .source:before {
  content: "\00BB \0020";
  }
#reviews .source {
  font-style: normal;
  }



.kudos {
  position: relative;
  display:		block;
  clear:		left;
  margin-bottom:	1ex;
  }
.kudos img#promo {
  float:		left;
  clear:		left;
  margin:		1ex 1ex 1ex 0ex;
  }
.kudos h3,
.kudos .source {
  font-weight: bold;
  font-size: 90%;
  margin: 1ex 0px 0px 0px;
  padding: 0px;
  }
.kudos .affiliation {
  font-size:		75%;
  }
.kudos .forum {
  display:		none;
  }
.kudos .url {
  display:		none;
  }
.kudos .quote {
  font-style:    	italic;
  text-overflow: 	ellipsis; 
  overflow: 		hidden;
  }
.kudos .shortquote {
  font-style:       	italic;
  text-overflow: 	ellipsis; 
  overflow: 		hidden;
  }
.kudos .shortquote {
  display:		none;
  }
#leftcolumn .kudos .shortquote {
  display: block;
  }
#leftcolumn .kudos .quote {
  display: none;
  }
#rightcolumn {
  float: right;
  display: block;
  margin-left: 20px;
  margin-bottom: 20px;
  }


/*---- f a q -----------------------------------------------------------------*/

#faq .question {
  font-style: italic;
  margin-bottom: 0px;
  }

#faq .answer {
  padding-left: 2em;
  }

#faq a:link,
#faq a:visited {
  text-decoration: underline;
  }


/*---- f o r m s --------------------------------------------------------------*/

.required {
  font-weight: bold;
  }