/*



SISÄLLYSLUETTELELO (jos teet muutoksia järjestykseen (mitä ei suositella), päivitä myös sisällysluettelo)
---------------------------------------------------------------

- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"
- BODY ELI TAUSTA 
- MUITA TAUSTOJA, TAULUKOT
- lnav-SOLUT JA (PÄÄ)LINKIT, YLÄPALKKI
- LNAV-LINKIT (VASEN NAVIGOINTI), VASEN PALKKI 
- SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY
- FOOTER, "BOTTOM" 
- DIV-KUVAT
- MUITA, LOMAKKEET, POTIKAT YMS. 
---------------------------------------------------------------

*/





 /* -------------------------------------------- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"  --------------------------------------------------- */



a:link, a:active, a:visited {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#1E68CC;
}

/*
a:visited {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;

}*/

a:hover {
font-family:arial,tahoma,helvetica,sans-serif;
color:#1E68CC;
font-size:11px;
font-weight:normal;
text-decoration:underline;
}


.footertd a:link, .footertd a:visited, .footertd a:active {
font-size:11px;
color: #3366CC;
font-weight:normal;
text-decoration:none;
}

.headertd a:link, .headertd a:visited, .headertd div {
font-size: 10px;
color: #000000;
font-weight:normal;
text-decoration:none;
}

.headertd2 {
padding-right: 30px;
padding-bottom: 5px;
font-size: 11px;
}

a.titlelnk {
font-weight:bold;
} 

/* -------------------------------------------- BODY ELI TAUSTA --------------------------------------------------- */

body {
background-color:#ffffff;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:40px;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
}




/* ------------------------------------  MUITA TAUSTOJA, TAULUKOT ------------------------------------------- */




.bgtable { 					/*  taaimmaisen taulun tausta  */
color:#000000;
background-color:transparent;
}



.toppic {				 	   /*  taaimmaisen taustataulun yläkuva, myös taustaväri joka on hyvä olla sama kuin bodyn */
background-color:#ffffff;
/*background-image: url(http://www.loistostoori.fi/NESTEET/images/toppic.jpg);
background-repeat:no-repeat;*/
color:#000000;

border-top: solid 0px #cccccc;
border-left: solid 0px #cccccc;
border-right: solid 0px #cccccc;
border-bottom: solid 1px #7788BB;
}

.topdiv {
background-color:#ffffff;
/*
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:gray;
font-weight:bold;
font-style:italic;
*/
}

.slogan {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:#efefef;
font-weight:bold;
font-style:italic;
}

.logo {
/* background-image: url(http://www.loistostoori.fi/NESTEET/images/logo.jpg); */
color:#000000;
}



.mainbg {	  		 	  /*  sisällön tausta */
background-color:#ffffff;
color:#000000;
border-right: solid 0px #cccccc;
padding-left:0px;
padding-right:0px;
border-bottom: solid 0px #cccccc;
}

.content {
padding-left:15px;
padding-right:20px;
}

 /* -------------------------------------------- LNAV-LINKIT (VASEN NAVIGOINTI), VASEN PALKKI  --------------------------------------------------- */


a.lnav:link, a.lnav:visited {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.lnav:hover {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.lnav#select
{
color: #ffffff;
}

.lnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
background-color:#ffffff;
/*
background-image: url(http://www.loistostoori.fi/NESTEET/images/lnavbg.jpg);
background-repeat:repeat-y;
border-right: solid 1px #cccccc;
*/

border-left: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
color:#000000;
}

.lnavtable {  						/*     lnav-tausta, minkä päällä lnavit killuu  */
background-color:transparent;
padding:0px;
}

.lnavtd { 					 		/* lnav-td - taulukon solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;
background-image: url(http://www.loistostoori.fi/NESTEET/images/bg_nav.gif);
background-repeat:repeat-x; 

color:#efefef;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color:transparent;
height:27px;
padding-left:10px;
padding-right:8px;
border-top: solid 1px #549CD2;
border-bottom: solid 1px #ffffff;
}


.lnavtd#selected {
background-image: url(http://www.loistostoori.fi/NESTEET/images/bg_nav_selected.gif);
}


.lnavtd_last { 					 		/*lnav-td - taulukon viimeinen solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;
background-image: url(http://www.loistostoori.fi/NESTEET/images/bg_nav.gif);
background-repeat:repeat-x; 
color:#efefef;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color:transparent;
height:27px;
padding-left:10px;
padding-right:8px;
border-top: solid 1px #549CD2;
border-bottom: solid 1px #549CD2;
}

.lnavtd_last#selected { 					 		/*lnav-td - taulukon viimeinen solu, minkä sisällä lnavlinkki on*/
background-image: url(http://www.loistostoori.fi/NESTEET/images/bg_nav_selected.gif);
}


 /* -------------------------------------------- LNAV-LINKIT (VASEN NAVIGOINTI), VASEN PALKKI  --------------------------------------------------- */


a.xtranav:link, a.xtranav:visited {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.xtranav:hover {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.xnav#select
{
color: #ffffff;
}

.xtranavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
background-color:#ffffff;
/*
background-image: url(http://www.loistostoori.fi/NESTEET/images/lnavbg.jpg);
background-repeat:repeat-y;
border-right: solid 1px #cccccc;
*/

border-left: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
color:#000000;
}

.xtranavtable {  						/*     lnav-tausta, minkä päällä lnavit killuu  */
padding-top: 0px;
}

.xtranavtd { 					 		/* lnav-td - taulukon solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;
background-repeat:repeat-x; 

color:#efefef;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color: #E9F4FC;
height:27px;
padding-left:10px;
padding-right:8px;
border-top: solid 1px #9EC8E7;
border-bottom: solid 1px #ffffff;
}


.xtranavtd#selected {
background-color: #B1D9F7;
}


.xtranavtd_last { 					 		/*lnav-td - taulukon viimeinen solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;

background-repeat:repeat-x; 
color:#efefef;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color: #E9F4FC;
height:27px;
padding-left:10px;
padding-right:8px;
border-top: solid 1px #9EC8E7;
border-bottom: solid 1px #9EC8E7;
}

.xtranavtd_last#selected { 					 		/*lnav-td - taulukon viimeinen solu, minkä sisällä lnavlinkki on*/
background-color: #B1D9F7;
}

.xtrabottom {
height: 380px;
background-image: url(http://www.loistostoori.fi/NESTEET/images/xtrabottom.jpg);
padding-top: 50px;
background-repeat: no-repeat;
background-position: top;
}


/* ------------------------------------ Rnav ------------------------------------------- */
.rnav div {
text-align: left;
width: 185px;
background-color: #E9F4FC;
background-image: url('http://www.loistostoori.fi/NESTEET/images/bg_rightColumn_tl.gif');
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 20px;


}
.rnav p {
	padding: 13px 13px 0 13px;
	margin: 0px;
	font-size: 11px;
}
.rnav b.title {

	font-size: 13px;
	font-weight: bold;
	color: #000000;

}

.rnav a:visited {
color: #1E68CC;
font-size: 11px;
}



/* ------------------------------------ SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY ------------------------------------------- */



td,p,br,div,hr,li,contenttxt {
font-family:arial,tahoma,helvetica,sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
}


hr {border: none 0; 
	border-top: 1px solid #7788BB;

	width: 100%;
	height: 1px;

	text-align: left;
	}



.content {   	   /* -------------------- (pää)sisältöalue ------------*/
padding-left:15px;
padding-right:20px;
}

.pagetitlebg { 					/*   sivuotsikon taustaväri   */
background-color:#FFA500;
}

H1, .pagetitle {	
			
font-family:arial,tahoma,helvetica,sans-serif;
font-size: 22px;
color:#66AADD;
font-weight:normal;
margin-top: 0px;
padding-top: 0px;
}


.title {						/*   otsikko  */
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
}




/* ------------------------------------  FOOTER, "BOTTOM" ------------------------------------------- */

.footerdiv{       /* "footteriviiva"*/

}

.footertd { /* eli footer*/
white-space:nowrap;
height:20px;
padding-left:8px;
padding-top:11px;
background-color:#ffffff;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
color:#6A6A6A;
font-weight:normal;
border-top: solid 1px #7788BB;
border-left: solid 0px #cccccc;
border-right: solid 0px #cccccc;
border-bottom: solid 0px #cccccc;
}

.main2 {

padding-left: 20px;
}

/* ------------------------------------ SISÄLLÖN DIV-KUVAT ------------------------------------------- */


div.picdiv_1 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/1.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_2 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/2.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_3 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/3.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_4 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/4.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_5 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/5.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_6 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/6.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_7 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/7.jpg);*/
border-bottom: solid 0px #cccccc;
}
div.picdiv_99 {
background-repeat:no-repeat;
height:189px;
/*background-image:url(../contpics/99.jpg);*/
border-bottom: solid 0px #cccccc;
}
.borderpic {					/*  esim. tuotekuvien ympärille reunat */
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}
/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */




.lnavpic {		/*   rajat vasemman palkin kuviin  */
padding:1px;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}

.selekti {		/*  teksti-inputti, nimi, puh/email  */
width:335px;
height:20px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;

background-color:#ffffff;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;

}

.txtinput {
width:335px;
}
.txtinput2 {
width:110px;
}
.txtinput, .txtinput2 {		/*  teksti-inputti, nimi, puh/email  */

height:20px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;

background-color:#ffffff;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;

}

.tarea  { 		/* viestin tekstialue */
width:335px;
height:120px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;

background-color:#ffffff;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

.potikka  {		/*  lähetä-painike  */
width:80px;
height:22px;
border-top: solid 1px #ffffff;
border-bottom: ridge 2px #cccccc;
border-left: solid 1px #ffffff;
border-right: ridge 2px #cccccc;

background-color:#cccccc;
font-family:arial,tahoma,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}

.formheader {

background-color: #D3DBEA;
height: 30px;
padding: 5px;
font-weight: bold;
font-size: 120%;
}

.formTable th {
text-align: right;
}

.formTable {

	background-color: #F8F8F8;
	border-left: #E4E5DD;
}


blockquote { 
letter-spacing: 0.1em 
}


.hover{
	height: 42px;
	width: 147px;
	background-image:url('http://www.loistostoori.fi/NESTEET/images/bg_layer_icondetail.gif');
	background-repeat: no-repeat;
  	left: 0px;
  	padding-top: 17px;
  	position: absolute;
  	top: 0px;
  	visibility: hidden;
  	z-index: 101;
  	font-weight: bold;
  	font-size: 11px;
}



/* Leveä laatikko, esim lounaslista */
.widebox {
height: 60px;
width: 620px;
background-image: url('http://www.loistostoori.fi/NESTEET/images/bg_box_big.gif');
background-repeat: no-repeat;
border: 0px;
}

.widebox td {
text-align: center;
color: #4063AC;
font-size: 15px;
}

.widebox td a:link, .widebox td a:visited, .widebox td a:active {
display: block;
text-decoration: none;
color: #4063AC;
font-size: 15px;
}