html{ overflow:scroll; }

body {
margin : 0;
padding : 0;
background-color : #FFFFFF;
text-align : center;
font-family: "Trebuchet MS", sans-serif;
font-size : 13px;
background-image:url(../pics/bg.jpg);
background-repeat:no-repeat;
background-position:top center;
}

strong, em, b, i {
font-family: "Trebuchet MS", sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
font-family: "Trebuchet MS", sans-serif;
}
.clear {
clear : both;
}
p {
font-size:13px;
line-height:145%;
}
h1 {
color:#FF9600;
font-size:21px;
font-weight:normal;
letter-spacing:-0.5px;
}
h2 {
color:#000046;
font-size:17px;
font-weight:normal;
}
h3 {
color:#000046;
font-size:13px;
font-weight:bold;
}
ul {
font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
}

#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}
#keskitys {
width : 960px;
margin : 0 auto;
position : relative;
vertical-align : top;
}
#header {
float:left;
height:92px;
position:absolute;
width:960px;
left:0;
}
#header img { border:0; }

#indexcarousel {
height:317px;
left:0;
position:absolute;
top:92px;
width:960px;
}
#slides {
position:absolute;
left:0;

}
#subcarousel {
left:0;
height:123px;
position:absolute;
top:92px;
width:960px;
}
#main {
background-image:url(../pics/wcgmain.jpg);
background-repeat:no-repeat;
float:left;
height:293px;
margin:0;
padding:0;
position : relative;
width:914px;
}
#main img{
margin-top:170px;
}
#mainmenu {
background-color:transparent;
background-image:url(../pics/menubg.png);
background-position:left bottom;
background-repeat:no-repeat;
float:left;
height:33px;
left:0;
overflow:hidden;
position:absolute;
top:90px;
width:100%;
z-index:100;
}

#mainmenu ul {
clear:left;
float:left;
left:50%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:9px;
padding:0;
position:relative;
text-align:center;
}

#mainmenu ul li {
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
right:50%;
}

#mainmenu ul li a {
color:#FFFFFF;
display:block;
font-size:12px;
margin:0 4px;
text-decoration:none;
text-transform:uppercase;
}

#mainmenu ul li a:hover {
color:#000000;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}
#mainmenu ul li a.current {
color:#000042;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}
#submenu {
background-color:transparent;
float:left;
position:relative;
text-align:left;
width:225px;
}

#submenu ul {
	list-style: none;
	padding:0 0 0 20px;
}

#submenu ul li {
	border-bottom:1px solid #FF9600;
	display:block;
	margin:5px 0;
	padding-bottom:5px;
}

#submenu ul li a {
	display: block;
}

#submenu ul li a {
color:#000000;
font-size:13px;
text-decoration:none;
}
#submenu ul li a:hover {
color:#FF9600;
text-decoration:none;
}
#submenu ul li a.current {
color:#FF9600;
}
.date{
color:#B0B0B0;
font-size:10px;
}

#contentframe {
position:absolute;
text-align:left;
top:410px;
width:100%;
left:0;
}
#subcontentframe {
position:absolute;
text-align:left;
top:220px;
width:100%;
left:0;
}
#subquotationframe {
position:absolute;
text-align:left;
top:220px;
width:960px;
left:0px;
}

#content {
background-color:#FFFFFF;
color:#000000;
float:left;
padding-left:20px;
padding-top:10px;
position:relative;
text-align:left;
width:520px;
}
#content a{
color : #000000;
text-decoration:underline;
}

#contentmax {
background-color:transparent;
color:#000000;
float:left;
padding-left:20px;
padding-top:10px;
position:relative;
text-align:left;
width:915px;
}
#content a{
color : #000000;
text-decoration:underline;
}

#news {
background-color:#FFFFFF;
background-image:url(../pics/newsbg.jpg);
background-position:left center;
background-repeat:no-repeat;
float:right;
min-height:300px;
padding-left:15px;
padding-top:20px;
position:relative;
text-align:left;
width:300px;
}

#news a:link, #news a:visited {
color:#393939;
font-size:11px;
}

#news a:hover {
font-size:11px;
color:#FF9600;
text-decoration:none;
}

.newsitem {
float:left;
margin:0 0 10px 0px;
position:relative;
}
.newsitemfirst {
float:left;
margin:0 0 10px 0px;
position:relative;
}
.newsdate {
color:#999999;
float:left;
font-size:10px;
position:relative;
text-align:left;
width:240px;
}
.newstext {
color:#333333;
float:left;
font-size:11px;
position:relative;
text-align:left;
width:240px;
}

.newstext a{
color:#333333;
text-decoration:none;
font-size:11px;
text-align:left;
}
.archive {
float:left;
margin:20px;
}
#kauppalehtifeed {
background-color:transparent;
background-image:url(../pics/kauppalehti.gif);
background-repeat:no-repeat;
color:#000000;
float:left;
font-size:12px;
margin-top:10px;
padding-top:25px;
position:relative;
text-align:left;
width:100%;
}

#footer {
background-color:transparent;
border-top:1px dotted #000048;
color:#000048;
float:left;
font-size:11px;
margin:50px 20px 0;
padding:10px 0;
position:relative;
text-align:left;
width:920px;
}

#footer a:link, #footer a:visited {
font-size:11px;
font-weight:bold;
color:#000048;
text-decoration:none;
}

#footer a:hover {
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
#footerfrst {
position:relative;
background-color:transparent;
text-align:left;
float:left;
margin-right:40px;
padding-left:15px;
}
#footerrst {
position:relative;
background-color:transparent;
text-align:left;
float:left;
margin-right:40px;
padding-left:15px;
border-left:1px dotted #000048;
}
.staffcard {
background-color:#FFFFFF;
display:block;
float:left;
height:225px;
margin:30px 101px;
padding:10px;
width:450px;
display:none;
}
.staffphoto {
float:left;
height:200px;
margin:12px;
position:relative;
width:150px;
}
.staffdata {
float:left;
margin:10px 5px 0 0;
position:relative;
text-align:left;
width:260px;
}
.staffcontactdata {
border-top:1px dotted #FF9600;
color:#000000;
float:left;
margin:5px 5px 0 0;
padding-top:5px;
position:relative;
text-align:left;
width:260px;
}
.division {
color:#FF9600;
font-size:11px;
margin:0;
text-transform:uppercase;
}
.staffdata h1{
color:#000000;
font-size:21px;
margin:0;
letter-spacing:-0.5px;
}
.staffdata p{
color:#000000;
font-size:11px;
margin:0;
padding:0;
}

/* STYLED TABLE FOR FRONTPAGE QUOTATIONS */

table.frontPageQuotations {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size:11px;
	border: #D3D8D9 1px solid;
	/*border-collapse: collapse;*/
}

table.frontPageQuotations caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 6px;
}

table.frontPageQuotations th {
	height: 22px;
	font-weight: bold;
	text-align: left;
	color: #505050;
	font-size: 11px;
	background-color: #F6F5E5;
	border-right: #D3D8D9 1px solid;
	border-bottom: #D3D8D9 1px solid;
	padding: 2px 2px 2px 4px;
	vertical-align: top;
	background: #fff url('../pics/bg_table_styled_th.gif') top left no-repeat;
}

table.frontPageQuotations th a {
	color: #4B6368;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
}

table.frontPageQuotations th a:hover {
	text-decoration: underline;
}

table.frontPageQuotations td {
	padding: 2px 2px 2px 4px;
}

table.frontPageQuotations tr.passive1 {
	color:#000;
	background-color: #EFF4F5;
}

table.frontPageQuotations tr.passive1:hover {
	color:#000;
	background-color: #DEEAEC;
}

table.frontPageQuotations tr.passive2 {
	color:#000;
	background-color: #FFFFFF;
}

table.frontPageQuotations tr.passive2:hover {
	color:#000;
	background-color: #DEEAEC;
}

table.frontPageQuotations td.left {
	border-right: #D3D8D9 1px solid;
}

table.frontPageQuotations td.noPadding {
	padding: 0px;
}

/* STYLED TABLE FOR QUOTATIONS */

table.quotations {
	width: 695px;
	font-size:11px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.quotations th {
	height: 22px;
	font-weight: bold;
	text-align: left;
	color: #505050;
	font-size: 11px;
	background-color: #F6F5E5;
	border-top: #D3D8D9 1px solid;
	border-bottom: #D3D8D9 1px solid;
	border-left: #D3D8D9 1px solid;
	padding: 2px 2px 2px 4px;
	vertical-align: top;
	background: #fff url('../pics/bg_table_styled_th.gif') top left no-repeat;
}

table.quotations th.borderRight {
	border-right: #D3D8D9 1px solid;
}

table.quotations th a {
	color: #4B6368;
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
}

table.quotations th a:hover {
	text-decoration: underline;
}

table.quotations tr.passive1 {
	color:#000;
	background-color: #EFF4F5;
	border-right: #D3D8D9 1px solid;
	border-left: #D3D8D9 1px solid;

}

table.quotations tr.passive1:hover {
	color:#000;
	background-color: #DEEAEC;
}

table.quotations tr.passive2 {
	color:#000;
	background-color: #FFFFFF;
	border-right: #D3D8D9 1px solid;
	border-left: #D3D8D9 1px solid;
}

table.quotations tr.passive2:hover {
	color:#000;
	background-color: #DEEAEC;
}

table.quotations tr td.caption h3 {
	margin-top: 6px;
	margin-bottom: 4px;
}

table.quotations td {
	padding: 2px 2px 2px 4px;
}

table.quotations td.borderTop {
	border-top: #D3D8D9 1px solid;
}

table.quotations td.borderRight {
	border-right: #D3D8D9 1px solid;
}

table.quotations td.borderBottom {
	border-bottom: #D3D8D9 1px solid;
}

table.quotations td.borderLeft {
	border-left: #D3D8D9 1px solid;
}

table.quotations td.noPadding {
	padding: 0px;
}
table.quotations td a:hover {
text-decoration:none;
}

table.quotations td a {
color:#505050;
text-decoration:underline;
}

#langselect {
background-color:#FFFFFF;
height:26px;
left:900px;
position:absolute;
text-align:left;
top:6px;
z-index:99;
}

#langselect ul {
height:26px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:auto;
padding:0;
}

#langselect ul li {
	float: left;
	display: block;
	height: 26px;
	margin-right: 0px;
	text-indent: -9999px;
}

#langselect ul li a {
	display: block;
	height: 26px;
	background: url(../pics/langselectbg.jpg) 0 0 no-repeat;
	outline: 0;
}

#langselect ul li.eng a {width:26px;background-position: 0 0px;}
#langselect ul li.fin a {width:26px;background-position: -26px 0px;}

#langselect ul li.eng a:hover {width:26px;background-position: 0px -30px;}
#langselect ul li.fin a:hover {width:26px;background-position: -26px -30px;}

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

label {
background-color:#F9F9F9;
display:block;
float:none;
font-family:trebuchet MS;
font-size:13px;
font-weight:bold;
padding:10px 6px;
text-align:left;
width:85%;
}

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: normal; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0;
  border:1px solid #bbb;
padding:3px;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;

}

input.text, 
input.title   { width: 85%; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { padding:5px; width:85%; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.napit {
display:block;
margin-left:140px;
}

.newsdatetk  {
color:#999999;
float:left;
font-size:11px;
margin-right:10px;
margin-top:2px;
position:relative;
text-align:right;
width:69px;
}
.newstexttk  {
color:#333333;
float:left;
font-size:11px;
position:relative;
text-align:left;
width:430px;
}
#content .newstexttk a {
color:#393939;
letter-spacing:-0.2pt;
text-decoration:none;
font-size:13px;
}
#content .newstexttk a:hover {
color:#999999;
letter-spacing:-0.2pt;
text-decoration:none;
font-size:13px;
}
#historiatiedot {
border-bottom:1px dotted #ff9600;
float:right;
margin-top:6px;
padding-bottom:5px;
position:relative;
width:190px;
}
#historiatiedot h1 {
background-color:#ff9600;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
letter-spacing:0;
margin:0;
padding:3px 6px;
}
table.historydata{
background-color:transparent;
border-collapse:collapse;
font-size:11px;
width:100%;
}
table.historydata td{
background-color:transparent;
padding:4px 5px;
}
.strong {
font-weight:bold !important;
}
tr.odd {
background:none repeat scroll 0 0 #F6F6F6;
}
table.yritystieto{
background-color:#F3F3F3;
border-collapse:collapse;
margin-bottom:10px;
width:95%;
}
table.yritystieto td{
border-bottom:1px solid #CCCCCC;
padding:4px 8px;
}
#flotandhistory {
position:relative;
width:695px;
}
#tasot {
margin:20px 0;
position:relative;
}
#tasot table{
border-collapse:collapse;
border-left:1px solid #ff9600;
border-top:1px solid #ff9600;
width:95%;
font-size:11px;
}
.tasototsikko{
background:none repeat scroll 0 0 #ff9600;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}
#tasot td{
border-bottom:1px solid #ff9600;
border-right:1px solid #ff9600;
padding:3px;
text-align:center;
}
.orbitaltooltip-simplebox {
background-color:#FFFFFF;
border:1px solid #000000;
font-size:11px;
padding:10px;
-moz-box-shadow:0 0 20px #999999;
}
table.leveltooltip{
width:450px;
}
tr.evenn{
background-color:#EEEEEE;
}
table.leveltooltip td {
border-top:1px solid #CCCCCC;
padding:3px 0;
}
table.leveltooltip th {
padding:3px 0;
}
td.buyselltable {
padding:3px 0;
}
#miniature{
cursor: pointer;
}
.attachedfile {
-moz-border-radius:6px 6px 6px 6px;
background-color:#F3F3F3;
border:1px solid #999999;
float:right;
margin-top:38px;
padding:5px 12px;
position:relative;
}