body {
  background-color: #232A48;
  background-image: url(/images/bgpage.png);
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #484655;
  margin: 20px 0;
}

/* css trick to pre-load images */
body:after{
    display: none;
    content: 
      url(/images/icon_generatorx2.png) 
      url(/images/icon_uplannpm2.png) 
      url(/images/icon_uplanace2.png) 
      url(/images/icon_powermax2.png)
      url(/images/icon_uplang2.png)
      url(/images/icon_plato2.png)
      url(/images/icon_marketvision2.png)
      url(/images/icon_marketwatch2.png)
      url(/images/icon_caisocrr2.png);
}

a {
  color: #484655;
  text-decoration: none;
}

  a:hover {
    text-decoration: underline;
  }

ul#menu li ul {
  display: none;
}

ul#menu li:hover > ul {
  display: block;
}

ul#menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  float: none;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 17px;
}

  ul#menu hr {
    margin-right: 4px;
    margin-left: 4px;
  }

  ul#menu li {
    float: left;
    display: block;
    padding: 0px 10px;
  }

    ul#menu li.first {
      padding-left: 15px;
    }

    ul#menu li.last {
    }

    ul#menu li a {
      display: block;
      padding: 4px 10px;
      border: 0px solid;
      color: #FFFFFF;
      text-decoration: none;
    }

      ul#menu li a:hover {
        border-top-color: #FFFFFF;
        border-left-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
      }

  ul#menu ul {
    position: absolute;
    background-color: #303763;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 120px;
    z-index: 1;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: none;
  }

    ul#menu ul li {
      position: relative;
      float: none;
      margin: 0px;
      padding: 0px;
    }

      ul#menu ul li a {
        display: block;
        margin: 0px;
        padding: 0px;
        width: 120px;
        border: none;
      }

        ul#menu ul li a span {
          display: block;
          width: 100px;
          padding: 4px 10px;
          margin: 0px 0px;
          border: none;
          cursor: pointer;
        }

        ul#menu ul li a:hover span {
          background-color: #242A4A;
          color: #FFFFFF;
          border: none;
        }

.title1 {
  font-size: 12px;
  color: #777C98;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.4em;
}

.title1 > a {
  color: #777C98;
}

.title2 {
  font-size: 12px;
  font-weight: bold;
  color: #484655;
  line-height: 17px;
}

.title2 > a {
  color: #484655;
}

.title3 {
  font-size: 11px;
  color: #6C0000;
  font-weight: bold;
  line-height: 15px;
}

.title3 > a {
  color: #6C0000;
}

.txtnormal {
  font-size: 12px;
  line-height: 150%;
  color: #484655;
}

.txtred {
  color: #6C0000;
}

.txtredunderline {
  color: #6C0000;
  text-decoration: underline;
}

.txtgrey {
  font-size: 10px;
  color: #777C98;
  line-height: 150%;
  font-weight: normal;
}

.txtsmall {
  font-size: 10px;
}

.txtsmallredunderline {
  font-size: 10px;
  color: #6C0000;
  line-height: 130%;
  font-style: normal;
  text-decoration: underline;
}

.txtsmallitalic {
  font-size: 10px;
  color: #484655;
  line-height: 130%;
  font-style: italic;
}

.txtnavigation {
  color: #777C98;
  font-weight: normal;
  text-transform: uppercase;
}

  .txtnavigation:hover {
    text-decoration: none;
  }

.navhome {
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #6C0000;
  text-decoration: none;
}

  .navhome:hover {
    text-decoration: none;
  }

.navindustry {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #242A4A;
  text-decoration: none;
}

  .navindustry:hover {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #242A4A;
    text-decoration: none;
  }

.navcompany {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #303763;
  text-decoration: none;
}

  .navcompany:hover {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #303763;
    text-decoration: none;
  }

.navsearch {
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #3E4A7E;
  text-decoration: none;
}

  .navsearch:hover {
    text-decoration: none;
  }


.backgroundwhite {
  background-color: #FFFFFF;
}

.background1 {
  background-color: #EFEFF4;
}

.background2 {
  background-color: #DADAE4;
}

.backgroundligne {
  background-color: #DADAE4;
}

.backgroundline {
  background-color: #DADAE4;
  width: 100%;
  height: 1px;
}



.bgwhitespace {
  background-color: #FFFFFF;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 150%;
}

.bg1space {
  background-color: #EFEFF4;
  padding: 10px;
  line-height: 12px;
}

  .bg1space .title2 {
    margin-top: 0;
  }

.bg2space {
  background-color: #DADAE4;
  padding: 10px;
  line-height: 12px;
}

.bg3space {
  background-color: #CACAD9;
  padding: 10px;
}

.table1 {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-collapse: collapse;
  padding: 10px;
  color: #777C98;
  line-height: 12px;
  font-weight: normal;
  background-color: #EFEFF4;
}

.table2 {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-collapse: collapse;
  padding: 10px;
  color: #777C98;
  line-height: 12px;
  font-weight: normal;
  background-color: #DADAE4;
}

.table3 {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-collapse: collapse;
  padding: 10px;
  color: #777C98;
  line-height: 12px;
  font-weight: normal;
  background-color: #CACAD9;
}

.navigation2 {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-collapse: collapse;
  padding: 10px;
  color: #777C98;
  line-height: 17px;
  font-weight: normal;
  cursor: pointer;
}

.navigation3 {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-collapse: collapse;
  padding: 10px;
  color: #777C98;
  line-height: 12px;
  font-weight: normal;
  background-color: #CACAD9;
}


.bgcontentlink {
  background-color: #FFFFFF;
  background-image: url(/IMAGES/line_grey11.gif);
  background-position: center center;
}


.button {
  cursor: pointer;
  display: inline-block;
  border: 0;
  padding: 3px 7px;
  margin-left: 2px;
  background: #3A3760;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

a.buttoncontentlink {
  text-decoration: none;
  display: inline-block;
  clear: both;
  color: #FFFFFF;
  background-color: #6C0000;
  padding: 4px 8px;
  margin: 0 0 10px 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

a:hover.buttoncontentlink {
  background-color: #910000;
}


.monthcell {
  padding: 2px;
}

.priceboxheader {
  background-color: silver;
  text-align: center;
  color: #484655;
}

.priceboxsplit {
  background-color: silver;
  height: 1px;
}

.priceboxcell {
  cursor: pointer;
}

.loadboxheader {
  background-color: silver;
  text-align: center;
  color: #484655;
}

.loadboxsplit {
  background-color: silver;
  height: 1px;
}

.loadboxcell {
  cursor: pointer;
}


.rpt_title2 {
  color: #484655;
  line-height: 12px;
  font-weight: normal;
  font-style: italic;
}

.rpt_title1 {
  font-weight: normal;
  color: #6C0000;
  line-height: 12px;
  font-weight: bold;
}

.rpt_title3 {
  color: #484655;
  line-height: 12px;
  font-weight: bold;
}

.rpt_title4 {
  color: #484655;
  line-height: 12px;
  font-weight: bold;
}

.rpt_footer {
  font-size: 11px;
  color: #6C0000;
  line-height: 12px;
  font-weight: normal;
}

.rpt_caption_table {
  font-size: 11px;
  color: #484655;
  line-height: 12px;
  font-weight: normal;
}

.liste {
  margin: 5px 0px 0px -20px;
}

.boxright {
  float: right;
  margin: 0px 0px 20px 20px;
}

.boxleft {
  float: left;
  margin: 0px 20px 20px 0px;
}

.error {
  color: Red;
}

.services-icon {
  display: block;
  width: 210px;
  height: 210px;
  background-color: #efeff4;
}

.products-section,
.products-section table,
.products-section table tr, 
.products-section table td {
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

.products-section {
  width: 200px;
}

  .products-section .title1 {
    margin-bottom: 10px;
  }

.product-box {
  width: 180px;
  margin: 0 0 15px 0;
  line-height: 11px;
}

  .product-box .icon {
    display: block;
    width: 50px;
    height: 50px;
  }

  .product-box .generatorx {
    background: url(/images/icon_generatorx.png) 0 0/50px 50px no-repeat;
  }

    .product-box .generatorx:hover {
      background: url(/images/icon_generatorx2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .uplannpm {
    background: url(/images/icon_uplannpm.png) 0 0/50px 50px no-repeat;
  }

    .product-box .uplannpm:hover {
      background: url(/images/icon_uplannpm2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .uplanace {
    background: url(/images/icon_uplanace.png) 0 0/50px 50px no-repeat;
  }

    .product-box .uplanace:hover {
      background: url(/images/icon_uplanace2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .powermax {
    background: url(/images/icon_powermax.png) 0 0/50px 50px no-repeat;
  }

    .product-box .powermax:hover {
      background: url(/images/icon_powermax2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .uplang {
    background: url(/images/icon_uplang.png) 0 0/50px 50px no-repeat;
  }

    .product-box .uplang:hover {
      background: url(/images/icon_uplang2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .plato {
    background: url(/images/icon_plato.png) 0 0/50px 50px no-repeat;
  }

    .product-box .plato:hover {
      background: url(/images/icon_plato2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .marketvision {
    background: url(/images/icon_marketvision.png) 0 0/50px 50px no-repeat;
  }

    .product-box .marketvision:hover {
      background: url(/images/icon_marketvision2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .marketwatch {
    background: url(/images/icon_marketwatch.png) 0 0/50px 50px no-repeat;
  }

    .product-box .marketwatch:hover {
      background: url(/images/icon_marketwatch2.png) 0 0/50px 50px no-repeat;
    }

  .product-box .caisocrr {
    background: url(/images/icon_caisocrr.png) 0 0/50px 50px no-repeat;
  }

    .product-box .caisocrr:hover {
      background: url(/images/icon_caisocrr2.png) 0 0/50px 50px no-repeat;
    }

  .product-box:last-child {
    margin-bottom: 0;
  }

  .product-box td {
    width: 50px;
    vertical-align: top;
  }

    .product-box td:first-child {
      width: 50px;
      padding-right: 10px;
    }

    .product-box td:last-child {
      width: 120px;
    }

.news-box-section td {
  padding-bottom: 8px;
}

.news-box-section p {
  line-height: 150%;
}

.footer {
  width: 900px;
  margin: 0 auto;
  margin-top: 25px;
  font-size: 11px;
  line-height: 14px;
  color: #FFFFFF;
  overflow: auto;
}

.footer .logo {
  display: block;
  width: 190px;
  height: 72px;
  float: left;
  margin-right: 70px;
}

.footer .office-contact {
  float: left;
  margin-left: 50px;
}

.footer .social-media-icons {
  float: right;
}

.footer .social-media-icons img {
  width: 35px;
  height: 35px;
  margin-left: 10px;
  float: left;
}

.home-animation-container {
  width: 440px;
  height: 292px;
  margin-bottom: 20px;
  position: relative; 
}

#swiffycontainer {
  width: 440px;
  height: 292px;
  position: absolute;
  left: 0; top: 0;
}

.new-releases-section a:hover {
  text-decoration: none;
}

.new-releases-section a:hover .title2 {
  text-decoration: underline;
}

.new-releases-section .title2 {
  margin-bottom: 3px;
}

.new-releases-section p {
  margin-top: 0;
}

.market-values-box {
  width: 100%;
  border-collapse: collapse;
  padding: 1px;
  margin: 0 0 10px 0;
  font-size: 11px; 
  line-height: normal;
}

.market-values-box tr {
  border-bottom: 2px solid silver;
}

.software-page-table {
  margin-top: 20px; 
  margin-left: 10%;
  width: 65%;
}

.software-page-table td {
  vertical-align: top;
}


.software-page-table td:first-child {
  padding: 0 10px 10px 0;
}


.software-page-table h2 {
  margin-top: 0;
}

.lcgnews p {
    margin-top: 0;
}