/*
	Metso Wartsila Power website
	common stylesheet
*/

/* Common html elements */
html {
	overflow: auto;
	overflow-y: scroll;
	overflow-x: auto;
}
body {
	background-color: white;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0px;
	text-align: center;
	font-family: Verdana, sans-serif;
}
td {
	font-size: 11px;
	font-family: Verdana, sans-serif;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
a {
	font-family: Verdana, sans-serif;
	color: #e05314;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, sans-serif;
	color: #990000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
span.nobr {
	white-space: nowrap;
}
a.nounderline {
	text-decoration: none !important;
}
a.nounderline:hover {
	text-decoration: none !important;
}
h1 {
	font-family: Verdana, sans-serif;
	color: #666666;
	font-size: 17px;	
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
}
h2 {
	font-family: Verdana, sans-serif;
	color: #666666;
	font-size: 14px;	
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
}
h3 {
	font-family: Verdana, sans-serif;
	color: #666666;
	font-size: 11px;	
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
}
p {
	font-family: Verdana, sans-serif;
	font-size: 10px;	
	margin-top: 0px;
	padding: 0px;
	border: 0px;
	color: #333333;
}

/* Mozilla & Safari selection color */
::-moz-selection{
	background:#e05314;
	color: white;
}

::selection {
	background:#e05314;
	color: white;
}


/* Common blocks */
div#main {
	z-index: -20;
	background-image: url('content_bg.png');
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	text-align: left;
	width: 984px;
	height: auto;
}
img.header {
	position: relative;
	padding: 0px;
	border: 0px;
}
img.action_icon {
	position: relative;
	margin-top: 0px;
	border: 0px;
	padding: 0px;
	vertical-align: top;
}
img.icon {
	position: relative;
	margin-top: 2px;
	border: 0px;
	padding: 0px;
	vertical-align: top;
}
img#rssicon {
	margin-left: 40px;
}
div.linklist {
	position: relative;
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 6px; 
	overflow: visible;
}
div.linklist p {
	font-family: Verdana, sans-serif;
	font-size: 10px;	
	color: #333333;
}
div.linklist strong {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

/* the main content container */
div#maincontainer {
	float: left;
	position: relative;
	width: 984px;
	height: auto;
	background-image: url('content_bg.png');
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 10;
}
/* promo area styles */
div#promoarea {
	float: left;
	width: 776px;
	height: 176px;
	/*border-top: 1px solid #a6a6a6;*/
}
div#subhomepromoarea {
	float: left;
	width: 776px;
	height: 145px;
	/*border-top: 1px solid #a6a6a6;*/
}
/* right column */
div#rightcolumn {
	position: relative;
	right: 7px;
	float: right;
	width: 200px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	overflow: hidden;
	margin-bottom: 44px;
}
div#rightcolumntopbanners{
	/*border-top: 1px solid #a6a6a6;*/
}
div.rightcolumnelement {
	font-family: Verdana, sans-serif;
	position: relative;
	width: 190px;
	margin-bottom: 15px;
}
div.rightlinklist {
	position: relative;
	text-indent: -10px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: visible;
	margin-bottom: 14px;
}
div#rightcolumnactions {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 12px;
	height:auto !important;
	height: 40px;
}
div#rightcolumnactions p {
	padding-top: 1px;
	padding-bottom: 1px;
	color: #333333;
}
div#meetcustomerspopup {
	border-bottom: 1px solid #a6a6a6;
	position: absolute;
	left: 0px;
	top: 145px;
	z-index: 20;
	visibility: hidden;
}
div.rightcolumncontent {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	position: relative;
	margin-left: 10px;
	width: 180px;
}
div.rightcolumncontent p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: auto;
	position: relative;
	background: none;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
div.rightcolumncontent strong {
	position: relative;
	width: 100%;
	text-indent: 0px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}
div#websites {
	position: relative;
	width: 200px;
	height: 128px;
}
div#websites form {
	position: relative;
	top: 37px;
	left: 15px;
}
div#websites select {
	border-width: 1px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: black;
	width: 173px;
	margin-bottom: 8px;
}
div#websites input.submit {
	vertical-align: top;
}
div#contactus {
	position: relative;
	width: 200px;
	height: 75px;
}
div.contactus2 {
	position: relative;
	width: auto;
	height: auto;
	padding-top: 32px;
	padding-left: 20px;
	color: #f9ded1;
}
div.contactus2 p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
div#contactus a {
	text-decoration: none;
	color: #f9ded1;
}
div#contactus a:hover {
	text-decoration: underline;
}

/* Content area styles */
div#contentarea {
	position: relative;
	width: 977px;
}
div#contentcontainer {
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	background-image: url('contentcontainer_bg.gif');
	background-repeat: no-repeat;
	float: left;
	width: 776px;
}
/* left column */
div#leftcontent {
	margin-top: 31px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	float: left;
	width: 243px;
	height: auto;
	border: 0px;
}

div#mwnavilogo {
	margin-top: 5px;
	width: 155px;
	height: 378px;
	border: 0px;
}

div#leftcontent p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	background: none;
	position: relative;
	width: auto;
	padding: 0px;
	margin: 5px 0px;
	margin-left: 3px;
	color: #333333;
}
div#leftbanner {
	width: 219px;
	margin-bottom: 16px;
	margin-right: 24px;
}
div#leftlinks {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin-bottom: 16px;
	margin-right: 24px;
	width: 219px;
}
div.leftlinks strong {
	width: 100%;
	text-indent: 0px;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
div.leftlinksheader {
	position: relative;
	margin-bottom: 14px;
	margin-right: 24px;
}
div.leftlinklist {
	position: relative;
	text-indent: -10px;
	margin-left: 10px;
	margin-bottom: 14px;
	margin-right: 24px;
	overflow: visible;
}
div#leftdescription {
	width: 219px;
	background-image: url('description_bg_left.png');
	background-repeat: no-repeat;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
div#leftdescriptioncontainer {
	width: 219px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin-top: 11px;
	background-image: url('description_bg_right.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
div#leftdescription p {
	padding-top: 18px;
	padding-bottom: 10px;
	position: relative;
	width: auto;
	margin: 0px 20px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}
/* Content navi list: number = level (3-5) */
ul#contentnavi3 {
	width: auto;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e05314;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	line-height: 15px;
	width: auto;
	margin-right: 24px;
	margin-bottom: 26px;
}
ul#contentnavi4 {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #e05314;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	line-height: 15px;
	width: auto;
	margin-right: 24px;
}
ul#contentnavi5 {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #e05314;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	line-height: 15px;
	width: auto;
	margin-right: 24px;
}
ul#contentnavi3 li.subopen a,ul#contentnavi4 li.subopen a,ul#contentnavi5 li.subopen a{
	color: #666666;	
}
ul#contentnavi3 li.subclosed a,ul#contentnavi4 li.subclosed a,ul#contentnavi5 li.subclosed,
ul#contentnavi3 li.nosub a,ul#contentnavi4 li.nosub a,ul#contentnavi5 li.nosub a{
	color: #e05314;
}
ul#contentnavi3 a, ul#contentnavi4 a, ul#contentnavi5 a {
	background: none;
	position: relative;
	top: -2px;
}
ul#contentnavi3 li.subclosed, ul#contentnavi4 li.subclosed {
	list-style-image: url('subclosed.png');
}
ul#contentnavi3 li.subopen, ul#contentnavi4 li.subopen {
	list-style-image: url('subopen.png');
}
ul#contentnavi3 li.nosub, ul#contentnavi4 li.nosub {
	list-style-image: url('nosub.png');
}
ul#contentnavi5 li.nosub {
	list-style-image: url('squarebullet.png');
}

/* middle column */
div#maincontent {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	float: left;
	width: 500px;
	padding-bottom: 10px;
	margin-top: 31px;
}
/* different ie versions need both of the next two blocks */
div#maincontent p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}
div#maincontent > p {
	background-image: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 500px;
	color: #333333;
}

/* middle column content pages */
img.leftAligned {
	float:left;
	margin-right:20px;
	margin-bottom:12px;
}
img.rightAligned {
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:12px;
}
img.topAligned {
	float:top;
}
img.horizontalAligned {
	float:top;
	width: 533px;
}
img.promoHorizontalAligned {
	float:top;
	margin-bottom: 31px;
	width: 533px;
}
div#contentwithhorizontalpicture {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	float: left;
	width: 500px;
}
div#contentwithhorizontalpicture p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}
div#contentwithhorizontalpicture > p {
	background-image: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 500px;
	color: #333333;
}
div#contentSetNavi {
	border-bottom:1px solid #006668;
	padding-bottom:5px;
	margin-bottom:14px;
}

a.contentSetNavi:link {
	position: relative; 
	text-decoration:none;
	padding-right:8px;
}

a.contentSetNavi:visited {
	text-decoration:none;
	padding-right:8px;
	color: #990000;
}

a.contentSetNavi:active {
	text-decoration:none;
	padding-right:8px;
	color: #666666;
}

a.contentSetNavi:hover {
	text-decoration:underline;
	padding-right:8px;
	color: #666666;
}

span.contentSetSelected {
	color:#black !important;
	text-decoration:none !important;
	padding-right:8px;
	color: #333333;
}

/* middle column news items */
div.newslist {
	margin-top: 0px;
}
div.thinnewsrow {
	CLEAR: both;
	position: relative;
	width: 500px;
}
div.thinnewsleftcolumn {
	float: left;
	position: relative;
	width: 245px;
	padding: 0px;
	margin-right: 10px;
}
div.thinnewsleftcolumn p {
	width: auto;
	color: #333333;
}
div.thinnewsrightcolumn {
	float: right;
	position: relative;
	width: 245px;
	padding: 0px;
}
div.thinnewsrightcolumn p {
	width: auto;
	color: #333333;
}
div.thinnewsitem {
	position: relative;
	min-height: 79px;
	height:auto !important;
	height: 79px;
	width: 245px;
	margin-bottom: 16px;
}
div.newsitem {
	position: relative;
	min-height: 79px;
	height:auto !important;
	height: 79px;
	width: 500px;
	margin-bottom: 16px;
}
div.thinnewsitem p, div.newsitem p {
	width: auto;
	background: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}
div.newsitem p a, div.thinnewsitem p a  {
	font-size: 11px !important;
}
/* Different IE version need both variations of the same 3 rules in the next part */
div.thinnewsitem > a.header, div.newsitem > a.header {
	color: #6e6c70;
}
div.thinnewsitem a.header, div.newsitem a.header {
	color: #6e6c70;
}
div.thinnewsitem > a, div.newsitem > a {
	color: #e05314;
	text-decoration: none;
}
div.thinnewsitem a, div.newsitem a {
	color: #e05314;
	text-decoration: none;
}
div.thinnewsitem > a:hover, div.newsitem > a:hover {
	color: #e05314;
	text-decoration: underline;
}
div.thinnewsitem a:hover, div.newsitem a:hover {
	color: #e05314;
	text-decoration: underline;
}
span.storyimage {
	float:left;
	margin-right:16px;
	margin-bottom:2px;
}
div#storynews p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	width: auto;
	padding: 0px;
	margin: 5px 0px;
	margin-left: 3px;
}
div#storynews > p {
	background-image: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: auto;
	color: #333333;
}
/* middle column bottom area (top, back)*/
div#contentbottom {
	margin: 10px 0px;
	font-family: Verdana, sans-serif;
	float: right;
	font-size: 10px;
	width: 500px;
	margin-top: 20px;
}

div#contentbottom span {
	font-weight: normal;
	margin-right: 0px;
}
div#contentbottom span.bottomcontentnavi {
	font-weight: bold;
	margin-right: 20px;
}
/* bottom right corner banner area */
div#bottombanner {
	position: relative;
	float: right;
	width: 984px;
	height: auto;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
div.bottombannercontainer {
	position: absolute; 
	bottom: 0px;
	right: 7px;
	margin: 0px;
	padding: 0px;
}
div.bannercontainer img {
	margin: 0px;
	padding: 0px;
}

/* Footer */
div#footer {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 984px;
	height: 40px;
	background-color: white;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #6e6c70;
}
div#footercontent {
	float: left;
	background-image: url('shadow_bottom.png');
	background-repeat: no-repeat;
	width: 984px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
div#footerPrint {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 500px;
	height: 40px;
	background-color: white;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #6e6c70;
}
div#footercontentPrint {
	background-image: url('shadow_bottom.png');
	background-repeat: no-repeat;
	width: 500px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
ul#footnavi {
	z-index: 20;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#footnavi li {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px 8px;
	float: left;
	text-align: center;
}
ul#footnavi li.copyright {
	margin-left: 15px;
}

/* Sitemap */
div#sitemap{
	width: auto;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #e05314;
	margin: 0px;
	margin-top: 10px;
	line-height: 15px;
	position: relative;
}
div.leftFirstFalse {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:0px
	font-weight: bold;
	margin-top:4px;
}
div.leftFirstTrue {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:0px;
	font-weight: bold;
	margin-top:4px;
}
div.leftSecondFalse {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:10px;
	margin-top:4px;
}
div.leftSecondTrue {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:10px;
	margin-top:4px;
}
div.leftThirdFalse {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:20px;
	margin-top:4px;
}
div.leftThirdTrue {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:20px;
	margin-top:4px;
}
div.leftFourthTrue {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:30px;
	margin-top:4px;
}
div.leftFourthFalse {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:30px;
	margin-top:4px;
}
div.leftFifthFalse {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:40px;
	margin-top:4px;
}
div.leftFifthTrue {
	background: url('nosub.png') no-repeat left center;
	padding-left:10px;
	margin-left:40px;
	margin-top:4px;
}