body { 
	
	margin: 0px; 
	
	background-color: #FFFFFF;

	background-image: url(img/viiva_bg.gif);
	background-repeat: repeat-y;
	
	}


a:link		{ text-decoration: underline; color: #337E3E; }
a:active	{ text-decoration: underline; color: #337E3E; }
a:visited	{ text-decoration: underline; color: #337E3E; }
a:hover		{ text-decoration: underline; color: #337E3E; }

div#top {

	margin: 0px;

	height: 45px;

	background-image: url(img/top_bg.gif);
	background-repeat: repeat-x;

	font-family: Trebuchet MS, Arial;
	color: #307B3C; 
	font-size: 11px;
	font-weight: bold;

}

div#kieli	{

	padding-top: 15px;
	padding-left: 15px;

}


#top a:link		{ text-decoration: none; color: #307B3C; }
#top a:active	{ text-decoration: none; color: #307B3C; }
#top a:visited	{ text-decoration: none; color: #307B3C; }
#top a:hover	{ text-decoration: none; color: #000000; } 

div#kuusisto { 
	
	margin: 0px;
	width: 220px;

	background-image: url(img/kuusisto_bg.gif);
	background-position: 0px 0px; 

	font-family: Trebuchet MS, Arial;
	color: #FFFFFF; 
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;


	padding-right: 0px;
	padding-top: 16px;
	padding-bottom: 16px;

	border-width: 1px 1px 1px 0px;
	border-color: #337E3E;
	border-style: solid;

}

#kuusisto a:link	{ text-decoration: none; color: #FFFFFF; }
#kuusisto a:active	{ text-decoration: none; color: #FFFFFF; }
#kuusisto a:visited	{ text-decoration: none; color: #FFFFFF; }
#kuusisto a:hover	{ text-decoration: none; color: #FFFFFF; } 

#kuusisto a { 

	margin-left: 10px;
	padding-left: 25px;
	background-image: url(img/kuusisto_nuoli.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px; 
	
}

div#kestopuu { 
	
	margin: 0px;
	width: 220px;

	background-image: url(img/kestopuu_bg.gif);
	background-position: 0px 0px; 

	font-family: Trebuchet MS, Arial;
	color: #FFFFFF; 
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;


	padding-right: 0px;
	padding-top: 16px;
	padding-bottom: 16px;

	border-width: 1px 1px 1px 0px;
	border-color: #6E6A43;
	border-style: solid;


}

#kestopuu a:link	{ text-decoration: none; color: #FFFFFF; }
#kestopuu a:active	{ text-decoration: none; color: #FFFFFF; }
#kestopuu a:visited	{ text-decoration: none; color: #FFFFFF; }
#kestopuu a:hover	{ text-decoration: none; color: #FFFFFF; } 

#kestopuu a { 
	
	margin-left: 10px;
	padding-left: 25px;
		
	background-image: url(img/kestopuu_nuoli.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px; 
	
}

#kestopuu i { margin-left: 30px; }

div#ala1 {

	width: 220px;

	background-color: #ECF6E9;

	font-family: Trebuchet MS, Arial;
	color: #FFFFFF; 
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;

	border-width: 1px 1px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;
	
	padding-top: 5px;
	padding-bottom: 10px;
}

#ala1 a { 
	
	display: block; 
	padding-left: 25px;
	padding-top: 10px;
}

#ala1 a:link	{ text-decoration: none; color: #337E3E; }
#ala1 a:active	{ text-decoration: none; color: #337E3E; }
#ala1 a:visited	{ text-decoration: none; color: #337E3E; }
#ala1 a:hover	{ text-decoration: none; color: #000000; } 

div#ala2 {

	width: 220px;

	background-color: #FFFFFF;

	font-family: Trebuchet MS, Arial;
	color: #F4F5F5; 
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;

	border-width: 0px 1px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;
	
}

#ala2 a { 
	
	display: block; 

	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 5px;
	
	height: 20px;

	background-image: url(img/ala2_bg.gif);
	background-repeat: repeat-x;

	border-width: 0px 0px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;
}

#ala2 a span {  }

#ala2 a:link	{ text-decoration: none; color: #337E3E; }
#ala2 a:active	{ text-decoration: none; color: #337E3E; }
#ala2 a:visited	{ text-decoration: none; color: #337E3E; }
#ala2 a:hover	{ text-decoration: none; color: #337E3E; background-image: url(img/ala2_bg_akt.gif); background-repeat: repeat-x; } 

div#ala3 {

	width: 220px;

	background-color: #FFFFFF;

	font-family: Trebuchet MS, Arial;
	color: #F4F5F5; 
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;

	border-width: 0px 1px 0px 0px;
	border-color: #E5E5E5;
	border-style: solid;
	
}

#ala3 a { 
	
	display: block; 
	
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 5px;
	
	height: 20px;

	line-height: 20px;

	background-image: url(img/ala2_bg.gif);
	background-repeat: repeat-x;

	border-width: 0px 0px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;
}

#ala3 a:link	{ text-decoration: none; color: #6E6A43; }
#ala3 a:active	{ text-decoration: none; color: #6E6A43; }
#ala3 a:visited	{ text-decoration: none; color: #6E6A43; }
#ala3 a:hover	{ text-decoration: none; color: #6E6A43; background-image: url(img/ala3_bg_akt.gif); background-repeat: repeat-x; }


div#kestopuu_alateksti {

background-color: #F5F5F5;

	border-width: 0px 1px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;

}

#kestopuu_alateksti p { 
	font-family: Trebuchet MS, Arial;
	color: #6E6A43; 
	font-size: 14px;
	font-weight: normal;

	margin: 0px;
	
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 15px;
}

#kestopuu_alateksti a:link	{ text-decoration: none; color: #6E6A43; }
#kestopuu_alateksti a:active	{ text-decoration: none; color: #6E6A43; }
#kestopuu_alateksti a:visited	{ text-decoration: none; color: #6E6A43; }
#kestopuu_alateksti a:hover	{ text-decoration: none; color: #000000; }


td#osoite {

width: 100%;

height: 25px;

background-color: #317C3C;

padding-left: 20px;
padding-top: 4px;

font-family: Trebuchet MS, Arial;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;

}

td#linkit { width: 235px; }

h1 {

font-family: Trebuchet MS, Arial;
font-size: 24px;
color: #337E3E;
font-weight: normal;

margin: 0px;

padding-top: 12px;
padding-left: 20px;

}

h2 {

font-family: Trebuchet MS, Arial;
font-size: 20px;
color: #8CB48C;
font-weight: normal;

margin: 0px;

padding-left: 5px;

}

h3 {

font-family: Trebuchet MS, Arial;
font-size: 17px;
color: #464646;
font-weight: normal;

margin: 0px;

}

p {

	line-height: 18px; 

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;
	
	padding-left: 5px;
}

ul {

	font-family: Trebuchet MS, Arial;
	font-size: 13px;
	color: #5C5C5C;

	line-height: 18px; 

	list-style-type: circle;

}

li { padding-bottom: 8px; }


td#intro {

background-image: url(img/intro_vaaka.jpg);
background-repeat: repeat-x;
}



div#sisalto {

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;

	border-width: 1px;
	border-color: #E5E5E5;
	border-style: solid;

	background-image: url(img/sisalto_top.gif);
	background-repeat: repeat-x;

	background-color: #F5F6F5;

	margin: 5px;
	padding: 2px;

	width: 600px;


}

div#verkkokauppa {

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;

	border-width: 1px;
	border-color: #E5E5E5;
	border-style: solid;

	background-image: url(img/sisalto_top.gif);
	background-repeat: repeat-x;

	background-color: #F5F6F5;

	margin: 5px;
	padding: 2px;

	width: 800px;


}

#verkkokauppa  a:link	{ text-decoration: none; color: #337E3E; }
#verkkokauppa  a:active	{ text-decoration: none; color: #337E3E; }
#verkkokauppa  a:visited	{ text-decoration: none; color: #337E3E; }
#verkkokauppa  a:hover	{ text-decoration: none; color: #000000; } 


div#sisalto_sisempi {

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;

	border-width: 1px;
	border-color: #E5E5E5;
	border-style: solid;

	background-color: #FFFFFF;
	
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;

	margin-top: 15px;

}

#sisalto_sisempi h2 { padding-top: 8px; }

div#sisalto_sisempi2 {

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;

	border-width: 1px;
	border-color: #E5E5E5;
	border-style: solid;

	background-color: #F8F8F8;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;

	margin-top: 5px;

}


#sisalto img {

	margin: 10px;
	
	border-width: 2px;
	border-color: #E5E5E5;
	border-style: solid;

}


img#logo { margin-left: 15px; margin-top: 10px; }

table#contact {
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #5C5C5C;

	margin-top: 15px;
	padding-bottom: 10px;

	border-width: 0px 0px 1px 0px;
	border-color: #E5E5E5;
	border-style: solid;
}

#contact img { margin: 0px; }

#contact p { padding-left: 15px; }

div#oikeakuva { margin-top: 6px; float: right; clear: right; }

img#eiviivaa { border: none; }

div#tarjoukset { 
	
	margin-top: 5px;
	margin-bottom: 0px;
	width: 220px;

	background-image: url(img/kestopuu_bg.gif);
	background-position: 0px 0px; 
	background-color: #F2F2EE;

	font-family: Trebuchet MS, Arial;
	color: #FFFFFF; 
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;


	padding-right: 0px;
	padding-top: 16px;
	padding-bottom: 10px;

	border-width: 1px 1px 1px 0px;
	border-color: #6E6A43;
	border-style: solid;

}

#tarjoukset h2 {

	font-family: Trebuchet MS, Arial;
	color: #FFFFFF; 
	font-size: 20px;
	font-weight: normal;

	padding-left: 20px;
	padding-bottom: 0px;

	margin: 0px;
}

div#tarjous {

	width: 220px;

	background-color: #F2F2EE;

	font-family: Trebuchet MS, Arial;
	color: #F4F5F5; 
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;

	border-width: 0px 1px 0px 0px;
	border-color: #E5E5E5;
	border-style: solid;
	
}

#tarjous p { 
	font-family: Trebuchet MS, Arial;
	color: #6E6A43; 
	font-size: 14px;
	font-weight: normal;

	margin: 0px;
	
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
}

div#tarjoustuotteeseen {

width: 220px;
padding-top: 3px;

height: 25px;
background-image: url(img/tarjoustuote_bg.gif);
background-repeat: repeat-x;
background-color: #A29C65;

font-size: 13px;

font-weight: bold;
}

#tarjoustuotteeseen a {

background-image: url(img/nuoli_tarjoustuotteeseen.gif);
background-repeat: no-repeat;

background-position: 0px 2px; 

margin-top: 4px;
padding-top: 2px;
padding-left: 25px;
margin-left: 10px;

}

#tarjoustuotteeseen a span { padding-top: 5px; }

#tarjoustuotteeseen a:link		{ text-decoration: none; color: #FFFFFF; }
#tarjoustuotteeseen a:active	{ text-decoration: none; color: #FFFFFF; }
#tarjoustuotteeseen a:visited	{ text-decoration: none; color: #FFFFFF; }
#tarjoustuotteeseen a:hover		{ text-decoration: none; color: #FFFFFF; } 


















/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 14px; padding: 5px; }
.errorBox {   font-family: Trebuchet MS, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {   font-family: Trebuchet MS, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {   font-family: Trebuchet MS, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {  
  background: #F5F5F5;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  background: url(img/box.gif) repeat-x #9D975F;
  color: #ffffff;
  height: 30px;
  padding-left: 6px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
font-family: Trebuchet MS, Arial;
font-size: 24px;
color: #337E3E;
font-weight: normal;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.accountCategory {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Trebuchet MS, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Trebuchet MS, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

/* message box */

.messageBox {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {   font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; color: #ff0000; }