body {
background-color: #edede6;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {
	color: #930;
	text-decoration: underline; }
a:visited {
	color:#600000;
	text-decoration: underline; }
a:hover {
	color: #930;
	text-decoration: none;
	padding: 0; }
a:active {
	color:#930;
	text-decoration: none;
	padding: 0; }
img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 850px;
margin: 0 auto;
background-color: #fff;
}

/* ----------banner--------------*/
#banner {
	background-color: white;
	background-image: url(../images/logo/satulatuolikeskus.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	text-align: right;
	position: relative;
	height: 70px;
	padding: 0;
	margin: 0;
	border-top: 10px solid #323232; }
#banner img {padding:10px 0px;}
#info {
	text-align: right;
	position: absolute;
	height: 30px;
	width: 250px;
	top: 25px;
	right: 0;
	visibility: visible;
	padding-right: 20px; }
#info a {
	color: #808080;
	text-decoration: none; }
#info a:visited {
	color:#808080;
	text-decoration: none; }
#info a:hover {
	color: #808080;
	text-decoration: underline;
	padding: 0; }
#info a:active {
	color:#808080;
	text-decoration: underline;
	padding: 0; }
/* -----------------content--------------------- */
#center {
	background-color: #ffffff;
	padding: 0;
	margin: 0 455px 0 175px; }
p, pre{
	color: #191919;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: 5px 10px;
	margin:0; }

/* --------------left navi------------- */
#left {
	font-size: 11px;
	line-height: 16px;
	float: left;
	width: 170px;
	margin: 0;
	padding: 0; }
/* --------------right------------- */
div#right { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}
#right {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
	border: solid 1px #121212; }
#right_salli {
	background-image: url(../images/tuolit/images/layout05_tuoli_03.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_salli, #right_indian, #right_juliet, #right_indy, #right_flex, #right_ponychair, #right_stepsit, #right_UKK, #right_blur p{
	color: #191919;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: 5px 40px 5px 10px;
	margin:0; }
#right_indian {
	background-image: url(../images/tuolit/indian/satulatuoli_indian_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_salli {
	background-image: url(../images/tuolit/salli/satulatuoli_salli_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_juliet {
	background-image: url(../images/tuolit/juliet/satulatuoli_juliet_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_indy {
	background-image: url(../images/tuolit/indy/satulatuoli_indy_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_flex {
	background-image: url(../images/tuolit/flex/satulatuoli_flex_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_ponychair {
	background-image: url(../images/tuolit/pony/satulatuoli_pony_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_stepsit {
	background-image: url(../images/tuolit/stepsit/satulatuoli_stepsit_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_UKK {
	background-image: url(../images/tuolit/satulatuoli_sini_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
#right_blur {
	background-image: url(../images/tuolit/satulatuoli_blur_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0 0 0 0; }
/* -----------footer--------------------------- */
#footer {
	background-color: #fff;
	clear: both;
	margin: 0;
	padding: 20px 0 0;
	text-align: left;
	height: 65px;
	border-bottom: 5px solid #323232; }
/* --------------typografia
------------- */
h1 {
	color: #661b06;
	font-size: 26px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: normal;
	padding:5px 10px 15px;
	margin:0 ; }
h2 {
	color: #000;
	font-size:14px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: normal;
	padding: 5px 10px;
	margin:0; }
h3 {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 10px;
	margin:0; }
.boldcaps {
	font-weight: bold;
	text-transform: uppercase; }
.bold {
	font-weight: bold; }
.italic {
	font-style: italic; }
.varimallit {
	padding-top: 6px; }
.hinta {
	color: #661b06;
	font-size: 16px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold; }
.tarjous {
	color: #fb6600;
	font-size: 18px;
	font-weight: bold;
	padding-right: 0;
	padding-left: 0; }
.ovh {
	color: #808080;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; }
/* --------------lista
------------- */
ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	list-style-image: none;
	list-style-position: inside;
	display: inline; }
li {
	margin-left: 10px;
	list-style: none inside;
	display: block; }
#left a {
	color: black;
	text-decoration: none;
	padding: 2px 3px; }
#left a:visited {
	color:#232323;
	text-decoration: none; }
#left a:hover {
	color: white;
	background-color: black;
	text-decoration: none;
	padding: 2px 3px; }
#left a:active {
	color:#232323;
	text-decoration: none; }
/* --------------formi
------------- */
.fieldset {
	padding: 0 0px 0 0px;
	text-align:left;
	left: 0;
	border:0; }

.fieldset .nobr {display:none;} 
 
.fieldset .textfield {
	background: #eee;
	margin:3px 3px 3px 0;
	height:16px;
	width:230px;
	border: solid 1px #999;
	font-family: Verdana, sans-serif;
	color: #000;
	font-size: 10px;
	padding:3px 0 0 2px;
	}
.fieldset .textfield_lyhyt {
	background: #eee;
	margin:3px 3px 3px 0;
	height:16px;
	width:100px;
	border: solid 1px #999;
	font-family: Verdana, sans-serif;
	color: #000;
	font-size: 10px;
	padding:3px 0 0 2px;
	}
.fieldset .textarea {
	background: #eee;
	margin: 8px 3px 3px 0;
	height:100px;
	width:380px;
	border: solid 1px #999;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	padding:3px 2px 2px 2px;
}
.fieldset .textarea_lyhyt {
	background: #eee;
	margin: 8px 3px 3px 0;
	height:100px;
	width:230px;
	border: solid 1px #999;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	padding:3px 2px 2px 2px;
}
.fieldset .submit {
 	margin: 0 5px 5px 5px;
 	text-align: center;
 	font-family: Verdana, sans-serif;
	font-size: 10px;
 }
input[type=text]:focus, .textarea:focus, .textarea_lyhyt:focus {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	}
	
#viesti {
	text-align: left;
	height: 200px;
	visibility: visible; }
#text {width: 200px;}