/* Motiva TopTen Suomi 2007 .css */

body
{
    background: #fff url('../img/bg-body.gif') repeat-x top left;
    color: #333;
    font-family: "Arial", sans-serif;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

body.product_comparison
{
    background-image: none;
}

/* Container */

#container
{
    position: relative;
}

#container a
{
    text-decoration: none;
}

#container .date,
#container .answer
{
    color: #999999;
}

#container .answer
{
    font-weight: bold;
}

/* Branding */

#container #branding
{
    float: left;
    padding-left: 10px;
    margin-right: 15px;
}

#container #branding #grouplogo
{
    
}

#container #branding #grouplogo img
{
    border: none;
}

/* Navigation */

#container #primary
{
    float: left;
    min-width: 700px;
}

#container #primary ul
{
    list-style-type: none;
    margin: 28px 0 0 0;
    padding: 0;
    z-index: 10;
}

#container #primary ul li
{
    background: url('../img/primary-navigation-left.gif') no-repeat top left;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    font-size: 12px;
/*    width: 10em; */
}

#container #primary ul li a,
#container #primary ul li span.bullet_sectionheader
{
    background: url('../img/primary-navigation-right.gif') no-repeat top right;
    border-bottom: 1px solid #a3a691;
    color: #333;
    display: block;
/*    overflow: hidden;*/
    padding: 4px 13px 3px 13px;
/*    width: 8em; */
}

/*#container #primary ul li.sfhover a,*/
#container #primary ul li.sfhover span.bullet_sectionheader,
#container #primary ul li:hover span.bullet_sectionheader,
#container #primary ul li.selected a,
#container #primary ul li a:hover
{
    background: url('../img/primary-active-right.gif') no-repeat top right;
    border-bottom: 1px solid #f2f8d4;
    color: #a40b0b;
/*    font-weight: bold; */
    padding-top: 7px;
}

/*#container #primary ul li.sfhover,*/
#container #primary ul li:hover,
#container #primary ul li.home:hover,
#container #primary ul li.sfhover
{
    background: url('../img/primary-active-left.gif') no-repeat top left;
}

#container #primary ul li ul
{
    margin-top: 0;
    position: absolute;
/*    width: auto; */
    width: 200px;
    left: -999em;
    background-color: #F2F8D4;
    margin-right: 0;
}

#container #primary ul li:hover ul,
#container #primary ul li.sfhover ul
{
    left: auto;
}

#container #primary ul li ul li
{
    float: none;
    background: none;
    padding: 4px 9px 0 9px;
    margin-top: 0;
    margin-right: 0;
    width: auto;
    border: 1px solid #F2F8D4;
}

#container #primary ul li ul li:hover,
#container #primary ul li ul li.sfhover
{
    background: #dbf856;
}

#container #primary ul li ul li a,
#container #primary ul li ul li span.bullet_sectionheader
{
    padding: 4px 3px 3px 3px;
}


#container #primary ul li ul li.sfhover span.bullet_sectionheader,
#container #primary ul li ul li:hover span.bullet_sectionheader,
#container #primary ul li ul li.selected a,
#container #primary ul li ul li a:hover
{
    padding-top: none;
    font-weight: normal;
}

#container #primary ul li.sfhover ul li span.bullet_sectionheader,
#container #primary ul li.sfhover ul li a,
#container #primary ul li ul li.sfhover span.bullet_sectionheader,
#container #primary ul li:hover ul li span.bullet_sectionheader,
#container #primary ul li:hover ul li a
{
    background: none;
    padding-top: 0px;
    border-bottom: none;
    font-weight: normal;
    color: #000;
}

#container #primary ul li ul li span.bullet_sectionheader,
#container #primary ul li ul li a
{
    background: none;
    border-bottom: none;
    font-weight: normal;
}

#container #primary ul li ul li ul
{
    margin: -23px 0 0 200px;
}

#container #primary ul li ul li.sfhover a:hover,
#container #primary ul li ul li.sfhover span.bullet_sectionheader,
#container #primary ul li ul li:hover span.bullet_sectionheader,
#container #primary ul li ul li a:hover
{
    background-color: #dbf856;
    color: #a40b0b;
/*    font-weight: bold;*/
    padding-top: 0px;
    background: none;
    border-bottom: none;
}

#container #primary ul li.sfhover ul li ul,
#container #primary ul li:hover ul li ul
{
    left: -999em;
}

#container #primary ul li ul li:hover ul,
#container #primary ul li ul li.sfhover ul
{
    left: 0;
    background-color: #dbf856;
/*    background-color: green;*/
    margin-left: 195px;
}

#container #primary ul li ul li ul li
{
    width: auto;
    display: inline !important;
    position: relative;
    border: none;
}

#container #primary ul li ul li ul li,
#container #primary ul li ul li ul li.sfhover
{
    padding: 0 !important;
    float: none;
}

#container #primary ul li ul li ul li a
{
    padding: 4px 13px 4px !important;
    display: block;
/*    padding: 0;*/
    border: 1px solid #F2F8D4;
}

#container #primary ul li ul li ul li a:hover
{
}

/* Links & Search */

#container #links-search
{
    left: 740px;
    width: 241px;
    height: 20px;
    top: 57px;
    position: absolute;
}

#container #links-search ul
{
    list-style-type: none;
    margin: 5px 0 7px 0;
    padding: 0;
}

#container #links-search ul li
{
    float: left;
}

#container #links-search ul li a
{
    color: #666;
    font-family: "Arial", sans-serif;
    font-size: 1.1em;
    padding: 0px 11px;
    border-left: 1px solid #666;
}

#container #links-search ul li#sitemap a
{
    border-left: none;
    padding-left: 4px;
}

/* Search section */

#container #links-search #search
{
    background: url('../img/search-bg.gif') no-repeat bottom left;
    clear: left;
    height: 31px;
    padding-top: 6px;
    width: 189px;
}

#container #links-search #search form
{
    padding: 7px 0 0 11px
}

#container #links-search #search form input#textSearch
{
    border: 1px solid #c4c5c0;
    float: left;
    height: 14px;
    width: 113px;
}

#container #links-search #search form input#buttonSearch
{
    background: transparent url('../img/search.gif') no-repeat top left;
    border: 0;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 0.000001em;
    height: 18px;
    margin-left: 10px;
    width: 44px;
}

/* Explanation */
#container #explanation
{
    clear: left;
    color: #333;
    float: left;
    line-height: 1.4em;
    margin-left: 10px;
    width: 210px;
    font-size: 1.1em;
}

#container #explanation h4,
#container #news-shortcuts h4
{
    margin-bottom: 5px;
}

#container #explanation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#container #explanation ul li
{
    
}

#container #explanation ul li a
{
    background: url('../img/list-item-box.gif') no-repeat center left;
    color: #0099ff;
    font-size: 1em;
    padding-left: 16px;
}

#container #explanation ul li a:visited
{
    background: url('../img/list-item-box-visited.gif') no-repeat center left;
    color: #66CCff;
}

#container #explanation ul li a:hover,
#container #explanation ul li.selected a
{
    background: url('../img/list-item-box-visited.gif') no-repeat center left;
    color: #a60c0c;
    font-weight: bold;
}

/* Content */

#container #content
{
    float: left;
    margin: 0 15px 15px 20px;
    width: 495px;
    font-size: 1.1em;
}

body.frontpage #container #content
{
/*    background: url('../img/frontpage.jpg') no-repeat bottom left; */
    width: 520px;
    min-height: 301px;
    padding-bottom: 150px;
}

body.palaute #container #content
{
    border: 1px solid #D3F829;
    padding: 0 5px 0 5px;
    width: 483px;
    margin-bottom: 20px;
}

body.palaute #container #content form
{
    background: url('../img/palautelomake-bg.jpg') repeat-x top left;
    float: left;
    padding: 20px 0 15px 10px;
    width: 473px;
}

body.palaute #container #content form label
{
    clear: left;
    float: left;
    width: 105px;
    color: #5096C7;
    margin-bottom: 20px;
    font-size: 1.1em;
    padding-top: 3px;
}

body.palaute #container #content form input,
body.palaute #container #content form textarea
{
    border: 1px solid #D3F829;
    float: left;
}

body.palaute #container #content form input
{
    margin-bottom: 20px;
    margin-right: 100px;
    width: 174px;
}

body.palaute #container #content form textarea
{
    width: 352px;
    margin-bottom: 15px;
}

body.palaute #container #content form input#submit
{
    float: right;
    width: 65px;
    height: 25px;
    margin-right: 14px;
    margin-bottom: 0;;
    border: none;
}

body.palaute #container #content .contactMessage
{
    color: #5096C7 !important;
    background: url('../img/palautelomake-bg.jpg') repeat-x top left;
    padding: 10px 0 10px 10px;
    width: 473px;
    margin-bottom: 5px;
    font-weight: normal !important;
}

/* Comparison */

body.comparison #container #content
{
    clear: left;
    width: 930px;
}

#container #content a
{
    color: #0099FF;
    text-decoration: underline;
}

body.frontpage #container #content h2
{
    margin: 15px 0 0 0;
    font-size: 20px;
}

body.frontpage #container #content h1
{
    margin: 0;
}

#container #content h4
{
    color: #5096C7;
    margin-top: 5px;
    font-size: 1.4em;
    margin-bottom: 0px;
}

#container #content h4 a
{
    color: #5096C7;
    text-decoration: none;
}

#container #content h5
{
    color: #5096C7;
    font-size: 1.4em;
}

#container #content h5 a
{
    color: #5096C7;
    text-decoration: none;
}

#container #content dl h5
{
    margin-bottom: 3px;
}

#container #content img
{
    border: 1px solid #D3F829;
    padding: 3px;
}

#container #content dd
{
    font-size: 1.15em;
}

#container #content dd,
#container #content p
{
    line-height: 1.5em;
}

/* News feed & Shortcuts */

#container #news-shortcuts
{
    float: left;
    line-height: 1.5em;
    width: 195px;
    font-size: 1.1em;
}

body.uutiset #container #content #news-shortcuts
{
    width: auto !important;
}

body.uutiset #container #content #news-shortcuts h3
{
    display: none;
}

#container #news-shortcuts a
{
    color: #0099ff;
}

#container #news-shortcuts dl
{

}

#container #news-shortcuts dl dt
{
    font-weight: bold;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}  

#container #content dl dd
{
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px;
}

#container #news-shortcuts dl dd
{
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 5px;
}

#container #news-shortcuts ol
{
    margin: 0 0 0 20px;
    padding: 0;
}

#container #news-shortcuts ol li
{
    font-weight: bold;
}

#container #news-shortcuts ol li a
{
    color: #000;
}

/* Replacement for news feed & shortcuts */

#container #filler
{
    width: 190px;
    float: left;
    height: 150px;
   /* background: url('../img/filler-graphic.jpg') repeat-x top left; */
}

/* Footer */

#container #footer
{
    border-top: 4px solid #d3f829;
    clear: left;
    color: #999;
    padding: 0 0 0 10px;
    font-size: 1.1em;
}

#container #footer #copyright
{
    margin: 0;
    padding: 10px 0 0 0;
    float: left;
}

#container #footer #links
{
    left: 730px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

#container #footer #links li
{
    float: left;
}

#container #footer #links li a
{
    border-right: 1px solid #999;
    color: #999;
    padding: 0 6px;
}

#container #footer #links li#partners a
{
    border: none;
}

#container #footer #organizations
{
    clear: left;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

#container #footer #organizations li
{
    float: left;
    margin-right: 20px;
}

#container #footer #organizations #motiva a
{
    background: url('../img/logo-motiva-bw.jpg') no-repeat top left;
    display: block;
    height: 11px;
    margin-top: 11px;
    width: 60px;
}

#container #footer #organizations #motiva a:hover
{
    background: url('../img/logo-motiva-color.jpg') no-repeat top left;
}

#container #footer #organizations #ktm a
{
    background: url('../img/logo-ktm-bw.jpg') no-repeat top left;
    display: block;
    height: 21px;
    margin-top: 6px;
    width: 60px;
}

#container #footer #organizations #ktm a:hover
{
    background: url('../img/logo-ktm-color.jpg') no-repeat top left;
}

#container #footer #organizations #wwf a
{
    background: url('../img/logo-wwf-bw.jpg') no-repeat top left;
    display: block;
    height: 34px;
    width: 25px;
}

#container #footer #organizations #wwf a:hover
{
    background: url('../img/logo-wwf-color.jpg') no-repeat top left;
}

#container #footer #organizations #kuluttaja-virasto a
{
    background: url('../img/logo-kuluttajavirasto-bw.jpg') no-repeat top left;
    display: block;
    height: 16px;
    margin-top: 9px;
    width: 60px;
}

#container #footer #organizations #kuluttaja-virasto a:hover
{
    background: url('../img/logo-kuluttajavirasto-color.jpg') no-repeat top left;
}

#container #footer #organizations #kuluttajat a
{
    background: url('../img/logo-kuluttajat-bw.jpg') no-repeat top left;
    display: block;
    height: 27px;
    margin-top: 3px;
    width: 46px;
}

#container #footer #organizations #kuluttajat a:hover
{
    background: url('../img/logo-kuluttajat-color.jpg') no-repeat top left;
}

#container #footer #organizations #kodin-tekniikka a
{
    background: url('../img/logo-kodintekniikka-bw.jpg') no-repeat top left;
    display: block;
    height: 21px;
    margin-top: 7px;
    width: 85px;
}

#container #footer #organizations #kodin-tekniikka a:hover
{
    background: url('../img/logo-kodintekniikka-color.jpg') no-repeat top left;
}

#container #footer #organizations #akl a
{
    background: url('../img/logo-akl-bw.jpg') no-repeat top left;
    display: block;
    height: 27px;
    margin-top: 3px;
    width: 30px;
}

#container #footer #organizations #akl a:hover
{
    background: url('../img/logo-akl-color.jpg') no-repeat top left;
}

#container #footer #organizations #iee a
{
    background: url('../img/intelligentEnergryEuropeLog.gif') no-repeat top left;
    display: block;
    height: 12px;
    margin-top: 11px;
    width: 90px;
}

#container #footer #organizations #iee a:hover
{
    background: url('../img/intelligentEnergryEuropeLog.gif') no-repeat 0% 100%;
    border-bottom: 1px solid #2B3A8A;
    margin-top: 10px;
}

#container #footer #organizations #topten a
{
    background: url('../img/logo-topten-bw.jpg') no-repeat top left;
    display: block;
    height: 18px;
    margin-top: 8px;
    width: 60px;
}

#container #footer #organizations #topten a:hover
{
    background: url('../img/logo-topten-color.jpg') no-repeat top left;
}

/* Comparison pages */

body.comparison #container #content h1
{
    margin-left: 188px;
    margin-bottom: 10px;
}

body.comparison .direction_horizontal a
{
    display: none;
}

body.comparison #container #content table.attributetable
{
    width: 180px;
}

body.comparison #container #content table.attributetable,
body.comparison #container #content table.attributetable a
{
    color: #000;
    text-decoration: none;
}

body.comparison #container #content table#producttable td
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

body.comparison #container #content #divContainer
{
    background: url('../img/comparison-bg-right.gif') repeat-y top right;
}

body.comparison #container #content #best_of_europe
{
    width: 175px;
    float: left;
    margin-top: 10px;
}

body.comparison #container #content #relatedpages
{
    background: url('../img/compare-footer.gif') repeat-x top left;
    width: 720px;
    padding: 8px 0 0 10px;
    margin-left: 5px;
    margin-top: 10px;
    height: 32px;
    float: left;
}

body.comparison #container #content .comparebutton
{
    color: #0099FF;
    cursor: hand;
}

tr#hrow1 td#hcell1,
tr#row1 td
{
    border-top: 1px solid #E1E1E1;
    padding-top: 3px;
}

tr#hrow2 td#hcell2,
tr#row2 td,
tr#hrow7 td#hcell7,
tr#row7 td,
tr#hrow12 td#hcell12,
tr#row12 td
{
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 3px;
}

/*
Product comparison pop up related
*/

#comparison_container
{
/*    width: 649px;*/
/*    height: 362px;*/
    border: 1px solid #D3F829;
    padding: 3px;
}

#comparison_container #comparison_header
{
    height: 50px;
    display: block;
    border: 1px solid #D3F829;
    border-bottom: 0px;
}

body.product_comparison #comparison_header h2
{
    margin-top: 10px;
    margin-left: 10px;
}

#comparison_container #comparison_content
{
    background: url('../img/comparison-content-bg.gif') repeat-x top left;
    border: 1px solid #D3F829;
    border-top: 0px;
    overflow: hidden;
    padding-bottom: 5px;
}

#comparison_container #comparison_content table
{
    margin: 5px 0 0 5px;
    padding: 0;
}

#comparison_container #comparison_content table table
{
    background-color: #fff;
    margin-right: 20px;
}

#comparison_container #comparison_content table td.ptfirstcell1,
#comparison_container #comparison_content table td.ptcell1_1,
#comparison_container #comparison_content table td.ptcell1_0
{
    background-color: #EFFCB0;
}

#comparison_container #comparison_content table td.ptfirstcell0,
#comparison_container #comparison_content table td.ptcell0_1,
#comparison_container #comparison_content table td.ptcell0_0
{
    background-color: #fff;
}

#comparison_container #comparison_content table td.ptfirstcell1,
#comparison_container #comparison_content table td.ptfirstcell0
{
    padding-left: 10px;
    width: 120px;
    text-align: left;
}

#comparison_container #comparison_content table#producttable tr
{
    height: 24px
}

#comparison_container #comparison_content table td.cell_image img
{
    top: 75px;
    position: absolute;
}

#comparison_container #comparison_footer
{
    margin-top: 4px;
    background: url('../img/comparison-footer-bg.gif') repeat-x top left;
    height: 38px;
    display: block;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 30px;
	margin-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0px;
	height: 35px;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 16px;
	line-height: 1em;
	border-bottom: 1px solid #D3F829;
}
/*
.sIFR-hasFlash h4 {

}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/



#container #links2
{
    position: absolute;
    top: 20px;
    left: 900px;
    height: 22px;
    width: 45px;
}    

#container #footer a.iee img,
#container #links2 a img
{
    border: 0;
}

#container #footer a.iee
{
    position: absolute;
    left: 750px;
    padding: 10px 0 0 0;    
}