/* Basics
----------------------------------------------- */
html, body {
 
margin: 0;
padding: 0;
background: #5CAEDE url(/files/puhdaskoti/gfx/pk_bg.jpg) repeat-x;
text-align: center;
scrolling: auto;
 
}
 
body, p, td, th, div, blockquote, dl, ul, ol {
 
  font: 11px Verdana, Helvetica, sans-serif;
  
  color: #5D5D5D;
 
 
}
td, th {
  text-align: left;
  vertical-align: top;
}
 
img {
  border: 0;
  display: block;
}
 
 
.main_style a{
 
  font: 11px Verdana, Helvetica, sans-serif;
  color: #F3791F;
 
}
 
#content_main a {
 
  font: 11px Verdana, Helvetica, sans-serif;
  color: #F3791F;
 
}
 
/* Header
----------------------------------------------- */
 
#header {
 
width: 784px;
height: 142px;
 
background: url(/files/puhdaskoti/gfx/pk_header.jpg);
position: relative;
}
 
#logo {
position: absolute;
right:24px;
top: 38px;
width: 150px;
height: 37px;
}
 
#quality-logo {
    width: 150px;
    height: 37px;
    display: block;
}
 
#rightcol #quality-logo {
    float: right;
    margin: 20px 10px 10px 10px;
}
 
#bannerspot #quality-logo {
    position: absolute;
    bottom: 13px;
    right: 20px;
    width: 150px;
    height: 37px;
}

#bannerspot-2010 #quality-logo {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 150px;
    height: 37px;
}
 
#header_se {
 
width: 784px;
height: 142px;
 
background: url(/files/puhdaskoti/gfx/wcbref_header1.jpg);
position: relative;
 
}
 
#header_denivit {
 
width: 784px;
height: 142px;
background: url(/files/puhdaskoti/gfx/denivit_header.jpg);
position: relative;
 
}
 
/* Structure
----------------------------------------------- */
#container {
 
  margin: 0 auto;
  text-align: left;
  left: auto;
        width:784px;
 
}
 
 
#content{
 
width:784px;
text-align: left;
background: url(/files/puhdaskoti/gfx/pk_stretch_bg_3.jpg) repeat-y;
 
}
 
#content_se{
 
width:784px;
text-align: left;
background: url(/files/puhdaskoti/gfx/pk_stretch_bg_se.jpg) repeat-y;
 
}
 
#main{
 
padding-left: 21px;
top: 142px;
width: 784px;
left: auto;
margin: 0 auto;
background: url(/files/puhdaskoti/gfx/pk_mid_4.jpg) no-repeat;
 
}
 
#main_bottom_left, #main_bottom_right {
width: 329px;
height: 130px;
float: left;
margin-left: 22px;
margin-top: 15px;
padding: 0 15px;
background: #fff;
}
 
#content_main{
 
margin-left: 15px;
margin-top: 15px;
margin-right: 2px;
}
 
#leftcol {
 
width: 200px;
/* background: url(/files/puhdaskoti/gfx/pk_vasenbg.gif) repeat-y; */
margin-left: 0px;
float: left;
 
}
 
#rightcol {
 
width: 535px;
float:left;
 
}
 
 
#footer{
 
width: 784px;
height: 76px;
left: auto;
margin: 0 auto;
background: url(/files/puhdaskoti/gfx/pk_footer.jpg) repeat-y;
 
}
 
#footer_etusivu{
 
width: 784px;
height: 96px;
left: auto;
margin: 0 0 0 0;
background: url(/files/puhdaskoti/gfx/pk_footer_etusivu.jpg) no-repeat;
 
}
 
.productbox{
background: url(/files/puhdaskoti/gfx/pk_productbox.gif) top left no-repeat;
width: 255px;
height: 96px;
margin: 1px;
float: left;
 
}
 
.productbox_se{
background: url(/files/puhdaskoti/gfx/pk_productbox.gif) top left no-repeat;
width: 255px;
height: 96px;
margin: 1px;
float: left;
overflow: hidden;
}
 
 
/* Banners
----------------------------------------------- */
 
#bannerspot {
    position: relative;
    background: url(/files/puhdaskoti/gfx/pk_etusivu_bannerbg.jpg) repeat-y;
    width: 742px;
    height: 72px;
}

#bannerspot-2010 {
    position: relative;
    background: url(/files/puhdaskoti/gfx/pk_etusivu_bannerbg.jpg) repeat-y;
    width: 742px;
    height: 140px;
}
 
 
#bannerspot1{
 
margin-top: 8px;
margin-left: 6px;
float: left;
 
}
 
#bannerspot2{
margin-top: 8px;
margin-left: 6px;
float: left;
 
}
 
#bannerspot3{
margin-top: 8px;
margin-left: 6px;
 
float: left;
 
}
 
 
/* Nav
----------------------------------------------- */
 
.nav-main {
    position: relative;
    top: 109px;
    line-height: 34px;
    text-align: center;
}
 
.nav-main span {
    display: inline-block;
}
 
.nav-main .current a,
.nav-main a:hover {
    background: url(../gfx/main-navi-bg.png) no-repeat top right;
}
 
.nav-main span a {
    color: #fff;
    font-family: arial narrow, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 12px;
    height: 34px;
    display: inline-block;
    background: url(../gfx/main-navi-divider.png) no-repeat top right;
}
 
.nav-main span:first-child {
    background: url(../gfx/main-navi-divider.png) no-repeat top left;
    padding-left: 2px;
}
 
#main_navi_se {
/*    position: absolute;
    top: 109px;
    left: 178px;    */
}
 
 
#murupolku{
  font: 11px Verdana, Helvetica, sans-serif;
  color: #F3791F;
    margin-top: 12px;
    margin-left: 12px;
  line-height: 15px;
  width: 525px;
  
}
 
#murupolku a{
 
  color: #F3791F;
        text-decoration: none;
}
 
#murupolku img{
  display: inline;
    margin-left: 5px;
    margin-right: 5px;
 
}
 
 
 
/*--------------------------------*/
 
#subnav {
 
/*  background: top left no-repeat;
 
  margin-top: 34px;*/
 
}
 
#subnav ul {
 
  margin: 0 0 0 0;
 
  padding: 0 0 0 0;
 
  list-style: none;
 
  width: 198px;
 
}
 
#subnav ul li {
        display: block;
  width: 198px;
height: 28px;
  font: bold 10px Verdana, Helvetica, sans-serif;
  color: #F3791F;
 
  background: transparent url(/files/puhdaskoti/gfx/top_level_2nd.gif) top left repeat-x;
 
}
 
 
#subnav ul li img {
 
display: inline;
 
}
 
 
#subnav ul li a {
 
  color: #F3791F;
    
  padding: 7px 0px 0px 16px;
  text-decoration: none;
}
 
#subnav ul li.selected {
 
  background: transparent url(/files/puhdaskoti/gfx/1st_level_open.gif) top left repeat-x;
  
  width: 198px;
  height: 30px;
  
 
}
 
 
 
#subnav ul li.selected a {
 
color: #1875BD;
 
}
 
 
 
/*-------------------------------------------*/
 
 
#subnav2 {
 
/*  background: top left no-repeat; */
 
  
 
}
 
#subnav2 ul {
 
  margin: 0 0 0 0;
 
  padding: 0 0 0 0;
 
  list-style: none;
 
  width: 198px;
 
}
 
#subnav2 ul li {
 
  width: 198px;
  height: 27px;
  font: 10px Verdana, Helvetica, sans-serif;
  color: #F3791F;
 
  background: #fff;
 
}
 
#subnav2 ul li a {
 
  color: #F3791F;
    
  padding: 7px 0px 0px 25px;
  text-decoration: none;
 
  display: block;
 
}
 
#subnav2 ul li img {
 
display: inline;
 
}
 
 
#subnav2 ul li.selected {
 
  background: transparent url(/files/puhdaskoti/gfx/2nd_level_selected.gif) top left repeat-x;
  
  width: 198px;
  height: 27px;
 
}
 
 
 
#subnav2 ul li.selected a {
 
color: #1875BD;
 
}
 
 
 
/*-------------------------------------------*/
 
 
/*-------------------------------------------*/
 
 
#subnav3 {
 
/*  background: top left no-repeat; */
 
  margin: 0;
 
}
 
#subnav3 ul {
 
  margin: 0 0 0 0;
 
  padding: 0 0 0 0;
 
  list-style: none;
 
  width: 198px;
 
}
 
#subnav3 ul li {
 
  width: 198px;
  height: 32px;
  font: bold 11px Verdana, Helvetica, sans-serif;
  color: #1674BC;
 
 
}
 
#subnav3 ul li a {
 
  color: #1674BC;
    
  padding: 9px 0px 0px 16px;
  text-decoration: none;
 
  display: block;
 
}
 
#subnav3 ul li img {
 
display: inline;
 
}
 
 
#subnav3 ul li.selected {
 
  
  
  width: 198px;
  height: 32px;
 
}
 
 
 
#subnav2 ul li.selected a {
 
color: #1674BC;
 
}
 
 
 
/*-------------------------------------------*/
 
 
 
 
#nav_level1 ul{
 
  width: 200px;
        height: 28px;
        list-style: none;
        background: transparent url(/files/puhdaskoti/gfx/top_level_2nd.gif);
 
 
}
 
#nav_level1 ul li{
 
  font: bold 11px Verdana, Helvetica, sans-serif;
 
        padding: 8px 20px 4px 24px;
 
        background: transparent url(/files/puhdaskoti/gfx/top_level_2nd.gif) top left no-repeat;
  color: #1875BD;
 
}
 
.nav_level2{
 
  font: bold 10px Verdana, Helvetica, sans-serif;
  
  color: #F3791F;
 
}
 
 
.nav_level3{
 
  font: bold 10px Verdana, Helvetica, sans-serif;
  
  color: #1875BD;
 
}
 
 
.nav_level4{
 
  font: 11px Verdana, Helvetica, sans-serif;
  
  color: #1875BD;
 
}
 
 
 
 
/* Search
----------------------------------------------- */
/* Headings
----------------------------------------------- */
h1 {
 
  font: bold 13px Verdana, Helvetica, sans-serif;
  
  color: #3581BD;
  
  margin-top: 5px;
  margin-bottom: 5px;
}
 
 
h2, h3, h4, h5, h6 {
 
  font: bold 11px Verdana, Helvetica, sans-serif;
  
  color: #3581BD;
  margin-top: 5px;
  margin-bottom: 5px;
  
}
 
/* Lists
----------------------------------------------- */
 
 
.pklist li{
 
 
padding: 3px;
list-style: bullet;
 
}
 
 
/* Forms
----------------------------------------------- */
form {
  margin: 0;
}
 
/* Links
----------------------------------------------- */
a {
}
 
/* Misc
----------------------------------------------- */
.clearer {
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0;
}
.skip {
  display: none;
}
 
 
/* Korjattu navi
----------------------------------------------- */
 
ul.tuote_valikko {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #B7DCF6;
border-left: 1px solid #B7DCF6;
border-right: 1px solid #B7DCF6;
}
 
ul.tuote_valikko li {
margin: 0;
padding: 0;
background: #fff url('/files/puhdaskoti/gfx/top_level_2nd.gif') repeat-x top;
list-style-type: none;
font-size: 0;
}
 
ul.tuote_valikko li a {
display: block;
padding: 8px 12px 8px 20px;
text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #f3791f;
}
 
 
ul.tuote_valikko li.selected {
background: #fff url('/files/puhdaskoti/gfx/top_level_2nd.gif') repeat-x top;
}
 
ul.tuote_valikko li.selected a {
color: 3581bd;
}
 
ul.tuote_valikko li ul {
margin: 0;
padding: 5px 0 5px 0;
list-style-type: none;
border-bottom: 1px solid #B7DDF3;
}
 
ul.tuote_valikko li ul li {
background: #fff;
}
 
ul.tuote_valikko li ul li a {
background: transparent url('/files/puhdaskoti/gfx/pk_bullet2.gif') no-repeat 20px center;
padding: 3px 12px 3px 32px;
color: 3581bd;
font-weight: normal;
}

 
/* Tolu-kilpailu
----------------------------------------------- */
 
div.tolu {
  margin: 0;
  padding: 22px 44px;
  background: url('/files/puhdaskoti/gfx/pk_mid_4_tolu_kampanja.jpg') no-repeat;
}
 
div.tolu_navi {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 12px;
}
 
.tolu_navi a {
  padding: 0 10px 0 0;
}
 
.tolu a:link,
.tolu a:visited {
  color: #F3791F;
  font-weight: bold;
  text-decoration: underline;
}
 
.tolu a:focus,
.tolu a:hover,
.tolu a:active {
  color: #F3791F;
  font-weight: bold;
  text-decoration: underline;
}
 
div.tolu1, div.tolu2 {
  margin: 0;
}
 
div.tolu1 {
  float: left;
  padding: 0;
  width: 420px;
}
 
div.tolu2 {
  float: right;
  padding: 0;
  width: 260px;
}
 
.tolu1 img, .tolu2 img {
  display: inline;
}
 
div.toluImage {
  margin: 10px 0 20px 0;
}
 
div.toluImage img {
  border: 2px solid #3581BD;
}
 
div.thumbs {
  margin: 0;
  padding: 0;
}
 
.tolu2 a {
  display: block;
  float: left;
  margin: 0 8px 8px 0;
}
 
.thumbs_kk a {
  background: #3581BD;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 2px;
}
 
.thumbs_kk a img {
  margin: 0 0 2px 0;
}
 
.thumbs_kk a:link,
.thumbs_kk a:visited,
.thumbs_kk a:focus,
.thumbs_kk a:hover,
.thumbs_kk a:active {
  color: white;
  font-weight: normal;
  text-decoration: none;
}
 
.tolu2 a:link,
.tolu2 a:visited {
  border: 2px solid #3581BD;
}
 
.tolu2 a:focus,
.tolu2 a:hover,
.tolu2 a:active {
  border: 2px solid white;
}
 
div.tolu3 {
  text-align: center;
}
 
div.tolu3 img {
  margin: 10px auto 0 auto;
  border: 2px solid #3581BD;
}
 
img.tolu_footer {
  margin: 0 22px;
}
 
#content_main td ul {
margin: 15px 30px;
}
 
.carousel_text {
  position: absolute;
  left: 90px;
  top: 25px;
  width: 370px;
  height: 80px;
  font weight: bold;
}

/* Perlana-kampanja
----------------------------------------------- */

div.perlanakampanja {
	margin: 0;
  padding: 22px 44px;
  background: url('/files/puhdaskoti/gfx/pk_mid_4_perlana_kampanja.png') no-repeat;
}

div.perlana1, div.perlana2 {
  margin: 0;
}
 
div.perlana1 {
  float: left;
  padding: 0;
  width: 420px;
}

.perlana1 img, .perlana2 img {
  display: inline;
}
 
div.perlanaImage {
  margin: 10px 0 20px 0;
}
 
div.perlanaImage img {
  border: 2px solid #3581BD;
}
 
div.perlana2 {
  text-align: center;
}
 
div.perlana2 img {
  margin: 10px auto 0 auto;
  border: 2px solid #3581BD;
}
 
img.perlana_footer {
  margin: 0 22px;
}
 
/* SE navi 
***************** */
 
ul.se_navi {
list-style-type: none;
margin: 0px;
padding: 0px;
}
 
ul.se_navi li {float: left;}
 
ul.se_navi li a img.active { display: none; } 
ul.se_navi li a:hover img.active { display: inline; } 
ul.se_navi li a:hover img.passive { display: none; }
 
img { behavior: url(files/puhdaskoti/js/iepngfix.htc) }
 
#carousel.puhdaskoti { width: 518px; }
#carousel.puhdaskoti a.link { left: 167px; padding-top: 192px; height: 45px; }
#carousel.puhdaskoti a.link b { font-size: 10px; padding: 0 10px; }

.len-lable {color:#fff; font-size: 12px;}
.table-white {color:#fff; font-size: 12px;}


/* tend-kampanja
----------------------------------------------- */

.tend {color:#000;}