/*+-----------------------------------------+*/
/*| Verkkopalvelun yleiset tyylimaarittelyt |*/
/*+-----------------------------------------+*/

/* yleiset maaritykset */
/* MPORSSI-144 */
/*
body {
  margin:0px;
  padding:0px;
  font-family:Arial,verdana,serif;
  font-size: 14px;
  background:#D3D3D4;
}
*/

body{
font:normal normal 8pt arial,verdana,serif;color:#83827F;
margin:0px;
padding:0px;
background:#D3D3D4;
}

p,a,ul,ol,li,dd,dt,form,input,table,tbody,tr,td { margin:0px;padding:0px; }

/* ---- SIVUA YMPAROIVA DIV ---- */
div#all {
  position:relative;
  top:0px;
  margin:auto;
  padding:0px;
  background:transparent url(../pics/all.gif) repeat-y;
  border-color:#ffffff;
  border-style:solid;
  border-width:0px 8px 8px 8px;
  width:850px;
}

div.clear { clear:both;}
/* --- YLATUNNISTE --- */
div#header {
  position:relative;
  width:100%;
  height:81px;
  border-bottom:4px solid #919498;
  margin:0px;
  padding:0px;
}
div#header h1 { font:normal bold 16px arial,verdana,serif;margin:0px;padding:0px;}
div#header h1 span {display:none;}
/* -- logo -- */
div#logo { float:left;width:236px;height:81px;}
div#logo a { 
  position:absolute;
  background:transparent url(../pics/logo.gif) no-repeat;
  width:236px;
  height:81px;
  margin:0px;
  padding:0px;
  }


/* -- ylavalikko -- */
div#menu {
  float:left;
  width:612px;
  height:81px;
  border-bottom:1px solid #ffffff;
  background:#83827F;
  margin:0px;
  padding:0px;
  
}
div#menu ul {
  position:relative;
  padding:0px;
  width:612px;
  height:81px;
 }
div#menu li { float:left;display:inline;width:19%;border-left:1px solid #ffffff;text-align:center;}
div#menu li a { 
	position:relative;
	font:normal bold 14px arial,verdana,serif;
	color:#ffffff;
	line-height:81px;
	text-decoration:none;
}
div#menu li a#rivitys { 
	position:relative;	
	font:normal bold 14px arial,verdana,serif;
	color:#ffffff;
	line-height:16px;
	text-decoration:none;
	display:block;			
	margin-bottom: 18px;
	padding-top: 32px;	
}
div#menu li a:hover { background:transparent url(../pics/hover.gif) left bottom repeat-x;}
div#menu li.first { border:none; }
div#menu li.active { background:#FE9E07; }



/* --- SISALTOALUE --- */
div#page {
  position:relative;
  width:100%;
  margin:0px;
  padding:0px;
  }

/* -- vasenpalsta -- */
div#page_left {
  float:left;
  width:236px;
  margin:0px;
  padding:0px;
  background:
}
div.page_left_clear { clear:both;height:5px;}
/* -- alanavi -- */
div#navi {
  position:relative;
  clear:both;
  width:236px;
  background:#ABB2AC;
  color:#ffffff;
  margin:0px 0px 0px 0px;
  padding:0px;
  border-bottom:5px solid #ffffff;
}
div#navi h3 { font:normal bold 14px arial,verdana,serif; padding:0.5em 0em 0.5em 1em; background:#83827F;margin:0px;color:#ffffff; }
div#navi ul { list-style-type:none;position:relative;}
div#navi ul li { border-top:1px solid #ffffff;margin:0em;padding:0.2em 0em 0.2em 1em;}
div#navi ul li a {  text-decoration:none;color:#ffffff;font:normal bold 11px arial,verdana,serif;  }
/* 2.tason valikko */
div#navi ul li ul {}
div#navi ul li ul li {}
div#navi ul li ul li a {}

div#navi li a:hover { text-decoration:underline;}
div#navi li.first {border:none;}
div#navi li.page_current { background:#FE9E07;}
div#navi h4 { font:normal bold 12px arial,verdana,serif; padding:0.5em 0em 0.5em 0em; background:#83827F;margin:0px; }
div#navi h4 a { font:normal bold 12px arial,verdana,serif; padding:0.5em 0em 0.5em 2em; margin:0px; color:#ffffff;text-decoration:none;background:transparent url(../pics/b-more.gif) 2px 3px no-repeat; }
div#navi h4 a:hover { text-decoration:underline; }
/*+---------------------------------+*/
/*| Palvelun kustoimoidut elementit |*/
/*+---------------------------------+*/
/* -- kirjatuminen -- */
div#login {
  position:relative;
  clear:both;
  width:236px;
  background:#12B5EC;
  color:#ffffff;
  margin:0px 0px 0px 0px;
  padding:0px;
  border-bottom:5px solid #ffffff;
}
/* otsikko */
div#login h3 { font:normal bold 14px arial,verdana,serif; padding:0.5em 0em 0.5em 1em; background:#0082AF;margin:0px;color:#ffffff; }
/* lomake */
div#login form { }
div#login p { font:normal bold 11px arial,verdana,serif; margin:0.5em 1em 1em 0em;padding:0em; text-align:right;color:#ffffff;}
div#login input { border:none; width:130px;color:#000000;}
div#login input.submit { float:right;height:18px;background:transparent url(../pics/b-submit.gif) repeat-x;color:#ffffff;font-weight:bold;border:1px solid #ffffff; padding:0em 0.2em;margin:0em 0.6em 0.3em 0em;font-size:11px; width:auto;}
div#login ul {list-style-type:none;clear:both; }
div#login ul li.register  {position:relative;background:#009ACF;padding:0.1em 0em 0.3em 1em;margin:0px; }
div#login ul li.forgotten_password { position:relative;background:#006F96;padding:0.1em 0em 0.3em 1em;margin:0px;}
div#login ul li a { text-decoration:none;color:#ffffff;font:normal bold 11px arial,verdana,serif; }
div#login a:hover { text-decoration:underline;}



div#logged {
  position:relative;
  clear:both;
  width:236px;
  background:#12B5EC;
  color:#ffffff;
  margin:0px 0px 0px 0px;
  padding:0px;
  border-bottom:5px solid #ffffff;
}
/* otsikko */
div#logged h3 { font:normal bold 14px arial,verdana,serif; padding:0.5em 0em 0.5em 1em; background:#0082AF;margin:0px;color:#ffffff; }
/* lomake */
div#logged form { }
div#logged p { font:normal bold 11px arial,verdana,serif; margin:0.5em 1em 1em 0em;padding:0em; padding-left: 13px; text-align:left;color:#ffffff;}
div#logged input { border:none; width:130px;color:#000000;}
div#logged input.submit { float:right;height:18px;background:transparent url(../pics/b-submit.gif) repeat-x;color:#ffffff;font-weight:bold;border:1px solid #ffffff; padding:0em 0.2em;margin:0em 0.6em 0.3em 0em;font-size:11px; width:auto;}
div#logged ul {list-style-type:none;clear:both; }
div#logged ul li.register  {position:relative;background:#009ACF;padding:0.1em 0em 0.3em 1em;margin:0px; line-height: 24px; }
div#logged ul li.forgotten_password { position:relative;background:#006F96;padding:0.1em 0em 0.3em 1em;margin:0px; line-height: 24px; }
div#logged ul li.logged_info{border-top: 1px solid #fff; position:relative;background:#12B5EC;padding:0.1em 0em 0.3em 1em;margin:0px; line-height: 20px; }
div#logged ul li.logged_info_last{border-top: 1px solid #fff; border-bottom: 1px solid #fff; position:relative;background:#12B5EC;padding:0.1em 0em 0.3em 1em;margin:0px; line-height: 20px; }

div#logged ul li a { text-decoration:none;color:#ffffff;font:normal bold 11px arial,verdana,serif; margin:0.5em 1em 1em 0em;padding:0em; }
div#logged a:hover { text-decoration:underline;}
div#logged a { font:normal bold 11px arial,verdana,serif; text-decoration: none; margin:0.5em 1em 1em 0em;padding:0em; line-height: 24px; padding-left: 13px; text-align:left;color:#ffffff;}


/* -- haku -- */
div#id_search {
  position:relative;
  clear:both;
  width:236px;
  background:#C2003A;
  color:#ffffff;
  margin:0px 0px 0px 0px;
  padding:0px;
  border-bottom:5px solid #ffffff;
  height:90px;

}
div#id_search h3 { font:normal bold 14px arial,verdana,serif; padding:0.5em 0em 0.5em 1em; background:#A0002E;margin:0px;color:#ffffff; }
/* lomake */
div#id_search form { }
div#id_search p { font:normal bold 11px arial,verdana,serif; margin:0.5em 1em 1em 1em;padding:0em;color:#ffffff;}
div#id_search input { border:none; width:130px;color:#000000;}
div#id_search input.search { float:right;height:18px;background:transparent url(../pics/b-search.gif) repeat-x;color:#ffffff;font-weight:bold;border:1px solid #ffffff; padding:0em 0.2em;margin:0em 1em 0.3em 0em;font-size:11px; width:auto;}

/* -- Etusivun vasemman laidan banneri  -- */

div#left_col_banner {
 position: relative;
 clear:both;
 width:236px;
 margin:0px 0px 0px 0px;
 padding:0px;
 }

	div#left_col_banner a { display: block; width: 200px; height: 140px; margin: 10px auto 0 auto; position: relative; }

/* -- oikeapalsta -- */
div#page_right {
  float:left;
  margin:0px;
  padding-left:10px;
  width: 602px;
  }

/* murupolku */
div#path {
  position:relative;
  clear: both;
  margin:0px;
  padding:0px;
}
div#path p { font:normal normal 11px arial,verdana,serif; }
div#path p a {color:#A0002E;text-decoration:none; }
div#path p a:hover {color:#A0002E;text-decoration:none;text-decoration:underline; }
div#path p a.path_current { color:#ffffff;background:#A0002E;text-decoration:none;font-weight:bold;padding:0.1em;}
div#path p a.path_current:hover { text-decoration:none;color:#ffffff;} 

/* -- sivunsisalto div -- */
div#content {
  position:relative;
  clear:both;
  width: 600px;
}


/* MPORSSI-79 */
div#content ul { 
font:normal normal 8pt arial,verdana,serif;color:#83827F;
padding:0em;
margin-left:15px;
padding:0px; 
}

div#content li { 
font:normal normal 8pt arial,verdana,serif;color:#83827F;
padding:0em;
margin-left:15px;
padding:0px; }

div#content ol { 
font:normal normal 8pt arial,verdana,serif;color:#83827F;
padding:0em;
margin-left:15px;
padding:10px; 
}


/* yleiset tyylimaarittelyt yhtenaisille elementeille */
div#content a { color:#A0002E; text-decoration:none;}
div#content a:hover {background:#A0002E;color:#ffffff; text-decoration:none;}

/*div#content p{ color: #333333; line-height: 15px;}*/
/* MPORSSI-83 */
div#content p{ line-height: 15px;}


/*+--------------------------------------+*/
/*| palvelussa kaytetty tekstityylit     |*/
/*| on maaritelty text.css -tiedostossa  |*/
/*+--------------------------------------+*/

/*+--------------------------------------+*/
/*| Etusivun kustoimoidut elementit      |*/
/*+--------------------------------------+*/

/* - kuvapaikka - */
div#imageplace {
  position:relative;
  width:600px;
  margin:0px;
  padding:0px;
  background:transparent url(../pics/imageplace.jpg) right top no-repeat;
  border-bottom:1px solid #A2A19F;
  height:218px;
  overflow:none;
}

div#imageplace div#desc { float:left;width:280px; }
div#imageplace div#desc p { font-weight:bold;font-size:9pt;line-height:16px; }

/* bannerit etusivulla */
div#banners {
  position:relative;
  top:5px;
  width:602px;
  margin:auto;
  padding:0px;
}
div#banners img { float:left;padding:0em 2px;margin:auto;border:1px solid #ffffff; }
div#banners a { text-decoration:none; }
div#banners a:hover img{ border:1px solid #FE9E07; }

/*+--------------------------------------+*/
/*+                                      +*/
/*|   Alasivun kustoimoidut elementit    |*/
/*+                                      +*/
/*+--------------------------------------+*/

/*|---------------------------------|*/
/*|Tuotekortin sisällön määrittelyjä|*/
/*|kaikki ovat content divin sisässä|*/
/*|---------------------------------|*/
/*tässä palstassa kuvat ja tuotetiedot*/
div#pic_column{ float: left; width: 310px;}
/*isoimman kuvan paikka ja määritykset*/
div#picture_place{ border: 1px solid #C6C3BD; width: 303px; height: auto; padding:0px; margin: 0px;}
div#picture_place img{ padding:0px; margin: 0px;}
/*pienempien kuvien paikat ja määritykset*/
div.small_images{border: 1px solid #C6C3BD; border-top: 0px; border-right: 0px; width: 75px; float: left; }
/*oikeanpuolimmaisimman pikkukuvan määrittelyt poikkeavat muista*/
div.small_images_last{border: 1px solid #C6C3BD; border-top: 0px; width: 75px; float: left; margin-bottom: 3px; }
/*kuvien alla olevat yksityiskohdat tuotteesta*/
div.details{ 
	width: 300px; background-color:#EFEFEF; 
	padding: 6px; 	padding-right: 0px;
	margin-bottom: 2px; margin-top: 2px; 
	color: #84827B;	font-weight: bold;
	font-size: 8pt;
	}
/*oikean puoleinen palsta, missä tarkempi kuvaus tuotteesta*/
div#information_column{float: right; width: 285px; padding: 0px; margin: 0px;}
div#information_column h2{ color:#FFFFFF; background-color: #FF6600; font-size:14px;padding: 9px; padding-right: 0px; margin: 0px;}
div#information_column h3{ color:#FFFFFF; background-color: #FF811E; font-size:14px;padding: 6px; padding-right: 0px; margin: 0px;}
div#information_column h4{ color:#FFFFFF; background-color: #FFB71D; font-size:14px;padding: 6px; padding-right: 0px; margin: 0px;}
/*tuotekortin määrittelyt päättyvät*/

/*|----------------------------------|*/
/*|Normaalihaun sisällön määrittelyjä|*/
/*|kaikki ovat content divin sisässä |*/
/*|----------------------------------|*/

#type{border: 0px solid #C6C3BD; padding: 0px; font-size: 13px; margin-bottom: 30px;}
#type .table_title_dark{ width: 160px; background-color:#83827F; color: #fff; font-weight: bold; padding: 6px; }
#type .table_title_light{ width: 160px; background-color:#B2B1AD; color: #fff; font-weight: bold; padding: 6px; }
#type .table_title_lighter{ width: 160px; background-color:#CCCBC6; color: #fff; font-weight: bold; padding: 6px; }
#type .top{border: 0px solid #C1C0BF; border-bottom: 0px; padding: 0px 0px 0px 0px;}

.search_details{width: 580px; background-color:#E9EDEA; margin-top: 0px; margin-bottom: 12px; padding: 6px; font-weight: bold; color: #4B4B4B}
.search_details span.info{font-size: 14px; font-weight: bold; color:#4B4B4B;}
.search_details span.last{font-size: 14px; font-weight: bold; color:#4B4B4B; padding-right: 60px;}

.huomio_uusi {color: #f00; text-transform: uppercase;}

#search_form{padding: 0px; margin: 0px;}
#search_form a.detail_search {font-size: 14px; font-weight: bold; margin-right: 0px;}
#search_form input.search{
	padding: 0px; margin: 0px 8px 0px 390px;
	width: 84px; height: 24px; 
	border: 0px;
	background: transparent url(../pics/button-search.gif) no-repeat 0px 0px;}
#search_form .submit{background: transparent url(../pics/button-delete.gif) no-repeat 0px 0px; 
width: 96px; height: 24px; border: 0px; color: #fff; font-size: 13px; font-weight: bold; margin-left: 300px; }
/*normaalihaun määrittelyt päättyvät*/
/*tarkennetun haun määrittelyjä*/
.detailed_search{ width: 400px; padding-top: 20px; vertical-align: top;}
.sijaintipaikat{width: 220px; overflow:auto;}
.details{line-height: 26px;}
.type{padding: 0px; margin: 0px; width: 174px; height: 100px; border: 1px solid #C1C0BF;  }
#form1 .submit{background: transparent url(../pics/button-delete.gif) no-repeat 0px 0px; 
width: 96px; height: 24px; border: 0px; color: #fff; font-size: 13px; font-weight: bold; }

/*|----------------------------------|*/
/*|uusimmat myynti-ilmoitukset kohdan|*/
/*| 					 määrittelyjä|*/
/*|----------------------------------|*/
.select_days{margin: 0px 25px 15px 0px;}
.select_option{margin: 0px 0px 15px 0px;}
.table_title{ background-color:#C1C0BF; font-weight: bold; color: #4B4B4B; line-height: 26px; }
.50{width: 50px; padding-left: 6px;}
.90{width: 90px;}
.120{width: 120px;}
..70{width: 70px;}
.90{width: 90px;}
.150{width: 150px;}
.first_td{padding-left: 6px;}
.information_row{height: 30px;}
.next{font-size: 14px; font-weight: bold; float:right; margin-right: 15px;}
/*uusimmat myynti-ilmoitukset kohdan määrittelyt päättyvät*/

/*|----------------------------------|*/
/*|Roskakorin tyylit				 |*/
/*|----------------------------------|*/
.roskakori{width: 600px; border: 1px solid #C1C0BF;}
.kuva{width: 50px;}
.merkki{width: 90px;}
.malli{width: 70px;}
.vuosi{width: 70px;}
.hinta{width: 60px;}
.lisa{width: 110px;}
.poista{width: 75px;}
.palauta{width: 75px;}

				
.roskakori .submit{background: transparent url(../pics/button-submit.gif) no-repeat 0px 0px; 
width: 73px; height: 22px; border: 0px; color: #fff; font-size: 12px; font-weight: bold; }
.trash_next{font-size: 12px; font-weight: normal;  margin-right: 10px; line-height: 26px;}
.trash_next_last{font-size: 12px; font-weight: normal; margin-right: 0px;}


/*+--------------------------------------+*/
/*| Tiedotteiden tyylejä			     |*/
/*+--------------------------------------+*/
#bulletin h5{margin: 0px; padding: 0px;}
#bulletin h5 span.date{color: #84827B; padding-right: 15px;}
#bulletin h5 span.bulletin_title{color: #424142;}
#bulletin p{ padding-left: 92px;}
#bulletin hr { height: 1px; color:#B5BAB5; width: 600px; border: 0px solid #f00; border-bottom: 1px solid #B5BAB5; margin: 20px 0px 20px 0px;}
.bulletin_readmore{margin-left: 92px; font-weight: bold; font-size: 12px;}

/*+--------------------------------------+*/
/*| palautelomakkeen tyylejä		     |*/
/*+--------------------------------------+*/
.feedback{margin-top: 20px;}
.feedback input{background-color: #fff; border: 1px solid #C1C0BF; margin: 5px;}
.feedback textarea{background-color: #fff; border: 1px solid #C1C0BF; width: 290px; height: 100px;}
.feedback .submit{background: transparent url(../pics/button-delete.gif) no-repeat 0px 0px; 
width: 96px; height: 24px; border: 1px; color: #fff; font-size: 13px; font-weight: bold; }

/*| osta avaimia kohdan tyylejä		     |*/
.table_title_buy{ background-color:#C1C0BF; font-weight: bold; color: #4B4B4B; line-height: 16px; }


/*+--------------------------------------+*/
/*| rekisteröidy kohdan tyylejä		     |*/
/*+--------------------------------------+*/
/*valitaanko yksityis vai yrityskäyttäjä, muut kohdat yleisistä taulukkotyyleistä*/
div.registration{width: 600px; height: auto; border: 1px solid #C1C0BF; padding: 0px; margin-top: 20px;}
div.registration p{margin: 10px; margin-bottom: 2px;}
div.registration a{font-weight: bold; margin-left: 530px; line-height: 25px;}
.registration_title{ background-color:#C1C0BF; padding: 0px; padding-left: 10px; margin: 0px; line-height: 30px; }

/*+--------------------------------------+*/
/*| Taulukoiden tyylejä					 |*/
/*+--------------------------------------+*/
.table_wide{ width: 600px; border: 1px solid #C1C0BF; margin-top: 20px;}
.table_wide2{ width: 600px; border: 0px; margin-top: 10px;}
.table_wide_with_radio{ width: 600px; border: 1px solid #C1C0BF; margin-top: 20px;}

.middle{ line-height: 23px;}
.add{padding-left: 6px;}
.left_corner{border: 0px solid #f00; border-bottom: 1px solid #efefef; padding: 4px; padding-left: 6px;}
.bottom{border: 0px solid #f00; border-bottom: 1px solid #efefef;}

.table_wide input{border: 1px solid #C1C0BF; width: 120px;}
.table_wide textarea{border: 1px solid #C1C0BF; width: 120px; height: 70px; }

.table_wide .submit2{background: transparent url(../pics/button-submit.gif) no-repeat 0px 0px; 
width: 73px; height: 22px; border: 0px; color: #fff; font-size: 12px; font-weight: bold; }
.table_wide2 .submit{background: transparent url(../pics/button-delete.gif) no-repeat 0px 0px; 
width: 96px; height: 24px; border: 0px; color: #fff; font-size: 13px; font-weight: bold;}

.table_avainosto td.alaviiva { border-bottom: 1px #000000 solid; }

.table_avainosto  .submit{background: transparent url(../pics/button-online.gif) no-repeat 0px 0px; 
width: 160px; height: 24px; border: 0px; color: #fff; font-size: 13px; font-weight: bold;}

/* --- ALATUNNISTE --- */
div#footer {
  position:relative;
  clear:both;
  width:850px;
  margin:auto;
  padding:auto;
  } 
div#footer div#address {margin-left:80px; }  
div#footer div#address p { font:normal normal 11px arial,verdana,serif;color:#929598;}
div#footer div#address p img { vertical-align:middle; }
div#footer div#address a { color:#C2003A; text-decoration:none; }