body {
         background: #a99a71;
         COLOR: #000000;
         FONT-FAMILY: lucida-sans, sans-serif;
         FONT-SIZE: 10pt;
         FONT-STYLE: normal;
         FONT-VARIANT: normal;
     }

     li {
       list-style-type: none
     }
     
     OL.numeroitu { list-style-type: lower-roman; }
     li.numeroitu { list-style-type: decimal; }
     

     
     .itemadd {
      Color: red;
      text-decoration: blink;
      margin-top: 0px;
     }
     
     ul.reppunavi {
      margin-left: 0px;
      padding-left:0px;
     }
     
     .favorites {
      background-color: none;
      align: left;
      width: 100%;
     }

     .sponsored {
      background-color: brown;
      align: left;
      border: 5px;
      border-style: ridge;
      border-color: grey;
      width: 35%;
     }

     p.favorites a.digg{background:url(./images/icon_digg.png) no-repeat; padding-left:20px;}
     p.favorites a.facebook{background:url(./images/icon_facebook.png) no-repeat; padding-left:20px;}
     p.favorites a.windowslive{background:url(./images/icon_windowslive.png) no-repeat; padding-left:20px;}
     p.favorites a.google{background:url(./images/icon_google.png) no-repeat; padding-left:20px;}
     p.favorites a.delicious{background:url(./images/icon_delicious.png) no-repeat; padding-left:20px;}
     p.favorites a.furl{background:url(./images/icon_furl.gif) no-repeat; padding-left:20px;}
     p.favorites a.yahoo{background:url(./images/icon_yahoo.gif) no-repeat; padding-left:20px;}
     p.favorites a.stumble{background:url(./images/icon_stumbleupon.png) no-repeat; padding-left:20px;}
     p.favorites a.myspace{background:url(./images/icon_myspace.gif) no-repeat; padding-left:25px;}
     p.favorites a.twitter{background:url(./images/icon_twitter.png) no-repeat; padding-left:25px;}

     .ylabannerifull_div {
       padding: 0px 0px 0px 0px;
       margin: 0px 0px 0px 0px;
       border: 0px;
       border-style: solid;
       border-color: black;
       width: 950px;
       height: 90px;
     }

    .banneri_half_div {
       padding-left: 0px;
       margin: 0px 0px 0px 100px;
       border: 0px;
       border-style: solid;
       border-color: black;
       width: 468px;
       height: 60px;
     }
     
    .sivubanneri_oikea_div {
       padding-left: 0px;
       margin: 0px 0px 0px 0px;
       border: 3px;
       border-style: solid;
       border-color: black;
       width: 150px;
       height: 150px;
       background-color: orange;
     }

     #twitter_div {
     padding-left: 0px;
     float: right;
     margin: 5px 5px 0px 0px;
     }

     #twitter_update_list {
     align: left;
     margin-left: 2px;
     padding-left: 0px;
     }

     #dhtmltooltip{
       position: absolute;
       width: 150px;
       border: 2px solid black;
       padding: 2px;
       background-color: #cceecc;
       visibility: hidden;
       z-index: 100;
       /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
       filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
     }

    .kuvalaatikko {
      vertical-align: center;
      width: 200px;
      border: none;
      border-style: none;
     }

     .reppulataus_valikko {
       background-color: #9EA971;
       border-style: ridge;
       border-width: 2px;
       padding: 0px;
       margin: 0px;
       align: center;
       width: 50%;

     }
     
     .suositut {
       background-color: #8c9a3c;
       border-style: ridge;
       border-width: 2px;
       padding: 2px;
       margin-right: 4px;
       align: left;
       width: 50%;
       float: left;
       margin-left: 0;

     }
     
     .float_right {
       float: right;
     }
     
     .suositut_haut {
       background-color: #8c9a3c;
       border-style: none;
       border-width: 2px;
       padding: 2px;
       margin-right: 4px;
       align: left;
       width: 25%;
       float: right;
       margin-left: 0;

     }
     
     .ruokayhteenvetolaatikko {
       background-color: #9EA971;
       border-style: ridge;
       border-width: 2px;
       padding: 0px;
       margin: 0px;
       align: center;
       width: 50%;

     }

    .loginruutu {
    vertical-align: bottom;
    color: #fff;
    Font-size: 12pt;
    margin-bottom: 5px;
    padding-bottom: 5px;
    }


    .kategoriat {
       width: 950px;
       vertical-align: top;
       border-style: ridge;
       border-width: 0px;
       }

     .ylapalkki {
       background: url('images/bg.jpg') no-repeat;
       width: 950px;
       height: 190px;
       vertical-align: bottom;
       margin-bottom: 0px;
       margin-top: 0px;
       border: 0px solid #000;
     }

     .ylapalkki_joulu  {
       background: url('images/bg_joulu.jpg') no-repeat;
       width: 950px;
       height: 190px;
       vertical-align: bottom;
       margin-bottom: 0px;
       margin-top: 0px;
       border: 0px solid #000;
     }

     .ylapalkki_talvi {
       background: url('images/bg_winter_1.jpg') no-repeat;
       width: 960px;
       height: 202px;
       vertical-align: bottom;
       margin-bottom: 0px;
       margin-top: 0px;
       border: 0px solid #000;
     }


     .userdata {
       width: 800px;
       vertical-align: bottom;
       border: 1px;
       font-size: 10px;
     }

     .userdata_reppu_td {
       width: 50px;
       vertical-align: bottom;
       border: 1px;
       font-size: 10px;
     }

     .userdata_navi {
       background-color: #8c9a3c;
       width: 150px;
       vertical-align: top;
       font-size: 10px;
       border-width: 4px;
       border-style: ridge;
       border-color: #8c9a3c;
     }
     .profiiliteksti {
        font-size: 10px;
     }

     
      .tuoteinfo {
       vertical-align: Top;
       border: 2px;
       font-size: 12px;
       
     }
     
     .tuotenavilaatikko {
       vertical-align: Top;
       border: 2px;
       border-color: #000000;
       border-style: ridge;
       font-size: 12px;
       background-color: #EEEEFF;
       padding-right: 15px;

     }


     .ylanavi_palkki {
        width: 550px;
        vertical-align: bottom;
        padding-bottom: 5px;
        border: 3px;
     }

     .ylareppu {
        width: 150px;
        vertical-align: top;
        color: #000000;
        Font-size: 8pt;
        padding-right: 25px;
        padding-top: 10px;
     }

     .reppulista {
        background-color: #8c9a3c;
        margin-top: 0px;
        padding-top: 0px;
        /*width: 600px;*/
        vertical-align: top;
        color: #FFFFFF;
        Font-size: 10pt;
        border: ridge;
        border-width: 0px;
        list-style: none;
     /*   background: url('tuotelista_bg.gif') repeat-y;*/
     }

     .reppu_yhteenveto {
        list-style: none;
     }

     .reppunavi {
        /*background-color: #af9551; */
        margin-top: 10px;
        width: 130px;
        vertical-align: top;
        color: #FFFFFF;
        /*Font-size: 12pt;*/
        /<border: ridge;
        border-width: 5px;
        border-color: #af9551;
        list-style: none;

     }

     .alapalkki {
        width: 950px;
        vertical-align: bottom;
        background-color: #8c9a3c;
     }

    .tuotelista_header {
      margin-bottom: 0px;
      padding-bottom: 0px;
    }

    .tuotelista {
       width: 480px;
       vertical-align: top;
       border: ridge;
       border-top: none;
       border-color: #af9551;
       border-width: 0px;
       margin-top: 0px;
       padding-left: 10px;
       padding-top: 0px;
       background-color: #af9551;
/*       background: url('tuotelista_bg.gif') repeat-y; */
    }

    .itemdetails_laatikko {
     width: 500px;
     padding-left: 0px;
     align: center;
    }
    
    .itemdetails {
     border-style: inset;
     border-color: #666 #666 #000 #000;
     border-width: 5px 5px 5px 5px;
     background-color: #9EA971;
    }
    
   .itemdetails_kuva {
     border-style: outset;
     border-color: #666 #666 #000 #000;
     border-width: 1px 1px 3px 6px;
    }
    
   .itemdetails_ruoka {
     background-color: #99A971;
     border-style: ridge;
     border-color: #CCC #CCC #CCC #CCC;
     border-width: 1px 1px 1px 1px;
     padding: 3px;
     width: 80%;

    }

    .kat_pohja {
       width: 225px;
       vertical-align: top;
       background-color: #8c9a3c;
    }

    .kat_otsikko_listassa {
        font-weight : bold;
    }
    
    .tuotelistaotsikko {
     border-style: none;
     border-color: none;
     border-width: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     font-weight: bold;
    }
    

     body.main {
           background-color : #d6c7b0;
      }

     .runko {
           vertical-align : top;
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           width : 950px;

     }

     .paaikkuna {
           vertical-align : top;
           margin-top : 100px;
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           border-width : 3px 3px 3px 3px;
           border-color : #746d63;
           border-style : ridge;
           width : 600px;
           background-color: #a17d53;
      }
      
      .adsbanner {
        width : 150px;
        vertical-align: top;
        border-style: none;
        border-color: none;
      }
      
      .navibanner {
        width : 150px;
        vertical-align: top;
        border-style: none;
        border-color: none;
      }
      
      .profiilibanner {
        width : 150px;
        margin-top: 0px;
        padding-top: 0px;
        vertical-align: top;
        border-style: none;
        border-color: none;
        
      }
      
      .navilaatikko {
        margin-left: 0px;
        padding-left: 0px;
        width: 95%;
      }
      
      .navirivi {
        border-width: 0px 0px 1px 0px;
        border-color : #CCCCCC;
        border-style : solid;
        margin: 0px;
        padding:0px;
      }
      
      .ruokalaskelmat {
        width : 300px;
        vertical-align: top;
        border-style: solid;
        border-color: #CCC;
      }

      .teksti {
           background-color : #746d64;
           vertical-align : top;
           height : 100%;
      }
      .kepakko {
           background-color : #746d64;
           color : #000000;
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           border-color : #f6f2e9;
           border-style : dashed;
      }
      div.enter {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 12pt;
           font-weight : bold;
           text-align : right;
      }
      a:link {
           color : #FFFFFF;
      }
      a:visited {
           color : #FFFFFF;
      }
      a:active {
           color : #FFFFFF;
      }
      a:hover {
           color : #FFFFFF;
           background : #cab8a2;
           padding : 0;
      }
      a.ylanavi {
           color : #FFFFFF;
           font-size : 10pt;
           vertical-align : bottom;
           text-decoration: none;
      }
      a.ylanavi:visited {
           color : #FFFFFF;
           font-size : 10pt;
           vertical-align : bottom;
           text-decoration: none;
      }
      a.ylanavi:active {
           color : #FFFFFF;
           font-size : 10pt;
           vertical-align : bottom;
           text-decoration: none;
      }
      a.ylanavi:hover {
           color : #ffffff;
           background : #cab8a2;
           padding : 0;
           font-size : 10pt;
           vertical-align : bottom;
           text-decoration: none;
      }

      a.loginruutu {
           color : #FFF;
           font-size : 12pt;
           vertical-align : bottom;
      }
      a.loginruutu:visited {
           color : #FFF;
           font-size : 12pt;
           vertical-align : bottom;
      }
      a.loginruutu:active {
           color : #FFF;
           font-size : 12pt;
           vertical-align : bottom;
      }
      a.loginruutu:hover {
           color : #FFF;
           background : #cab8a2;
           padding : 0;
           font-size : 12pt;
           vertical-align : bottom;
      }

      .ylatieto {
        color : #000000;
        vertical-align : bottom;
      }

      a.ylatieto {
           color : #000000;
           font-size : 8pt;
           vertical-align : bottom;
           padding-bottom: 10px;
      }
      a.ylatieto:visited {
           color : #000000;
           font-size : 8pt;
           vertical-align : bottom;
      }
      a.ylatieto:active {
           color : #000000;
           font-size : 8pt;
           vertical-align : bottom;
      }
      a.ylatieto:hover {
           color : #000000;
           background : #F9F9F9;
           padding : 0;
           font-size : 8pt;
           vertical-align : bottom;
      }


      a.kategoria {
           color : #ffffff;
           font-size : 8pt;
           vertical-align : bottom;
      }
      a.kategoria:visited {
           color : #ffffff;
           font-size : 8pt;
           vertical-align : bottom;
      }
      a.kategoria:active {
           color : #ffffff;
           font-size : 8pt;
           vertical-align : bottom;
      }
      a.kategoria:hover {
           color : #ffffff;
           background : #cab8a2;
           padding : 0;
           font-size : 8pt;
           vertical-align : bottom;
      }
      
      table.kepakko {
           background-image : url(back.jpg);
           padding : 0;
           margin : 0;
           width : 550px;
           height : 350px;
      }
      td.joku {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 11pt;
           text-align : center;
           vertical-align : top;
      }
      td.left {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           text-align : left;
           border-style : double;
           border-color : #d6c7b0;
           padding : 10px;
      }
      td.right {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           text-align : right;
           vertical-align : top;
           border-left-style : solid;
           border-left-color : #c7c1bb;
           border-left-width : thin;
      }
      td.intro {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           vertical-align : top;
      }
      td.introduction {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           text-align : center;
           vertical-align : top;
      }
      td.makers {
           font-family : Arial, Verdana, Sans Serif;
           font-size : 9pt;
           text-align : left;
           vertical-align : top;
      }
           h2 {
           font-family : Verdana, Sans Serif;
           color : #d6c7b0;
           font-size : 22px;
      }

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

  .LV_valid_field,
   input.LV_valid_field:hover,
   input.LV_valid_field:active,
   textarea.LV_valid_field:hover,
   textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
  }

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

#box
	{
	position: relative;
	margin-left: Auto;
	margin-right: auto;
	margin-top: 2em;
	padding: 0;
	text-align: left;
	width:85%;				/* <-- use this to tie width to viewport size */
	/*width: 100em;				/* <-- use this for a set width */
	background-color: #9EA971;
	}

#box_kat
	{
	position: relative;
	margin-left: Auto;
	margin-right: auto;
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */
	/*width: 40em;				/* <-- use this for a set width */
	/*background-color: #9EA971; */
    /*height: 30%;*/
	}
	
.box_kat
	{
	position: relative;
	margin-left: Auto;
	margin-right: auto;
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */
	/*width: 40em;				/* <-- use this for a set width */
	/*background-color: #9EA971; */
    /*height: 30%;*/
	}

	
.content_kat
	{
	padding:1em;
	}

.navi_kat
	{

    padding: 10px;
	}

.content
	{
	padding:1em;
	}

.content h1
	{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.6em;
	font-family: helvetica, geneva, arial, sans-serif;
	}

.content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}


a.tuotekategoria
	{
	color:#00000;
	font-weight: bold;
	font-size: 1.6em;
	font-family: helvetica, geneva, arial, sans-serif;
	}


/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}

.blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

.tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}

.rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #8c9a3c;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
	/*Cat menu rounded corner settings */
	.tlc_kat, .trc_kat, .blc_kat, .brc_kat
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc_kat
	{
	background-image:url(images/tlc_kat.gif);
	background-position: 0% 0%;
	}

.trc_kat
	{
	background-image:url(images/trc_kat.gif);
	background-position: 100% 0%;
	}

.blc_kat
	{
	background-image:url(images/blc_kat.gif);
	background-position: 0% 100%;
	}

.brc_kat
	{
	background-image:url(images/brc_kat.gif);
	background-position: 100% 100%;
	}

.tb_kat, .bb_kat
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

.tb_kat
	{
	background-image:url(images/tb_kat.gif);
	background-position: 0% 0%;
	}

.bb_kat
	{
	background-image:url(images/bb_kat.gif);
	background-position: 50% 100%;
	}

.rb_kat
	{
	background-image:url(images/r_kat.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb_kat
	{
	background-color: #8c9a3c;
	background-image:url(images/l_kat.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/* tekstikentän ympäröivät grafiikat */

.box_input {
   background: #a99a71;
 }

.content_input {
   margin: 1px 1px;
   border: 1px solid #a99a71;
   background: transparent;
 }


	.tlc_input, .trc_input, .blc_input, .brc_input
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc_input
	{
	background-image:url(images/tlc_input.gif);
	background-position: 0% 0%;
	}

.trc_input
	{
	background-image:url(images/trc_input.gif);
	background-position: 100% 0%;
	}

.blc_input
	{
	background-image:url(images/blc_input.gif);
	background-position: 0% 100%;
	}

.brc_input
	{
	background-image:url(images/brc_input.gif);
	background-position: 100% 100%;
	}

.tb_input, .bb_input
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}

.tb_input
	{
	background-image:url(images/tb_input.gif);
	background-position: 0% 0%;
	}

.bb_input
	{
	background-image:url(images/bb_input.gif);
	background-position: 50% 100%;
	}

.rb_input
	{
	background-image:url(images/r_input.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb_input
	{
/*	background-color: #8c9a3c; */
	background-image:url(images/l_input.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}





.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(./images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(./images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

td.recommend_box {
  background-color: #B2B22E;
  border-style: ridge;
  border-width: 2px;
  border-color: #c0c0c0;
}

#directionsPanel {
  padding-left: 15px;
  border: 2px solid #000;
  background-color: #9EA971;
}