BODY {
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  background-color : #174F78;
  height : 1px;
  margin : 0px 0px 0px 0px;
  font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


@media only screen and (min-device-pixel-ratio : 2),
  only screen and (-webkit-min-device-pixel-ratio : 2),
  only screen and (-moz-min-device-pixel-ratio : 2),
  only screen and (-o-min-device-pixel-ratio : 2)
{
table, select, input  {  font-size : 12pt;}

H1 { font-size: 1.8em; }
H2 { font-size: 1.6em; }
H3 { font-size: 1.4em; }
H4 { font-size: 1.2em; }
H5 { font-size: 1.1em; }
.language { font-size: 0.8em; }
}

@media screen and (max-device-pixel-ratio : 1.9),
  screen and (-webkit-max-device-pixel-ratio : 1.9),
  screen and (-moz-max-device-pixel-ratio : 1.9),
  screen and (-o-max-device-pixel-ratio : 1.9),
  screen and (max-device-pixel-ratio : 1.9),
  screen and (max-resolution: 199dpi),
  not screen
{
table, select, input  {  font-size : 10.5pt;}
H1 { font-size: 2.2em; }
H2 { font-size: 2.0em; }
H3 { font-size: 1.4em; }
H4 { font-size: 1.2em; }
H5 { font-size: 1.1em; }
.language { font-size: 0.9em; }
}

@media only screen and (max-width: 640px) {
  td#leftpanel, td#leftpanel2 { display: none; }
  td#mobilemenu { display: table-cell; }
  td.collapsepadding_small { padding : 5px 0px; }
  td.collapsepadding_large { padding : 15px 0px; }
  td.hideinmobile { display: none; }
  .showinmobile { display: block; }
  img.newsthumb, img.newsthumbunlim  { width: 100%;  float: none; display:block; margin-left: auto; margin-right: auto; }
  td.H1Left { border: none; width : 1%; }
  td.H1Right { border: none; width : 1%; }
  ul { padding-left : 20px; }
}

@media not screen, screen and (min-width: 641px) {
  td#leftpanel, td#leftpanel2 { display: table-cell; }
  td#mobilemenu { display: none; }
  td.collapsepadding_small { padding : 5px; }
  td.collapsepadding_large { padding : 15px; }
  td.hideinmobile { display: table-cell; }  
  .showinmobile { display: none; }
  img.newsthumb, img.newsthumbunlim  { width: 50%; float: right; margin: 0px 10px; }
  td.H1Left { border: none; width : 5%; }
  td.H1Right { border: none; width : 5%; }  
}

H1, H2, H3, H4, H5 { font-weight: normal; font-family : Trebuchet MS, Arial, Helvetica, sans-serif; margin-top: 0.3em; margin-bottom: 0.3em; }
img.H1Img { vertical-align:middle; padding-bottom :5px; }

LI { margin-top: 0.3em; margin-bottom: 0.3em; }

PRE { font-size: 100%; }
CODE { font-size: 100%; }
HR { color : #FFE59D;
     border-width:0;
     height:2px;
     background-color: #FFE59D; }
     
TABLE.H1 { background-image : url("/images/title/line1.gif"); background-repeat : repeat-x; width : 100%; border: none; }
TD.H1 { border: none; }
SPAN.H { background-color : #FFFFFF; white-space: pre-wrap; }

TABLE.info {
  background-color : #FFE59D;
  text-align : left;
  width : 170px;
}
TD.info {
  background-color : #FFFDF8;
  color : #000000;
  vertical-align : top;
  text-align : left;
  font-size : 11px;
}

A {  color : #4A7B9F; text-decoration : none; }
A:hover { text-decoration : underline; }
A.disabled { color : #000000; text-decoration : underline;
 cursor : url('https://www.trichview.com/images/na.cur'), url('https://www.trichview.com/images/na.png'), default; }
A.disabled:hover { text-decoration : line-through; }

.path { font-weight : bold; overflow-wrap: break-word; }
.hide { visibility : hidden }
.leftpanel {  
  background-color: #3D6C8F;
  color : white;
  vertical-align : top;
  text-align : left;
  font-size : 11px;
}
.leftpaneltext {
  color : white;
  font-size : 11px;
  font-weight : normal;
}
TD.leftpaneltitle {
  color : white;
  background-color: #598FB8;
  background-image : url("/images/submenu-title.gif");
}
.leftpaneltitle {
  color : white;
  font-size : 11px;
  font-weight : bold;
}
TD.leftpanel A { 
  color : white;
}
A.leftpanellocal { 
  color : White;
  font-size : 11px;
  font-weight : normal;
  border-bottom : 1px dotted white;
  text-decoration : none;
  color: red;
}

TABLE.main {
  width: 100%;
  height: 1000px;
  background-color : white;
}
			
TD.main {
  color : Black;
  vertical-align : top;
  text-align : left;
  background-color : white;
}
TD.center {
  color : Black;
  vertical-align : center;
  text-align : center;
  background-color : White;
}
TD.main2 {
  color : Black;
  vertical-align : top;
  text-align : left;
}

TD.news1 {
  color : Black;
  /*
  background-color : #FCDD89;
  background-image : url("/images/news1.gif");
  */
  background-color : #FCDD89; 
  border-radius: 4px;
}
TD.news2 {
  color : Black;
  /*
  background-color : #FCECC2;
  background-image : url("/images/news2.gif");
  */
  background-color : #FCECC2;     
  border-radius: 4px;  
}

TABLE.maintext {
  color: black;
  width: 100%;
  max-width: 900px;
}
TD.maintext {
}

TABLE.gallery {
  color: black;
  width: 100%;
  max-width: 900px;
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #C0C0C0;
  border-radius: 10px;
}

TD.gallerytitle {
 background-color : #FCDD89;
 /*
 background-image : url("/images/news1.gif");
 */
 font-size: 1.3em;
 font-weight: normal;
 border-radius: 4px;
}

TD.gallery { }

A.button {
  padding: 6px 20px 6px 20px;
  background-color: #174F78;
  color: white;
  text-decoration: none;
  display: inline-block;
  width: 120px;
  text-align: center;
  transition-duration:300ms;  
  border-radius: 15px;
}
A.button:hover {
  background-color: #3D6C8F;
}
A.button:active {
  padding: 4px 22px 8px 18px;
}

A.button2 {
  padding: 6px 20px 6px 20px;
  background-color: #fff6E5;
  border-color: #C0C0C0;
  border-width: 1px;
  border-style: solid;
  color: black;
  text-decoration: none;
  display: inline-block;
  margin: 1px;
  xbackground-image: linear-gradient(170deg, #FFFFFF, #fff6E5); 
  transition-duration:300ms;
  border-radius: 15px;  
}

A.button2:hover {
  background-color: #FFAE00;
  background-image: none; 
  transition-duration:300ms;
}
A.button2:active {
  padding: 4px 22px 8px 18px;
   margin: 3px -1px -1px 3px;
}

input[type=submit].disabledbutton,
input[type=button].disabledbutton
{
  background-color: #C0C0C0;
  color: white;
  padding: 6px 20px 6px 20px;
  font-weight: normal;
  border: none;
  width: 150px;
  text-align: center;
  border-radius: 15px;  
}

input[type=submit].button,
input[type=button].button
{
  background-color: #174F78;
  color: white;
  padding: 6px 20px 6px 20px;
  font-weight: normal;
  border: none;
  width: 150px;
  text-align: center;
  transition-duration:300ms;    
  border-radius: 15px;  
}
input[type=submit].button:hover,
input[type=button].button:hover
{
  background-color: #3D6C8F;
}

table.mainmenu
{
  border: none;
  width: 178px;
}
td.mainmenu
{
  height: 2.5em;
  vertical-align: middle;
  border-width: 1px 3px;  
  border-style: solid;
  padding: 0px 14px;
  font-size: 1.1em;
  font-weight: normal; 
  font-family : Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
td.mainmenu_normal
{
  background-color: #326991;
  color: white;
  cursor: pointer;
}
td.mainmenu_normal > a
{
  text-decoration: none;
  color: white;
  font-weight: normal; 
}
td.mainmenu_normal_middle
{
  border-color: transparent transparent #386F97 transparent;
}
td.mainmenu_normal_top
{
  border-color: #75A5C8 transparent #386F97 transparent;
}
td.mainmenu_normal_bottom
{
  border-color: transparent transparent #467CA5 transparent;
}
td.mainmenu_normal:hover
{
  background-color: #598FB8;  
}
td.mainmenu_selected
{
  border-color: white white white #FAAF00;
  color :#174F78;
  background-color: white;
}
td.mainmenu_selected > a
{
  text-decoration: none;
  color :#174F78;
  font-weight: normal; 
}

table.header {
  border: none;
  width: 100%;
  background-color: #174F78;
}
td.header {
  padding: 0px;
  border: none;
}
table.footer {
  border: none;
  width: 100%;
  background-color: #174F78;
}
td.footer {
  padding: 0px 14px;
  height: 20px;
  border: none;
  color: white;
  font-size: 0.8em;
  font-weight: normal; 
  font-family : Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
td.footer > a {
  text-decoration: none;
  color: white;
  font-weight: normal; 
}
td.footer > a:hover {
  text-decoration: underline;
}

table.submenu {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #467CA5 transparent;
  background-color: #174F78;
  color: white;
  font-weight : normal;
  padding: 10px 0px 14px 0px;
}
td.submenu {
  padding: 0.5em 10px;
  font-size : 0.9em;
}
td.submenu_nopadding {
  padding: 0.5em 1px 0px 10px;
  vertical-align: top;
  font-size : 0.9em;
}
td.submenuindent {
  padding: 0.5em 20px;
  font-size : 0.9em;
}
td.submenutitle {
  padding: 1em 1px;
  font-weight: normal;
  font-size : 0.9em;
  color: #8EB5D1;
}

td.submenucomment {
  padding: 0.5em 10px;
  color: #8EB5D1;
  font-size : 0.9em;
}
td.submenu > a, td.submenu_nopadding > a, td.submenuindent > a {
  color: white;
  font-weight: normal; 
  text-decoration: none;
}
td.submenu > a.local:hover:after, td.submenuindent > a.local:hover:after,
td.submenu_nopadding > a.local:hover:after {
  content: " \002212>"
}
td.submenu > a:hover, td.submenuindent > a:hover,
td.submenu_nopadding > a:hover {
  text-decoration: underline;
}
td.submenu > span {
  color: white;
  font-weight: bold; 
}

.arrowlist  { list-style-image: url('/images/icons/arrow.png'); }
.dllist { list-style-image: url('/images/icons/download.png'); }
.grayed { color: #C0C0C0; }
.frameworks { color: #707070; }
.small { font-size : smaller; }
span.demosasterisk  {  color : #0033cc; cursor: help; }

img.largethumb    { width: 100%; max-width: 500px; border: none; border-radius: 6px; }
img.newsthumb     { max-width: 340px; border: none; border-radius: 6px; }
img.newsthumbunlim  { border: none; border-radius: 6px; }
img.gallerythumb  { width: 100%; max-width: 269px; border: none; border-radius: 6px; }
img.gallerythumb2 { width: 100%; max-width: 270px; border: none; border-radius: 6px; }
img.gallerythumbunlim { width: 100%; border: none; border-radius: 6px; }
img.title { vertical-align: middle; }

td.gallerythumb   { width : 35%; max-width: 330px; }
.video { width: 100%; max-width: 560px; height : 315px; }
.shortvideo { width: 100%; max-width: 210px; height : 370px; }

input.toggle { display: none; visibility: hidden; }
label.toggle { display: block; color: #4A7B9F; cursor: pointer; }
label.padding { padding: 0.3em 0em; }
label.toggle::before {
  content: "+";
  vertical-align: text-top;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  text-align: center;
  background: radial-gradient(ellipse at center, #DDD 50%, transparent 60%);
  color: #000;
}
input.toggle:checked + label.toggle::before { content: "\2212"; }
div.expand { max-height: 0px; overflow: hidden; transition: all 0.25s ease-out; }
input.toggle:checked + label.toggle + div.expand { max-height: 10000px; }

span.oldprice { color: #707070; text-decoration: line-through }
span.newprice { font-weight : bold; }

img.os { width:24px; height:24px; vertical-align:middle;}
img.ossmall { width:16px; height:16px; vertical-align:middle;}


.input { width : 100%; max-width: 700px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 4px; }

span.round { display: inline-block; border: solid #598FB8 1px; border-radius: 15px; padding: 2px 5px; margin: 1px; }