#kampanjabanneri {padding-left: 25px !important;}
img{border:0;}
body,table,tr,td,p,div,imput,textarea { font-family:arial, helvetica,sans-serif; font-size:12px; line-height:16px; padding:0; margin:0;}
body{background:#fff url('/img/bg2-2.jpg') repeat-x 0 14px;}

h1, .title {color: #84aa1b;	font-family: arial, helvetica; font-weight: bold; font-size: 14px; text-transform:uppercase; display:block; margin:0; padding:10px 0 10px 0; }
h2{color: #2f2f2f; font-weight: bold; font-size: 11px; text-transform:uppercase; display:block; margin:0; padding:0 0 0 2px; }

a:link { color: #84aa1b; text-decoration: none; }
a:visited { color: #84aa1b; text-decoration: none;}
a:hover	{ text-decoration: underline; }


/***spottivarjays***/
#news-title-24,#news-title-24 a {color: #ff6c6c !important;}



div#contactform {}
div#contactform fieldset {margin: 0; padding: 5px 0 0 0; border: 0; display: block;}
fieldset{ border:0px; width:260px; float:left; }
fieldset p { margin-bottom: 15px;}
fieldset#inputfields { float: left;	width: 280px; }
fieldset#overlabeled label,fieldset#overlabeledT label {
text-transform:uppercase; font-weight:bold; display: block; float: left; width:120px; line-height:14px; font-size:11px; color:#2f2f2f;}

#overlabeled div,#overlabeledT div { display: block; position:relative; clear: left;}
#overlabeled input,	#overlabeled input
{ border:1px solid #000000; clear: left; width:260px; height:18px; border:1px solid #ccc; margin-bottom:7px; color:#2f2f2f; padding-left:4px; padding-top:3px; }
		
#overlabeled input:focus { width: 260px; height:18px; border:2px solid #84aa1b; outline:0;}
label.olabel { clear: left;}
label.olabelon { position:absolute; top:1px; left: 1ex;	z-index:9; display: inline; }
#overlabeledT{ background:url('/img/vertical.gif') repeat-y left top; padding-left:30px; }
fieldset#buttons input {display:block; background:#9bbf1f; border:1px solid #fff; outline:0px solid #9bbf1f; color:#fff; text-transform:uppercase; padding:4px 8px 4px 8px; font-size:11px; font-weight:bold;}
#overlabeled{ background:url('/img/vertical.gif') repeat-y left top; padding-left:30px; padding-right:30px;}
#overlabeledT input:focus { width: 260px; height:18px; border:2px solid #84aa1b; outline:0;}
label.olabel { clear: left;}
label.olabelon { position:absolute; top:1px; left: 1ex; z-index:9; display: inline;}
#overlabeledT textarea { width: 260px; height: 153px; border:1px solid #ccc; padding-left:4px; padding-top:3px;}
#overlabeledT textarea:focus { width: 260px; height: 153px;	border:2px solid #84aa1b; outline:0;}


/**********************************
*  DIV LAYOUT                        *
**********************************/
div#body{ text-align:left; width:980px; background:#fff; padding-top:28px; }

div#logo img{ float:left; padding-bottom:20px; display:none; }
div#logo{ display:none; }
div#sound{ float:right; padding-right:0px; display:none;}
/*
div#eng{float:right; padding-right:20; display:none; height:26px; width:118px; background:#fff;}
div#eng a:visited,
div#eng a:link,
div#eng a:active{ color: #a0a0a0; font-weight: lighter; text-transform:uppercase;	line-height:26px; padding-left:10px; }
div#eng a:hover{ color: #84aa1b; text-decoration:none; }
div#eng img{ float:left; left:20; top:6px; position:relative; }
*/

div#eng{float:right; padding-right:0;  height:26px; width:70px; background:#fff;}
div#eng a:visited,
div#eng a:link,
div#eng a:active{ color: #a0a0a0; font-weight: lighter; text-transform:uppercase;	line-height:26px; padding-left:10px; }
div#eng a:hover{ color: #84aa1b; text-decoration:none; }
div#eng img{ float:left; left:20; top:6px; position:relative; }


div#topnavi{ clear:both; float:left; width:980px; background:url('/img/horisontal.gif') repeat-x left bottom; padding-bottom:1px; padding-left:0px; }

div#fiilis{ clear:both; width:980px; background:url('/img/horisontal.gif') repeat-x left bottom; padding-bottom:1px; }


div#middle{ padding:20px 0 0 0; background:#fff;}

div.para{ width:460px; float:left;}

div#uutiskirje{display:none; }

.clearboth { clear:both; }

div.para2{}

div.menulevel1{ float:left; padding-right:20px;}

div.menulevel1 a:visited,
div.menulevel1 a:link,
div.menulevel1 a:active{ text-transform:uppercase; font-weight:bold;}

div.menulevel1 a:hover{text-transform:uppercase;font-weight:bold; color:#84aa1b;}

div.menulevel1 span.menuselected{text-transform:uppercase; font-weight:bold; color:#84aa1b;}


div#leftmenudotted{display:block; padding-top:10px; background:url('/img/horisontal.gif') repeat-x left bottom; }

div#ala { margin-top:20px; padding-top:10px; text-transform:uppercase; border-top:2px solid #f2f2f2;}

/***************************************
* YLÄNAVIGOINTI                        *
***************************************/
a.topnavi:link,
a.topnavi:visited { font-size: 12px; font-weight:bold; color: #fff; text-decoration: none;
  text-transform:uppercase; line-height:26px; width:118px; float:left; display:block; padding:0;
  margin-right:8px; background:url('/img/but.jpg') no-repeat left top; text-align:center;
}

a.topnavi:hover { color: #fff; text-decoration: none;}

span.naviselected { font-weight: bold; color:#fff; }

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


div#leftmenucell { }

a.menu:link,
a.menu:visited { color: #2f2f2f; text-decoration: none; }

a.menu:hover { color: #000000; text-decoration: none;
}

span.menuselected { font-weight: normal; color: #84aa1b;}





/***************************************
* ETUSIVU / LAIDAN SPOTIT       *
***************************************/
span.ot{text-transform:uppercase; font-size:16px; line-height:16px; font-weight:bold; color:#84aa1b;}
span.otAla{text-transform:lowercase; font-size:10px; color:#000; letter-spacing:1px;}
span.lastmodified{color:#84aa1b; font-size:9px; font-weight:lighter; padding-left:0px; }

div.divProductSpot img,
div.divProductSpot1 img,
div.divProductSpotKilpailu img
{
  margin:10px 0px 0 0; float:right;
}

div#spotL{ float:left; width:260px;}

div#spotR{ float:right; width:260px; }

div.divProductSpot1,
div.divProductSpotKilpailu 
{
  overflow:hidden; margin-top:4px; border-top: 1px solid #505050; padding:0px 0px 8px 0px;
}

div.divProductSpot { overflow:hidden; background:url('/img/horisontal.gif') repeat-x left top; padding:0px 0px 8px 0px; margin:2px; }

div.divProductSpot h3, div.divProductSpot h3 a:link, div.divProductSpot h3 a:visited, div.divProductSpot h3 a:hover, div.divProductSpot h3 a:active,
div.divProductSpot1 h3, div.divProductSpot1 h3 a:link, div.divProductSpot1 h3 a:visited, div.divProductSpot1 h3 a:hover, div.divProductSpot1 h3 a:active,
div.divProductSpotKilpailu h3, div.divProductSpotKilpailu h3 a:link, div.divProductSpotKilpailu h3 a:visited, div.divProductSpotKilpailu h3 a:hover, div.divProductSpotKilpailu h3 a:active  {
margin:0px;	padding-top:8px; font-weight: bold;	padding-right:4px; color: #000; text-decoration: none; text-transform:uppercase; line-height:22px;
}

/* otsikon hover,  VOI TARVITA  !important :ia ;) */
div.divProductSpot h3 a:hover,
div.divProductSpot1 h3 a:hover,
div.divProductSpotKilpailu h3 a:hover
{
}
/*
div.divProductSpot1 h3 a
{
  color: #cd7f95 !important;
}
*/
div.divProductSpotKilpailu h3 a
{
  color: #cd7f95 !important;
}


div.divProductSpot p,
div.divProductSpot1 p,
div.divProductSpotKilpailu p
{
font-weight: lighter; text-decoration: none; padding-right:8px;}

div.divProductSpot a:link,
div.divProductSpot a:active,
div.divProductSpot a:visited,
div.divProductSpot1 a:link,
div.divProductSpot1 a:active,
div.divProductSpot1 a:visited,
div.divProductSpotKilpailu a:link,
div.divProductSpotKilpailu a:active,
div.divProductSpotKilpailu a:visited
{ font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: lighter; color: #505050; text-decoration: none;}

div.divProductSpot p a:hover {}
div.divProductSpot p a:active {}

p.showNewsDate{ color:#84aa1b; font-weight:bold; }


td#viewNews{}

td#viewNews img{
margin:70 0 0 0px;
padding:0px;
}	

div#makeiskuvasto{padding-bottom:10px; padding-left: 30px;}
div#makeiskuvasto img{padding-top:10px;}

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

table.tblLueLisaa {}

td.newsImage {
  padding-right: 10px;
}

div.newsTitle a,
div.newsTitle a:visited{ font-weight: bold; color: #000000; text-transform:uppercase; text-decoration:underline; line-height:22px; }

div.newsIngress a,
div.newsIngress a:visited { font-weight: normal; color: #707070; padding-bottom:16px; }

div#tiedoteL{ width:230px; float:left; padding-top:16px; margin-right:10px; }

div#tiedote{ width:230px; float:right; padding-top:16px; }




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


a.card:link,
a.card:visited,
a.card:hover,
a.product:link,
a.product:visited
a.product:hover{ text-transform: uppercase; color: #505050; font-weight: bold; font-size:12px; text-decoration:none; line-height:12px;}

td.card_image { background-color: #fff;}

span.card_desc {font-weight:lighter;}

td.tuote{}

span#ingress{}

td#ordertd{ padding:10px 0 0 10px;}

td.imgT{ display:block; width:150px; background:#fff url('/img/horisontal.gif') repeat-x left bottom; text-align:center; padding:10px 0 10px 0; text-align:left; }

table#cardrows_tbl
{ width: 360px; margin-left: 15px; color: #505050; font-weight:lighter; }

tr.prodcard_row1 td{background-color: #def0a7; color: #000; padding-top: 4px; padding-bottom: 4px;}

tr.prodcard_row2 td{ background-color: #f0f0f0; padding-top: 4px; padding-bottom: 4px;}

td.prodcard_title{ padding-left: 6px; font-weight: bold;}

td.prodcard_value{ padding-right: 12px; }

















/***************************************
* 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: 800px; /*782px;*/
  margin-left: 2px;
}

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

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

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: #000;
}

table.ravinto2 td
{
  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.ravinto2 tr.valiojaatelo {
  background-color: #fff;
}
table.ravinto2 tr.pingviini {
  background-color: #fff;
}
table.ravinto2 tr.aino {
  background-color: #fff;
}
table.ravinto2 tr.wanhanajan {
  background-color: #fff;
}
table.ravinto2 tr.classic {
  background-color: #fff;
}
table.ravinto2 tr.hurmaava {
  background-color: #fff;
}
table.ravinto2 tr.puffet {
  background-color: #fff;
}
table.ravinto2 tr.movenpick {
  background-color: #fff;
}
table.ravinto2 tr.muut {
  background-color: #fff;
}

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: 12px;
  color: #000;
}

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

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: 819px;
}

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: 800px;
}

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;
  border: 1px solid #fff;
}

.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%;
}




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

table#maintable_nutri
{
  border: 0px solid #000;
  background-image: url(../img/allas_bg_nutri2.jpg);
  background-repeat: no-repeat;
  height: 910px;
  /*height: 940px;
*/
}

*table#maintable_nutri p
{
  margin-top: 8px;
  margin-bottom: 8px;
}


table#maintable_no_bg
{
  border: 0px solid #000;
  height: 661px;
}

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:11px;
  color: #88a444;
}

div#ravinto_uusi_bg_color
{
  background-color: #fff;
  border: 1px solid #fff;
}

.nutrient_basic_font
{
  font-family:arial, helvetica,sans-serif;
  font-size:11px;
  color: #384dae;
}

table#nutrition_icons_tbl td
{
  color: #384dae;
  font-size: 9px;
}







/***************************************
* 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;
}





.kilpailu {color: #84aa1b;	font-family: arial, helvetica; font-weight: bold; font-size: 24px; text-transform:uppercase; display:block; margin:0; padding:10px 0 10px 0; }