body {
background:#e1e1df  url(../images/tausta_gradi_gray.jpg) repeat-x;
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/header_tausta.jpg);
	background-repeat: repeat-x; 
	text-align: right;
	position: relative;
	height: 80px;
	padding: 0;
	margin: 0 0 20px 0;
	border-top: 10px solid #323232;
	border-bottom: 0px solid #eee;}
#banner_SE {
	background-color: white;
	background-image: url(../images/header_tausta.jpg);
	background-repeat: repeat-x; 
	text-align: right;
	position: relative;
	height: 80px;
	padding: 0;
	margin: 0 0 20px 0;
	border-top: 10px solid #323232;
	border-bottom: 0px solid #eee;}
	
#banner img {padding:10px 0px;}
#info img {padding:0 3px;}
#info {
	text-align: right;
	position: absolute;
	height: 30px;
	width: 300px;
	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; }
	
#logo {
	background:url(../images/logo/satulatuolikeskus_trans.gif) no-repeat;
	width: 320px;
	height: 54px;
	margin: 0px 0 0 10px;
}
#logo_SE {
	background:url(../images/logo/satulatuolikeskus_se_trans.gif) no-repeat;
	width: 320px;
	height: 54px;
	margin: 0px 0 0 10px;
}

/* -----------------content--------------------- */
#center { background-color: #ffffff; text-align: center; padding: 0; margin: 0 450px 0 170px; }
p, pre{
	color: #191919;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: 5px 10px;
	margin:0; }



/* -----------------tilaus, hinta ja lisatietoa--------------------- */
.tilaa {
	margin:5px 0 5px 0; 
	padding: 5px 0 2px 0; 
	border-top:1px solid #eee; 
	border-bottom:1px solid #eee;
	text-align:center;
}

.hintatieto {
	text-align:center;	
}

.lisatietoa {
	background: #f5f5f1;
	border-top:0px solid #eee; 
	border-bottom:0px solid #eee;
	margin:5px 10px 0 10px;
	padding:3px 0 3px 0;
	text-align:center;
}

.lisatietoa a { color: #666; text-decoration: none;}
.lisatietoa a:visited { color:#666; text-decoration: none;}
.lisatietoa a:hover { color: #666;text-decoration: underline;}
.lisatietoa a:active { color:#666; text-decoration: underline;}

.kokemuksia {
	background: #f5f5f1;
	margin:5px 10px 0 10px;
	padding:3px 0 3px 0;
	text-align:center;
}

.kokemuksia a:link { color: #666; text-decoration: none;}
.kokemuksia a:visited { color:#666; text-decoration: none;}
.kokemuksia a:hover { color: #666;text-decoration: underline;}
.kokemuksia a:active { color:#666; text-decoration: underline;}

/* --------------left navi------------- */
#left {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 170px;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0; }
#left p, pre{
	color: #191919;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 5px 10px;
	margin: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_index {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	width: 670px;
	min-height: 430px;
	margin: 0;
	padding: 0; }
#right_big {
	background-image: url(../images/tuolit/satulatuoli_big_04b.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	width: 670px;
	min-height: 430px;
	margin: 0;
	padding: 0; }

#right_big02 {
	background-image: url(../images/tuolit/satulatuoli_big_04.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	width: 670px;
	min-height: 430px;
	margin: 0;
	padding: 0; }
	
#right_big_se {
	background-image: url(../images/tuolit/satulatuoli_big_04_se.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	width: 670px;
	min-height: 430px;
	margin: 0;
	padding: 0; }
	
#right_design {
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	width: 670px;
	min-height: 430px;
	margin: 0;
	padding: 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_salli p, #right_indian p, #right_juliet p, #right_indy p, #right_flex p, #right_ponychair p, #right_stepsit p, #right_UKK p, #right_blur p, #right_tilaus p, #right_muut p, #right_fabello p{
	color: #191919;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	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_fabello {
	background-image: url(../images/tuolit/fabello/satulatuoli_fabello_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; }
#right_videot {
	background-image: url(../images/tuolit/videot_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0; }
#right_tilaus {
	background-image: url(../images/tuolit/satulatuoli_tilaus_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 450px;
	min-height: 360px;
	margin: 0;
	padding: 0; }
	
#right_muut {
	background-image: url(../images/tuolit/muut/humantool_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------------- */

#right_salli p.bigger, #right_indian p.bigger, #right_juliet p.bigger, #right_indy p.bigger, #right_flex p.bigger, #right_ponychair p.bigger, #right_stepsit p.bigger, #right_UKK p.bigger, #right_blur p.bigger, #right_tilaus p.bigger, #right_muut p.bigger, #right_fabello p.bigger {
	font-size:11px;
	line-height: 16px;
}

h1 {
	color: #333;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:5px 15px 10px 10px;
	margin:0 ; }
h2 {
	color: #000;
	font-size:14px;
	font-family: Arial, Helvetica, 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; }
.boldcenter {
	font-weight: bold;
	text-align:center; }
	
.italic {
	font-style: italic; }
.varimallit {
	padding-top: 6px; }
.hinta {
	color: #661b06;
	font-size: 16px;
	font-weight: bold; }
.tarjous {
	color: #fb6600;
	font-size: 18px;
	font-weight: bold;
	padding-right: 0;
	padding-left: 0; }
.erikoistarjous {
	background: url(../images/hintalappu.gif) 55% center no-repeat;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 0 20px 15px;
	margin-top:10px;
	display:block; }
.erikoistarjous_SE {
	background: url(../images/SE_hintalappu.gif) 55% center no-repeat;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 0 20px 15px;
	margin-top:10px;
	display:block; }
.ovh {
	color: #808080;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; }
.gray {
	color: #666; }
	
.orange {
	color:;
	font-weight:bold;
}
.float_right {
	float: right; }
.float_left {
	float: left;
	padding: 3px 5px 0 0;}
	
.center {
	text-align:center;
}
.video ul {
	list-style-type: none;
	margin:5px 0 10px 0;
	padding:0 0 10px 0;
	list-style-image: none;
}
.video li {list-style-type: none; list-style-image:none; padding-left:0; margin-left:0;}

.nosto {
	font-size: 16px;
	font-style:italic;
	line-height: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #999;
	margin: 20px 10px 0 10px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.etusivu_ots {
	font-size: 18px;
	font-style:italic;
	line-height: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 20px 10px 0 10px;
	padding: 10px 0 10px 0;
	
}

.formi_toggle {
	font-size: 18px;
	font-style:italic;
	line-height: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #930;
	margin: 20px 10px 0 10px;
	padding: 10px 0 10px 0;
	
}

.formi_vaihe {
	font-size: 18px;
	font-style:normal;
	line-height: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 20px 10px 0 10px;
	padding: 10px 0 10px 0;
}

a:link .formi_toggle { color: #930; text-decoration: none; padding: 2px 3px; display: block; }
a:visited .formi_toggle { color:#930; text-decoration: none; padding: 2px 3px; display: block; }
a:hover .formi_toggle  { color: #6f0724; text-decoration: underline; padding: 2px 3px; display: block; }
a:active .formi_toggle  { color:#6f0724;text-decoration: underline	; padding: 2px 3px; display: block; }

/* --------------navi------------- */
.menutitle{
	margin-left: 10px;
	color:#800000;
	width:150px;
	padding-bottom:2px;
	text-align:left;
	border-bottom: 1px solid #e4e4e4;
	line-height: 16px;
	height: 16px; }
.submenu{
	width: 140px;
	margin-left: 20px;
	padding: 0;
	display: block; }
.submenu a, .submenu a:visited {
	color:#666;
	line-height: 16px;
	display: block; }
#left a { color: #554223; text-decoration: none; padding: 2px 3px; display: block; }
#left a:visited { color:#554223; text-decoration: none; padding: 2px 3px; display: block; }
#left a:hover { color: #fff; background:url(../images/navi_tausta.jpg); text-decoration: none; padding: 2px 3px; display: block; }
#left a:active { color:#fff; background:url(../images/navi_tausta.jpg); text-decoration: none; padding: 2px 3px; display: block; }
.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 11px verdana;
color: black;
margin: 0 0 0 10px; /*bottom spacing between header and rest of content*/
padding: 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom: 1px dotted #ccc;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../../web-content/images/menu_active.jpg);
margin-bottom: 3px;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-left: 20px;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px dotted #ccc;

}
.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background: #000;
}

/* --------------formi------------- */
.fieldset {
	padding: 0 0;
	text-align:left;
	left: 0;
	width: 450px;
	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 .textarea_mini {
	background: #eee;
	margin: 8px 3px 3px 0;
	height:50px;
	width:230px;
	border: solid 1px #999;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	padding:3px 2px 2px 2px;
}

.fieldset .submit {
	background:url(../images/painikkeet/tilaa_up.jpg) center center no-repeat;
	margin: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:86px;
	height: 56px;
	color:#fff;
	border:0;}

.submit:hover {
	background:url(../images/painikkeet/tilaa_down.jpg) center center no-repeat;
	cursor: pointer;
}

.fieldset .submit_SE {
	background:url(../images/painikkeet/SE_bestall_up.gif) center center no-repeat;
	margin: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:86px;
	height: 56px;
	color:#fff;
	border:0;}

.submit_SE:hover {
	background:url(../images/painikkeet/SE_bestall_down.gif) center center no-repeat;
	cursor: pointer;
}
	
input[type=text]:focus, .textarea:focus, .textarea_lyhyt:focus, .textarea_mini:focus {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	}

input .fieldset .submit {
	border:0;
}

option {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
.tilausformi {
	width: 450px;
	margin: 0;
	padding: 3px 0; }
	
.tilausformi td {
	padding-right: 2px; }

select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
#viesti {
	text-align: left;
	height: 200px;
	visibility: visible; }
#text {width: 200px;}
/* --------------matkahuolto-------------*/
input.nappi
{
	color: black;
	font-family: verdana, sans-serif, arial;
	font-size: 8pt;
	width: 12em;
	height: 2em;
}
input.nappi2
{
	color: black;
	font-family: verdana, sans-serif, arial;
	font-size: 8pt;
	width: 7em;
	height: 2em;
}
input.kentta
{
	border: solid 1px #ccc;
	color: black;
	font-family: Verdana, sans-serif, arial;
	font-size: 11px;
	height: 2em;
}
input.ro
{
	border: solid 1px #ccc;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 16px; }
input.ruksi
{
	height: 30px;
	width: 30px;
}
/* --------------copyright-------------*/
#copy {
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	clear: both;
	margin: 0;
	padding: 5px 0 10px;
	text-align: center; }
#copy a {
	color: #736b63;
	text-decoration: none; }
#copy a:visited {
	color: #736b63;
	text-decoration: none; }
#copy a:hover {
	color: #736b63;
	text-decoration: none; }
#copy a:active {
	color: #736b63;
	text-decoration: none; }
#container #center {
	text-align: center;
}