/*



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:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#0000FF;
}

a:hover {
font-family:verdana,arial,helvetica,sans-serif;
color:#0000FF;
font-weight:normal;
text-decoration:none;
}




a.footerlnk {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;
}

a.footerlnk:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:underline;
}


a.titlelnk {
font-weight:bold;
} 

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

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




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




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



.toppic {				 	   /*  taaimmaisen taustataulun yläkuva, myös taustaväri joka on hyvä olla sama kuin bodyn */
background-color:#6699CC;
background-image: url(../images/toppic3.jpg);
background-repeat:no-repeat;
color:#000000;
border-top: solid 1px #FFCC33;
border-left: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
}

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

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

.logo {
/* background-image: url(../images/logo.jpg); */
color:#000000;
}

.outerbg {	  		 	  /*  sisällön tausta */

}


.mainbg {	  		 	  /*  sisällön tausta */
background-color:#ffffff;
color:#000000;
padding-left:15px;
padding-right:20px;
padding-top:15px;
border-right: solid 1px #FFCC33;


/*

padding-top:20px;
background-color:#ffffff;
color:#000000;
padding-left:15px;
padding-right:20px;
border-top: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
*/

}



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

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


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

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



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

border-left: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
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(../images/lnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#000000;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color:#6699CC;
height:22px;
padding-left:10px;
padding-right:8px;
border-bottom: solid 1px #FFCC33;
}

.lnavtd_last { 					 		/*lnav-td - taulukon viimeinen solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;
/* background-image: url(../images/lnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#000000;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color:#6699CC;
height:22px;
padding-left:10px;
padding-right:8px;
border-bottom: solid 1px #FFCC33;
}




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



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

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

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

.pagetitle {	
height:22px;				/*   sivuotsikko   */
padding-left:10px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
border-bottom: solid 1px #efefef;
}


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



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

.footerdiv{       /* "footteriviiva"*/
border-top: solid 1px #FFCC33;
}

.footertd { /* eli footer*/
white-space:nowrap;
height:20px;
padding-left:8px;
background-color:#6699CC;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#efefef;
font-weight:normal;
border-top: solid 1px #FFCC33;
border-left: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
border-bottom: solid 1px #FFCC33;
}


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



div.picdiv_1 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);
border-top: solid 1px #FFCC33;
}
div.picdiv_2 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/2.jpg);
border-top: solid 1px #FFCC33;
}

div.picdiv_3 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/3.jpg);
border-top: solid 1px #FFCC33;
}
div.picdiv_4 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/4.jpg);
border-top: solid 1px #FFCC33;
}

.borderpic {					/*  esim. tuotekuvien ympärille reunat */
border-top: solid 1px #FFCC33;
border-bottom: solid 1px #FFCC33;
border-left: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
}
/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */


.selekti {
width:250px;
height:20px;
border-top: solid 1px #FFCC33;
border-bottom: solid 1px #FFCC33;
border-left: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
background-color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

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


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

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

}

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

background-color:#ffffff;
font-family:verdana,arial,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 #666666;
border-left: solid 1px #ffffff;
border-right: ridge 2px #666666;

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

blockquote { 
/*
letter-spacing: 0.1em
*/ 
}


/*  --------------------------------------------------------- cart css ----------------------------------------  */



a.prdbacklnk,a.prdbacklnk:visited {
text-decoration:none;
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:blue;
text-decoration:none;
}

a.prdbacklnk:hover {
text-decoration:none;
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:blue;
text-decoration:none;
}

a.whtlnk,a.whtlnk:visited {
text-decoration:none;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#ffffff;
text-decoration:none;
}

a.whtlnk:hover {
text-decoration:none;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#ffffff;
text-decoration:none;
}


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

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



.activerattd { 					 		/* lnav-td - taulukon solu, minkä sisällä lnavlinkki on*/
white-space:nowrap;
/* background-image: url(../images/lnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#ffffff;				/* lnav-td:ssä olevien nav.nuolten väri*/
background-color:#FFCC33;
height:22px;
padding-left:10px;
padding-right:8px;
border-bottom: solid 1px #FFCC33;
}




.theaderbg {
background-color:#990000;
}

.row {
background-color:#ffffff;
}
.trow {
background-color:#efefef;
}

.strow {
background-color:;
}

.ndrow {
background-color:#efefef;
}

.titlebg {
background-color:#efefef;
}


.whttitle {
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
font-weight:bold;
color:#ffffff;
padding-left:5px;
}



.midsumbg {
background-color:#cccccc;
}

.nwmidsum {
padding-top:5px;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
font-weight:bold;
white-space:nowrap;
color:#FF0000;
border-top:solid 1px #666666;
border-bottom:solid 1px #666666;
}

.totalrowbg {
background-color:#FFCC66;
}

.nwtotal {
padding-top:5px;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
font-weight:bold;
white-space:nowrap;
color:#FF0000;
border-bottom:solid 1px #666666;
} 

.nwctitle {
padding-top:5px;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
font-weight:bold;
white-space:nowrap;
color:#000000;
border-bottom:solid 1px #666666;
}

.icountinput {
padding-left:5px;
width:38px;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#000000;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #cccccc;
}

.cartinputti {
padding-top:3px;
padding-left:3px;
height:18px;
width:200px;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#000000;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #cccccc;
}

.cart_tarea {
padding-top:5px;
padding-left:5px;
height:80px;
width:99%;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#000000;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #cccccc;
}

.sendcartpotikka {
height:23px;
width:120px;
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
background-color:#FFCC33;
color:#ffffff;
border-bottom:solid 2px #999999;
border-top:solid 1px #efefef;
border-left:solid 2px #efefef;
border-right:solid 2px #999999;
}

.huom {
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:red;
}
.bhuom {
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:red;
}


.trtitle {
padding-left:10px;
background-color:#FF9900;
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:#000000;
border-bottom:solid 1px #999999;
border-top:solid 1px #999999;
}

.cartmainbg {	
padding-top:20px;
background-color:#ffffff;
color:#000000;
padding-left:15px;
padding-right:20px;
border-top: solid 1px #FFCC33;
border-right: solid 1px #FFCC33;
}

.cartitemtd {
background-color:#efefef;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#000000;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
}

.activecartitemtd {
background-color:#FFCC33;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#000000;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
}

.emptycartitemtd {
border-top: solid 1px #efefef;
border-bottom: solid 1px #efefef;
border-right: solid 1px #efefef;
border-left: solid 1px #efefef;
}


.cartborderpic {
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
border-right: solid 1px #999999;
border-left: solid 1px #999999;
}

.carttxt {
padding-top:7px;
padding-left:7px;
padding-right:7px;
padding-bottom:7px;

background-color:#ffffff;
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#333333;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
}

.carttitlebg {
background-color:#FFCC33;
}

div.carttitle {
height:22px;
background-color:#FFCC33;
vertical-align:middle;
}

.carttitle {
padding-left:8px;
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
white-space:nowrap;
}

.nwitemtitle {
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:#FF0000;
white-space:nowrap;
}


.nwtitle {
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:#000000;
white-space:nowrap;
}

.prdtitle{
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:11px;
color:#000000;
white-space:nowrap;
}
.nw {
padding-top:5px;
white-space:nowrap;
color:#000000;
}
.whtnw {
padding-top:5px;
white-space:nowrap;
color:#ffffff;
}

.invtd {
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-right: solid 1px #333333;
border-left: solid 1px #333333;
}

hr.line {
border-top: solid 1px #333333;
}

.invrightborder {
border-right: solid 1px #333333;
padding-left:10px;
}

div.totaldiv {
width:260px;
}