body {font-family: Segoe UI, Geneva, Tahoma; font-size: 6pt}

  /* shades: #D0DFE7 >> #88A8B8 > #5C99B8 > #2C89B8 */

  b.loc {color: #88A8B8; font-size: 8pt;}

  /* taglist */
  table.taglist {width: 100%; border: 1px solid transparent;}
  table.taglistOn {width: 100%; border: 1px solid transparent;  }
  td.taglist {padding: 1 3 1 3; color: #2C89B8; vertical-align: middle; width: 100%; white-space: nowrap; cursor: default}

  /* taglistbtn */
  table.taglistbtn {background-color: transparent; border: 1px solid transparent; width: 100%; color: #333333;}
  table.taglistbtnOn {background-color: #EEF4F7; border: 1px solid transparent; cursor: pointer; width: 100%;}
  td.taglistbtn {background-color: transparent; padding: 1 3 1 3; scolor: #333333;
    vertical-align: middle; width: 100%; text-align: left; white-space: nowrap;}
  a.taglistbtn {text-decoration: none;}
  a.taglistbtn:hover {text-decoration: none;}


  span.size_on {border: 1px solid #FF9933; padding: 0 2 0 2; cursor: pointer; background-color:#FFEEDD;}
  span.size_out {border: 1px solid #CCCCCC; padding: 0 2 0 2; cursor: pointer; }
  span.size_over {border: 1px solid #A0CEE4; padding: 0 2 0 2; cursor: pointer; background-color:#DDE9EF;}

  p {  color: #393939; font-size: 8pt; text-indent: 0; margin: 10 0 10 0;}
  font {   font-weight: normal;  font-size: 8pt;}
  a {color: #cc0000; font-size: 8pt; }
  td {  font-size: 8pt; text-overflow: ellipsis; vertical-align: top;  }

  input {  font-size: 8pt; }
  textarea  {  font-size: 8pt; }
  select {  font-size: 8pt; }

  td.tab {padding:1 5 0 4; vertical-align: bottom; border: 0px; font-weight: bold;}

  td.mb {text-align: center; vertical-align: middle; width: 100; height: 21; padding: 2 0 0 0;}
  a.mb {text-decoration: none; color: #777777; font-weight: bold; font-size: 7pt;}
  a.mb:visited {text-decoration: none; color: #777777; font-weight: bold; font-size: 7pt; }
  a.mb:hover {text-decoration: none; color: #D60D0D; font-weight: bold; font-size: 7pt; }
  a.mbon {text-decoration: none; color: #D60D0D; font-weight: bold; font-size: 7pt;}
  a.mbon:visited {text-decoration: none; color: #D60D0D; font-weight: bold; font-size: 7pt; }
  a.mbon:hover {text-decoration: none; color: #D60D0D; font-weight: bold; font-size: 7pt; }

  div.superMenu {position: absolute; top: 1px; left: 1px; display: none; z-index: 1;}
  div.superMenuBg {position: absolute; top: 1px; left: 0px; display : none; z-index: 0;}
  div.superMenuBgX {position: absolute; top: 1px; left: 0px; z-index: 1; background-color: #FFFF00; display : block;}
  table.superMenu {border:solid 1px #AAAAAA; background-color:#F0F0FF; }


  div.indexProdCategories {position: absolute; top: 380px; left : 50px; z-index: 2;}
  div.index {position: absolute; top: 155px; left : 30px; z-index: 2;}
  div.menu {position: absolute; top: 10px; left : 272px; z-index: 2;}
  div.lang {position: absolute; top: 1px; left : 11px; z-index: 2;}
  div.form {position: absolute; top: 65px; left : 345px; z-index: 2; width: 500;}
  div.grid {z-index: 3; margin: 100 100 100 100;}


  div.imgbar {position: absolute; top: 335px; left: 325px; }
  div.debug {position: absolute; top: 20px; left: 860px; z-index: 3;}
  div.prodDefault {position: absolute; top: 58px; left: 360px;}
  div.prodInv {position: absolute; top: 480px; left : 395px;}

  div.prodInfo {position: absolute; top: 163px; left : 30px; z-index: 2;}



  div.prodIndex {position: absolute; top: 148px; left : 155px; z-index: 3; padding: 0 0 100 0;}
  div.prodIndex2 {position: absolute; top: 128px; left : 55px; z-index: 3; padding: 0 0 100 0;}
  div.prodIndex3 {position: absolute; top: 298px; left : 55px; z-index: 3; padding: 0 0 100 0;}

  #bg { width:400px; height:300px; }


  b.h { font-weight: bold; color: #0F6F9F; font-family: Verdana; font-size: 7pt; }
  b.h2 { font-weight: bold; color: #ff6633; font-family: Verdana; font-size: 7pt; }

  b.orange {color: #ff6633; font-size: 8pt; }
  b.red {color: #cc3300; font-size: 8pt; }
  b.blue {color: #0F6F9F; font-size: 8pt; }
  b.gray {color: #777777; font-size: 8pt; }
  b.green {color: #008800; font-size: 8pt; }

  font { font-weight: normal;  font-size: 8pt;}

  /* inv icon */
  font.invNum { font-weight: bold; color: #555555; }
  font.invSize { font-weight: bold; color: #777777; }
  font.invName { font-weight: bold; color: #0F6F9F;}
  font.invPrice { font-weight: bold; color: #cc3300;}
  /* orange #ff6633 */

  font.prodName { font-weight: bold; color: #ff6633; }
  font.invName2 { font-weight: normal; color: #0F6F9F;}
  font.invState { font-weight: normal; color: #333333;}

  font.prodInfo { font-weight: normal; color: #666666; }

  table.grid2 {margin: 10 10 10 10;  border-bottom-color: #ff0000; border-collapse: collapse }
  table.layout {margin: 0; border-bottom: 0px;}


  td {  font-size: 8pt;
    vertical-align: top;  }

  td.tags { padding: 0; margin: 0; background-repeat: repeat;}
  td.prod {padding: 0; border: 0px; font-family: Verdana, MS P Gothic; font-size: 8pt;}
  td.last { border-right: 0px; padding: 2 6 1 6;}



  td.layout {padding: 0; border: 0px;}

  td.tab2 {padding:1 10 1 10; vertical-align: bottom; border: 0px; font-weight: bold;}

  td.select {padding: 0; border: 0px; background-color: #ffffff;}
  td.action {padding: 0 5 0 5; border: 0px; font-family: Verdana; font-size: 8pt; color: #999999; background-color: #FFFFFF;}
  td.actionMenu {padding: 0; border: 0px; background-color: #ffffff;}


  td.comment {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
  td.num { text-align: right }

  table.vgrid {margin: 10 10 10 10;  background-color: #cccccc; }
  td.vh { background-color: #eeeeee; border: 0px; text-align: right}
  td.v { background-color: #ffffff; border: 0px}

  td.doc { padding: 10 0 50 30; width: 500; border-width: 0px;}

  p {color: #393939; font-size: 8pt; text-indent: 0;
      margin: 10 0 10 0;}

  p.icon { font-family: Verdana; font-size: 8pt; margin: 0; padding: 0;}
  p.underlined { text-indent: 10px; border-bottom: 1px dotted #c0c0c0 }

  p.hr {border-bottom: 1px solid #ACB8CB; margin: 50 0 0 0 }


  p.sub { margin: 10 0 0 10; text-indent: 0 }
  p.sub1 { margin: 10 0 0 30; text-indent: 0 }
  p.sub2 { margin: 10 0 0 50; text-indent: 0 }

  p.li { margin: 5 0 0 10; padding : 2; text-indent: -5 }
  p.li1 { margin: 5 0 0 10; padding : 2; text-indent: -5 }
  p.li2 { margin: 0 0 0 15; padding : 2; text-indent: -15 }

  p.first { text-indent: 0; }

  p.h { text-indent: 0 }
  p.h1 { font-size: 15pt; font-weight: bold; color: #0F6F9F;
    margin: 20 0 30 -10; text-indent: -2;  line-height: 80%  }
  p.h2 { font-size: 12pt; font-weight: bold; color: #0F6F9F; margin: 5 0 20 0; text-indent: 10;
    padding: 0 0 2 0; border-bottom: 1px solid #0F6F9F }
  p.h3 { font-size: 11pt; font-weight: bold; color: #0F6F9F; margin: 30 0 15 -10; text-indent: 0 }
  p.h4 { font-size: 10pt; font-weight: bold; color: #0F6F9F; margin: 14 0 7 0; text-indent: 0 }


  li {font-size: 10pt }

  a {color: #cc0000;}
  a.img { text-decoration: none; color: #cc0000; border-bottom: 0px;   }
  a:hover { text-decoration: underline; color: #ff6600 }

  a.nav { text-decoration: none; color: #0F6F9F; border-bottom: 0px;
    font-weight: normal; font-size: 8pt; }
  a.nav:hover { text-decoration: none; color: #FF9900; border-bottom: 0px;
    font-weight: normal; font-size: 8pt; }

  a.inv { color: #cc0000; text-decoration: none;}
  a.inv:visited { color: #cc0000; text-decoration: none;}
  a.inv:hover { color: #ff6600; text-decoration: underline;}

  a.h {color: #555555; text-decoration: none; border-bottom: 0px; }
  a.h:visited{color: #555555; text-decoration: none; border-bottom: 0px; }
  a.h:hover { text-decoration: underline; color: #ff6600 }

  font.bullet { font-size: 6pt;  color: #999999; vertical-align: middle; padding-right: 7 }

  font.weak { color: #666666; }
  font.weaker { color: #999999; }
  font.weakest { color: #cccccc; }
  font.strong { color: #0F6F9F; }
  font.stronger { font-weight: bold; color: #ED1C24; }
  font.strongest { font-weight: bold; color: #0F6F9F; }

  font.func { font-weight: bold; color: #777777; }
  font.var { font-weight: bold; color: #777777; }
  font.reserved { font-weight: bold; color: #cc0000; }
  font.date { font-weight: bold; font-family: Verdana, MS P Gothic; font-size: 8pt; color: #0F6F9F; }

  select {
    border: 0px;
    background-color : #f0f0f0;
    color : #007777 ;
    margin : 0;
  }

  input.action {
    text-align: center;
    border-top : 0px solid #C0CCD5 ;
    border-bottom : 0px solid #C0CCD5 ;
    border-left : 0px solid #C0CCD5 ;
    border-right : 0px solid #C0CCD5 ;
    background-color : #f0f0f0;
    color : #007777 ;
    margin : 0;
    font-size: 8pt;
  }



  select.input {  background-color: #f0f0f0; color:#007777; font-size: 8pt;}

  p.menubar {margin:3; font-family: Verdana; font-size: 8pt; color: #777777; text-indent: 0px;}
  td.menubar {border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
  table.menubar {border-bottom: 1px solid #E0E0E0;}

  td.popup { padding: 2 6 2 6; vertical-align: middle; }


  /* inv hint */
  td.hint {border-left: 1px solid #99ccFF; border-bottom: 1px solid #99ccFF; border-right: 1px solid #99ccFF; padding: 5 7 5 7;
    background-color: #FFFFFF; font-size: 7pt; font-weight:bold; color: #666666}
  font.hint {font-size: 7pt; color: #777777;}