.hinta1 { font-size: 18px; color: #996600; }
.hinta2 { font-size: 36px; color: #996600; }
.otsikko { font-size: 32px; color: #CC0000; }
.huomio {font-size:18px; margin-left:100px; border:2px dotted #CCCCCC; padding:15px; margin:20px; background-color:#FFFFFF; line-height:1.2}

/* ---------- misc ---------- */

* {
 padding: 0;
 margin: 0;
 }
body	{
 background: #f2f2f2;
 color: #424242;
 font: 12px/1.4em Arial, Tahoma, Verdana, sans-serif;
 text-align: center;
 }

/* ---------- div ---------- */

#container {
 padding: 0 2px;
 width: 700px !important;
 width /**/: 504px;
 margin: 0 auto;
 background: #fff url(images/container.gif) repeat-y;
 text-align: left;
 position: relative;
 min-height:600px;
 }
 
#content1, #contenteng, #address, #content2, #content3, #content4 div {
 padding: 5px 20px;
 width: 510px !important;
 width /**/: 370px;
 }

#content1 {
 padding-top: 15px;
 }
 
#content1 img
{
	padding-top: 5px;
	padding-left: 10px;
}

#contenteng {
 padding-top: 15px;
 }
 
#contenteng img
{
	padding-top: 5px;
	padding-left: 10px;
}
 
#content2 {
	padding-bottom: 20px;
}

#content2 img
{
	padding-top: 5px;
	padding-right: 5px;
}

#content3 {
	padding-top: 15px;
}

#content3 img
{
	padding-top: 5px;
	padding-right: 5px;
}

#content4 {
	padding-bottom: 20px;
	padding-left: 20px;
}

#content4 img
{
	padding-top: 5px;
	padding-right: 5px;
}

#address {
 padding-top: 15px;
 padding-bottom: 20px;
 }
 
#address img
{
	padding-top: 5px;
	padding-left: 5px;
}

 
#supportingText
{
 padding-bottom: 12px;
 }
#supportingText #footer {
clear:both;
 padding: 12px 20px;
 text-align: center;
 }
#linkList {
 position: absolute;
 top: 287px;
 left: 572px;
 font-size: 11px;
 line-height: 1.2em;
 }
 

 

/* ---------- h1, h2, h3 ---------- */

h1, h2, h3 {
 font-weight: normal;
 font-size: 1.0em;
 line-height: 1.0em;
 text-indent: -2000em;
 display: block;
 }
h1 {
 width: 700px;
 height: 80px;
 background: #fff url(images/h1.jpg) no-repeat 0 100%;
 }
h2 {
 width: 700px;
 height: 206px;
 background: #b6c77b url(images/h2.jpg) no-repeat;
 }
#content1 h3, #supportingText h3, #address h3, #content3 h3, #content4 h3 {
 width: 251px;
 height: 27px;
 background-repeat: no-repeat;´
 }
 
#lselect img { border: 0; margin: 1px 0px 0px 0px; padding: 0 !important;}

#content1 h3 { background-image: url(images/h3_01.gif); margin-bottom: 5px; }
#contenteng h3 { font: 16px bold Verdana, Arial, Helvetica !important; text-indent: 0 !important; color: #444; margin-bottom: 12px; }
#content2 h3 { background-image: url(images/h3_02.gif); }
#content4 h3 { background-image: url(images/h3_08.gif); }
#address h3 { background-image: url(images/h3_04.gif); margin-left: 170px;}
#addresseng h3 { font: 16px bold Verdana, Arial, Helvetica !important; text-indent: 0 !important; color: #444; margin-bottom: 12px; text-align: center;}
#content3 h3 { background-image: url(images/h3_05.gif); }

#linkList h3 {
 width: 130px;
 height: 34px;
 background-repeat: no-repeat;
 background-color: #f2f4d8;
 }
.select {background-image: url(images/h3_06.gif);  }

/* ---------- p ---------- */

p {
 padding-top: 5px;
 }
.p1 {
 padding-top: 2px;
 }

/* ---------- ul, li ---------- */

ul, li {
 list-style: none;
 }
ul {
 border-top: 1px solid #ddd;
 }
li {
 text-transform: uppercase;
 border-bottom: 1px solid #ddd;
 }
#lselect li {
 padding: 5px 7px 5px 24px;
 background: url(images/bullet1.gif) no-repeat;
 }
#lselect li:hover {
 background: #e6e9cd url(images/hover.gif) no-repeat;
 }


/* ---------- a ---------- */

a {
 text-decoration: none;
 }


 
#intro a, #supportingText a {
 font-weight: bold;
 color: #667047;
 }
#footer a, #linkList a {
 color: #777;
 }
#lselect a {
 display: block;
 color: #7c8756;
 }
#lselect a.c {
 display: inline;
 color: #777;
 }

#footer a:hover, #footer a:active, #linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active {
 color: #222;
 }
#intro a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active {
 color: #85925C;
}

/* katalogi */

ul.hinnasto
{
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: none;
}

ul.hinnasto li
{
	text-transform: none;
	list-style-type: disc;
	border: none;
}

#valikko
{
	position: relative;
	margin-left: 50px;
	width: 400px;
	background-color: #e7ecba;
	text-align: center;
}


table.tuotteet
{
	background-color: #e7ecba;
	border-style: hidden;
	width: 400px;
	margin: 15px 0 0 50px;	
}

table.tuotteet td
{
	border-bottom: 1px solid #f4f7e0;
}


table.tuotteet p
{
	padding-left: 30px;
}

table.tuotteet img
{
	border: none;
}

/* address */

p.osoite
{
	background-color: #f4f7e0;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 2px;
	text-align: center;
}

p.osoite span
{
	color: #9ead6c;
	font-weight: bold;
}

p.osoite a
{
	text-decoration: underline;
}

/* kartta */

p.kartta a
{
	color: #9ead6c;
	text-align: center;
}

#huomio
{
	position: relative;
	margin-left: 20px;
	padding: 4px;
	width: 330px;
	border: 1px solid #e7ecba;
	font-size: 14px;
}



input.btn
{
   color:#FFFFFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color: #a7be88;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#a7be88',EndColorStr='#96b074');
}