/*------------------------------------
  Malaco.fi Template CSS
 
  type            stylesheet
  name            malacostyles
------------------------------------*/
/* Structure
------------------------------------*/
*
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
body
{
    text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #000000;
    background-image:url("/files/malaco/img/malaco_bg.jpg"); background-repeat: no-repeat; background-position: top center;
}
body.leijona {
text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #000000;
    background-image:url("/files/malaco/img/malaco_leijona_bg.jpg"); background-repeat: no-repeat; background-position: top center;
}
body.isanta_emanta {
text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #000000;
    background-image:url("/files/malaco/img/isanta_emanta_bg.jpg"); background-repeat: no-repeat; background-position: top center;
}
 
body.isanta_emanta_peli {
text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #000000;
    background-image:url("/files/malaco/img/isanta-tausta.jpg"); 
    background-repeat: no-repeat; 
    background-position: 50% 45px;
}
 
body.isanta_emanta_kysely {
    text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #000000;
    background-image:url("/files/malaco/img/isanta_emanta_kysely.jpg"); background-repeat: no-repeat; background-position: top center;
}
 
a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
h1 {
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin: 1em 0;
}
table {
    border-collapse: collapse;
}
table td {
    margin: 0;
    padding: 0 0 5px 0;
    text-align: right;
}
table th {
    margin: 0;
    padding: 0 20px 5px 0;
}
 
#pagecontainer
{
    width: 100%;
    height: 100%;
    text-align: left;
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
}
#ylapalkki
{
    height: 45px;
    min-width: 1100px;
    background-image:url("/files/malaco/img/menubar_bg.gif"); 
    background-repeat:repeat-x;
    position: relative;
}
#content { width: 1000px !important; width: 1045px; height: auto; margin: 0 auto; }
#footer { width: 700px; height: 20px; margin-top: 100px; margin-bottom:100px;padding-right: 18px; float:right; text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; } 
 
/* Palstat
--------------------------------------*/
#col-hahmoflash 
{
    width: 400px;
    height: 630px;
    float: left;
    padding: 0;
    margin-bottom: -206px;
    /* background-color:#00CCFF; */
    
}
#col-etusivuflash {
    float: left;
    width: 766px;
    height: auto !important;
    height: 600px;
    min-height: 600px;
    margin: 0 9px 0 0;
}
#col-teksti
{
    width: 350px;
    float: left;
    margin: 0 9px 10px 16px;
    padding: 20px 0 0 0;
}
#col-teksti_leijona
{
    width: 330px;
    float: left;
    margin: 0 29px 10px 16px;
    padding: 0 0 0 0;
    
    
}
#col-nostot
{
    width: 212px;
    float: left;
    margin: 0;
    padding: 0;
    /* background-color:#66FF00; */
}
#col-sarjakuva
{
width: 900px; height: 710px; float: left; padding-left: 85px; padding-top: 27px; /* w was 840; */    
}    
 
 
#col-flash-peli
{ position: relative;
width: 860px; height: 985px; padding: 0px; margin: 0 auto;
}    
 
 
#flash_aanet
{
display: block; position: absolute; top: 5px; right: 10px; height: 30px; height: 30px; margin:0; padding: 0; float: right; z-index: 99;
}
 
 
#flash_aanet a
{
color: #000; font-size:9px;
 
}
 
/* Content
--------------------------------------*/
#logo {
    position: relative;
    z-index: 110;
    left: 35px;
    /*top: -672px;*/
    top: -42px;
    width: 206px;
    height: 206px;    
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/malaco/img/logo.png');
}
#logo img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#logo_2 {
    position: relative;
    z-index: 110;
    left: -50px;
    /*top: -672px;*/
    top: -69px;
    width: 206px;
    height: 206px;    
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/malaco/img/logo.png');
}
#logo_2 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
 
#logo_3 {
    position: absolute;
    z-index: 110;
    left: -35px;
    top: -42px;
    width: 206px;
    height: 206px;    
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/files/malaco/img/logo.png');
}
#logo_3 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
 
 
#footer a, #footer a:active, #footer a:visited {color: #ffffff; text-decoration: none; }
#footer a:hover {color: #ffffff; text-decoration: underline; }
 
#footer img { vertical-align:middle; margin-left:4px;}
#footer #linkkipalvelut { display:none; }
 
 
#menubar { width:824px; height: 37px; margin: 0 auto; padding-left:283px;}
 
#menubar #navi1 { float:left; width: 95px; height: 37px; }
#menubar #navi1_active { float:left; width: 95px; height: 37px; background-image:url(/files/malaco/img/btn_etusivu2.gif); background-repeat: no-repeat; }
 
#menubar #navi2 { float:left; width: 130px; height: 37px; }
#menubar #navi2_active { float:left; width: 130px; height: 37px; background-image:url(/files/malaco/img/btn_mrs_malaco2.gif); background-repeat: no-repeat; }
 
#menubar #navi3 { float:left; width: 118px; height: 37px; }
#menubar #navi3_active { float:left; width: 118px; height: 37px; background-image:url(/files/malaco/img/btn_mr_malaco2.gif); background-repeat: no-repeat; }
 
#menubar #navi4 { float:left; width: 142px; height: 37px; }
#menubar #navi4_active { float:left; width: 142px; height: 37px; background-image:url(/files/malaco/img/btn_jr_malaco2.gif); background-repeat: no-repeat; }
 
#menubar #navi5 { float:left; width: 138px; height: 37px; }
#menubar #navi5_active { float:left; width: 138px; height: 37px; background-image:url(/files/malaco/img/btn_teini_malaco2.gif); background-repeat: no-repeat; }
 
#menubar #navi6 { float:left; width: 201px; height: 37px; z-index: 98;position: relative;}
#menubar #navi6  a.opened {background-image:url(/files/malaco/img/btn_tuotteet2.gif); background-repeat: no-repeat;}
 
a#nav-1 { display: block; text-decoration: none; width: 95px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_etusivu1.gif); background-repeat: no-repeat; }
a#nav-1:hover { background-image:url(/files/malaco/img/btn_etusivu2.gif); background-repeat: no-repeat; }
#nav-1 img { border: 0; }
 
a#nav-2  { display: block; text-decoration: none; width: 130px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_mrs_malaco1.gif); background-repeat: no-repeat; }
a#nav-2:hover { background-image:url(/files/malaco/img/btn_mrs_malaco2.gif); background-repeat: no-repeat; }
#nav-2 img { border: 0; }
 
a#nav-3 { display: block; text-decoration: none; width: 118px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_mr_malaco1.gif); background-repeat: no-repeat; }
a#nav-3:hover { background-image:url(/files/malaco/img/btn_mr_malaco2.gif); background-repeat: no-repeat; }
#nav-3 img { border: 0; }
 
a#nav-4 { display: block; text-decoration: none; width: 142px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_jr_malaco1.gif); background-repeat: no-repeat; }
a#nav-4:hover { background-image:url(/files/malaco/img/btn_jr_malaco2.gif); background-repeat: no-repeat; }
#nav-4 img { border: 0; }
 
a#nav-5 { display: block; text-decoration: none; width: 138px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_teini_malaco1.gif); background-repeat: no-repeat; }
a#nav-5:hover { background-image:url(/files/malaco/img/btn_teini_malaco2.gif); background-repeat: no-repeat; }
#nav-5 img { border: 0; }
 
a#nav-6 { display: block; text-decoration: none; width: 201px; height: 37px; margin: 0 auto; background-image:url(/files/malaco/img/btn_tuotteet1.gif); background-repeat: no-repeat; background-color: #11040d; z-index: 99; position: relative; outline: none;}
a#nav-6:hover { background-image:url(/files/malaco/img/btn_tuotteet2.gif); background-repeat: no-repeat; }
#nav-6 img { border: 0; }
 
.nav-hide { display: none; }
 
 
#flash_hahmo { width: 400px; height: 630px; z-index: 89; margin-top:-206px;}
#flash_hahmo_leijona { width: 400px; height: 630px; z-index: 89; margin-top:-206px;}
#flash_tuotekaruselli { width: 310px; height: 220px; z-index: 87; }
#flash_vaakuna { width: 212px; height: 240px; z-index: 88; margin-top: 26px;}
#flash_sivunostot { width: 212px; height: 250px; z-index: 86; margin-top: 24px;}
#flash_brandikaruselli { width: 212px; height: 210px; z-index: 86; margin-top: 4px;}
#flash_etusivu
{ 
width: 766px;
height: auto !important;
height: 600px;
min-height: 600px;
z-index: 89;
margin-top:-206px;
text-align: right;
}
#flash_sarjakuva { width: 840px; height: 710px; z-index: 89; margin-top: -206px; margin-left:40px;} /* w oli 890px */
#flash_uutuuskaruselli { width: 212px; height: 220px; z-index: 86; margin-top: 26px; }
 
 
#title_palsta { margin-top: 63px; margin-bottom: 20px;}
#col-teksti p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #FFFFFF; margin-bottom: 20px; }
#col-teksti p.tuoteesittely { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #FFFFFF; margin-bottom: 20px; }
#col-teksti img { display:block;}
#col-teksti p.lihavoitu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #FFFFFF; font-weight:bold; }
#col-teksti h2, #col-teksti h3 { font-weight:bold; color: #FFFFFF; display:block; text-transform: uppercase; font-size: 11px; line-height: 17px;}
 
#col-teksti_leijona p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #FFFFFF; margin-bottom: 20px; }
#col-teksti_leijona p.lihavoitu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #FFFFFF; font-weight:bold; }
#col-teksti_leijona h2, #col-teksti h3 { font-weight:bold; color: #FFFFFF; display:block; text-transform: uppercase; font-size: 11px; line-height: 17px;}
 
#col-teksti ul { margin-top: 15px;}
#col-teksti ul li { list-style:none; padding-bottom: 5px;}
#col-teksti ul li a { display: block; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none; margin-bottom: 5px;}
#col-teksti ul li a:hover { display: block; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: underline; margin-bottom: 5px;}
 
#col-teksti_leijona ul { margin-top: 15px;}
#col-teksti_leijona ul li { list-style:none; padding-bottom: 5px;}
#col-teksti_leijona ul li a { display: block; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none; margin-bottom: 5px;}
#col-teksti_leijona ul li a:hover { display: block; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: underline; margin-bottom: 5px;}  
 
/* sarjakuvasivu */
#sarjakuva_teksti { width: 700px; height: auto; margin: 0 auto; padding-top: 10px; display:block;}
#sarjakuva_teksti_palsta { float: left; width: 460px; padding-left: 40px; padding-right: 20px; }
#sarjakuva_teksti_palsta img { display: block;}
#sarjakuva_teksti_palsta p { padding-left: 3px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; text-align: left;}
 
#btn_sarjakuava_rekisteroidy { float: right; width: 180px; margin-top:25px;}
#btn_sarjakuva_rekisteroidy #navi_sarjakuva_rekisteroidy { float:left; width: 180px; height: 29px; }
a#nav-rek { display: block; text-decoration: none; width: 180px; height: 29px; margin: 0 auto; 
    background-image:url(/files/malaco/img/btn_rekisteroidy_taalta1.gif); background-repeat: no-repeat; }
a#nav-rek:hover { background-image:url(/files/malaco/img/btn_rekisteroidy_taalta2.gif); background-repeat: no-repeat; }
#nav-rek img { border: 0; }
 
/* etusivu */
#uutisnostot { width: 190px; height:auto; margin-top: 2px; padding-left: 18px; }
#uutisnostot h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-top: 10px; }
#uutisnostot h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF;}
#uutisnostot p a, #uutisnostot p {color:#d1a3cb; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; }
 
 
/* tuote-esittelysivu */
 
 
/* tuotetietosivu */
#tuotekuva_holder {
        width: 350px;
        height:auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top:0px;
 
}
#tuotekuva_holder #tk_body {
background-color:#FFFFFF;
}
#tuotekuva_holder #tk_body img {
margin: 0 auto;
}
#tuotekuva_holder #tk_top {
height: 5px;
background-image:url(/files/malaco/img/tuotekuvan_pohja.gif);
        background-repeat:no-repeat;
        background-position:left top;
}
#tuotekuva_holder #tk_bottom {
height: 5px;
background-image:url(/files/malaco/img/tuotekuvan_pohja.gif);
        background-repeat:no-repeat;
        background-position:left bottom;
}
 
/* Other elements
------------------------------------*/
a img
{
    border: 0;
}
.clearFloat{
    clear: both;
    display: block;
}
.clearFloat:after{
    content: ".";
    clear: both;
    display: block;
    height: 0px;
    visibility: hidden;
}
div#vaakavali{
    height:5px;
}
 
 
div#isanta_emanta_container{ position: relative; }
div#emannalla_link{ position: absolute; height: 380px; width: 300px; top:180px; left:0; display: block; }
div#isannalla_link{ position: absolute; height: 380px; width: 300px; top:180px; right:0; display: block; }
 
div#emannalla_link a, div#isannalla_link a { display: block; height: 380px; width: 300px; }
div#emannalla_link a span, div#isannalla_link a span { display: none;}
 
div#isannalla_link div.aanestys_percents { font-size: 44px; font-family: Verdana, Arial; font-weight: bold; color: #fff; position: absolute; top: 300px; left: 0px; text-align: center; width: 280px; }
div#emannalla_link div.aanestys_percents { font-size: 44px; font-family: Verdana, Arial; font-weight: bold; color: #fff; position: absolute; top: 300px; left: 6px; text-align: center; width: 300px; }
 
/* Makurinki
--------------------------------------*/
#makurinki-otsikko {
    background: url(/files/malaco/img/makurinki-otsikko.png) no-repeat;
    height: 62px;
    margin: 65px 0 0 235px;
}
 
#makurinki-otsikko-hoplop {
    background: url(/files/malaco/img/hoplop-arvonta.png) no-repeat;
    height: 62px;
    margin: 65px 0 0 235px;
}
 
#makurinki-form {
    background: url(/files/malaco/img/lomake_bg.gif) repeat-y;
    width: 574px !important;
    width: 606px;
    margin: 0 0 0 90px !important;
    margin: 0 0 0 122px;
    padding: 0 35px;
    text-align: left;
}
 
#makurinki-header, #makurinki-footer {
    background: url(/files/malaco/img/lomake_header.png) no-repeat;
    display: block;
    font-size: 1px;
    height: 30px;
    line-height: 1px;
    width: 644px;
    margin: 0 0 0 90px;
    padding: 0;
}
 
#makurinki-footer {
    background: url(/files/malaco/img/lomake_footer.png) no-repeat;
}
 
#makurinki-form h3 {
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 16px 0;
    text-align: left;
}
 
#makurinki-form p {
    line-height: 16px;
}
 
#makurinki-form h3.saannot {
    padding: 14px 0;
}
 
#makurinki-form table {
    margin: 20px 0;    
}
 
#makurinki-form table.ostopaikat {
    margin: 10px 0;
}
 
#makurinki-form table td, #makurinki-form table th {
    text-align: left;
}
 
#makurinki-form input {
    margin-right: 15px;
    width: 135px;
}
 
#makurinki-form table.ostopaikat input {
    margin: 0 5px 0 0;
    width: auto;
}
 
#makurinki-form table.ostopaikat th {
    padding:0 20px 5px 0;
}
 
#makurinki-form table.ostopaikat th.last {
    padding:0 0 5px 0;
}
 
#makurinki-form #makurinki-laheta {
    background: url(/files/malaco/img/laheta-btn.png) no-repeat;
    width: 171px;
    height: 53px;
    border: none;
    cursor: pointer;
    margin-top: 15px;
}
 
#ostopaikat label {
    font-size: 11px;
}
 
#productlist {
 
}
 
#productlist div {
    width: 110px;
    float: left;
    height: 225px;
}
 
#productlist div a{
    width: 110px;
    text-align: center;
    display: block;
}
 
#productlist div a.product_image{
    height: 150px;
    text-align: center;
}
 
#productlist div a.product_image img{
    margin: 0 0 0 0;
    display: inline;
}
 
div#tuotelista_container
{
    position: absolute;
    left: 0;
    top: -282px;
}
 
ul#tuotelista {
    background:transparent url(/files/malaco/gfx/valikko_bg.png) no-repeat !important;
    background: #000;
    display: block;
    list-style: none;
    height: 190px;
    width: 201px;
    z-index: 95;
    padding: 20px 0 0 0;
    margin: 0;
}
 
ul#tuotelista li{
	line-height: 26px;
	margin: 0 0 0 18px !important;
	margin: 0 0 0 9px;
	width: 183px;
	float: left;
}

ul#tuotelista li#valikko_aakkoset a{background-image:url(/files/malaco/gfx/valikko_aakkoset_off.png);}
ul#tuotelista li#valikko_aakkoset a:hover{background-image:url(/files/malaco/gfx/valikko_aakkoset_on.png);}

ul#tuotelista li#valikko_tvmix a{background-image:url(/files/malaco/gfx/valikko_tvmix_off.png);}
ul#tuotelista li#valikko_tvmix a:hover{background-image:url(/files/malaco/gfx/valikko_tvmix_on.png);}

ul#tuotelista li#valikko_hyvaamaku a{background-image:url(/files/malaco/gfx/valikko_hyvaamaku_off.png);}
ul#tuotelista li#valikko_hyvaamaku a:hover{background-image:url(/files/malaco/gfx/valikko_hyvaamaku_on.png);}

ul#tuotelista li#valikko_lauantai a{background-image:url(/files/malaco/gfx/valikko_lauantai_off.png);}
ul#tuotelista li#valikko_lauantai a:hover{background-image:url(/files/malaco/gfx/valikko_lauantai_on.png);}

ul#tuotelista li#valikko_malacomust a{background-image:url(/files/malaco/gfx/valikko_malacomust_off.png);}
ul#tuotelista li#valikko_malacomust a:hover{background-image:url(/files/malaco/gfx/valikko_malacomust_on.png);}

ul#tuotelista li#valikko_leijona a{background-image:url(/files/malaco/gfx/valikko_leijona_off.png);}
ul#tuotelista li#valikko_leijona a:hover{background-image:url(/files/malaco/gfx/valikko_leijona_on.png);}

ul#tuotelista li#valikko_truly a{background-image:url(/files/malaco/gfx/valikko_truly_off.png);}
ul#tuotelista li#valikko_truly a:hover{background-image:url(/files/malaco/gfx/valikko_truly_on.png);}

ul#tuotelista li#valikko_dietorelle a{background-image:url(/files/malaco/gfx/valikko_dietorelle_off.png);}
ul#tuotelista li#valikko_dietorelle a:hover{background-image:url(/files/malaco/gfx/valikko_dietorelle_on.png);}

ul#tuotelista li#valikko_muut a{background-image:url(/files/malaco/gfx/valikko_muut_off.png);}
ul#tuotelista li#valikko_muut a:hover{background-image:url(/files/malaco/gfx/valikko_muut_on.png);}

 
ul#tuotelista li a{
	background-repeat: no-repeat;
	background-position: 0 50%;
	cursor:pointer;
	display: block;
	height: 26px;
	float: left;
	width: 183px;
}

ul#tuotelista li a span{
	display: none;
}

div#tuotelistabottom {
    background: transparent url(/files/malaco/gfx/valikko_bg_bottom.png) no-repeat !important;
    background: transparent url(/files/malaco/gfx/valikko_bg_bottom_2.png) no-repeat;
    display: block;
    height: 12px;
    width: 201px;
    z-index: 96;
    margin: 0;
    padding: 0;
}