/* StyleSheet for Web Catalog  */

body    { color: #485653; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; background-color: #d2d2b3 }
p, table, th, td    { color: #485653; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;  }
/* input form in the Header */
.inputForm   { color: #ff8000; font-weight: bold; font-size: 10px; line-height: 14px; font-family: "Lucida Grande", Arial }
.topBox  { margin-top: 10px; margin-bottom: 20px; margin-left: 30px; font-size: 12px }
/* Product name at the top */
.productNameHead    { color: #485653; font-weight: bold; font-size: 18px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }
/* Product descreption at the top */
.productDescHead     { color: #485653; font-size: 14px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }

/* Comment  */
.comment  { color: #767676; font-size: 11px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }

.overviewBox   { margin-bottom: 20px; margin-left: 30px }
/* One line descreption at Overview */
.oneLine    { color: white; font-weight: bold; font-size: 14px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-right: 5px; margin-left: 5px }
/* Introduction at Overview */
.intro       { color: #485653; font-size: 12px; line-height: 160%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 20px 30px 10px }
/* Bullet text at Overview */
.bullet      { color: #485653; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;  margin-right: 30px; margin-bottom: 16px; margin-left: 8px }
.bulletBox  { margin-top: 20px; margin-bottom: 0px; margin-left: 60px }

/* Information header in Features */
.infoHead     { color: #485653; font-weight: bold; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-top: 0px; margin-right: 30px; margin-bottom: 10px }
/* Information body in Features  */
.infoBody    { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 30px; margin-left: 30px }
.infoBox { margin-top: 0px; margin-bottom: 0px; margin-left: 30px }
.infoSpace { margin-top: 15px; margin-bottom: 0px; margin-left: 30px }

/* Section at Specifications */
.specSect     { color: white; font-weight: bold; font-size: 13px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-left: 16px }
/* Name at Specifications */
.specName       { color: #485653;  font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: right; margin-right: 8px; margin-left: 24px }
/* Value at Specifications */
.specValue      { color: #485653;  font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-right: 30px; margin-left: 8px }
.specBox { margin-top: 15px; margin-bottom: 0px; margin-left: 30px }

.alphabetBox { margin-top: 15px; margin-bottom: 0px; margin-left: 30px }
.alphabetLine        { color: #485653; font-weight: bold; font-size: 18px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 200%; margin-top: 0px; margin-bottom: 40px }
.alphabet        { color: #485653; font-weight: bold; font-size: 20px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; letter-spacing: 200%; margin: 0px 10px 5px }
.alphabetList       { color: #485653; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 200%; margin-top: 0px; margin-bottom: 5px; margin-left: 40px }

.finderBox    { margin-top: 6px; margin-bottom: 0px; margin-left: 0px }
.finderKeyword          { color: #485653; font-size: 12px; line-height: 130%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; margin-left: 10px }
.findertitle          { color: #485653; font-weight: bold; font-size: 16px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 8px 10px 4px 0px; l: 0px 10px 5px }
.finderHlpTitle { color: #707070; font-weight: bold; font-size: 16px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 4px 10px; l: 0px 10px 5px }
.finderText          { color: #222222; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 4px; margin-right: 10px; margin-left: 10px; l: 0px 10px 5px }
.finderText2 { color: #707070; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 4px; margin-right: 10px; margin-left: 10px; l: 0px 10px 5px }
.finderHlpText { color: #707070; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 4px 20px 8px; l: 0px 10px 5px }
.debutEventBox  { margin-top: 15px; margin-bottom: 0px; margin-left: 0px }
.debutEventQ            { color: #485653; font-size: 18px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 140%; background-color: #fbffb0; margin: 20px 0 0; padding-left: 8px; border-bottom: medium none; border-left: medium none #485653 }
.debutEventY            { color: #485653; font-size: 18px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 140%; background-color: #dbdff0; margin: 20px 0 0; padding-left: 8px; border-bottom: medium none; border-left: medium none #485653 }
.debutEvent         { color: #485653; font-weight: bold; font-size: 16px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 10px; margin-right: 10px; margin-left: 20px; l: 0px 10px 5px }
.debutEventPrd        { color: #485653; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px; margin-left: 35px }
.debutEventDsc         { color: #485653; font-weight: bold; font-size: 10px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px }
.debutEventDbt      {  color: #6A7875; font-weight: normal; font-size: 10px; line-height: 100%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: right; margin-bottom: 0px; }
.debutEventM          { color: #485653; font-size: 14px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-align: left; margin-top: 10px; margin-right: 10px; margin-left: 20px; padding-left: 8px; l: 0px 10px 5px  }

.yourSearchBox    { margin-top: 4px; margin-bottom: 14px; margin-left: 2px }
.yourSearchText      { color: #485653; font-weight: bold; font-size: 16px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; padding-left: 3px; border-bottom: 1px dotted; border-left: 4px solid }
.yourSearchValue      { color: #485653; font-weight: bold; font-size: 14px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-left: 10px }

.ctrlBox    { margin-top: 0px; margin-bottom: 2px; margin-left: 0px }
.ctrlButton   { }
.ctrlText   { color: #485653;  font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;  }

.resultBox  { margin-top: 0px; margin-left: 0px }
/* Product name in the result box */
.resultPrdName      { color: #485653; font-weight: bold; font-size: 14px; line-height: 100%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-left: 2px }
/* Product descreption  in the result box */
.resultPrdDesc      { color: #485653; font-weight: bold; font-size: 12px; line-height: 100%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }
.resultText     { color: #485653; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-right: 8px; margin-left: 8px }

/* Section at Brochures */
/* PPI */
.brcPPI        { color: #485653; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-right: 0px; margin-left: 8px }
/* file size in MBytes */
.brcSize      { color: #485653;  font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-right: 0px; margin-left: 8px }
.brcTitle     { color: #485653; font-weight: bold; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 8px }
.brcText     { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 0px; margin-left: 0px }
.brcBox { margin-top: 0px; margin-bottom: 0px; margin-left: 30px }

/* Section at Demos */
.demosTitle     { color: #485653; font-weight: bold; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 8px }
.demosText     { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 0px; margin-left: 0px }
.demosNotes     { color: #485653; font-weight: bold;  font-size: 11px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 0px; margin-left: 0px }
.demosNotesText     { color: #485653; font-size: 11px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 0px; margin-left: 0px }
.demosBox { margin-top: 0px; margin-bottom: 0px; margin-left: 30px }

/* Image Gallery */
.imagesBox    { margin-top: 0px; margin-bottom: 5px; margin-left: 30px }

.overviewBox A:link   { color: #af0000; font-weight:1; text-decoration: none }
.overviewBox A:visited   { color: #906060;  font-weight:1; text-decoration: none }
.overviewBox A:active    { color: #ff8200 }
.overviewBox A:hover     { color: #f00000 ; background:#e0e0e0 }

.infoBox A:link   { color: #af0000; font-weight:1; text-decoration: none }
.infoBox A:visited   { color: #906060;  font-weight:1; text-decoration: none }
.infoBox A:active    { color: #ff8200 }
.infoBox A:hover     { color: #f00000 ; background:#e0e0e0 }

A:link   { color: #6d807c; text-decoration: none }
A:visited   { color: #778b87; text-decoration: none }
A:active    { color: #ff8200 }
A:hover     { color: #7c83ce }

.alphabetPrd        { color: #485653; font-weight: bold; font-size: 12px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px; margin-left: 55px }
.alphabetDsc        { color: #485653; font-weight: bold; font-size: 10px; line-height: 120%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px; margin-left: 10px }

A.code:link   { color: #4d605c; text-decoration: none }
A.code:visited   { color: #4d605c; text-decoration: none }
A.code:active    { color: #ff8200 }
A.code:hover     { color: #7c83ce }

.code {
	font-size: 12px; 
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffeeaa;
	font-weight: bold;
	margin-left: 50px;
	margin-right: 50px;
}

.specsLine   { height: 18px }
.specsLine2  { height: 2px }
.coreTechBox  { margin-top: 15px; margin-bottom: 0px; margin-left: 6px }
.coreTechTag        { color: #485653; font-weight: bold; font-size: 18px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-top: 20px; margin-bottom: 10px; margin-left: 40px }
.coreTechIntro        { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin: 10px 30px 30px }
.coreTechHead     { color: #485653; font-weight: bold; font-size: 14px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-top: 0px; margin-right: 30px; margin-bottom: 10px }
.coreTechLink { color: #485653; font-weight: bold; font-size: 14px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-top: 0px; margin-right: 30px; margin-bottom: 10px }
.coreTechBody    { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 30px; margin-left: 30px }
.coreTechBul      { color: #485653; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: justify; margin-right: 40px; margin-left: 20px }

.whatsnewBul      { color: #485653; font-weight: bold; font-size: 12px; line-height: 140%; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 10px; margin-bottom: 0px }