/*
	Suominen - screen.css
	Created 25.01.2008 by Yaggo / Crasman Co Ltd
	
	Main colors:
	
	#0850a4 (sky blue)
	#cddded (light blue)
	#272324 (dark gray)
	#667178 (medium gray)
	#e1e1e5 (light gray)
	#b8cad3 (bluish gray)
	#009fb1 (turquoise)
	#f7aa53 (orange)
	
	How to calculate relative fontsizes:
	<size-in-pixels>/12 = <size-in-ems>, where 12 (px) is fontsize of parent element.
	
	http://www.alistapart.com/articles/howtosizetextincss/
*/

BODY {
	background: #ecf1f7 url(../img/body_bg.png) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
}

ul { margin-left: 1.5em; padding-left: 0 }

#root {
	margin: 0 auto;
	width: 988px;
	min-height: 810px;
	font-size: 0.75em; /* 12px as default font size */
}

#toolbar {
	clear: both;
	background: url(../img/header_bg.png) center top no-repeat;
	text-align: right;
	padding: 19px 38px 5px;
	margin: 0;
	font-size: 0.92em; /* 11px */
	line-height: 21px;
	position: relative;
}

	#toolbar .fontsize {
		width: 50px;
		height: 17px;
		padding: 1px;
		background: url(../img/fontsize_bg.png) no-repeat;
		float: right;
		margin-top: 2px;
	}

	#toolbar .fontsize * {
		float: left;
		width: 16px;
		height: 15px;
		line-height: 15px;
		/*border: 1px solid #fff;*/
		background: #fff;
		text-align: center;
		font-family: verdana;
		display: inline;
		text-transform: uppercase;
		text-align: center;
	}

	#toolbar .fontsize *:hover {
		background: #e9e9e9;
	}

	#toolbar .fontsize .smaller {
		font-size: 10px;
	}

	#toolbar .fontsize .medium {
		font-size: 13px;
	}

	#toolbar .fontsize .bigger {
		font-size: 16px;
	}

	#toolbar #language {
		float: right;
		margin: 0 20px;
		padding: 0;
	}
	
		#toolbar #language LI {
			display: inline;
			padding: 0 7px;
			border-right: 1px solid #c2c2c2;
		}
	
		#toolbar #language LI.last {
			border: 0;
		}

		#toolbar #language LI.extra {
			border-left: 1px solid #c2c2c2;
			border-right: 0;
		}
		
	#toolbar .search {
		float: right;
		margin: 0 0 0 10px;
	}
	
		#toolbar .search .text {
			float: left;
			width: 126px;
			height: 16px;
			border-width: 1px;
			border-style: solid;
			border-color: #a6a8aa #ddd #ddd #ddd;
			background: #fff url(../img/search_input_bg.png) no-repeat;
			padding: 1px;
			font-size: 0.95em;
			line-height: 14px;
		}
		
		#toolbar .search .submit {
			float: left;
			height: 18px;
			border: 1px solid #c8dbec;
			border-left: 0;
			background: #dfeaf4 url(../img/search_submit_bg.png) top left no-repeat;
			color: #464646;
			line-height: 18px;
			padding: 0 9px 0 17px;
		}
	
#header {
	clear: both;
	margin: 0 auto;
	background: url(../img/header_bg.png) center bottom no-repeat;
	padding: 0 38px 0 0;
}

	#header LI {
		background: url(../img/topnavi_separator.png) left center no-repeat;
		float: right;
		font-size: 1.25em; /* 15px */
	}
	
	#header LI A {
		display: block;
		/*padding: 20px 25px;*/
		padding: 20px 16px;
	}

	#header LI.last {
		padding-right: 0;
		background: none;
	}

	#header LI.current {
		background: url(../img/topnavi_current_bg.png) left center no-repeat;
		margin-right: -1px;
	}
	
	#header LI.current A {
		background: url(../img/topnavi_current_right_bg.png) right center no-repeat;
		color: #777;
		margin-left: 1px;
	}
			
	#header LI.logo {
		float: none;
		width: 235px;
		background: url(../img/suominen_logo.png) 32px center no-repeat;
		text-indent: -1000px;
	}
	
#main {
	clear: both;
	margin: 0 auto;
	padding: 0 18px 75px 18px;
	background: url(../img/main_bg.png) no-repeat left top;
}

	#main #top {
		border-bottom: 3px solid #cddded;
		padding: 33px 9px 12px 9px;
		margin: 0 0 2px 0;
		color: #555;
	}
	
		#breadcrumb {
			font-size: 0.9em; /* 11px */
		}
		
		#products {
			float: right;
			font-size: 1.25em; /* 15px */
			text-align: right;
			margin-top: -9px;
		}

		.finnish #products {
			background: url(../img/label_tuotteet.png) left center no-repeat;
			padding-left: 80px;
		}

		.english #products {
			background: url(../img/product_segments.png) left center no-repeat;
			padding-left: 130px;
		}

		.polish #products {
			background: url(../img/product_segments_pl.png) left center no-repeat;
			padding-left: 153px;
		}
		.russian #products {
			background: url(../img/product_segments_rus.png) left center no-repeat;
			padding-left: 100px;
		}
		
		
	#main #middle {
		clear: both;
	}
	
		#sidebar {
			width: 188px;
			font-size: 0.92em; /* 11px */
			margin-right: 32px;
		}
		
			#sidebar > * {
				margin: 0 0 19px 0;
			}
			
			#sidebar .navi {
				background: #f9fbfd url(../img/subnavi_bg.png) repeat-x;
				padding: 25px 7px;
			}
			
				#sidebar .navi LI {
					/*border-bottom: 1px dotted #7c7c7c;*/
					background: url(../img/subnavi_dotted_bg.png) bottom left repeat-x;
				}

				#sidebar .navi LI UL LI {
					border: 0;
					background: none;
				}
				
				#sidebar .navi LI A {
					display: block;
					background: url(../img/triangle.png) 6px center no-repeat;
					padding: 6px 6px 6px 15px;
				}

				#sidebar .navi LI.current A {
					background-color: #fafafa;
				}

				#sidebar .navi LI.current UL LI A {
					background-color: transparent;
				}
				
				#sidebar .navi LI.current > A {
					color: #009fb1;
				}
				
			#sidebar .section {
				margin: 20px 0;
			}
			
			#sidebar .news LI {
				padding: 6px 0;
				border-bottom: 1px dotted #dbdbdb;
				color: #80a6cf;
				margin: 0;
			}
		
		#content {
			width: 720px;
			color: #555;
		}
		
		#content H1 {
			margin: 27px 0 13px 0;
			font-size: 2.08em; /* 25px */
			font-weight: normal;
			color: #0850a4;
		}
		
		H2 {
			color: #555555;
			font-size: 1.25em; /* 15px */
			margin: 0.8em 0;
		}
		
		#content H3,
		#content H4,
		#content H5,
		#content H6 {
			font-size: 1.25em; /* 15px */
			color: #667178;
			margin: 0.8em 0;
		}

		H2, H3, H4, H5, H6 {
			font-size: 1.25em; /* 15px */
			color: #667178;
			margin: 0.8em 0;
		}
		
		#content TABLE {
			width: 100%;
			border-collapse: collapse;	
		}
		
		#content TABLE TR.nth-child-even TD {
			background: #eaf1f8;
		}

		#content TABLE TR.first-child {
/*			border-bottom: 1px solid #b8cad3;*/
		}

		#content TABLE TR.last-child {
/*			border-top: 1px solid #b8cad3;*/
		}
		
		#content TABLE TD {
			padding: 0.4em;
		}
		
		#content .gfx {
			float: left;
			margin: 8px 10px 8px -7px;
			padding: 5px 5px 3px 3px;
			overflow: hidden;
		}
				
		#content .gfx-half {
			width: 354px;
			height: 183px;
			background: url(../img/gfx_shadow_354x183.png) no-repeat;
		}

		#content .gfx-one-third {
			width: 231px;
			height: 125px;
			margin-right: 12px;
			background: url(../img/gfx_shadow_239x133.png) no-repeat;
		}

		#content .gfx-one-fourth {
			width: 167px;
			height: 89px;
			margin-right: 12px;
			background: url(../img/gfx_shadow_175x97.png) no-repeat;
		}
		
		#content .gfx-full {
			float: none;
			width: 721px;
			height: 201px;
			background: url(../img/gfx_shadow_721x201.png) no-repeat;			
		}

		#content .gfx-last {
			margin-right: 0;
		}

		#content .gfx IMG {
			border: 3px solid #fff;
		}
		
		#content .gfx .frame {
			border: 3px solid #fff;
			margin-right: 8px;
		}
		
		#content .gfx OBJECT, #content .gfx EMBED {
			display: block;
		}
				
		#content .intro {
			color: #667178;
			font-size: 1.33em; /* 16px */
			padding: 0 0 1em 0;
			border-bottom: 1px solid #cddded;
			margin: 1em 0 0.5em 0;
		}
		
		#content .column-last {
			margin-right: 0;
		}
		
		#content .column-half {
			width: 330px;
		}

		#content .column-two-third {
			width: 490px;
			margin-right: 0;
		}

		#content .column-one-third {
			width: 230px;
		}

		#content .column-full {
			float: none;
		}

		#content .columned .hilite,
		#content H5,
		#content H6 {
			/* H6 & H5 misused due to tinymce limitations */
			margin: 1em auto;
			width: 159px;
			background: url(../img/kaari_bg.png) no-repeat;
			/*padding: 8px 24px;*/
			padding: 24px;
			font-weight: normal;
			color: #555;
			font-size: 1em;
		}
		
		#content .column-full H5 {
			float: right;
			margin-left: 1.5em;
			padding-top: 20px;
		}

		#content .column-full H6 {
			float: left;
			margin-right: 1.5em;
			padding-top: 20px;
		}

		#column-half #content H5 {
			padding-top: 20px;
			margin: 1em 0;
			background-position: right top;
			padding-left: 147px;
			width: auto;
			float: none;
		}

		#column-half #content H6 {
			padding-top: 20px;
			margin: 1em 0;
		}
		
		#content P {
			margin: 1em 0;
		}



#main-front .top {
	background: url(../img/frontpage_theme_bg.png) left bottom no-repeat;
	clear: both;
	min-height: 313px;
	position: relative;
}

	#main-front .top .carousel {
		position: relative;
		overflow: hidden;
		height: 312px;
	}

	#main-front .top .frame {
		height: 276px;
		width: 424px;
		position: absolute;
		top: 0;
		left: 4px;
		padding: 36px 48px 0 508px;
		/*visibility: hidden;*/
	}

	#main-front .top .frame H3 {
		font-size: 2.5em; /* 30px */
		color: #084fa2;
		margin: 0;
	}

	#main-front .top .frame .summary {
		font-size: 1.5em; /* 18px */
		color: #667178;
		margin: 0.5em 0;
	}

	#main-front .top .frame .text {
		color: #61868a;
		line-height: 1.5em;
		margin: 0.5em 0;
	}

	#main-front .top .frame .read_more {
		font-weight: bold;
		color: #0850a4;
		border-bottom: 1px dotted #0850a4;
	}

	#main-front .top .frame .navi {
		text-align: center;
		line-height: 1.7em;
		position: absolute;
		bottom: 20px;
		width: 424px;
		text-align: center;
	}

	#main-front .top .frame .navi A {
		font-size: 1.25em; /* 15px */
		padding: 0.45em 0;
	}

	#main-front .top .frame .navi A.prev {
		padding-right: 28px;
		background: url(../img/circle_arrow_prev.png) right center no-repeat;
		text-align: right;
	}

	#main-front .top .frame .navi A.next {
		padding-left: 28px;
		background: url(../img/circle_arrow_next.png) left center no-repeat;
		text-align: left;
	}

	#main-front .top .frame .navi .index {
		font-size: 1.083em; /* 13px */
		color: #667178;
		text-align: center;
		margin: 0 1em;
	}

#main-front .middle {
	background: url(../img/frontpage_infobar_bg.png) no-repeat;
	clear: both;
	padding: 20px 30px 12px 30px;
	color: #707070;
	font-size: 1.08em; /* 13px */
}

	#main-front .middle .share {
		background: url(../img/share_icon.png) no-repeat;
		padding: 6px 0 0 34px;
		margin-top: -4px;
	}
	
	#main-front .middle .share * {
		display: inline;
	}

	#main-front .middle .hidden TABLE {
		display: none;
	}
		
	#main-front .middle UL {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#main-front .middle UL LI {
		margin-left: 1em;
	}

	#main-front .middle UL LI {
		color: #555;
	}

	#main-front .middle UL LI EM {
		color: #6487ae;
		font-style: normal;
	}
	
#main-front .bottom {
	background: url(../img/frontpage_three_col_bg.png) no-repeat;
	clear: both;
	min-height: 328px;
	padding: 0 20px;
}

	#main-front .bottom H3 {
		font-size: 1.54em; /* 17px */
		font-weight: normal;
		color: #545454;
		margin: 0.1em 0;
	}

	#main-front .bottom H4 {
		font-size: 1.54em; /* 17px */ 
		font-weight: normal;
		color: #084fa2;
		margin: 0.1em 0;
	}
	
	#main-front .bottom .column {
		width: 326px;
		padding: 20px;
		font-size: 0.92em;
		margin-right: 0;
	}

	#main-front .bottom .first {
		width: 236px;
	}

	#main-front .bottom .last {
		width: 254px;
	}

	#main-front .news {
		margin-top: 1em;
	}
		
	#main-front .news LI {
		border-bottom: 1px dotted #dbdbdb;
		position: relative;
		padding: 0.2em 0;
		margin: 0.5em 0;
		color: #80a6cf;
	}

	#main-front .news LI .date {
		float: left;
		display: block;
		position: absolute;
	}
	
	#main-front .news LI A {
		display: block;
		font-weight: bold;
		margin-left: 6em;
	}
	
	#main-front #footer {
		padding: 30px 10px 100px 10px;
		background: none;
	}
					
#footer {
	clear: both;
	background: url(../img/footer_bg.png) no-repeat bottom center;
	padding: 30px 30px 100px 30px;
}

	#footer .bar {	
		background: url(../img/footer_bar_bg.png) repeat;
		color: #7d7d7d;
		text-align: center;
		font-size: 0.92em; /* 11px */
		padding: 9px;
	}
	
	#footer .bar * {
		margin: 0 8px;
	}
	
	#footer .bar .copy {
		margin-right: 42px;
	}
	
	#footer .bar A {
		color: #7d7d7d;	
		background: url(../img/icon_link.png) left center no-repeat;
		padding-left: 7px;
	}

	#footer .bar .print {
		background: url(../img/icon_print.png) left center no-repeat;
		padding-left: 16px;
	}


/*
	Generic styles
*/

.clearer {
	clear: both;	
}

.float_left {
	float: left;	
}

.float_right {
	float: right;
}

.no_float {
	float: none;	
}

.columned .column {
	float: left;
	margin-right: 3em;
}

.columned .last {
/*	float: right;*/
	margin-right: 0;
}

UL.navi,
UL.semantic {
	padding: 0;
	margin: 0;
	list-style: none;
}

UL.navi UL {
	padding: 0 1em 0.5em 1em;
	margin: 0;
	list-style: none;
}

.product_bullets {
	background: url(../img/product_list_bg.png) repeat-x;
	border-top: 1px solid #e5e7e6;
	border-bottom: 1px solid #e5e7e6;
	margin: 2em 0;
	padding: 6px;
}

.product_bullets TABLE {
	/* We misuse TABLE  */
	border: 0;
	margin: 0;
	height: auto;
}

.product_bullets TABLE TR {
	border: 0 !important;
	margin: 0;
	padding: 0;
}

.product_bullets TABLE TD {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.product_bullets UL {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product_bullets UL LI {
	background: url(../img/bullet.png) left center no-repeat;
	padding-left: 1em;
	margin-bottom: 4px;
}

A {
	color: #0850a4;	
	text-decoration: none;
}

A IMG {
	border: 0;	
}

FIELDSET {
	margin: 0;
	padding: 0;
	border: 0;	
}

.clickable {
	cursor: pointer;	
}

.hidden {
	display: none;	
}

/* Contact information tables */

table.contact {
  margin: 0;
  padding: 0;
}

.contact td {
  padding: 0;
  vertical-align: top;
}

/* IR Orderform tables */

.orderform th{
text-align: right;
background: #ffffff;
}

.orderform table{
background: #ffffff;
}

.orderform tr{
background: #ffffff;
}

.orderform_td{
background: #ffffff;
  padding: 0;
  vertical-align: top;
}


/* "Math" tables */

table.math {
  position: relative;
}

.math th,
.math td {
  padding: 3px 5px;
}

.math .equals {
  width: 20px;
  font-weight: bold;
}

.math th {
  height: 80px;
  width: 90px;
  border-bottom: 10px solid white;
}

.math td.field1,
.math td.field2 {
  height: 40px;
  text-align: center;
}

.math td.field1 {
  border-bottom: 1px solid black;
  vertical-align: bottom;
}

.math td.field2 {
  border-bottom: 10px solid white;
  vertical-align: top;
}

/* Table fix */

#content td p { margin:0; padding: 0;}

/* AmerThermo competition form 12.5.09 SH */

.competition tr th{

text-align: right;

}