* {
  margin: 0;
  padding: 0;
}

body {
  background: #003f73 url('../img/bg.jpg') repeat-x top;
  text-align: center;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #222;
}
body#y2010 {
  background: #fff url('../img/bg_2011.jpg') no-repeat top center;
  background-attachment: fixed;
}

#container {
  background: #fff;
  position: relative;
  width: 940px;
  margin: 0 auto 20px auto;
  padding: 0 0 10px 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  text-align: left;
}

#head {
  position: relative;
  background: url('../img/head.jpg') no-repeat;
  background: url('../img/head2.jpg') no-repeat;
  height: 160px;
}

#head h1#logo {
  position: absolute;
  top: 14px;
  left: 13px;
  width: 130px;
  height: 30px;
  background: url('../img/logo.png') no-repeat;
  text-indent: -10000px;
  overflow: hidden;
  cursor: pointer;
}

#topnavi {
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  list-style-type: none;
}

#topnavi li {
  height: 28px;
  line-height: 29px;
  float: left;
  border-right: 1px solid #0f55ab;
  overflow: hidden;
}

#topnavi a {
  display: block;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 0 15px 0 15px;
}

#topnavi a:hover {
  background: #0f55ab;
}

#topnavi li.selected a {
  background: #0f55ab;
}

#head-flash {
  text-align: center;
  margin: 7px 0 7px 0;
  line-height: 0;
}

#search {
  position: absolute;
  top: 15px;
  left: 180px;
}

#search2 {
 background: url(/files/hkpro/img/hae_bg.jpg);
 width: 272px;
 height: 21px;
 padding: 8px 15px;
 margin-bottom: 10px;
 overflow: hidden;
}

#search2 .teksti {
width: 200px;
margin-right: 5px;
}

#search2 .submit {
border: 0px;
background: #c1392b;
width: 50px;
height: 20px; 
color: #FFF;
cursor: pointer;
}

#dig_query {
  width: 140px;
  border: 1px solid #977344;
  font: normal 12px arial, sans-serif;
  padding: 3px;
}

#search .submit {
  border: 0;
  font: bold 11px arial, sans-serif;
  background: #003f73;
  color: #fff;
  text-transform: uppercase;
  padding: 4px 5px 3px 5px;
  -moz-border-radius: 2px;
  cursor: pointer;
}

#top-links {
  position: absolute;
  top: 18px;
  left: 340px;
  font-size: 11px;
  color: #977344;
}

#top-links a {
  color: #977344;
  text-decoration: none;
  margin: 0 5px 0 5px;
}

#top-links a:hover {
  text-decoration: underline;
}


#content-area {
  margin: 7px 0 0 9px;
}

.sidebar {
  clear: left;
  float: left;
  display: inline;
  width: 302px;
}

.content {
  float: right;
  display: inline;
  width: 620px;
}

#content-area .column {
  float: left;
  display: inline;
  margin: 0 7px 8px 0;
  padding: 10px 15px 0 15px;
}

#content-area .column-right {
  float: right;
  margin-right: 10px;
}

.column-one-third {
  /*background-image: url('../img/one-third-top.png');
  background-repeat: no-repeat;
  background-position: top;*/
  border: 1px solid #000;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 270px;
}

#content-area .column-two-third {
  background: transparent;
  width: 579px;
}

#content-area .column h1 {
  font-family: 'Trebuchet Ms', sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  padding: 0 0 10px 0;
}

#content-area .content-box {
  background: #fff;
  /*background: url('../img/one-third-content.png') no-repeat bottom;*/
  margin: 0 -15px 0 -15px;
  padding: 10px 15px 10px 15px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  zoom: 1;
}

#content-area .column-two-third .content-box {
  background: transparent;
}

#content-area .gradient-box {
  padding: 0 0 0 0;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

#content-area .gradient-box .gradient {
  padding: 5px 15px 10px 15px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

#content-area a {
  text-decoration: none;
  color: #882922;
}

#content-area a:hover {
  text-decoration: underline;
}

#list {
  background-color: #003f73; /* url('../img/one-third-blue-top.png') no-repeat top;*/
  border-color: #003f73;
}

#list .bottom {
  border-color: #003f73;
}

#list .content-box {
  background: none;
  padding: 0;
}

#list ul {
  list-style-type: none;
}

#list ul ul {
  padding: 5px 0 5px 0;
}

#list ul ul ul {
  padding: 0;
}

#list li {
  display: block;
  font-weight: bold;
  line-height: 31px;
  padding-left: 72px;
  zoom: 1;
}

#list li li {
  line-height: 18px;
  padding-left: 0;
}

#list li li li {
  padding-left: 10px;
  font-weight: normal;
}

#list li li li a {
  font-weight: normal;
}

#list a {
  color: #222;
  display: block;
  text-decoration: none;
  margin-left: 20px;
  zoom: 1;
}

#list .cat-10 {
  background: #882922 url(../img/ruokalista-liha.png) no-repeat top right;
}

#list .cat-10 ul.depth-1 {
  border-top: 1px solid #882922;
}

#list .cat-20 {
  background: #000 url(../img/ruokalista-flodins.png) no-repeat top right;
}

#list .cat-20 ul.depth-1 {
  border-top: 1px solid #000;
}

#list .cat-30 {
  background: #e57a1c url(../img/ruokalista-kana.png) no-repeat top right;
}

#list .cat-30 ul.depth-1 {
  border-top: 1px solid #e57a1c;
}

#list .cat-40 {
  background: #00599c url(../img/ruokalista-lihavalmisteet.png) no-repeat top right;
}

#list .cat-40 ul.depth-1 {
  border-top: 1px solid #00599c;
}

#list .cat-50 {
  background: #458130 url(../img/ruokalista-valmiit.png) no-repeat top right;
}

#list .cat-50 ul.depth-1 {
  border-top: 1px solid #458130;
}

#list .cat-52 {
    background: url(/files/hkpro/img/jarvisuomen-portin.png) no-repeat scroll right top #56b8bc;
}

#list .cat-55 {
  background: #aa0c00 url(../img/ruokalista-sydan.jpg) no-repeat top right;
}
#list .cat-55 ul.depth-1 {
  border-top: 1px solid #aa0c00;
}

#list .cat-60 {
  background: #636262 url(../img/ruokalista-ennakkotilausvalikoima.png) no-repeat top right;
}

#list .cat-60 ul.depth-1 {
  border-top: 1px solid #636262;
}

#list .cat-70 {
  background: #bcb956 url(../img/ruokalista-sesonkituotteet.png) no-repeat top right;
}

#list .cat-70 ul.depth-1 {
  border-top: 1px solid #bcb956;
}

#list .cat-news,
#list .cat-recipes {
  background: #882922 url(../img/ruokalista-reseptit.png) no-repeat top right;
}

#list .cat-news .selected,
#list .cat-recipes .selected {
  text-decoration: underline;
}



#list .content-box > li:last-child {
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
}

#news {
  background-color: #882922; /* url('../img/one-third-red-top.png') no-repeat top;*/
  border-color: #882922;
  font-size: 11px;
  line-height: 14px;
}

#news .bottom {
  border-color: #882922;
}

.content-box hr {
  width: 111%;
  display: block;
  border: 0;
  border-top: 1px solid #882922;
  margin: 10px -15px 10px -15px;
  height: 0;
}

#news hr {
}

.content-box a {
  font-weight: bold;
}

.content-box .bottom {
  background: #e4c1be;
  margin: 10px -16px -11px -16px;
  padding: 10px 15px 10px 15px;
  height: 14px;
  border: 1px solid #000;
  border-top: 0;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.content-box .bottom a.left {
  clear: left;
  float: left;
}

.content-box .bottom a.right {
  clear: right;
  float: right;
  white-space: nowrap;
}

.content-box img.float-left {
  float: left;
  margin: 0 20px 10px 0;
}

#content-area #news p {
  margin: 0 0 18px 0;
}

#content-area #welcome {
  /*
  background: url('../img/welcome-bg.jpg') no-repeat;
  height: 475px;
  */
  background: url('../img/joulu2-bg.jpg') no-repeat;
  height: 308px;

  width: 581px;
  padding: 0 15px 0 15px;
}

#content-area #welcome h1 {
  font-size: 24px;
  font-weight: normal;
  color: #882922;
  border-bottom: 1px solid #882922;
  margin: 10px 0 16px 0;
  padding-bottom: 15px;
}

#content-area p {
  margin: 1em 0;
}

#content-area .column-one-third p {
  margin: 5px 0 10px 0;
}

#welcome-area a {
  font-weight: bold;
}

#recipes
{
  margin: 10px 0;
}

#recipes td
{
  padding: 5px 10px 5px 0;
}

#recipes .image
{
  vertical-align: top;
  text-align: center;
}

#recipes .image a
{
  border: 0;
}

#content-area .recipe-search
{
  background-color: white;
  padding: 20px;
}


#sitemap
{
  margin-top: 10px;
}

#sitemap li
{

  line-height: 20px;
  list-style-type: none;
}

#sitemap ul
{
  margin: 0 0 5px 20px;
}

#novelties {
  background: #e57a1c;
  font-size: 11px;
  border-color: #e57a1c;
}

#novelties hr {
  border-color: #e57a1c;
}

#novelties .bottom {
  background: #f3c094;
  border-color: #e57a1c;
}

#take-contact {
  background: #002a5e;
  font-size: 11px;
  border-color: #002a5e;
}

#take-contact hr {
  border-color: #002a5e;
}

#take-contact .bottom {
  height: 30px;
  background: #87b1d0;
  border-color: #002a5e;
}

#take-contact2 {
  background: #002a5e;
  font-size: 11px;
  border-color: #002a5e;
}

#take-contact2 hr {
  border-color: #002a5e;
}
#take-contact2 .content-box {
 background-color: #b4d0e4;
}
#take-contact2 .bottom {
  height: 30px;
 background: #002a5e;
  border-color: #002a5e;
}
#content-area #take-contact2 a {
color: #702d25;
}


#content-area #novelties p {
  margin: 0 0 18px 0;
  min-height: 80px;
}

#content-area #flodins {
  background: url('../img/flodins-bg.jpg') no-repeat 50% -1px;
  height: 480px;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #afb0b2;
}

#content-area #flodins h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid #000;
  margin: 16px 0 16px 0;
  padding-bottom: 15px;
}

#food-and-love {
  background: #fff3c7 url('../img/ruutu.gif') repeat-x top;
  border-color: #c79a97;
}

#food-and-love .gradient {
  background: #fff3c7 url('../img/ruutu.gif') repeat-x top;

}

#content-area #food-and-love h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: black;
  border-bottom: 1px solid #882922;
  padding: 0px 0 15px 0;
}

#feedback
{
  background-color: #ad2624;
  border-color: #ad2624;
}

#feedback h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: white;
  border-bottom: 1px solid white;
  padding: 5px 0 15px 0;
}

#feedback .gradient
{
  color: white;
  background-color: #ad2624;
}

#feedback .gradient a
{
  color: white;
}


#paakampanja {
 background: url(../img/joulu2012.jpg);
 width: 611px;
 height: 289px;
 margin-bottom: 10px;
}

#paakampanja h1 {
 color: #b1353e;
 font-size: 24px;
 font-family: Trebuchet MS;
 padding-bottom: 10px;
 border-bottom: 1px solid #b1353e;
 line-height: 24px;

}

#paakampanja h5 {
 font-size: 24px;
 font-family: Arial;
 line-height: 22px;

}

#paakampanja p {

 font-family: Arial;
 font-size: 12px;
 line-height: 15px;
}

#paakampanja a {
 font-size: 12px;
 font-family: Arial;
}

#paakampanja .content-box {
 background:none;
 padding: 20px;
 color: #000;
 margin-left: 0;
}

#tuotekampanja {
 background: url(../img/tuotekampanja.jpg);
 width: 612px;
 height: 286px;
 margin-bottom: 10px;
}

#tuotekampanja h1 {
 color: #fff;
 font-size: 24px;
 font-family: Trebuchet MS;
 padding-bottom: 10px;
 border-bottom: 1px solid #fff;
}

#tuotekampanja p {
 width: 280px;
}

#tuotekampanja .content-box {
 background:none;
 padding: 20px;
 color: #fff;
 margin-left: 0;
}

#profession-food
{
  background-color: #87b1d0;
  border-color: #87b1d0;
  clear: both;
}

#profession-food .gradient
{
  background-color: #87b1d0;
}

#content-area #profession-food h1
{
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #002a5e;
  border-bottom: 1px solid #5c7698;
  padding: 5px 0 10px 0;
}

#profession-food a
{
  color: #002a5e;
}

#content-area #profession-food2 {
  background: transparent url(../img/box-blue-gradient.png) repeat-x scroll center top;
  border-color: #87B1D0;
  margin-bottom: 10px;
  float: right;
}

#content-area #profession-food2 .gradient {
 background: transparent url(../img/box-blue-gradient.png) repeat-x scroll center -45px;
}

#content-area #profession-food2 .content-box {
 background: #FFF;
}

#content-area #profession-food2 h1
{
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  color: #002a5e;
  border-bottom: 1px solid #5c7698;
  padding: 5px 0 5px 0;
}

#profession-food2 a
{
  color: #002a5e;
}
#content-area #kesakamp {
  background: transparent url(../img/elokuun_lihakampanja.jpg) no-repeat center top;
  border-color: #87B1D0;
  margin: 0px 0px 10px 0px;
  padding: 0px 15px;
}
#content-area #kesakamp h1 {
  padding : 20px 0 10px 0;
  font-size : 23px;
  border-bottom : 1px solid rgb(255,255,255);
}
#content-area #kesakamp p {
  color : rgb(0,0,0);
  width : 155px;
  padding : 5px 0 0 0;
}
#content-area #kesakamp a {
color: #ffffff;
  font-weight : bold;
}
#content-area #grillikuumana {
  background: transparent url(../img/bg-grilli_uusi.jpg) no-repeat center top;
  border-color: #87B1D0;
  margin: 0px 8px 10px;
  padding: 0px 15px;
}
#content-area #grillikuumana h1 {
  padding : 20px 0 10px 0;
  font-size : 23px;
  border-bottom : 1px solid rgb(255,255,255);
}
#content-area #grillikuumana p {
  color : rgb(255,255,255);
  width : 155px;
  padding : 5px 0 0 0;
}
#content-area #grillikuumana a {
  color : rgb(255,255,255);
  font-weight : bold;
}
#content-area #makkarabaaribox {
  background: transparent url(../img/bg-makkarabaari.jpg) no-repeat center top;
  border-color: #87B1D0;
  margin: 0 0 10px 9px;
  padding: 0px 15px;
}
#content-area #makkarabaaribox p {
  color : rgb(0,0,0);
  width : 140px;
  padding : 130px 0 0 0;
}
#content-area #makkarabaaribox a {
  font-weight : bold;
}

#content-area #esittelyssa {
 float: left;
 border-color: #ebcdc9;
 background: transparent url(../img/box-pink-gradient.png) repeat-x scroll center top;
}

#content-area #esittelyssa .content-box {
 background: #FFF;
}

#content-area #esittelyssa .gradient {
 background: transparent url(../img/box-pink-gradient.png) repeat-x scroll center -45px;
}

#content-area #esittelyssa h1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  color: #c1392b;
  border-bottom: 1px solid #c1392b;
  padding: 5px 0 5px 0;
}

#esittelyssa a
{
  color: #c1392b;
}

#content-area #food-and-health2 {
 background: url('../img/box-green-gradient.png') repeat-x center top;
 border-color: #a1cba3;
 float: left;
}

#content-area #food-and-health2 .content-box {
 background: #FFF;
}

#content-area #food-and-health2 .gradient {
  background: url('../img/box-green-gradient.png') repeat-x center -45px;
}

#content-area #food-and-health2 h1
{
  font-size: 24px;
  line-height: 20px;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 5px 0 5px 0;
}

#food-and-health2 a
{
  color: #002a5e;
}

#content-area #food-now {
  background: #87b1d0;
  border-color: #87b1d0;
  float: right;
}


#food-now .gradient {
  background: url('../img/box-blue-gradient.png') repeat-x top;
}

#content-area #food-now h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #002a5e;
  border-bottom: 1px solid #002a5e;
  padding: 5px 0 15px 0;
}

#food-now a
{
  color: #002a5e;
}

#content-area #food-now2 {
 margin-bottom: 10px;
 float: left;
}

#food-now2 p {
 margin: 0;
 padding: 10px 0;
}

#content-area #food-now2-header {
   background: url(../img/ruokanyt_header.png);
   width: 260px;
   height: 29px;
   color: #FFF;
   font-size: 24px;
   font-family: Trebuchet MS;
   padding: 18px 20px;

}

#content-area #food-now2-middle {
   background: url(../img/ruokanyt_keski.png);
   width: 240px;
   padding: 0px 30px;
}

#content-area #food-now2-footer {
   background: url(../img/ruokanyt_footer.png);
    width: 300px;
   height: 17px;
}

#content-area #food-now2 h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #002a5e;
  border-bottom: 1px solid #002a5e;
  padding: 5px 0 15px 0;
}

#food-now2 a
{
  color: #002a5e;
}

#food-and-health {
  background: #a7c49e;
  border-color: #a7c49e;
}

#food-and-health .gradient {
  background-color: #a7c49e; 
}

#content-area #food-and-health h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: black;
  border-bottom: 1px solid black;
  padding: 5px 0 15px 0;
}

#food-and-health a
{
  color: black;
}


#content-area #product-marks {
  clear: both;
  width: 610px;
  height: 185px;
  line-height: 155px;
  border: 1px solid #87b1d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 15px 0 15px 0;
  text-align: center;
}

#product-marks img {
  vertical-align: middle;
  margin: 0 7px 0 7px;
}

#content-area #generic-content {
  position: relative;
  background: #fff;
  border: 1px solid #87b1d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.page-ajankohtaista #content-area #generic-content {
  border-color: #d4aba7;
}

.page-competition #content-area #generic-content
{
  background-color: #C1392B;
  border-color: #C1392B;
  color: white;
}

.page-competition #content-area #generic-content h1
{
  color: white;
  border: none;
}

.page-competition #content-area .content-box {
  padding-top: 0;
}

#feedbackform,
.page-competition form
{
  width: 60%;
}


#feedbackform label,
#feedbackform input,
#feedbackform textarea,

.page-competition label,
.page-competition input,
.page-competition textarea
{
  display: block;
  width: 100%;
  margin: 0 0 8px 0;
}

#feedbackform textarea,

.page-competition textarea
{
  height: 100px;
}

#feedbackform input.submit
{
  width: auto;
}

.page-competition input.submit
{
  width: auto;
  padding: 3px 8px;
  border: 2px outset white;
  color: white;
  background-color: #C1392B;
}

.page-ajankohtaista #subnavi h1
{
  color: white;
}


#content-area #generic-content h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #002a5e;
  padding-bottom: 15px;
  border-bottom: 1px solid #002a5e;
}

.page-ajankohtaista #content-area #generic-content h1 {
  border-color: #9f3a2a;
  color: #9e3a2a;
}

#content-area #generic-content h2 {
  font-size: 12px;
  font-weight: bold;
}

#content-area #generic-content h3 {
  font-size: 14px;
  font-weight: bold;
  color: #1960B1;
}

#generic-content p.back {
  margin-top: 3em;
}

#generic-content a.back {
  margin-right: 1em;
}

.news-item {
  margin: 1em 0 2em 0;
}

.blue-box {
  position: relative;
  background: #fff url('../img/blue-box-bg.png') repeat-x top;
  border: 1px solid #87b1d0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 15px 0 15px 0;
  padding: 0 15px 0 15px;
  z-index: 100;
}

ul.contacts {
  margin: 15px 0 15px 0;
  list-style-type: none;
}

ul.contacts li {
  position: relative;
  float: left;
  width: 280px;
  height: 100px;
  padding: 0;
}

ul.contacts .pic {
  height: 84px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}

ul.contacts .pic img {
  display: block;
}

ul.contacts .more-group h2 {
  display: none;
}

#content-area ul.contacts .more-group p {
  margin-top: 3px;
}

.half {
  width: 49.5%;
  float: left;
  display: inline;
}


ul.product-tabs {
  list-style-type: none;
  margin: 0 -15px 0 -14px;
  height: 26px;
}

ul.product-tabs li {
  float: left;
  background: #882922 url('../img/product-tabs.png') no-repeat bottom;
  margin: 0 1px 0 0;
  color: #f3c094;
  font-weight: bold;
  text-align: center;
  width: 151px;
  line-height: 26px;
  cursor: pointer;
}

ul.product-tabs li:hover {
  text-decoration: underline;
}

ul.product-tabs li.selected {
  background-position: top;
  color: #882922;
  cursor: default;
  text-decoration: none;
}


div.product-tabs {
  background: url('../img/product-tabs-bg.png') repeat-x top;
  min-height: 130px;
  margin: 0 -14px 0 -14px;
  padding: 14px;
  display: none;
}


.product-list {
  list-style-type: none;
}

.product-list li {
  position: relative;
  width: 134px;
  height: 80px; /* 60px */
  float: left;
  padding: 100px 5px 0 5px;
  text-align: center;
  overflow: hidden;
}

.product-list li:hover {
  background: url('../img/product-list-hover.png') no-repeat 50% 50%;
}

#content-area .product-list p {
  margin: 0;
}

.product-list p.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 144px;
  line-height: 100px;
}

.product-list p.image img {
  margin: auto;
  vertical-align: middle;
}

.product
{
}

.product table th,
.product table td
{
  padding: 0 10px 3px 0;
}

.product .logos img
{
  vertical-align: middle;
}


#subnavi {
  background: #d2a6a2;
  border-color: #882922;
  line-height: 36px;
  font-weight: bold;
  overflow: hidden;
}

#subnavi ul {
  margin: -10px -15px -1px -15px;
  list-style-type: none;
}

#subnavi li {
  zoom: 1;
}

#subnavi a {
  display: block;
  color: #882922;
  padding: 0 15px 0 15px;
  border-bottom: 1px solid #882922;
  zoom: 1;
}

#subnavi li.selected a {
  background: #882922;
  border-bottom: 0;
  color: #fff;
  padding-bottom: 1px;
}

#subnavi li.first a {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#subnavi li:first-child a {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#subnavi li.last a {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

#subnavi li:last-child a {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

/*#subnavi a:last-of-type {
  border: 0;
}*/

#do_calc {
  font-weight: bold;
}

#do_calc input {
  border: 1px solid #9a9a9a;
}

#do_calc button {
  background: #fff;
  border: 0;
  color: #222;
  font: bold 100% Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.supplies td {
  padding: 0 8px 0 0;
}


#foot {
  background: #003f73;
  height: 32px;
  line-height: 32px;
  margin: 0 10px 0 10px;
  padding: 0 15px 0 10px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#foot p {
  float: left;
}

#foot p.copyright {
  float: right;
}

#foot a {
  color: #fff;
  text-decoration: none;
  margin: 0 5px 0 5px;
}

#foot a:hover {
  text-decoration: underline;
}


.clear {
  clear: both;
}

a img {
  border: 0;
}

#tuotehaku
{
  margin-bottom: 10px;
}

#tuotehaku .level_0
{
  font-weight: bold;
}

#tuotehaku .level_1
{
  padding-left: 10px;
}

#tuotehaku .level_2
{
  padding-left: 20px;
}


#tuotehaku table td
{
  vertical-align: top;
  padding: 3px 5px;  
}


#content-area a.tuotehaku {
  float: right;
  background: url('../img/tuotehaku.png') no-repeat top left;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  margin: -4px 0 0 20px;
  padding: 0 0 0 30px;
  width: 71px;
}

#content-area .product-list p.code {
  font-size: 10px;
  line-height: 12px;
  color: #555;
  margin-top: -7px;
}

.tuotenimi {
  height: 45px;
  overflow: hidden;
  line-height: 15px;
}

html > body .tuotenimi {
  height: auto;
  min-height: 30px;
  max-height: 45px;
}

#kuvanosto {
  float: left;
  margin: 0px 0px 8px 10px;
}




/* HK Pro Joulu Etusivu */


#food-now2-joulu {
 margin-bottom: 10px;
 float: right;
 margin-right: 7px;
}

#kuvanosto-joulu {
  float: left;
  margin: 0px 0px 8px 0px;
}

#joulukanssasi {
  background: url(../img/srl2012_back.jpg) no-repeat scroll 0 0 transparent;
  color:#000000;
  float:left;
  height:350px;
  padding:15px 0 0 15px;
  width:286px;
}

#joulukanssasi h1 {color:#700c00; margin-bottom:5px;  margin-top:0px; font-family:Trebuchet MS; font-size:24px;line-height:28px;}

#joulukanssasi a {color:#700c00; font-weight:bold;}

#food-now2-joulu p {
  margin:0;
  padding:10px 0;
}

label {
  text-align: left;
}

#top-banner {
 position: relative;
 top: 85px;
 left: 8px;
}