/* general */
html, body { height: 100%; }
.displace { position: absolute; left: -9999px; }

.page { width: 1000px; text-align: left; }

.hide { visibility: hidden; }

a, a:link, a:active, a:hover, a:visited { text-decoration: none; color: #343434; }

p { text-align: left; }

.fixed { overflow: auto; max-height: 800px; }
.expand { bottom: 0px; }
.scroll { overflow: auto; height: 100%; min-height: 100%; max-height: 100%; }

strong { font-weight: bold; }
em { font-style: italic; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* navigation and search form */
#logo { background: url(/images/logo.gif); background-repeat: no-repeat; width: 146px; height: 90px; position: absolute; top: 0px; left: 1px; }

.page-header { position: absolute; background: url(/images/header-background.gif); background-repeat: repeat-x; width: 1000px; height: 147px; }

#navigation-list { list-style-type: none; display: block; position: absolute; left: 164px; top: 38px; }
.navigation { position: absolute; font-size: 14px; font-weight: bolder; color: #FFF; display: inline; background-image: url(/images/bullet-red.gif); background-repeat: no-repeat; background-position: 10px 7px; }
.navigation a, .navigation a:visited, .navigation a:link, .navigation a:active { color: #FFF; text-decoration: none; }
.navigation a:hover {  }

#navigation-frontpage { padding-left: 23px; border-left: none; }
#navigation-company { left: 98px; padding-left: 23px; }
#navigation-products { left: 183px; padding-left: 22px; }
#navigation-contact { left: 287px; padding-left: 23px; }
#navigation-partners { left: 421px; padding-left: 22px; }
#navigation-feedback { left: 527px; padding-left: 23px; }

#search { position: absolute; top: 0px; left: 0px; }
#search-header { position: absolute; background: url(/images/search-header.gif); display: block; width: 67px; height: 15px; left: 84px; top: 102px; }
.search-label { position: absolute; display: block; width: 161px; height: 27px; background-repeat: no-repeat; top: 83px; }

#search-sector-label { background: url(/images/toimiala.gif); left: 174px; }
#search-company-label { background: url(/images/yritys.gif); left: 350px; }
#search-product-label { background: url(/images/tuote.gif); left: 529px; }
#search-customer-label { background: url(/images/paamies.gif); left: 705px; }

.search-input { position: absolute; top: 116px; }

.search-input-text { width: 161px; height: 18px; border: 1px solid black; }

#search-sector { left: 174px; width: 155px; height: 18px; }
#search-company { left: 349px; }
#search-product { left: 528px; }
#search-customer { left: 704px; }
#search-submit { left: 880px; top: 96px; }

#amt-publication-selector { width: 161px; height: 18px; left: 173px; background-color: #FFF; border: 1px solid #000; }
#amt-selected-publication { display: block; padding: 2px; width: 145px; height: 18px; overflow: hidden; white-space: nowrap; text-align: left; }
#amt-selector-chevron { width: 16px; height: 16px; position: absolute; top: 1px; left: 145px; cursor: pointer; background-color: #FFF; background: url(/images/arrow-down.png) no-repeat; }
#amt-publication-list { min-width: 161px; position: absolute; top: 18px; left: -1px; z-index: 999; background-color: #FFF; border: 1px solid #000; }
.amt-publication-selection { min-height: 18px; vertical-align: middle; text-align: left; padding: 2px; cursor: pointer; display: block; white-space: nowrap; }
.amt-publication-selection.over { background-color: #FF8500; }

/* content area */

#content-area { position: absolute; top: 147px; border-top: 1px solid #E4E4E4; background-color: #F2F2F2; padding: 10px; width: 980px; min-height: 768px; }

/* banner area */

.sidebar-container { position: absolute; display: block; padding-top: 1px; }
#amt-products { width: 242px; }
#partners { left: 811px; width: 180px; }

/* banner slots */

.banner { border: 1px solid #E4E4E4; }

#product-slideshow { display: block; width: 242px; height: 242px; margin-bottom: 12px; background-color: #FFF; overflow: hidden; }
#product-slideshow img { width: 82px; float: left; margin-left: 8px; margin-top: 8px; }
.banner .publication-name { float: left; display: block; top: 8px; width: 172px; margin: 0px; margin-left: 12px; margin-top: 8px; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; background-color: #000; color: #FFF; font-size: 11px; font-weight: bolder; }
.content .publication-name { display: block; margin: 0px; margin: 8px 12px; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; background-color: #000; color: #FFF; font-size: 11px; font-weight: bolder; }
.product-slideshow .publication-desc { float: right; display: block; width: 146px; text-align: left; font-size: 11px; padding: 3px; }

#inprogress-header { background: url(/images/inprogress.png); background-color: #FF8500; color: #FFF; width: 242px; height: 35px; }
.inprogress-list { width: 120px; float: left; margin-top: 10px; margin-bottom: 28px; padding-left: 18px; padding-right: 5px; }
.inprogress-item { color: #313131; text-align: left; font-size: 11px; margin-bottom: 13px; list-style-type: disc; }
.inprogress-item a, .inprogress-item a:link, .inprogress-item a:active, .inprogress-item a:hover, .inprogress-item a:visited { font-weight: bold; text-decoration: underline; }
.inprogress-item-all a { color: #D50000; }

.sidebar-box { background-color: #E5E5E5; display: block; width: 242px; margin-bottom: 10px; }
.sidebar-box-wide { background-color: #E5E5E5; display: block; width: 287px; margin-bottom: 10px; }
.sidebar-header { background-color: #FF8500; color: #FFF; width: 242px; height: 35px; }
.sidebar-box-wide .sidebar-header { width: 287px; }

#released-header { background: url(/images/released.png); }
.released-list { width: 120px; float: left; margin-top: 10px; margin-bottom: 28px; padding-left: 18px; padding-right: 5px; }
.released-item { color: #313131; text-align: left; font-size: 11px; margin-bottom: 13px; list-style-type: disc; }
.released-item a, .released-item a:link, .released-item a:active, .released-item a:hover, .released-item a:visited { font-weight: bold; text-decoration: underline; }
.released-item-all a { color: #D50000; }

#events-header { background: url(/images/exhibitions.png); }

.events-list { width: 305px; float: left; margin-top: 10px; margin-bottom: 28px; padding-left: 18px; padding-right: 5px; }
.events-item { color: #313131; text-align: left; font-size: 11px; margin-bottom: 13px; list-style-type: disc; }
.events-item a, .news-item a:link, .news-item a:active, .news-item a:hover, .news-item a:visited { font-weight: bold; text-decoration: underline; }
.events-item-all a { color: #D50000; }

#happening-container { background-image: url(/images/divider.gif); background-repeat: no-repeat; padding-bottom: 65px; background-position: bottom center; }
#happening-header { text-align: left; padding-left: 7px; margin-top: 9px; margin-bottom: 13px; font-size: 17px; font-weight: bold; font-variant: small-caps; }
.happening-list { padding-left: 6px; }
.happening-item { font-size: 11px; padding-left: 10px; text-align: left; background-image: url(/images/bulletgrey.gif); background-repeat: no-repeat; background-position: 0% 4px; }
.happening-item a { font-weight: bold; text-decoration: underline; }

#cooperation-header { background: url(/images/cooperation-header.gif); }
#cooperation p { text-align: left; font-size: 11px; padding: 10px; }
.cooperation-link { margin-left: 30px; text-align: left; }
.cooperation-link a { text-decoration: underline; color: #CE0100; font-size: 11px; font-weight: bold; }

#exhibitions-header { background: url(/images/exhibition-header.gif); }

#product-news-header { background: url(/images/product-news-header.gif); }

#jobs-header { background: url(/images/jobs-header.gif); }

/* marquee-scroller */

#scroller { position: fixed; bottom: 0px; width: 1000px; background-color: #FFF; border-bottom: 3px solid #C0C0C0; border-top: 3px solid #C0C0C0; }
.scroller-item { display: inline; text-align: left; padding-left: 12px; margin-right: 5px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0% 50%; }
.scroller-item a { font-weight: bold; color: #020027; }
.scroller-item a:hover { text-decoration: underline; }

.content.expand { bottom: 16px; }

/* main content, narrow left column */

.content-wide { position: absolute; display: block; left: 263px; top: 10px; padding-bottom: 24px; border: 1px solid #F2F2F2; background-color: #FFFFFF; width: 534px; }

#frontpage-header { background-color: #272727; background-image: url(/images/frontpage-header.gif); background-repeat: no-repeat; display: block; width: 100%; height: 36px; }

.content h3 { text-align: left; font-size: 16px; font-weight: bold; margin-top: 20px; margin-left: 29px; }
.content .publication-list { margin-left: 39px; margin-top: 18px; }
.publication-list-item { text-align: left; margin-top: 10px; padding-left: 12px; background-repeat: no-repeat; background-position: 0% 50%; }
.publication-list-item a { text-decoration: underline; }
.company-list .company { margin-left: 8px; margin-right: 1px; text-align: left; }
.company-list .company .company-name { margin-right: 1em; }
.company-list .company.even { background-color: #E5E5E5; }
.company-name { font-weight: bold; }

/* main content, wider left column */

.content-narrow { position: absolute; display: block; left: 308px; top: 10px; padding-bottom: 24px; border: 1px solid #F2F2F2; background-color: #FFFFFF; width: 489px; }

/* sponsored links */

.sponsored-links-list { margin-left: 50px; }
.sponsored-links-list li { width: 100%; text-align: left; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #F2F2F2; }
.sponsored-links-list .company-name { display: block; width: 100%; }
.sponsored-links-list .company-link { display: block; width: 100%; }

/* company info page */

.company-details { padding: 10px; font-family: Calibri, Verdana, sans-serif;  }
.company-details.expand { bottom: 16px; }
.company-details a, 
.company-details a:visited, 
.company-details a:hover, 
.company-details a:active { text-decoration: underline; color: blue; }

.company-details h2,
.company-details h3,
.company-details h4 { color: red; font-weight: bold; text-align: left; margin-bottom: 0.3em; }

.company-details h2 { font-size: 18px; }
#main-content .company-details h3 { margin: 0px; margin-bottom: 0.3em; padding: 0px; }

.contact { text-align: left; }

#client-list { padding-top: 20px; }
.client { text-align: left; margin-bottom: 1em; }
.client-site-address { display: block; clear: both; }

.keyword { text-align: left; }
.keyword-client-list { padding-left: 20px; font-style: italic; }
.keyword-description { padding-left: 20px; padding-top: 3px; }
.keyword-name { font-family: Calibri, Verdana, sans-serif; font-size: 14px; color: red; text-transform: uppercase; }
.keyword .keyword .keyword-name { font-size: 10px; color: black; text-decoration: underline; font-weight: bold; }
.keyword .keyword .keyword .keyword-name { font-size: 10px; color: black; text-decoration: none; font-weight: normal; }
.keyword-match { font-weight: bold; text-decoration: underline; }

.company-website { margin-bottom: 0.6em; }
.company-contact-information { font-weight: bold; margin-bottom: 1em; }
.company-description { clear: both; margin-top: 0.6em; margin-bottom: 0.6em; }

#contact-list { padding-left: 20px; }
#contact-list li { list-style-type: none; margin-top: 0.8em; clear: both; }

.contact-image { float: left; width: 110px; }
.contact-profile { float: left; margin-left: 1.2em; }
.contact-data { display: block; clear: both; }
.has-images .no-image .contact-profile { padding-left: 110px; }

.memberships .title { font-weight: bold; }
.certificates .title { font-weight: bold; }

#contact-list { margin-top: 1em; }

/* AMT pages */

.partner-name, .partner-link { display: block; } 

/* Behaviors */

.collapse-list .list { display: none; }

/* feedback form */

#feedback-form .error_list { color: #FF0000; font-weight: bold; }
#feedback-form { margin-left: 20px; margin-top: 20px; }
#feedback-form label { display: inline-block; width: 180px; vertical-align: top; }
#feedback-form input { width: 170px; }
#feedback_message { width: 170px; }
input#feedback_zipCode { width: 35px; }
input#feedback_locality { width: 125px; }
input#submitForm { width: auto; position: relative; left: 184px; }
input#resetForm { width: auto; position: relative; left: 184px; }

.publication-desc { display: block; margin: 8px 12px; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; }