@charset "utf-8";

/*********************************************************************
CSS RESET
**********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/*********************************************************************
FONTS
**********************************************************************/

h1 { border-bottom: 1px solid #ecebe5; color: #3a3a34; font: 24px Helvetica, Arial, sans-serif; line-height: 35px; margin: 10px 0 22px; }
h2 { color: #3a3a34; font: normal 18px Helvetica, Arial, sans-serif; margin: 15px 0; }
h3 { color: #3a3a34; font: bold 12px Arial, Helvetica, sans-serif; line-height: 18px; margin: 5px 0 0; }

#innercontent p, 
#innercontent li { color: #3a3a34; font: 12px Arial, Helvetica, sans-serif sans-serif; line-height: 18px; }
#innercontent ul, #innercontent ol { margin: 5px 15px 22px 45px; }
#innercontent ul ul, #innercontent ol ol { margin: 0 0 0 30px; }
#innercontent li { margin: 5px 0; }
#innercontent p { margin: 0 0 22px; }
#innercontent a { color: #de8515; text-decoration: none; }
#innercontent p a:hover, #innercontent li a:hover { border-bottom: 1px solid #de8515; }

#innercontent #output p { margin: 0; }

#innercontent table td { color: #3a3a34; font-size: 12px; padding: 5px 20px 5px 10px; vertical-align: top; }


/*********************************************************************
BODY LAYOUT
**********************************************************************/

html, body { height: 100%; }
body { background: #ddd9cf; font-family: Arial, Helvetica, sans-serif; }
.frontpage #wrapper { background: #fff url('../images/bg-wrapper-frontpage.jpg') no-repeat 50% 0; text-align: center; }
#wrapper { 
	background: #fff url('../images/bg-wrapper.jpg') no-repeat 50% 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -190px;
	text-align: center;
}
#header { height: 97px; margin: 0 auto; text-align: left; width: 960px; }
#header #logo { display: block; float: left; margin: 18px 0 0 27px; }
#header #logo a { display: block; height: 38px; width: 211px; }
#header #logo img.logo { display: block; height: 38px; position: relative; width: 211px; z-index: -10; }


/*** Hakukenttä ***/
#search { 
	background: url('../images/sprite-elements.png') 0 -75px; 
	float: left; 
	height: 39px;
	margin: 13px 0 0 18px; 
	width: 189px;
}
#search input#ajaxSearch_input {
	background: transparent url('../images/sprite-elements.png') 0 -114px;
	border: none;
	color: #7d7d74;
	display: block;
	float: left;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 28px;
	height/**/:/**/ 18px;
	margin: 5px 0 0 5px;
	padding: 7px 8px 3px;
	width: 141px;
	width/**/:/**/ 125px;
}
#search input#ajaxSearch_input:focus { background-position: 0 -142px; }
#search input#ajaxSearch_input:active { background-position: 0 -170px; }
#search input#ajaxSearch_submit {
	background: transparent url('../images/sprite-elements.png') -155px -114px;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 28px;
	margin: 5px 0 0 4px;
	width: 34px;
}
#search input#ajaxSearch_submit:hover { background-position: -155px -142px; }
#search input#ajaxSearch_submit:active { background-position: -155px -170px; }


/*** Breadcrumb ***/
#breadcrumbs { height: 120px; margin: 0 auto; text-align: left; width: 960px; }
#breadcrumbs .crumbBox { color: #ddd9cf; float: left; font: bold 15px Arial, Helvetica, sans-serif; display: block; margin: 32px 15px; width: 780px; }
#breadcrumbs .crumbBox a { color: #ddd9cf; text-decoration: none; }
#breadcrumbs .crumbBox a:hover { color: #ddd9cf; text-decoration: underline; }
#breadcrumbs .currentCrumb { color: #fff; display: block; font-size: 30px; }


/*** Container ***/
#container { background: url('../images/bg-container.jpg') no-repeat 615px 0; margin: 0 auto 10px; text-align: left; width: 960px; }
#innercontent { border-left: 1px solid #ecebe5; float: right; margin: 10px 0 20px; padding: 0 15px 15px 30px; width: 734px; width/**/:/**/689px; }
#sidebar { clear: left; float: left; margin: 10px 0 20px; padding: 0 0 10px; width: 225px; }
.clear_both { clear: both; }


/*** Footer elements & fonts ***/
#footer, .push { height: 190px; }
#footer { background: #ddd9cf url('../images/bg-footer.gif') repeat-x; }
#footer_content { margin: 0 auto; padding: 15px 0; text-align: left; width: 960px; }
#footer_details { background: #e6e3da; clear: both;  margin: 10px 0 5px; padding: 5px 15px 7px; width: 960px; width/**/:/**/930px; }
#footer { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
#footer, #footer a { color: #796e59; text-decoration: none; }
#footer a { background: none; }
#footer a:hover { text-decoration: underline; }
#footer .footer_block { display: block; float: left; margin: 0 15px 15px; width: 210px; }
#footer .offer { background: url('../images/sprite-elements.png') repeat-y -449px -735px; height: 110px; margin: 0 0 15px 0; padding-left: 15px; }
#footer .footer_block h3 { color: #645a45; margin: 2px 0 12px; }
#footer .offer h3 { background: url('../images/sprite-elements.png') no-repeat 0 -700px; margin: 2px 0 8px; padding: 2px 0 2px 30px; }
#footer .spacer { margin: 0 5px; }

#footer .footer_block ul { clear: both; color: #847a64; float: none; margin: 5px 0; }
#footer .footer_block ul li,
#footer .footer_block p { display: block; font: normal 12px Arial, Helvetica, sans-serif; line-height: 16px; margin: 3px 0; }
#footer .footer_block ul li { background: url('../images/sprite-elements.png') no-repeat 0 -759px; padding-left: 12px; }
#footer .footer_block p { line-height: 17px; }
#footer .footer_block ul li a { color: #847a64; }

#footer p.copyright { display: block; float: left; }
#footer #footer_details p.made_by { display: block; float: none; text-align: right; }



/*********************************************************************
ETUSIVUN LAYOUT
**********************************************************************/

.frontpage #container { background: none; }
.frontpage #entry_animation { 
	background: #fff url('../images/bg-entry-animation.jpg') no-repeat 15px 15px; 
	display: block; 
	height: 310px; 
	height/**/:/**/280px; 
	margin: 20px 0 30px; 
	padding: 15px 15px 0;
	width: 960px;
	width/**/:/**/ 930px; 
}
.frontpage #entry_animation.se { background: #fff url('../images/bg-entry-animation-se.jpg') no-repeat 15px 15px; }
.frontpage .column_2 { margin: 0 0 20px; width: 450px; }
.frontpage .column_2.left h2 { background: url('../images/sprite-elements.png') no-repeat 0 -210px; margin: 0 0 20px; padding: 6px 0 6px 42px; }
.frontpage .left { float: left; margin-left: 15px; }
.frontpage .right { float: right; margin-right: 15px; }

.news-item-short { border-bottom: 1px solid #e9e5dc; color: #5b574c; margin: 15px 0 0; padding: 0 10px 15px 10px; }
.news-item-short h3 span.date { font-weight: normal; }
.news-item-short h3,
.news-item-short p,
p.news-archive-link { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; }
.news-item-short h3 a { color: #5b574c; text-decoration: none; }
.news-item-short h3 a:hover { color: #5b574c; text-decoration: underline; }
.news-item-short h3 { font-weight: bold; margin: 0 0 5px; }
p.news-link { margin-top: 5px; }
p.news-archive-link { margin: 15px 10px; }
p.news-link a,
p.news-archive-link a { background: url('../images/sprite-elements.png') no-repeat 100% -253px; color: #5b574c; padding-right: 17px; text-decoration: none; }
p.news-link a:hover, p.news-archive-link a:hover { background-position: 100% -278px; }
p.news-link a:active, p.news-archive-link a:active { background-position: 100% -303px; }

.frontpage .banners img { margin-bottom: 9px; }
.frontpage .banners img.vasen { display: block; float: left; }
.frontpage .banners img.oikea { display: block; float: right; }


/*********************************************************************
SEARCH RESULTS & PAGINATION
**********************************************************************/

p.search-result-hits {}
#search-results { border-bottom: 1px solid #ecebe5; padding: 0 0 22px 0; }
.ajaxSearch_result { font-size: 12px; padding: 15px; }
.ajaxSearch_result.alt-row { background: #f8f7f5; }
#innercontent .ajaxSearch_result h3,
#innercontent .ajaxSearch_result p { margin: 0; }

.ajaxSearch_paging {
	display: block;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
	padding: 10px 0 0;
	text-align: center;
}
span.search-link { text-align: center; }
span.search-link a { 
	background-color: white;
	color: #de8515;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #de8515;
}
span.search-link-current {
	background-color: #de8515;
	color: white;
	border: 1px solid #de8515;
	padding: 4px 7px;
}
span.search-link a:hover {
	color: #96140a;
	border: 1px solid #96140a;
}
span.search-link-off {
	border: 1px solid #d9d3ca;
	color: #ada497;
	padding: 4px 7px;	
}


/*********************************************************************
AJANKOHTAISTA & PAGINATION
**********************************************************************/

#innercontent .news-list { border-bottom: 1px solid #ecebe5; margin: 15px 0; padding: 0 0 22px 0; }
#innercontent .news-date p { font-size: 11px; font-weight: bold; margin: 0; }
#innercontent .news-item-short { border: none; font-size: 12px; margin: 0; padding: 15px; }
#innercontent .news-item-summary p { }
#innercontent .news-item-short.alt-row { background: #f8f7f5; }
#innercontent .news-item-short h3,
#innercontent .news-item-short p { margin: 0; }
#innercontent .news-item-short p.news-link a { background: none; }

.pagination {
	display: block;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
	padding: 10px 0 0;
	text-align: center;
}
div.pagination a  {
	text-align: center;
}
span.ditto_currentpage {
	background-color: #b3504a;
	color: white;
	border: 1px solid #b3504a;
	padding: 4px 7px;
	margin: 0 2px;
}
a.ditto_page { 
	background-color: white;
	padding: 4px 7px;
	border: 1px solid #d37571;
	margin: 0 2px;
}
.ditto_previous_link , .ditto_next_link, .ditto_next_off, .ditto_previous_off{
	padding: 4px 7px;
	border: 1px solid #d37571;
	margin: 0 2px;
}
.ditto_off {
	border: 1px solid #d9d3ca;
	color: #ada497;
}
a.ditto_page a:hover {
	color: #96140a;
	border: 1px solid #96140a;
}


span.search-link { text-align: center; }
span.search-link a { 
	background-color: white;
	color: #de8515;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #de8515;
}
span.search-link-current {
	background-color: #de8515;
	color: white;
	border: 1px solid #de8515;
	padding: 4px 7px;
}
span.search-link a:hover {
	color: #96140a;
	border: 1px solid #96140a;
}
span.search-link-off {
	border: 1px solid #d9d3ca;
	color: #ada497;
	padding: 4px 7px;	
}



/*********************************************************************
TUOTESIVU
**********************************************************************/

#product-images { 
	background: url('../images/bg-product-images.gif') no-repeat;
	display: block;
	height: 192px;
	height/**/:/**/ 172px;
	margin: 10px 0 15px; 
	padding: 10px;
	position: relative; 
	text-align: center; 
}
#products { clear: both; margin: 35px auto 0; text-align: center; }
#products p { margin: 0 auto; padding: 0; text-align: center; }
#products img { display: block; margin: 0 auto; text-align: center; }
#product-images #nav { margin: 0 auto; position: absolute; top: 10px; left: 50%; margin-left: -5%; }
#product-images #nav a {
	background: url('../images/sprite-elements.png') no-repeat -425px -105px;
	/*color: #d8d6ca;*/
	display: block; 
	float: left;
	height: 9px;
	margin: 0 7px;
	text-indent: -9000px;
	/*font: 11px Tahoma, Arial, Helvetica, sans-serif;*/
	padding: 0;
	width: 9px;
}
#product-images #nav a.activeSlide { background-position: -425px -125px; /*border: 1px solid #d8d6ca; color: #fff;*/ }
#product-images #output { margin-top: 5px; text-align: center; }
#product-images p { 
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif; 
	color: #8c8c88; 
	margin: 0 auto;
	text-align: center;
}
#product-images a#prev, #product-images a#next { 
	height: 32px;
	position: absolute; 
	text-indent: -9000px;
	top: 79px;
	width: 32px;
}
#product-images a#prev { background: url('../images/sprite-elements.png') no-repeat 0px -341px; left: 15px; }
#product-images a#next { background: url('../images/sprite-elements.png') no-repeat -34px -341px; right: 15px; }
#product-images a#prev:hover { background-position: 0 -374px; }
#product-images a#next:hover { background-position: -34px -374px; }
#product-images a#prev:active { background-position: 0 -406px; }
#product-images a#next:active { background-position: -34px -406px; }

/* Tabs */
#innercontent .tabcontainer { padding: 15px 0; margin: 0 0 10px; }
#innercontent .tabcontainer ul.tabs { background: #f8f8f7; border: solid #ecebe5; border-width: 1px 0; height: 35px; margin: 0; padding: 0 5px; }
#innercontent .tabcontainer ul.tabs li { list-style-type: none; float: left; }
#innercontent .tabcontainer ul.tabs a {
	background: #efefec;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	color: #939393;
  	display:block;
  	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 3px;
  	padding: 8px 10px;
  	text-decoration: none;
}
#innercontent .tabcontainer ul.tabs a:hover { background: #fff; color: #939393; }
#innercontent .tabcontainer ul.tabs a:active { background: #f8f8f7; }
#innercontent .tabcontainer ul.tabs a.selected {
  margin-bottom:0;
  color: #3a3a34;
  background: #fff;
  border-bottom:1px solid #fff;
  cursor: default;
  }
#innercontent .tabcontainer div { padding: 20px 10px 5px; clear: left; }
#innercontent .tabcontainer div table { width: 70%; }
#innercontent .tabcontainer div td { border-bottom: 1px solid #ecebe5; padding-right: 30px; width: 50%; }
#innercontent .tabcontainer div ul { margin-top: 0; }



/*********************************************************************
KUVAGALLERIA
**********************************************************************/

#innercontent .thumbscontainer ul { margin: 0; padding: 0; }
.thumbs { clear: both; list-style-type: none; }
.gallery-item { 
	background: #f8f7f5;
	border: 1px solid #eeedec; 
	float: left;
	min-height: 220px;
	margin: 10px 17px 15px 0;
	padding: 10px;
	text-align: center;
	width: 210px;
	width/**/:/**/ 190px; 
}
.gallery-item-image img {
	background: #fff;
	border: 1px solid #e7e6e3;
	float: none;
	margin: 0 auto;
	overflow: visible;
	padding: 4px;
}
#innercontent p.gallery-item-description {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 15px 1px 5px;
	text-align: left;
}


/*********************************************************************
JÄLLEENMYYJÄT › KARTTA
**********************************************************************/

#innercontent .karttatext { clear: left; float: left; display: block; width: 360px; }
#innercontent #kartta { clear: none; display: block; float:right; margin: 0 0 15px 15px; width:280px; }
#suomi, #suomi-se {
 width: 280px;
 height: 380px;
 background: url('../images/bg-kartta.gif') no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}
#suomi-se { background: url('../images/bg-kartta-se.gif') no-repeat; }

#suomi li, #suomi-se li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#suomi a, #suomi-se a {display: block; text-indent: -9999px; text-decoration: none;}
#suomi li a:hover, #suomi-se li a:hover  { border: none; }

#la {left: 65px; top: 2px; width: 135px; height: 165px; z-index: 40;}
#ol {left: 50px; top: 135px; width: 165px; height: 110px;}
#ls {left: 0px; top: 220px; width: 157px; height: 155px;}
#is {left: 145px; top: 222px; width: 135px; height: 110px;}
#es {left: 80px; top: 308px; width: 170px; height: 70px;}

#la a {height: 165px;}
#ol a {height: 110px;}
#ls a {height: 155px;}
#is a {height: 110px;}
#es a {height: 70px;}

.lappi #la a, #la a:hover {background: url('../images/bg-kartta.gif') -65px -384px no-repeat;}
.oulu #ol a, #ol a:hover {background: url('../images/bg-kartta.gif') -50px -895px no-repeat;}
.lasu #ls a, #ls a:hover {background: url('../images/bg-kartta.gif') 0px -602px no-repeat;}
.itsu #is a, #is a:hover {background: url('../images/bg-kartta.gif') -145px -1362px no-repeat;}
.etsu #es a, #es a:hover {background: url('../images/bg-kartta.gif') -80px -1068px no-repeat;}

#suomi-se .lappi #la a, #suomi-se #la a:hover {background: url('../images/bg-kartta-se.gif') -65px -384px no-repeat;}
#suomi-se .oulu #ol a, #suomi-se #ol a:hover {background: url('../images/bg-kartta-se.gif') -50px -895px no-repeat;}
#suomi-se .lasu #ls a, #suomi-se #ls a:hover {background: url('../images/bg-kartta-se.gif') 0px -602px no-repeat;}
#suomi-se .itsu #is a, #suomi-se #is a:hover {background: url('../images/bg-kartta-se.gif') -145px -1362px no-repeat;}
#suomi-se .etsu #es a, #suomi-se #es a:hover {background: url('../images/bg-kartta-se.gif') -80px -1068px no-repeat;}



/*********************************************************************
LANGUAGE SELECTION
**********************************************************************/

#languages ul { 
	background: url('../images/sprite-elements.png'); 
	float: left; 
	height: 23px; 
	list-style-type: none;
	margin: 19px 0 0 412px; 
	position: relative; 
	width: 102px; 
}
#languages li { text-indent: -9000px; position: absolute; }
#languages li, #languages a { display: block; height: 23px; }
#languages ul li a { height: 23px; width: 28px; }

#languages ul li#fin { left: 0; }
#languages ul li#fin a:hover,
#languages ul li#fin.current a { background: url('../images/sprite-elements.png') 0 -23px; }
#languages ul li#fin a:active { background: url('../images/sprite-elements.png') 0 -46px; }

#languages ul li#swe { left: 37px; }
#languages ul li#swe a:hover,
#languages ul li#swe.current a { background: url('../images/sprite-elements.png') -37px -23px; }
#languages ul li#swe a:active { background: url('../images/sprite-elements.png') -37px -46px; }

#languages ul li#eng { left: 74px; }
#languages ul li#eng a:hover,
#languages ul li#eng.current a { background: url('../images/sprite-elements.png') -74px -23px; }
#languages ul li#eng a:active { background: url('../images/sprite-elements.png') -74px -46px; }


/*********************************************************************
MAIN NAVIGATION
**********************************************************************/

#navigation { display: block; float: right; height: 31px; margin: 14px 0 0; overflow: hidden; width: 710px; }
#navigation ul { 
	border-right: 1px solid #7d1010;
	border-left: 1px solid #9a2d2d; 
	float: right; 
	height: 31px; 
	list-style-type: none; 
	text-align: right; 
}
#navigation ul li { display: inline; font: 11px Tahoma, Arial, Helvetica, sans-serif; height: 31px; }
#navigation ul li a { 
	border-right: 1px solid #9a2d2d;
	border-left: 1px solid #7d1010; 
	float: left;
	display: block;
	color: #dfddd5;
	font-weight: bold; 
	padding: 9px 10px 11px 10px; 
	text-decoration: none; 
}
#navigation ul li a:hover { background-color: #7e0c0c; border-right: 1px solid #7e0c0c; } 
#navigation ul li.active a,
#navigation ul li.active a:hover { background-color: #710b0b; border-right: 1px solid #710b0b; }
#navigation ul li a:active { background-color: #670808; border-right: 1px solid #670808; }


/*********************************************************************
SUB NAVIGATION
**********************************************************************/

#sidebar ul { font: 12px Arial, Helvetica, sans-serif; list-style-type: none; }
#sidebar li { }
#sidebar li a { background: transparent url('../images/bg-subnav.gif') no-repeat 203px 10px; border-bottom: 1px solid #ecebe5; color: #3a3a34; display: block; padding: 9px 30px 8px 15px; text-decoration: none; }
#sidebar li li a { background: transparent url('../images/bg-subnav.gif') no-repeat 16px -31px; color: #68685f; padding-left: 35px; } 
#sidebar li.active a { background-position: 203px -67px; color: #9e3030; font-weight: bold; }
#sidebar li.active li a { background-position: 16px -31px; color: #68685f; font-weight: normal; }
#sidebar li li.active a { color: #9e3030; font-weight: bold; width: 225px; width/**/:/**/160px; }
#sidebar li.active a:hover,
#sidebar li li.active a:hover,
#sidebar li.active li.active a:hover { background-color: transparent; }
#sidebar li.active li a:hover,
#sidebar li a:hover { background-color: #f8f7f5; }
#sidebar li a:active,
#sidebar li.active li a:active { background-color: #f1efec; }
#sidebar li li.active { background: url('../images/bg-subnav-li-li-active.gif') no-repeat 220px 50%; position: relative; width: 238px; z-index: 1; }



/*********************************************************************
FORMS
**********************************************************************/

fieldset {
	border: 0;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	display: block;
}
option { border: 0; padding: 1px 2px; }
select { border: 1px solid #ccc; padding: 0; }

form { font: 12px Arial, Helvetica, sans-serif; color: #3a3a34; }
form .form-row { clear: both; display: block; margin: 5px 0; }
form .whitespace { margin: 20px 0 10px; }
form label { display: block; padding-top: 4px; position: absolute; width: 200px; }
form label.rating { display: block; float: left; padding-top: 4px; position: static; width: 90%; }
form label#contact-label-indented { float: none; margin: 20px 0 10px; position: static; width: auto; }
form label .required { color: #cc0000; font: bold 11px Tahoma, Arial, Helvetica }

form .form-row input { margin-left: 220px; }

form input.field,
form textarea { 
	background: #fafafa; 
	border: 1px solid #d7d6d2; 
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 220px; 
	padding: 4px; 
	width: 300px; 
}
form .form-row input.inline-field {
	background: #fafafa; 
	border: 1px solid #d7d6d2; 
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 10px; 
	padding: 4px; 
	width: 150px; 
}
form input.field:focus, #contact-form input.field.over, 
form .form-row input.inline-field:focus, form .form-row input.inline-field.over,
form textarea:focus, #contact-form textarea.over { background: #fff; }
form input.field { }
form textarea { height: 100px; }

form button { 
	background: #eae8e2 url('../images/sprite-elements.png') no-repeat -367px -66px;
	border: 1px solid;
	border-color: #d7d4ca #b5af9f #b5af9f #d7d4ca;
	color: #796e59;
	cursor: pointer;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif; 
	margin-left: 220px; 
	padding: 7px 7px 7px 30px;
}
form button:hover { background-color: #f0efea; }
form button:focus { 
	background-color: #dddbd3; 
	border-color: #b5af9f #d7d4ca #d7d4ca #b5af9f;
}

form .errors { 
	background: #f3e9e9 url('../images/sprite-elements.png') no-repeat -412px 7px; 
	border: 1px solid #e8cdcd; 
	color: #3a3a34;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0 0 20px;
	padding: 10px 10px 10px 50px; 
}

form table#contact-rating { clear: both; margin: 12px 0; width: 100%; }
form table#contact-rating th,
form table#contact-rating td { border: 1px solid #d7d6d2; padding: 5px 10px; text-align: center; }
form table#contact-rating td.rating-label { text-align: left; vertical-align: middle; }
form table#contact-rating input { margin: 0; }

/* addthis form */
#at_email form label { padding-top: 0; position: static; }



/*********************************************************************
SPECIAL STYLES
**********************************************************************/

table#staff { line-height: 18px; width: 100%; }
table#staff.aluevastaavat { margin-top: 15px; }
table#staff h2 { background: url('../images/sprite-elements.png') no-repeat 0 -479px; margin: 0; padding-left: 32px; vertical-align: middle; }
table#staff td { padding: 12px 15px; width: 50%; }
table#staff.aluevastaavat td { padding: 5px 15px; width: 100%; }
table#staff tr.alt-row td { background: #f8f7f5; }
table#staff.aluevastaavat tr.alt-row td { background: transparent; }
table#staff img { border: 1px solid #b2ac9a; display: block; float: left; margin: 0 15px 0 0; }
table#staff p { margin: 0; }

.hidden { position: absolute; height: 0; top: -9000px; left: -9000px; }

button#share { background: #f1efeb url('../images/sprite-elements.png') no-repeat 0 -550px; }
button#print { background: #f1efeb url('../images/sprite-elements.png') no-repeat 0 -575px; }
button#share, button#print { 
	border: none;
	color: #625844;
	cursor: pointer;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;  
	height: 21px; 
	height/**/:/**/ 24px; 
	margin: 24px 10px -24px 0;
	padding: 0px 6px 3px 30px;
}
button#share:hover, button#print:hover { background-color: #e4e0d8; }

/* coming soon -tooltips */
#tooltip.swe, #tooltip.eng {
	background: url('../images/sprite-elements.png') no-repeat 0 -650px;
	border: none;
	width: 84px;
	padding: 6px 0 0;
	height: 37px;
	height/**/:/**/ 31px;
	position: absolute;
}
#tooltip.swe h3, #tooltip.eng h3 {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 84px;
}

.kuva-vasen { display: block; float: left; margin: 1px 15px 15px 0; }
.kuva-oikea { display: block; float: right; margin: 1px 0 15px 15px; }
.kuva-keskitetty { display: block; margin: 1px auto; }

/* addthis hide */
/*body.id-32 button#share, body.id-32 button#print { display: none; }*/

#at-logo, #at-gyo { display: none; }
#at_email form { margin-top: 10px; }
#at_email form label { padding-top: 0; position: static; }
#at_email form textarea { margin-left: 0px; }

/* wide template - cooling campaign */
#page-170 #breadcrumbs, #page-171 #breadcrumbs { height: 120px; width: 580px; }
#page-170 #breadcrumbs span, #page-171 #breadcrumbs span { display: none; }
#content.wide #innercontent {
	border: none;
	float: none;
	padding: 5px 15px 25px;
	width: 930px;
}
#page-170 #innercontent h1, #page-171 #innercontent h1 { width: 450px; }
#page-170 #innercontent h1.sIFR-replaced, #page-171 #innercontent h1.sIFR-replaced { line-height: 1px; }
#page-170 #innercontent .form, #page-171 #innercontent .form { display: block; float: left; width: 450px;  }
#page-170 #innercontent .form #cooling-campaign-form label { width: 140px; }
#page-170 #innercontent .form #cooling-campaign-form input.field {
	margin-left: 150px;
	width: 230px;
}
#page-170 #innercontent .form #cooling-campaign-form input,
#page-171 #innercontent .form #cooling-campaign-form input { margin-left: 150px; }
#page-170 #innercontent .form #cooling-campaign-form button {
	margin-top: 5px;
	margin-left: 150px;
}
#page-170 #innercontent .info,
#page-171 #innercontent .info {
	margin: -75px 0 10px 480px;
	width: 450px;
}
#page-170 #innercontent .info .facts,
#page-171 #innercontent .info .facts {
	background: url('../images/bg-box-top.jpg') no-repeat;
	padding: 1px 5px 1px 9px;
	width: 450px;
	width/**/:/**/ 436px;
}
#page-170 #innercontent .info .facts { margin-top: 5px; }
#page-170 #innercontent .info .facts ul,
#page-171 #innercontent .info .facts ul {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
}
#page-170 #innercontent .info .facts ul li,
#page-171 #innercontent .info .facts ul li {
	background: url('../images/bg-plus-li.gif') no-repeat 0 2px;
	margin: 12px 0;
	padding-left: 24px;
}
#page-170 #innercontent .info .facts strong,
#page-171 #innercontent .info .facts strong { color: #900; }
#page-170 #innercontent .info .facts-bottom,
#page-171 #innercontent .info .facts-bottom {
	background: url('../images/bg-box-bottom.jpg') no-repeat;
	height: 10px;
	margin: -10px 0 5px;
	width: 450px;
}