@import url(site-specific.css);
@import url(locales.css);
@import url(ReMooz.css);
 
/* ! common */
 
html, body {
    margin: 0;
    padding: 0;
}
 
html {
    background: #efefef url(/files/nht/universal/bg.jpg) 50% 10px no-repeat;
    overflow: -moz-scrollbars-vertical;
}
 
body {
    background: url(/files/nht/universal/quickies-bg.gif) left top repeat-x;
    color: #424547;
    font: 8pt Arial, Verdana, Helvetica, sans-serif;
    padding: 50px 0 10px 0;
}
 
form {
    margin: 0;
    padding: 0;
}
 
input, textarea, select, button {
    font: 8pt Arial, Verdana, Helvetica, sans-serif;
}
 
button {
    background: #ff7900;
    border: 0;
    color: #fff;
    padding: 1px 5px;
}
 
a {
    color: #45ad3c;
    text-decoration: none;
}
 
a:hover {
    text-decoration: underline;
}
 
h1, h2, h3, h4 {
    color: #000;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}
 
h1 {
    font-size: 13pt;
}
 
h2 {
    font-size: 13pt;
}
 
h3 {
    font-size: 11pt;
}
 
h4 {
    font-size: 9pt;
}
 
p {
    margin: 0.5em 0;
}
 
.more {
    background: url(/files/nht/universal/link-wink.gif) left center no-repeat;
    padding-left: 14px;
}
 
/* ! manager */
 
.cmHotspot {
    position: relative;
    z-index: 10000000000000000006;
}
 
/* ! utils */
 
#utils {
    padding: 0 25px;
}
 
#utils .tellafriend, #utils .print {
    display: inline;
    float: right;
    padding: 0 6px 5px 0;
    margin-left: 5px;
}
 
#addthis {
    display: inline;
    float: right;
    padding: 0 6px 5px 0;
    margin-left: 5px;
}
 
#utils .tellafriend a, #utils .print a {
    background: url(/files/nht/universal/print.gif) left center no-repeat;
    color: #8d8d8d;
    display: block;
    line-height: 18px;
    padding-left: 28px;
}
 
#utils .tellafriend a {
    background-image: url(/files/nht/universal/tellafriend.gif);
    padding-left: 24px;
}
 
#utils .path {
    border-top: 1px solid #ebeaea;
    padding: 5px 0 0 5px;
    clear: both;
}
 
#utils .path p, #utils .path ul {
    display: inline;
    margin: 0;
    padding: 0;
}
 
#utils .path ul {
    padding-left: 1em;
}
 
#utils .path li {
    display: inline;
    list-style: none;
    margin-right: 5px;
    padding-right: 2px;
}
 
#utils .path a {
    background: url(/files/nht/universal/path-separator.gif) 100% 2px no-repeat;
    padding-right: 10px;
}
 
#utils .back {
    float: right;
    margin: -1em 0 0 0;
    padding: 0 6px 0 0;
}
 
#utils .back a {
    background: #a8a8a8 url(/files/nht/universal/link-wink-back-white.gif) 7px 50% no-repeat;
    color: #fff;
    padding: 1px 3px 1px 19px;
}
 
#utils .here {
    clear: both;
    height: 23pt;
    margin: 10px 0 0 0;
    padding: 0 6px 0 0;
    text-align: right;
}
 
/* ! basic structure */
 
body {
    text-align: center;
}
 
#doc {
    background: url(/files/nht/universal/box-mid.gif) left top repeat-y;
    margin: 0 auto;
    text-align: left;
    width: 892px;
}
 
#page {
    background: url(/files/nht/universal/box-top.jpg) left top no-repeat;
    position: relative;
}
 
/* ! head */
 
#head {
    left: 33px;
    position: absolute;
    top: 31px;
    z-index: 1000;
}
 
#head h1 {
    background: url(/files/nht/universal/logo.gif) left top no-repeat;
    margin: 0;
    overflow: hidden;
}
 
#head h1 a {
    display: block;
    height: 34px;
    text-indent: -10000in;
    width: 125px;
}

#logo {
    background: url(/files/nht/universal/logo.gif) left top no-repeat;
    margin: 0;
    overflow: hidden;
}
 
#logo a {
    display: block;
    height: 34px;
    text-indent: -10000in;
    width: 125px;
}
 
/* ! quickies */
 
#quickies {
    color: #f0f0f0;
    height: 22px;
    line-height: 22px;
    padding-right: 35px;
    position: absolute;
    right: 0;
    top: -50px;
}
 
#quickies ul {
    background: url(/files/nht/universal/quickies-separator.gif) 100% 17px no-repeat;
    float: left;
    margin: 0;
    padding: 0 19px 0 15px;
}
 
#quickies li {
    display: inline;
    padding: 0 6px;
}
 
#quickies a {
    color: #f0f0f0;
}
 
#fsearch {
    float: left;
    padding: 0 0 0 21px;
}
 
#fsearch * {
    line-height: 22px;
    vertical-align: middle;
}
 
#fsearch p {
    margin: 0;
}
 
#fsearch label {
    margin-right: 5px;
}
 
#fsearch input {
    background: #efefef;
    border: 0;
    line-height: normal;
}
 
#fsearch button {
    background: transparent url(/files/nht/universal/quickies-button-arrow.gif) right center no-repeat;
    border: 0;
    color: #f0f0f0;
    height: 22px;
    margin-left: 5px;
    padding: 0 15px 0 0;
}
 
/* ! nav */
 
#nav {
    clear: both;
    height: 82px;
}
 
#nav .primary {
    display: inline;
    float: left;
    left: 7px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 15px;
    position: relative;
    top: -18px;
}
 
#nav .primary li {
    background: left bottom no-repeat;
    display: inline;
    float: left;
    height: 19px;
    margin: 4px 0 0 -45px;
    overflow: hidden;
    width: 131px;
}
 
#nav .primary a {
    display: block;
    height: 100%;
    position: relative;
    text-indent: -10000in;
    width: 100%;
}
 
#nav .primary .active {
    height: 23px;
    margin: 0 7px 0 -45px;
    position: relative;
    width: 164px;
    z-index: 10000;
}
 
#nav .primary .go-etusivu {
    background-image: url(/files/nht/en/tab-etusivu-passive.png);
    width: 124px;
}
 
#nav .primary .go-yritysinfo {
    background-image: url(/files/nht/en/tab-yritysinfo-passive.png);
    width: 207px;
}
 
#nav .primary .go-etusivu-active {
    background-image: url(/files/nht/en/tab-etusivu-active.png);
    width: 144px;
}
 
#nav .primary .go-yritysinfo-active {
    background-image: url(/files/nht/en/tab-yritysinfo-active.png);
    width: 232px;
}
 
#nav .secondary {
    clear: both;
    color: #000;
    float: right;
    font: 14px Arial, Verdana, Helvetica, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0 34px 0 0;
    text-align: center;
}
 
#nav .secondary li {
    float: left;
    overflow: hidden;
}
 
#nav .secondary a {
    color: #000;
    display: block;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
    padding: 10px 15px 3px 15px;
}
 
#nav #secondary-active {
    background: url(/files/nht/universal/nav-selected-bg.gif) left top repeat;
}
 
#nav #secondary-active a {
    background-image: url(/files/nht/en/nav_on.gif);
    color: #fff;
}
 
#nav .secondary a {
    background: url(/files/nht/en/nav_off.gif) 15px 10px no-repeat;
    font-size: 1px;
    height: 18px;
    text-indent: -10000in;
}
 
#nav .secondary .go-products a, #nav .secondary .go-products_int a {
    width: 62px;
}
 
#nav .secondary .go-retail-outlets a, #nav .secondary .go-retail-outlets_int a {
    background-position: -165px 10px;
    width: 65px;
}
 
#nav .secondary .go-news a, #nav .secondary .go-news_int a {
    background-position: -345px 10px;
    width: 41px;
}
 
#nav .secondary .go-customer-service a, #nav .secondary .go-customer-service_int a {
    background-position: -525px 10px;
    width: 122px;
}
 
#nav .secondary .go-company a, #nav .secondary .go-company_int a {
    background-position: -705px 10px;
    width: 76px;
}
 
#nav .secondary .go-innovativeness a, #nav .secondary .go-innovativeness_int a {
    background-position: -885px 10px;
    width: 99px;
}
 
#nav .secondary .go-environment a, #nav .secondary .go-environment_int a {
    background-position: -1100px 10px;
    width: 93px;
}
 
#nav .secondary .go-media-information a, #nav .secondary .go-media-information_int a {
    background-position: -1280px 10px;
    width: 46px;
}
 
#nav .secondary a:hover {
    background-color: #51b848;
    background-image: url(/files/nht/en/nav_on.gif);
    color: #fff;
    text-decoration: none;
}
 
/* ! sidenav */
 
#sidenav {
    display: inline;
    float: left;
    margin: 29px 0 0 47px;
    padding-right: 15px;
    width: 175px;
}
 
#sidenav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#sidenav ul ul {
    margin-left: 14px;
    padding-left: 14px;
    line-height: normal;
    list-style: square;
}
 
#sidenav li {
    color: #ff7900;
}
 
#sidenav a {
    background: url(/files/nht/universal/link-wink-gray.gif) 0px 7px no-repeat;
    color: #898989;
    display: block;
    padding: 2px 0 2px 14px;
    zoom: 1;
}
 
#sidenav li li a {
    background: none;
    padding: 4px 0;
}
 
#sidenav .active a {
    background: url(/files/nht/universal/link-wink.gif) 0px 0.7em no-repeat;
    color: #51b848;
    padding-left: 14px;
}
 
#sidenav .active li a {
    background: none;
    color: #000;
    padding-left: 0;
}
 
#sidenav .active li.active a {
    font-weight: bold;
    text-decoration: underline;
}
 
 
/* ! intro */
 
#intro {
    background: url(/files/nht/universal/intro.jpg) left top no-repeat;
    clear: both;
    color: #fff;
    font: bold 11pt Arial, Verdana, Helvetica, sans-serif;
    height: 166px; /* 290px - 124px */
    margin-left:7px;
    padding: 124px 550px 0 65px; 
}
 
#intro a {
    background: url(/files/nht/universal/link-wink.gif) left center no-repeat;
    margin-left: 4px;
    padding-left: 14px;
}
 
/* ! showcase */
 
#showcase {
    height: 128px;
    margin: 0 0 0 7px;
    position: relative;
}
 
#showcase ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#showcase li {
    background: left top no-repeat;
    position: absolute;
    overflow: hidden;
}
 
#showcase a {
    display: block;
    height: 100%;
    position: relative;
    text-indent: -10000in;
    width: 100%;
}
 
#showcase .go-metsatalous {
    background-image: url(/files/nht/en/sc-metsatalous.png);
    height: 115px;
    left: 2px;
    top: -2px;
    width: 215px;
}
 
#showcase .go-maatalous {
    background-image: url(/files/nht/en/sc-maatalous.png);
    height: 115px;
    left: 220px;
    top: -88px;
    width: 215px;
}
 
#showcase .go-materiaalinkasittely {
    background-image: url(/files/nht/en/sc-mat-kas.png);
    height: 115px;
    left: 440px;
    top: -81px;
    width: 215px;
}
 
#showcase .go-maansiirto-ja-tienhoito {
    background-image: url(/files/nht/en/sc-maa-tie.png);
    height: 115px;
    left: 442px;
    top: 33px;
    width: 215px;
}
 
#showcase .go-kaivostoiminta {
    background-image: url(/files/nht/en/sc-kaivostoiminta.png);
    height: 115px;
    left: 222px;
    top: 26px;
    width: 215px;
}
 
#showcase .go-maastosota {
    background-image: url(/files/nht/en/sc-maasto-sota.png);
    height: 115px;
    left: 661px;
    top: -2px;
    width: 215px;
}
 
/* ! content */
 
#content {
    background: url(/files/nht/universal/content-top.jpg) left top no-repeat;
    clear: both;
    line-height: 1.5;
    zoom: 1;
}
 
.content-page #content {
    background-position: 0px 28px;
    padding-top: 28px;
}
 
#primary-content {
    background: url(/files/nht/universal/box-bottom.jpg) left bottom no-repeat;
    overflow: auto;
    padding: 24px 30px 60px 40px;
    position: relative;
    zoom: 1; /* @todo move to ie.css */
}
 
.content-page #primary-content {
    font-size: 9pt;
    padding: 24px 65px 80px 65px;
}
 
.product-page #primary-content {
    font-size: 9pt;
}
 
#primary-content img {
    display: inline;
    float: right;
    margin: 0 0 10px 10px;
}
 
#secondary-content {
    float: left;
}
 
/* ! foot */
 
#foot {
    clear: both;
    color: #fff;
    display: block;
    float: left;
    height: 41px;
    line-height: 36px;
    margin: -41px 0 0 0;
    padding: 0 35px;
    position: relative;
    width: 822px;
    z-index: 10;
    zoom: 1;
}
 
html>/**/body #foot { /* ie */
    float: none;
}
 
#foot p {
    clear: left;
    margin: 0;
}
 
#foot a {
    color: #fff;
    text-decoration: underline;
}
 
#foot a:hover {
    color: #eee;
}
 
/* ! lang */
 
#lang {
    float: right;
    line-height: normal;
    padding-top: 7px;
}
 
#lang form, #lang p {
    margin: 0;
}
 
.product-short-description {
  background: #51B848;
  display: block;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 10px;
  line-height: 20px;
  width: 403px;
  margin-bottom: 20px;
}
 
.ngformError {
  color: #ff0000;
}
 
.product-page #description ul li {
 
    background:transparent url(/files/nht/img/bullet.gif) no-repeat scroll 0 6px;
    margin:0;
    padding:0 0 0 20px;
    list-style:none;
 
}
 
.green-block li {
 
    background:transparent url(/files/nht/img/bullet.gif) no-repeat scroll 0 6px;
    margin:0;
    padding:0 0 0 20px;
    list-style:none;
 
}
 
#sidenav .nav-sub a {
    background:none;
    color:#000;
    padding-left: 0;
}
 
#sidenav .nav-sub-selected a {
    background:none;
    font-weight: bold;
    text-decoration: underline;
    color:#000;
    padding-left: 0;
}
 
#sidenav .nav-sub-last a {font-weight: normal;}