@charset "iso-8859-1";

body, html {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 background: url(../images/bg_body.png) repeat;
 margin-bottom: 39px;
 height: 100%; 
 max-height: 100%; 
 overflow: hidden;
}

#maincontent{
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0px;
padding: 0px;
bottom: 39px; /*Set bottom value to HeightOfFrameDiv*/
overflow: auto; 
}

/*****************************************/

#framecontent{
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
height: 39px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #314430;
color: white;
/*margin-top: 5px;*/
text-align: center;
}

.ifOstoskori {
overflow: hidden;
height: 30px;
width: 640px;
background-color: #fff;
color: #000000;
padding-top: 0px;
margin-left: 0px;
text-align: left;
vertical-align: middle;

}

p.alaframe {
  font-size: 10px;
  color: white;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

#ostoskori {
background-color: #fff;
text-align: left;
overflow: hidden;
vertical-align: middle;
height: 30px;
color: #222;
width: 640px;
text-align: left;

}

.tuote_otsikko {
 font-weight: bold;
 padding-bottom: 4px;
}

.tuote_hinta {
 font-weight: bold;
 font-size: 16px;
 }

.tuote_teksti_pieni {
 font-size: 12px;
}
 
.tinytext {
  font-size: 11px;
}








/***************************************/

h1 {
 font: 80% Arial, Helvetica, sans-serif;
 color: #fff; 
 margin: 0px;
 padding: 10px 10px 10px 16px; 
 font-weight: bold;

}

.bg_h1 {
 background: url(../images/bg_h1.png) no-repeat;
 width: 640px;
 height: 35px;
 }
 
 .bg_h1_tuoteinfo {
 background: url(../images/bg_h1_tuoteinfo.png) #547653 no-repeat;
 height: 35px;
 }

a {
 color: #336633;
}

.bg_top {
 background: url(../images/bg_ostoskori.png) no-repeat;
 width: 900px;
 height: 39px;
}

#bg_topnauha {
 background: url(../images/bg_topnauha.png) repeat-x;
 padding-top: 15px;
}

#sisalto {
 width: 900px;
 margin: 0 auto 0 auto;
}

hr {
 color: #ccc;
 border-style: dashed;
 height: 1px;
}

form {
 margin: 0px;
 padding: 0px;
}

.select_valinta {
background: #b3d234;
 width: 200px;

}

.fontti {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
}

#main {
 width: 800px;
}

#navit {
 background: url(../images/bg_navit.png) no-repeat;
 width: 640px;
 height: 38px; 
}

#navivali {
 background: url(../images/bg_navivali.png) no-repeat;
 width: 640px;
 height: 5px;
}

#navit div {
 padding: 8px 10px 0px 16px;
}

#navit a {
 color: #fff;
 font-size: 0.75em;
 
}

#navit span {
 color: #fff;
 font-size: 10px;
}

#navit a { 
 text-decoration: none;
 text-transform: uppercase;
}

#navit a:hover {
 color: #8a4715;
 text-decoration: none;
}

#bg_header {
 /*background: url(../images/bg_header.jpg) no-repeat;*/
 width: 640px;
 
}

#header_tbl {
/* margin-left: 340px;*/
}

#logo {
 padding: 0px 0px 30px 45px;
}

/*login
---------------------------------*/
#login {
 /*background: url(../images/bg_login.png) no-repeat;*/
/* width: 266px;
 height: 58px;*/
 padding: 6px 0px 0px 410px;
}

#login label {
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #222;
}

#login a {
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #222;
 text-decoration: none;
}

#login a:hover {
 text-decoration: none;
}

.login_syote {
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #c2c6b6;
}

#omatili a {
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #fff;
 text-decoration: none;
 background: #cb5000;
 padding: 2px;
}

#omatili a:hover {
 text-decoration: none;
}


/*Pikatilaus
---------------------------------*/
#pikatilaus {
 /*background: url(../images/bg_pikatilaus.png) no-repeat;*/
 background: #222;
 width: 200px;
 height: 35px;
}

.pikatilaus_syote {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #5480c1;
}

#pikatilaus_form {
 
}

#tuotekategoriat a {

	line-height: 18px;

}

/*Tuoteryhmät
---------------------------------*/
#bg_tuoteryhmat {
 /*background: url(../images/bg_tuoteryhmat.png) no-repeat;
 background: #222;
 width: 200px;
 height: 30px; */
 padding: 0px 10px 0px 20px;
}

.tuoteryhma_otsikko {
 margin-top: 4px;
 margin-bottom: 4px;
}

.tuoteryhma_otsikko a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333;
 text-decoration: none;
  padding: 3px;

}

.tuoteryhma_otsikko a:hover {
 background: #81a32b;
 color: #fff; 
}

.kategoria_listaus {
 margin-left: 14px;
 margin-top: 8px;
 margin-bottom: 15px;
}

.kategoria {
 margin-top: 4px;
 margin-right: 15px;
 
}

.kategoria a {
 font-size: 14px;
 color: #2d2d2d;
 text-decoration: none;
}

.kategoria a:hover {
 color: #e2a200;
}

/*Tuotehaku
---------------------------------*/
#bg_tuotehaku {
 /*background: url(../images/bg_tuotehaku.png) no-repeat;
 background: #222;
 width: 200px;
 height: 30px;*/
 padding: 0px 10px 0px 20px;
}

#verkkomaksut {
  padding: 20px 10px 20px 20px;
}

.hae_syote {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #5480c1;
}


/*Muuta tietoa
---------------------------------*/
#bg_muuta_tietoa {
 padding: 0px 10px 0px 20px;
}

/*Ostoskori-etusivu
---------------------------------*/

#ostoskori_etusivu {
 
 overflow: hidden;
 height: 39px;
 width: 900px;
 vertical-align: middle;

}

.infokori {
  padding: 6px 20px 0px 10px;
	background: #fff;
	color: #222;
	height: 39px;
	font-size: 12px;
	text-align: left; 
	font-weight: bold;
}

.infokorissa {
  padding: 4px 200px 0px 10px;
  background: #fff;

}

.infokorissa a {
 font-size: 12px;
 font-weight: bold;
 color: #222;
 text-decoration: none;
}

#bg_ostoskori {
 /*background: url(../images/bg_ostoskori.png) repeat;
 width: 100%;
 height: 40px;*/
}

.ostoskori_syote {
 font: 75% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #5480c1;
}

#bg_ostoskori a {
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #fff;
 text-decoration: none;
}

#bg_ostoskori a:hover {
 text-decoration: none;
}


.bg_content {

}


.bg_content th {
 font: 75% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 text-align: right;
}

#content {
 background: url(../images/bg_content.png) repeat-y;
 width: 900px;
}


#l-col {
 width: 260px; 
}

#l-col h2 {
 color: #547653;
 font-size: 16px;
 border-bottom: 1px solid #547653;
 margin-right: 20px;

 text-transform: uppercase;
}

#c-col {
 width: 640px;
 /*padding: 20px 30px 20px 20px; */
}

#c-col_content {
 padding: 0px 4px 0px 0px;
}

#c-col h2, .otsikko_uutiset {
 font-size: 14px;
 color: #547652; 
 font-weight: bold;
 margin: 0px 0px 8px 0px;
}


.otsikko_uutiset_jmyyjat {
 font-size: 12px;
} 

#c-col h3, h4, h5, h6 {
 font: 80% Arial, Helvetica, sans-serif;
 color: #547652; 
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}


#c-col p {
 font: 75%/160% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 15px;
}

#c-col a {
 text-decoration: none;
}

#c-col a:hover {
 text-decoration: none;
}

#c-col ul, ol {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 margin-top: 10px;
}

.ostoskoriTbl {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

.ostoskoriTbl td {
 padding: 8px;

}

.ostoskoriTbl th { 
 color: #5480c1;
 text-align: left; 
 padding: 3px;
 font-weight: normal;
}

.failed {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #ff0000;
 background: #FFFFCC;
 border: 1px solid #FFCC66;
 padding: 2px;
}

.success {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #009900;
 background: #FFFFCC;
 border: 1px solid #FFCC66;
 padding: 2px;
}

/*Tuoteinfo
-------------------------------------------------*/

.tuote_info_tbl {
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.tuote_info_tbl td, th {
 padding: 3px;
 font-size: 12px;
}



.tuote_info_tbl th {
text-align: right;
}

.tkuva {
 border-width: 0px;
}

.rivin_vari_tinfo {
 background: #eee;
}
.rivin_vari_tinfo td {
 border: 1px solid #eee;
}

/*Tuotteet
-------------------------------------------------*/

.btn_koriin {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #222;
}

.tuotteet_syote {
/* font: 90% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #666666;*/
 text-align: center;
}

.tuote td {
 font-size: 12px;
}

.tuoteTbl, .tarjousTbl, .ostoskoriTbl, .bg_content, #edistyminen, .teksti {
 width: 600px;
 margin-left: 16px;
 margin-top: 20px;
 font-family: Arial, Helvetica, sans-serif;
}

.teksti2 {
 width: 420px;
 margin-left: 16px;
 margin-top: 20px;
 font-family: Arial, Helvetica, sans-serif;
}

 .tuoteryhmatTbl {
 /*width: 450px;*/
 width: 600px;
 margin-left: 16px;
 margin-top: 20px;
 font-family: Arial, Helvetica, sans-serif;
 
 }

.tarjousTbl {
 
 }

.tarjousTbl td {
 width: 170px;
 background: #fff;
}

.tuoteryhmatTbl td {
 width: 170px;
}


.tuoteTbl td {
 border-bottom: 1px solid #eee;
 border-top: 1px solid #eee;
 height: 100px;
 padding: 10px;
 font-size: 12px;
 background: #fff;
}

.tuoteTbl a {
 text-decoration: none;
 color: #00a2c8;
}

.tuoteTbl a:hover {
 text-decoration: none;
}

.tuoteTbl a:visited {
 color: #00a2c8;
}

.tuoteTbl th {
 font-size: 70%;
 color: #2e2e2e;
 text-align: left; 
 padding: 3px;
 font-weight: normal;
}

.thumb1 {
 border-left: 1px solid #eee;
 text-align: center;
}

.tuoteTbl_thinta {
 border-right: 1px solid #eee;
}
 
.rivin_vari {
 background: #fff;
}
.rivin_subvari {
 background: #fff;
}

.rivin_subvari2 {
 background: #eee;
}

.pages_tbl {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 /*background: url(../images/bg_pages.png) no-repeat;
 width: 585px;
 height: 22px;*/
 color: #000;
}

.pages_tbl a {
 color: #00a2c8;
}

/*Footer
------------------------------------*/
#footer {
 background: url(../images/bg_footer.png) no-repeat;
 width: 900px;
 height: 20px;
 font: 70% Tahoma, Arial, Helvetica, sans-serif;
 color: #2d2d2d;
 padding-top: 25px;
 margin-bottom: 20px;
}

#foonavs a {
 color: #999999;
 text-decoration: none;
}

#foonavs a:hover {
 text-decoration: none;
}

address {
 font-size: 12px;
}

/*Asiakaspalaute
---------------------------------*/

#asiakaspalaute_tbl {
 
}

.as_syote {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #5480c1;
}


/*Tilaus
---------------------------------*/

.tilaus_syote {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 1px;
 border: 1px solid #5480c1;
}

.btn_jatka {
 margin: 20px 20px 20px 0px;
 text-align: right;
}

#edistyminen {
 font: 80% Arial, Helvetica, sans-serif;
 color: #333;
 padding: 3px;
 margin-bottom: 20px;
}

#edistyminen td {
 padding: 6px;
}

.edistyminen_valittu {
 background: #ed87af;
 color: #fff;
}

.edistyminen_eivalittu {
 background: #f6ba37;
 color: #fff;
}

.edistyminen_visited {
 background: #f6ba37; 
}

.edistyminen_visited a {
 color: #fff;
 text-decoration: underline;
}

.basicTbl td {
 font-size: 11px;
 padding: 6px;
}

.rivin_vari_tilaus {
 /*background: #ccd6ed;*/
}

#toimitustapa_tbl td {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 6px;
}

#toimitustapa_tbl th {
 font-weight: bold;
 padding: 4px;
}

#maksutapa_tbl td {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
 padding: 6px;
}

#maksutapa_tbl th {
 font-weight: bold;
 padding: 4px;
}

#toimitusosoite_tbl td {
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
 color: #333;
}

#toimitusosoite_tbl th {
 text-align: left;
}

#hyvaksytilaus {
 font: 80% Tahoma, Arial, Helvetica, sans-serif;
 color: #333;

}


.takaisin {
font: 90% Tahoma, Arial, Helvetica, sans-serif;
 margin: 20px 0px 20px 20px;
}

.kategoriakuvaus {
 font-size: 11px;
 text-align: left;
 padding: 10px 0px 10px 10px;
}


/*Tilisiirtolomake*/

.tilisiirtolomake {
	width: 540px;
	height: 249px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #000;
	background: #fff;
}

.tilisiirtolomake_huom {
 color: #CC0000;
}

.tilisiirtolomake_vasen {
	width: 360px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border-right: 2px solid #000000;
}  

.tilisiirtolomake_oikea {
	width: 315px;
	height: 100%;
	padding: 0px;
	margin: 0px;
}  

.tilisiirtolomake_saaja_text {
	width: 61px;
	height: 53px;
	padding: 3px;
	margin: 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: arial;
	vertical-align: middle;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_saaja {
	width: 100%;
	height: 53px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	vertical-align: middle;
}

.tilisiirtolomake_saaja2_text {
	width: 61px;
	height: 45px;
	padding: 3px;
	margin: 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: arial;
	vertical-align: middle;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_saaja2 {
	width: 100%;
	height: 45px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	vertical-align: middle;
}

.tilisiirtolomake_maksaja_text {
	width: 61px;
	height: 114px;
	padding: 3px;
	margin: 0px;
	border-right: 0px solid #000000;
	border-bottom: 2px solid #000000;
	font-family: arial;
	vertical-align: top;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_maksaja {
	width: 100%;
	height: 114px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 2px solid #000000;
	vertical-align: top;
}
	
.tilisiirtolomake_tililta_text {
	width: 61px;
	height: 28px;
	padding: 3px;
	margin: 0px;
	border-right: 0px solid #000000;
	border-bottom: 2px solid #000000;
	font-family: arial;
	vertical-align: top;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_tililta {
	width: 100%;
	height: 28px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 2px solid #000000;
	vertical-align: top;
}

.tilisiirtolomake_kuva {
	width: 240px;
	height: 41px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px solid #000000;
	vertical-align: middle;
	background-image: url(../tilaus/images/tilisiirto.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.tilisiirtolomake_lisatieto {
	width: 315px;
	height: 140px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border-bottom: 1px solid #000000;
	vertical-align: top;
}

.tilisiirtolomake_alaborder {
	border-bottom: 2px solid #000000;
}

.tilisiirtolomake_viite_text {
	width: 39px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	font-family: arial;
	vertical-align: top;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_viite {
	width: 100%;
	height: 20px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px solid #000000;
	vertical-align: middle;
}

.tilisiirtolomake_era_text {
	width: 39px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	font-family: arial;
	vertical-align: top;
	font-size: 10px;
	color: #555555;
	text-align: right;
}

.tilisiirtolomake_era {
	width: 110px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-right: 1px solid #000000;
	vertical-align: middle;
}

.tilisiirtolomake_summa {
	width: 156px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px solid #000000;
	vertical-align: middle;
}

.tuoteoptiot {
 padding: 10px 0px 20px 0px;
}

#sepeteus {
 text-align: right;
 padding-right: 22px;
}

.sublinkki_taso2 {
 background: url(../images/bg_subnavi_taso2.png) repeat;
 width: 170px;
 height: 25px;
 margin-bottom: 2px;
}

.sublinkki_taso2 a, .sublinkki_taso3 a {
 color: #f6f9ed;
 font-size: 12px;
 font-weight: bold;
 
}

.sublinkki_taso3 {
 background: url(../images/bg_subnavi_taso3.png) repeat;
 width: 170px;
 height: 25px;
 margin-bottom: 2px;
}

/*Uutiset*/

.otsikko_uutiset {
 
}

.lue_lisaa_uutiset {
 font-size: 12px;
 margin-bottom: 20px;
 }
 
.pvm_uutiset {
 font-size: 11px;
 margin-bottom: 10px;
}

#yhteystiedot_etusivu {
  padding: 0px 10px 0px 20px;

 font-size: 14px;
 color: #2d2d2d;
}

.varastosaldo {
  border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	text-align: center;
}

.varastossa {
 color: #FF6600;
 font-weight: bold;
}