div.frontpage-banner {
	margin: 6px 0;
}

/***************************************
* PERUSELEMENTIT                       *
***************************************/

/* Sivun BODY-osa. Tässä asetetaan mm. taustaväri, taustakuva sekä sisennys reunoista. */
body {
  background-color: #fff;
  margin: 0;
  padding-top: 0px;
/*
  background-image: url('/img/bg.jpg');
  background-repeat: repeat-x;
  background-position: top left;
*/
}

img
{
  border: 0px;
}

/* Sivuston perusfontti sekä väri asetetaan tässä. */
body,
td {
  color: #202020;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
}

/* Otsikot. */
h1, 
.title {
	color: #202020;
	font-family: arial, helvetica;
	font-weight: normal;
	font-size: 18px;
}

/* Normaalit linkit. */
a:link {
	color: #a00000;
	text-decoration: none;
}

a:visited {
	color: #990099;
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
}









/***************************************
* ASETTELUTAULUKKO                     *
***************************************/

/* Asetetaan asettelun reunukset, taustaväri sekä leveys. */
/* Leveys on syytä asettaa fiiliskuvan leveyttä pienemmäksi. */
table#body {
  border: 0px solid #ffffff;
  background-color: #ffffff;
  width: 200px;
}

td#gradient_left
{
  width: 14px;
  background-image: url('/img/gradleft.jpg');
  background-repeat: repeat-y;
  background-position: top left;
}

td#gradient_right
{
  width: 14px;
  background-image: url('/img/gradright.jpg');
  background-repeat: repeat-y;
  background-position: top right;
}




/***************************************
* LOGO                                 *
***************************************/

/* Asetetaan viiva logon ja ylänavin välin */
tr#logo td {
  border-bottom: 0px solid #c0c0c0;
}

/* Hieman "ilmaa" logon ylä- ja alapuolelle. */
tr#logo td div.inner {
  padding-top: 0px;
  padding-bottom: 1px;
}

tr#headerrow td
{
  width: 964px;
	height: 223px;
	background: url('img/header.jpg') scroll no-repeat left top;
}

tr#headerrow td h1 {display: none !important;}

div#do_width
{
  width: 964px;
}

div.inner_logo_links
{
  float: right;
  border: 0px;
  margin-top: 8px;
  margin-right: 20px;
}

div.inner_logo_links a.innerlink
{
  font-weight: bold;
  color: #7e7e7e;
  text-decoration: none;
  font-size: 11px;
}








/***************************************
* YLÄNAVIGOINTI                        *
***************************************/

/* Asetetaan valikkosolun fontti. */
tr#topnavi td {
	font-family: arial, helvetica;
	font-size: 11px;
  color: #505050;
  font-weight: normal;
}

/* Voidaan asettaa ilmaa |-merkin molemmin puolin. */
tr#topnavi td span.seperator {
  padding-left: 0px;
  padding-right: 0px;
}


div.menuitemi_normal
{
  width: 170px;
  height: 20px;
  background-color: #c00418;
  margin-bottom: 4px;
}

div.yhovi {
	color: #fff !important;
	background-color: #7e935e;
}


div.menuitemi_selected
{
  width: 170px;
  height: 20px;
  background-color: #d5933b;
  margin-bottom: 4px;
}

/* Ylävalikon linkki. */
a.topnavi:link,
a.topnavi:visited
{
	font-family: arial, helvetica;
	font-size: 12px;
  color: #fff;
  text-decoration: none;
  padding-left: 21px;
  padding-top: 2px;
  width: 170px;
  height: 20px;
  display: block;
  font-weight: bold;
}

/* Ylävalikon linkkien hover (hiiri päällä). */
a.topnavi:hover {
  color: #fff;
  text-decoration: underline;
  padding-left: 21px;
  padding-top: 2px;
  font-weight: bold;
}

/* Ylävalikon valittu osa. */
span.naviselected {
  font-weight: bold;
  color: #202020;
}

/* Ilmaa valikon ylä- ja alapuolelle sekä hieman myös vasemmalle. */
tr#topnavi td div {
  padding-left: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
}


/***************************************
* FIILISKUVA                           *
***************************************/

/* Harmaat viivat fiiliskuvan ylä- ja alapuolelle. */
tr#fiilis td {
  border-top: 0px solid #c0c0c0;
  border-bottom: 0px solid #c0c0c0;
}

/* Valkoinen viiva fiiliskuvan ja harmaan viivan väliin. */
/* Syntyy, kun asetetaan taustaväriksi valkoinen ja lisätään sisennystä ylös ja alas. */
tr#fiilis td div {
  background-color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
}






/***************************************
* ALAFIILISKUVA                           *
***************************************/

/* Harmaat viivat fiiliskuvan ylä- ja alapuolelle. */
tr#alafiilis td
{

}

tr#alafiilis td div.inneryks
{
  height: 26px;
  background-image: url('/img/tutustu_row_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}

tr#alafiilis td div.inneryks span
{
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding-top: 5px;
  padding-left: 4px;
  display: block;
}

tr#alafiilis td div.innerkaks
{
  height: 178px;
  padding-top: 1px;
  background-image: url('/img/footer_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
}

table#palvelut_tbl
{
  margin: auto;
  margin-top: 6px;
}

table#palvelut_tbl td
{
  width: 172px;
}

table#palvelut_tbl td div.palvelu_title
{
  width: 100%;
  text-align: center;
}

table#palvelut_tbl td div.palvelu_title a
{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

table#palvelut_tbl td div.palvelu_kuva
{
  margin-top: 6px;
}


/***************************************
* SISÄLTÖOSA                           *
***************************************/

/* Asetetaan sisältöalueelle ilmaa ylös ja alas 10px. */
/* Vasempaan reunaan 3px. */
tr#content td div.inner {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Vasemman ja oikean reunan marginaalit. */
td#contentcell {
  padding-left: 3px;
  padding-right: 0px;
}












/***************************************
* COPYRIGHT-BOKSI                      *
***************************************/

/* Asetetaan solun taustaväri, fontti sekä tasaus. */
tr#copy td {
  display: none;
  background-color: #d0d0d0;
}

td.copy {
  padding: 10px;
  font-family: tahoma, arial, helvetica;
  font-size: 10px;
  color: #a0a0a0;
}

/* Damex-linkin määritykset. */
a.copy:link,
a.copy:visited {
  color: #a0a0a0;
  text-decoration: none;
}

a.copy:hover {
  text-decoration: underline;
}









/***************************************
* VASEN NAVIGOINTI                     *
***************************************/

/* Vasemman laidan sisennys. */
td#leftmenucell {
  padding-left: 0px;
}

/* Ilmaa vasemman navigoinnin rivitykseen. */
table.menutable {
  padding-bottom: 3px;
}

/* Alemman tason marginaali vasemmasta reunasta. */
td.menuspacer {
  width: 15px;
}

/* Menuelementin fontti ja värimääritykset. */
a.menu:link,
a.menu:visited {
	font-family: arial, helvetica;
	font-size: 11px;
	color: #3b433c;
	text-decoration: none;
}

/* Hover (hiiri päällä). */
a.menu:hover {
	color: #000000;
	text-decoration: none;
}

/* Valittu menuitem. */
span.menuselected {
  font-weight: normal;
  color: #a00000;
}




/* Voidaan asettaa määreitä menun eri "tasoille". */
/* Näitä ei yleensä tarvitse käyttää. */
div.menulevel1 {
}
div.menulevel2 {
}
div.menulevel3 {
}







/***************************************
* KALENTERI                            *
***************************************/

a.calendar,
a.calendar:link {
	color: #ff0000;
	text-decoration: none;
}

a.calendar:visited {
	color:#ff0000;
	text-decoration: none;
}

a.calendar:hover {
	color:#ff0000;
	text-decoration: none;
}

.calendartitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.calendardaystitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 8pt;
}

.calendardays {
	background: #f0f0f0;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendartoday {
	background: #e7e3d5;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendarevent {
	background: #cccccc;
	font-size: 8pt;
}








/***************************************
* FORUM                                *
***************************************/

.forumtitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.forumbg1 {
	background: #e7e3d5;
	color: #000000;
}

.forumbg2 {
	background: #f0f0f0;
	color: #000000;
}

.forumbg {
	background: #ffffff;
}









/***************************************
* ETUSIVU / OIKEAN LAIDAN SPOTIT       *
***************************************/

/* Asetetaan ilmaa spottien väliin. */ 
.tblProductSpot {
  padding-bottom: 10px;
}

/* Spottien otsikon väri. */
table.tblProductSpot a:link,
table.tblProductSpot a:visited,
table.tblProductSpot a:hover {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #d5933b;
  text-decoration: none;
}

/* Ilmaa kuvan oikealle puolelle. */
td.special_image {
  padding-right: 5px;
}

/* Ingressin fontti. */
a.spotingress:link,
a.spotingress:visited {
  font-family: arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  color: #707070;
  text-decoration: none;
}

/* Ingressin hover. */
a.spotingress:hover {
  text-decoration: underline;
}

div#spotit_otsikkorivi
{
  width: 222px;
  height: 20px;
  background-color: #d5933b;
  padding-top: 2px;
}


div#spotit_otsikkorivi_green {	
	clear: both;
  width: 222px;
  line-height: 20px;
  background-color: #7e935e;
  padding-top: 2px;
}
.clearer {clear: both; line-height: 1px; font-size: 1px; height: 1px; }
.oikean-laidan-mainosbannerit  {  
padding: 15px 0 15px 15px; background-color: #f6f6f6; } 
.oikean-laidan-mainosbannerit  img {  float: left; margin: 0 15px 0 0; } 
.oikean-laidan-mainosbannerit a { color: #000 !important; font-weight: normal !important; } 
.oikean-laidan-mainosbannerit .special_text { padding-left: 15px; padding-right: 0;} 

div#spotit_otsikkorivi_red
{
  width: 222px;
  height: 20px;
  background-color: #c00418;
  padding-top: 2px;
}

div#spotit_otsikkorivi_green span a {color: #fff !important;}
div#spotit_otsikkorivi span, div#spotit_otsikkorivi_red span, div#spotit_otsikkorivi_green span 
{
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding-left: 5px;
  margin-top: 4px;
}

div#yhteystiedot
{
  background-color: #f6f6f6;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  width: 207px;
  *width: 222px;
}




/***************************************
* ETUSIVU / TIEDOTELISTAUS             *
***************************************/

/* Lue lisää linkin yläpuolelle harmaa viiva. */
table.tblLueLisaa {
  border-top: 1px solid #c0c0c0;
}

/* Ilmaa uutiskuvan ja otsikon väliin. */
td.newsImage {
  padding-right: 10px;
}

/* Otsikko. */
div.newsTitle {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

/* Ingressi. */
div.newsIngress {
  font-family: arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  color: #707070;
}











/***************************************
* TUOTEKORTIT JA TUOTELISTAUS          *
***************************************/


a.card:link,
a.card:visited,
a.product:link,
a.product:visited {
  color: #000000;
  font-weight: bold;
}

.card_image {
  padding-right: 10px;
}

img.product {
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  padding: 1px;
}

div.card_desc {
  color: #707070;
}





/***************************************
* RAVINTOAINETAULUKKO                  *
***************************************/

td#nutrient_acronyms_td
{
  padding-top: 10px;
}

span#nutrient_acronyms
{
  color: #000;
  padding-left: 16px;
  margin-top: 30px;
}

table.ravinto, table.ravinto2
{
  background-color: #fff;
  border-spacing: 0px;
  border-collapse: collapse;
  font-size: small;
}

table.ravinto2
{
  width: 500px; /*782px;*/
  margin-left: 2px;
}

table.ravinto2 tr.row1
{
  background-color: #c00418;
  color: #fff;
}

table.ravinto2 tr.row2
{
  background-color: #c00418;
  color: #fff;
}

table.ravinto2 th img
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table.ravinto2 th
{
  font-size: 10px;
  font-weight: normal;
  background-color: #f2f2f2;
  text-align: left;
  border-top: 1px solid #2f2f2f;
  border-left: 1px solid #2f2f2f;
  border-right: 1px solid #2f2f2f;
  margin: 0px;
  padding: 0px;
  color:#000;
}

table.ravinto td, table.ravinto2 td {
  vertical-align: top;
  border: 1px solid #2f2f2f;
  font-size: 10px;
  color: #fff;
}

table.ravinto2 td
{
  color: #fff;
}

table.ravinto2 td.kuvaus
{
  color: #000;
}

table.ravinto td.plus {
}
table.ravinto td.minus {
}

table.ravinto tr.title, table.ravinto2 tr.title {
  background-color: #fff; /*#7e7eff;*/
  font-weight: bold;
}

table.ravinto span.title, table.ravinto2 span.title
{
  font-size: 12px;
  font-weight: bold;
}

ul#ravinto_uusi_nav
{
  display: block;
  text-align: center;
  height: 25px;
  margin-bottom: 0px;
  background: url(img/menu_bottom_bg.jpg) repeat;
  margin-left: 0px;
  *padding-left: 20px;
}

ul#ravinto_uusi_nav li
{
  list-style: none;
  float: left;
  margin-left: 6px;
  font-family: Arial, Helvetica, sans-serif
  font-size: 11px;
  color: #000;
}

ul#ravinto_uusi_nav li a
{
  color: #678124;
  font-size: 11px;
}

ul#ravinto_uusi_nav li a:hover
{
  color: #000;
  text-decoration: none;
}

div#ravinto_table_container
{
  height: 265px;
  overflow: auto;
	margin: 0px 0 0 0;
	position: relative;
	background-color: #fff;
	width: 519px;
}

div#ravinto_table_container table
{
	width: 800px;
}

div#ravinto_table_container table tbody
{
  border: 0px;
}

div#ravinto_table_container table td
{
  border: 1px solid #000;
}


html>/**/body div#ravinto_table_container table
{
    width: 500px;
}

div#ravinto_table_container thead tr
{
  position: relative;
}

div#ravinto_table_container td:last-child
{
  padding-right: 0px;
}

span#nutrient_acronyms_new, span.nutrient_acronyms_new
{
  padding-left: 11px;
  margin-top: 30px;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif
  font-size: 12px;
  color: #84aa1b;
}

p.blue_nutrient_text, h3.blue_nutrient_text
{
  padding-left: 11px;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif
  font-size: 12px;
  color: #000;
}

div#ravinto_uusi_bg_color
{
  background-color: #fff;
  margin-left: 0px;
}

.nutrient_basic_font
{
  font-family: Arial, Helvetica, sans-serif
  font-size: 12px;
  color: #84aa1b;
}

table#nutrition_icons_tbl td
{
  color: #84aa1b;
  font-size: 9px;
}

thead.fixedHeader
{
  color: #fff;
}






/***************************************
* ÄLÄ KOSKE NÄIHIN                     *
***************************************/

a.nounderline:link,
a.nounderline:visited,
a.nounderline:hover {
	text-decoration: none;
}

.littletitle {
	font-weight: bold;
}

.fullwidth {
	width: 100%;
}