@CHARSET "UTF-8";
*		{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
body	{background: #FFFFFF url(/img/halatausta2.png) bottom left fixed repeat-x; margin: 0; padding: 0 0 40px 0; text-align: center;
		 font-family: Arial,Helvetica,sans-serif; font-size: 100%; color: #000000; text-align: center}
#tausta {background: transparent url('/img/htausta2.png') top left repeat-x;text-align: center;}
#container {background: #ffffff; height: auto; border: 1px solid #eac457;width: 924px; margin: 0 auto; margin-top: -6px;text-align: left;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;padding: 0px;}
/*htausta2;*/
h1 {width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size:180%;}

#rom {position: relative; top: -144px; left: 136mm;}
#logo		{background-color: #FFFFFF;background: transparent url(/img/header5.jpg) top left no-repeat; opacity:1.0;filter:alpha(opacity=100);height: 180px; overflow: hidden;}
#logo h1	{color: #eac457;margin: 14px 0 0 40px;font-family: Comic Sans MS,Comic Sans,Arial,Helvetica,sans-serif;font-size: 550%;text-shadow:5px 5px 1em #000000,0 0 1em #000000, 0 0 1em #000000;}
#logo h2	{color: #eac457;margin: -6px 0 0 60px;font-family: Comic Sans MS,Comic Sans,Arial,Helvetica,sans-serif;font-size: 140%;text-shadow:5px 1em 1em #000000,0 0 1em #000000, 0 0 1em #000000;}

#hallinta_logo		{background-color: #FFFFFF;background: transparent url(/img/mehilaiset2.jpg) top left no-repeat; opacity:1.0;filter:alpha(opacity=100);height: 200px; overflow: hidden;}
#hallinta_logo h1	{color: #eac457;margin: 24px 0 0 40px;font-size: 430%;text-shadow:5px 5px 1em #000000,0 0 1em #000000, 0 0 1em #000000;}
#hallinta_logo h2	{color: #eac457;margin: 0 0 0 60px;font-size: 120%;text-shadow:5px 1em 1em #000000,0 0 1em #000000, 0 0 1em #000000}


/* Navigaatioelementtien reunusvärit */
#navi		{margin: 0px 10px 0 10px; padding: 0; height: 49px; list-style-type: none;}
#navi li	{margin-top: 10px; margin-right: 1px;float: left; height: 40px; line-height: 40px; border: 1px solid #C2CE0B; overflow: visible;white-space: nowrap}
#navi span	{display: block; height: 6px; margin-top: -40px; color: #ffffff;overflow: visible}
#navi a		{display: block; height: 40px; padding: 0 1em; text-decoration: none; color: #555555}

/* Navigaatioelementtien reunusvärit */
#n0 span {
background: -webkit-linear-gradient(left, #C2CE0B, #ffffff);background: -moz-linear-gradient(left, #C2CE0B, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#C2CE0B,endColorstr=#ffffff,GradientType=1); 
}
#n0 a:hover	{color: #C2CE0B}
.etusivu_h1	{background-color: #C2CE0B;color: #ffffff; padding: 4px; padding-left: 8px;}
#n1 span {
background: -webkit-linear-gradient(left, #ECAD23, #ffffff);background: -moz-linear-gradient(left, #ECAD23, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ECAD23, endColorstr=#ffffff, GradientType=1); 
}
#n1 a:hover	{color: #ECAD23}
.tuotteet_h1 {background-color: #ECAD23; color: #ffffff;padding: 4px;padding-left: 8px;}
.tuotteet_h2 {width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size:150%;background-color: #ECAD23; color: #ffffff;padding: 4px;padding-left: 8px;}
#n2 span {
background: -webkit-linear-gradient(left, #e91e00, #ffffff);
background: -moz-linear-gradient(left, #e91e00, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e91e00,endColorstr=#ffffff,GradientType=1); 
}
#n2 a:hover	{color: #ff5402}
.tarhuri_tuotteet_h1 {background-color: #e91e00;color: #ffffff;padding: 4px; padding-left: 8px;}
#n3 span {
background: -webkit-linear-gradient(left, #0074B3, #ffffff);background: -moz-linear-gradient(left, #0074B3, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#0074B3,endColorstr=#ffffff,GradientType=1); 
}
#n3 a:hover	{color: #0074B3}
.linkit_h1	{background-color: #0074B3;color: #ffffff;padding: 4px; padding-left: 8px;}
#n4 span {
background: -webkit-linear-gradient(left, #9FC0DC, #ffffff);background: -moz-linear-gradient(left, #9FC0DC, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#9FC0DC,endColorstr=#ffffff,GradientType=1); 
}
#n4 a:hover	{color: #9FC0DC}
.kuvat_h1	{background-color: #ECAD23;color: #ffffff;padding: 4px; padding-left: 8px;}
#n5 span {
background: -webkit-linear-gradient(left, #333333, #ffffff);background: -moz-linear-gradient(left, #333333, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#333333,endColorstr=#ffffff,GradientType=1); 
}
#n5 a:hover	{color: #333333}
.metallipaja_h1	{background-color: #333333;color: #ffffff;padding: 4px; padding-left: 8px;}
#n6 span {
background: -webkit-linear-gradient(left, #C2CE0B, #ffffff);background: -moz-linear-gradient(left, #C2CE0B, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#C2CE0B,endColorstr=#ffffff,GradientType=1); 
}
#n6 a:hover	{color: #C2CE0B}
.yhteys_h1	{background-color: #C2CE0B;color: #ffffff;padding: 04px; padding-left: 8px;}

/* Content */
#sisalto {font-size: 95%;padding: 25px 35px;height: auto;}
#vasen		{float: left; width: 75%; padding-right:40px; }
#vasen img, #yhteys_vasen img, #linkit_vasen img {border: 1px solid #CCCCCC;padding: 1px;}
#vasen p, #yhteys_vasen p, #linkit_vasen p {margin: 0 0 1em 0; padding: 0;padding-left: 10px;}
#yhteys_vasen {float: left; width: 75%; padding-right:40px; height: 520px;}
#linkit_vasen {float: left; width: 75%; padding-right:40px; height: 420px;}
.etuote {width: 450px;}
.emyyntipaivat {width: 210px;}

#oikea		{float: right; width: 25%; overflow: hidden;position: relative;}
#oikea div {padding-left: 10px;padding-right:10px;}
#oikea img {margin-left: 10px;margin-right:6px;margin-bottom: 4px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;border: 1px solid #eac457;}
#oikea h3 {font-size: 120%;margin-bottom: 4px;font-family: verdana;background: #C2CE0B;padding: 4px; padding-left: 8px; color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#koko .textarea {width: 824px;}

.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
address {font-size: 80%;color: #555555;}
.placeholder {}
.textinput {width: 100%;}
#koko_content, #tuote_content {margin: 20px 0px; }
#koko_content img {padding: 2px 2px;float: left;border: 1px solid #9FC0DC;}
#tuote_content img {padding: 2px 2px;float: left;}
.img {text-align: center; padding: 4px 30px 25px 30px;float: left;}

.hr {
background: -webkit-linear-gradient(left, #ECAD23, #fff1d3);background: -moz-linear-gradient(left, #ECAD23, #fff1d3);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ECAD23, endColorstr=#fff1d3,GradientType=0);height: 2px;margin: 20px 0;font-size:1px;
}
.tarhuri {border: 1px solid #CC3333;margin: 20px 0;}
.tuote_nimi{float: left; font-weight: bold; width: 380px; font-size: 165%;}
.tuote {width: 824px;position: relative;}
.tuote input {width: 380px;}
.tuote textarea {width: 380px;}
.tuote file {width: 380px;}
.tuote img {display: block;}
.tuote h2 {margin-left: 160px;margin-bottom: 6px;}
#tuote_hinta {font-weight: bold; border: none; float: right; position: relative;}
#oikea #tuote_hinta img {border: none;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.tuote_hinta {font-weight: bold; border: none; position: absolute; top: 30px; right: 3px;}
.tuote_hinta img {padding:0;margin:0;margin-top: -30px;}
.tuote_info {margin-left: 174px; font-size: 95%;width: 60%;} 
.tuote .tuote_hinta .hinta {position: absolute; color: #ffffff;font-size: 250%; text-align: center;top: 14px; margin-left: auto;margin-right: auto; width: 100%; display: block;}
.tt_hinta {position: absolute; color: #ffffff;font-size: 250%; text-align: center;top: 8px; left: 0; margin-left: auto;margin-right: auto;width: 100%; display: block;}
.sold-out {
position: absolute; color: #ffffff;font-size: 190%; text-align: center;top: -4px; margin-left: auto;margin-right: auto; width: 100%; display: block;
-webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);}
#tuote_hinta {font-weight: bold; border: none; float: right; position: relative;}
#hintalappu {position: absolute; top: -200px; left: -80px;}
.osta {display: block; position: absolute; top: -184px; left: -56px;color: #ffffff;font-size: 100%; text-align: center;}
#oikea #tuote_hinta img {border: none;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

.bold {font-weight: bold;}
input {font-size: 120%;}
textarea {font-size: 110%;}
.tuote_label {display: block; width: 60px; font-size: 110%;}
.tuote_vasen {float: left; width: 41%;}
.tuote_oikea {float: left; width: 58%;}

.arrows {text-align: center; width: 100%; margin: 0 49%;}
.arrow-top, .t_arrow-top {
	width: 0;
	height: 0;
	border-bottom: 10px solid #ECAD23;
	border-left:10px solid transparent;
	border-right: 10px solid transparent;
}
.arrow-bottom, .t_arrow-bottom {
	width: 0;
	height: 0;
	border-top: 10px solid #ECAD23;
	border-left:10px solid transparent;
	border-right: 10px solid transparent;
}
.t_arrow-top {border-bottom: 10px solid #CC3333;}
.t_arrow-bottom {border-top: 10px solid #CC3333;}
#tool {position: absolute; top: 0; left: 5%; background: #ffffff; border: 1px solid #eac457; width: 400px; height: 42px;
font-size: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size: 80%; padding: 2px 20px;}
#piilo {position: absolute; top: 46px; left: 5%; background: #ffffff; border: 1px solid #eac457; width: 400px; height: 350px;
font-size: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size: 80%; padding: 2px 20px;display:none;}
#piilo input {font-size: 80%;}
#piilo select {font-size: 80%;}
#piilo small, #piilo label {display: block;}
#koko_content .hallinta_img {text-align: left;width: 192px;margin: 4px 40px 25px 40px; }
.hallinta_img input {width: 240px;}
#suositus {padding-right: 10px;padding-left: 20px; font-size: 85%;padding-top: 2px;padding-bottom: 2px;margin-top: -20px; color: #ffffff;background-color: #000000;font-weight: bold;}
#viiva0 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #C2CE0B;}
#viiva1 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #ECAD23;}
#viiva2 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #CC3333;}
#viiva3 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #0074B3;}
#viiva4 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #9FC0DC;}
#viiva5 {height: 6px;;padding: 0px;margin-top: 5px; color: #ffffff;background-color: #C2CE0B;}

#alaviiva0 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #C2CE0B;}
#alaviiva1 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #ECAD23;}
#alaviiva2 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #CC3333;}
#alaviiva3 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #0074B3;}
#alaviiva4 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #9FC0DC;}
#alaviiva5 {height: 6px;;padding: 0px;margin-top: -6px; color: #ffffff;background-color: #C2CE0B;}

/* IE-korjaukset */
/*\*/
* html body {font-size: 70%;}
* html #container {height: 100%;margin: 0;width: 900px;}
* html #navi li {width: 1%;margin: 0;margin-top:10px;padding: 0;}
* html #navi #n0 span {line-height: 6px; width: 80px;}
* html #navi #n1 span {line-height: 6px; width: 130px;}
* html #navi #n2 span {line-height: 6px; width: 120px;}
* html #navi #n3 span {line-height: 6px; width: 60px;}
* html #navi #n4 span {line-height: 6px; width: 90px;}
* html #navi #n5 span {line-height: 6px; width: 100px;}
* html #navi #n6 span {line-height: 6px; width: 100px;}
* html #vasen {width: 67%;}
* html #yhteys_vasen {height: 480;}
* html #oikea {width: 25%;padding-right: 0px;}
* html input {font-size: 125%;}
* html .tuote_hinta img {position: relative;}
* html .tuote_info {padding-left: -200px;padding-top: 20px;width: 80%;}
* html .hinta {display: block; position: absolute; top: 38%; left: 0;  color: #ffffff;font-size: 250%; text-align: center;}
* html .hinta2 {display: block; position: absolute; top: 38%; left: 30%;  color: #ffffff;font-size: 250%; text-align: center;}
* html .hinta_levea {display: block; position: absolute; top: 38%; left: 15%;  color: #ffffff;font-size: 250%; text-align: center;}
* html .t_hinta {display: block; position: absolute; top: 32%; left: 27%;  color: #ffffff;font-size: 225%; text-align: center;}
* html .t_hinta2 {display: block; position: absolute; top: 32%; left: 19%;  color: #ffffff;font-size: 225%; text-align: center;}
* html .t_hinta_levea {display: block; position: absolute; top: 32%; left: 15%;  color: #ffffff;font-size: 225%; text-align: center;}
* html {.etusivu_h1, .tuotteet_h1, .tarhuri_tuotteet_h1, .linkit_h1, .yhteys_h1, .kuvat_h1, .metallipaja_h1 {font-family: Arial,Helvetica,sans-serif; font-size: 200%;}}
* html #oikea h3 {font-family: Arial,Helvetica,sans-serif; font-size: 140%;}
/**/