/* Start of CMSMS style sheet 'th-css' */
html>body {
font-size:100%;
}

body {
background-color:#666;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
line-height:1.1em;
margin-top:0;
padding-top:0;
}

h1 {
font-size:1.4em;
font-weight:bold;
line-height:1.2em;
margin-bottom:14px;
margin-top:0;
padding:0;
}

h2 {
font-size:1em;
font-weight:bold;
line-height:1.2em;
margin-bottom:6px;
margin-top:20px;
padding:0;
}

h3 {
font-size:1em;
font-weight:bold;
line-height:1.2em;
margin-bottom:6px;
margin-top:0;
padding:0;
}

h4 {
font-size:0.9em;
font-weight:bold;
line-height:1.2em;
margin-bottom:3px;
margin-top:0;
padding:0;
}

p {
font-size:0.8em;
margin-bottom:14px;
margin-top:0;
padding:0;
}

a:link {
color:#990000;
}

a:visited {
color:#990000;
}

a:active {
color:#990000;
}

#shadow {
width: 790px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
background-image:url(/images/shadow.jpg);
}

#shadow-bottom {
width:790px;
height:4px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
background-image:url(/images/shadow_bottom.jpg);
background-repeat: no-repeat;
}

#container {
background-color:#FFF;
border-bottom:solid 1px #555;
border-left:solid 1px #555;
border-right:solid 1px #555;
margin-left:auto;
margin-right:auto;
margin-top: 0;
margin-bottom: 0;
width:780px;
}

#top-wrap {
background-color:#FFF;
background-image:url('/images/yla_harmaa.jpg');
background-position:top;
background-repeat:repeat-x;
width:780px;
}

#top-wrap a {
font-family:Arial,Helvetica,sans-serif;
color:#666;
font-size: 16px;
margin: 0px;
text-decoration: none;

}

#top-left {
float:left;
padding:16px 12px;
width:180px;
}

#top-right {
float:right;
width:500px;
}

#lang-search-menu {
background-color:#333;
background-image:url('/images/left_soft_languagebar.gif');
background-position:left bottom;
background-repeat:no-repeat;
float:right;
padding:0px 0px 0px 12px;
height: 21px;
}

#lang-search-menu a {
color:#FFF;
font-size:0.75em;
padding-right:20px;
text-decoration:none;
}

#lang-search-menu img {
border: none;
padding:5px 0px 0px 0px;
}

#products-teaser {
background-color:#FFF;
float:right;
margin:22px 12px 0 0;
padding:0;
}

#content {
background-color:#fff;
margin:0;
min-height:340px;
padding:12px;
}

#content_left {
border-right:solid 1px #CCC;
float:left;
margin-bottom:12px;
min-height:350px;
padding-right:20px;
width:456px;
}

#content_right {
border-left:solid 1px #CCC;
float:right;
margin-bottom:20px;
margin-left:-1px;
padding-left:19px;
width:260px;
}

#content_left_news {
border-right:solid 1px #CCC;
float:left;
margin-bottom:20px;
min-height:350px;
padding-right:50px;
width:495px;
}

#content_right_news {
border-left:solid 1px #CCC;
float:left;
margin-bottom:20px;
margin-left:-1px;
padding-left:19px;
width:170px;
}

#content_left_minisite {
border-right:solid 1px #CCC;
float:left;
margin-bottom:20px;
min-height:350px;
padding-right:50px;
width:500px;
}

#content_right_minisite {
border-left:solid 1px #CCC;
float:left;
margin-bottom:20px;
margin-left:-1px;
padding-left:19px;
width:170px;
}

#content_frontpage {
width:100%;
}

#content_left_frontpage {
float:left;
margin-bottom:12px;
padding-right:12px;
width:420px;
}

#content_right_frontpage {
background-color:#f4f4f4;
border-top:solid 3px #CCC;
float:right;
margin-bottom:10px;
padding:7px 14px 14px;
width:285px;
}

#content_right_frontpage h3 {
padding:0 0 6px;
}

.normaali {
font-size:0.8em;
margin:0;
}

#content_right .pieniteksti {
font-size:0.75em;
margin:0;
}

#footer {
background-color:#333;
border-top:solid 3px #999;
clear:both;
color:#FFF;
font-size:0.7em;
padding-bottom:3px;
padding-top:3px;
text-align:right;
width:100%;
}

#footer a {
color:#FFF;
padding-right:12px;
}

#situation {
background-color:#f4f4f4;
border-bottom:solid 1px #eaeaea;
color:#000;
font-size:0.75em;
padding-bottom:6px;
padding-left:12px;
padding-top:6px;
}

#frontpage-news .frontpage-news-header {
margin-bottom:1px;
}

#frontpage-news p {
margin-bottom:6px;
}

.frontpage-news-subject {
font-weight:bold;
}

.frontpage-news-date {
color:#666;
}

#address_bottom {
background-color:#666;
clear:both;
color:#FFF;
font-size:0.7em;
padding-top:5px;
margin-top: 0;
text-align:center;
width:100%;
}

#address_bottom a {
color:#FFF;
}

#address_bottom img {
padding: 0 5px 0 5px;
vertical-align: middle;
}

#menuspace {
float:left;
font-size:1px;
padding-left:0;
width:0;
}

#menuwrapper {
background-color:#990000;
border-bottom:solid 3px #999;
overflow:hidden;
padding-left:12px;
width:768px;
}

#menuwrapper a {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
text-decoration:none;
}

#primary-nav li li {
border-bottom:solid 1px #FFF;
clear:both;
float:left;
margin-left:0;
margin-top:0;
position:relative;
width:170px;
}

#primary-nav,#primary-nav ul {
list-style:none;
margin:0;
padding:0;
}

#primary-nav ul {
display:none;
position:absolute;
top:auto;
}

#primary-nav ul ul {
left:100%;
margin-left:-1px;
margin-top:1px;
top:0;
}

#primary-nav li {
float:left;
margin-left:-1px;
}

#primary-nav a {
display:block;
margin:0;
padding:3px 15px;
text-decoration:none;
}

#primary-nav li,#primary-nav li.menuparent {
background-color:#990000;
}

#primary-nav li.menuactive a {
color:#FFF;
}

#primary-nav li.menuactive {
background-color:#999;
}

#primary-nav li:hover,#primary-nav li.menuh,#primary-nav li.menuparenth,#primary-nav li.menuactiveh {
background-color:#333;
}

#primary-nav ul,#primary-nav li:hover ul,#primary-nav li:hover ul ul,#primary-nav li.menuparenth ul,#primary-nav li.menuparenth ul ul {
display:none;
}

#primary-nav li:hover ul,#primary-nav ul li:hover ul,#primary-nav ul ul li:hover ul,#primary-nav li.menuparenth ul,#primary-nav ul li.menuparenth ul,#primary-nav ul ul li.menuparenth ul {
display:block;
}

#primary-nav li li a {
height:1%;
}

.tekstilaatikko {
background-color:#f4f4f4;
border:solid 1px #ccc;
color:#000;
display:block;
padding:10px;
}

.kuva_harmaa_reuna {
border:solid 1px #ccc;
}

#content_left ul li,#content_right ul li,#content_left_minisite ul li,#content_left_news ul li {
font-size:0.8em;
line-height:1.4em;
list-style-image:url(/images/greybullet.gif);
margin-left:0;
padding-bottom:7px;
padding-left:0;
}

#content ol li {
font-size:0.8em;
line-height:1.4em;
margin-left:-10px;
padding-bottom:7px;
}

#content_right_minisite ul {
border:none;
list-style:none;
margin:0;
padding:0;
}

#content_right_minisite li {
border:none;
list-style:none;
margin:0;
padding:0;
}

#content_right_minisite ul li {
font-size:0.8em;
line-height:1.4em;
list-style:none;
margin-left:0;
padding-left:0;
}

#content_right_minisite ul ul li {
font-size:1em;
font-weight:normal;
line-height:1.4em;
list-style:none;
margin-left:0;
padding-bottom:2px;
padding-left:0;
padding-top:3px;
}

#content_right_minisite .currentpage {
font-weight:bold;
}

.right_menu_bullet {
margin-left:0;
padding-left:20px;
}

.right_menu_bullet .currentpage {
font-weight:bold;
}

.sitemap {
font-size:0.8em;
list-style-image:url(/images/greybullet.gif);
}

.sitemap li {
font-weight:bold;
}

.sitemap ul {
margin-left:0;
padding-bottom:7px;
padding-left:20px;
}

.sitemap li li {
font-weight:normal;
}

#NewsPostDetailSummary {
font-weight:bold;
}

.row1 td {
background-color:#f4f4f4;
border-bottom:solid 1px #EAEAEA;
border-top:solid 1px #EAEAEA;
color:#000;
font-size:0.8em;
padding-bottom:5px;
padding-top:5px;
}

.row2 td {
background-color:#FFF;
color:#000;
font-size:0.8em;
padding-bottom:5px;
padding-top:5px;
}

.lomake_viesti textarea {
width:300px;
}

.sg_subject {
color:#333;
font-family:Arial, Helvetica, Sans-serif;
font-size:0.9em;
font-weight:bold;
line-height:1.1em;
padding:0;
}

#sg-tpl-kuva .sg_backfront {
display:none;
}

#sg-tpl-albumi .sg_main-nav {
display:none;
}

#sg_container {
margin:0;
padding:0;
width:100%;
}

#sg_options {
float:right;
margin:0;
text-align:right;
}

#sg_main-nav {
padding-bottom:20px;
}

.sg_crumb {
font-size:0.8em;
}

.sg_gallery {
float:left;
height:175px;
margin:0 20px 0 0;
padding:0;
width:120px;
}

.sg_album {
clear:both;
margin:0;
padding:0;
}

.sg_image {
float:left;
padding:0;
width: 500px;
}

.sg_image img {
border:1px solid #ccc;
padding:0;
}

.sg_preview {
margin:0 0 0 520px;
text-align:left;
}

.sg_gallery_summary {
background-color:#f4f4f4;
border:1px solid #CCC;
margin:0 0 0 520px;
padding:10px;
text-align:left;
width:182px;
}

.sg_imagename {
padding-bottom:15px;
padding-top:15px;
width:410px;
}

.sg_foot {
clear:both;
}

.sg_backfront {
float:right;
margin:0;
padding:3px 30px 0 0;
}

.sg_gallery p {
margin-top:5px;
}

p.sg_tab {
clear:both;
line-height:16px;
margin:-16px 32px 0 24px;
padding:0;
text-align:right;
}

p.sg_tab a {
margin-left:10px;
}

.sg_album a {
float:left;
height:100px;
margin:10px;
text-align:center;
width:100px;
}

.sg_album img {
background-color:#FFF;
border:1px solid #CCC;
padding:0;
}

.sg_gallery img {
background-color:#FFF;
border:1px solid #CCC;
margin-right:0;
padding:0;
}

a:hover img.sgThumbnailAlbum,a:hover img.sgThumbGallery {
border:1px solid #CCC;
}

.sg_preview a {
border:none;
}

.sg_preview a img {
border:1px solid #CCC;
color:silver;
margin:0 13px 13px 0;
opacity:0.7;
padding:0;
}

.sg_preview img.sgThumbnailPreviewCurrent {
border:1px solid #999;
opacity:1;
}

.sg_preview a:hover img {
border:1px solid #999;
opacity:1;
}

.sg_preview a:hover img.sgThumbnailPreviewCurrent {
border:1px solid #999;
opacity:1;
}

#letter {
font-size: 0.8em;
margin-bottom: 10px;
}

#letter img {
border: 2px;
}

form {
font-size:0.8em;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
height:200px;
width:320px;
}

.columntwo {
float:left;
margin:0 20px 20px 0;
padding:0;
width:320px;
}

.columnthree {
float:left;
margin:0 17px 0 0;
padding:0;
width:180px;
}

.column_image {
border:solid 1px #ccc;
float:left;
margin-bottom:10px;
margin-right:20px;
padding:0;
}

.column_image_right {
border:solid 1px #ccc;
float:right;
margin-bottom:0;
margin-left:20px;
padding:0;
}

.columnone {
background:#fff;
padding:0;
width:260px;
}

.columnfrontpageleft {
background:#fff;
border-right:solid 1px #ccc;
float:left;
margin:0;
padding:0 21px 0 0;
width:180px;
}

.columnfrontpagecenter {
background:#fff;
border-left:solid 1px #ccc;
float:left;
margin:0 0 0 -1px;
padding:0 21px 0 18px;
width:180px;
}

.columnfrontpageright {
background:#fff;
border-left:solid 1px #ccc;
float:left;
margin:0 0 0 -1px;
padding:0 0 0 18px;
width:180px;
}

.column_frontpage_top {
padding-bottom:15px;
width:100%;
}

.column_frontpage_top img {
padding:0 30px 0 0;
}

.column_clearboth, .clear {
clear:both;
}

#etusivu_teaser_color {
background-color:#f4f4f4;
margin:0 0 12px;
width:100%;
}

.teaser_subjectfirst {
color:#666;
font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
font-size:2em;
font-weight:bold;
margin:0;
padding:12px 0 8px 12px;
}

.teaser_subjectfirstsmall {
color:#666;
font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
margin:0;
padding:12px 0 8px 12px;
}

.teaser_subjectsecond {
color:#666;
font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
line-height:1.1em;
margin:0;
padding:0 0 8px 12px;
}

.teaser_subjectsecondsmall {
color:#666;
font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:1.1em;
margin:0;
padding:0 0 8px 12px;
}

.teaser_text {
color:#000;
font-size:0.8em;
margin:0;
padding:0 0 0 12px;
}

.teaser_link {
color:#000;
font-size:0.8em;
font-weight:bold;
margin:0;
padding:5px 0 12px 12px;
}

#error {
background-color:#ffffcc;
border:dashed 1px #ffcc00;
margin-bottom:20px;
padding:8px;
}

#error p {
margin:0;
}


/* LIGHTBOX */
div.header {
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-image: url(/images/resources/title_jojo.png);
}

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(/images/resources/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(/images/resources/overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(/images/resources/blank.gif);
	filter: Alpha(opacity=50);
}


/* FORM */
	#form_box {
		width: 400px;
		background-color:#f4f4f4;
		border:solid 1px #ccc;
		color:#000;
		display:block;
		padding:10px;
                margin-bottom: 10px;
	}

	#form_box h2 {
		font-size:16px;
              font-family: Arial, Helvetica, sans-serif; 
		font-weight:bold;
              margin-top: 0px;
		margin-bottom:8px;
	}
	#form_box p{
		font-size:12px;
              font-family: Arial, Helvetica, sans-serif; 
		color:#000000;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	#form_box label{
		display:block;
		font-weight:bold;
		font-size:12px;
              font-family: Arial, Helvetica, sans-serif; 
		text-align:right;
		width:140px;
		float:left;
              padding-top: 4px;
	}
	#form_box .small{
		color:#666666;
		display:block;
		font-size:10px;
              font-family: Arial, Helvetica, sans-serif; 
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#form_box input{
		float:left;
		width:225px;
		margin:2px 0 10px 10px;
		border: 1px solid #666666;
              font-family: Arial, Helvetica, sans-serif; 
		font-size:12px;
	}
	#form_box button{ 
		clear:both;
		margin-left:150px;

	}

	#form_box textarea{
		width: 225px;
		margin:2px 0 15px 10px;
		height: 150px;
		border: 1px solid #666666;
              font-family: Arial, Helvetica, sans-serif; 
		font-size:12px;
       	}

#success {
          background: #E6EFC2;
          color: #529214;
          width: 400px;
          padding: 10px;
          border: 1px solid #C6D880;
          font-family: arial;
          font-size: 12px;
          margin-bottom: 10px;
}

#false {	
          background: #FBE3E4;
          color: #D12F19;
          width: 400px;
	   padding: 10px;
          border: 1px solid #FBC2C4;
          font-family: arial;
          font-size: 12px;
          margin-bottom: 10px;
}

#log {
	width: 590px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://www.timberheart.com/images/spinner.gif) no-repeat center;
}



/* End of 'th-css' */

