/* menu-parent */

#navbar-parent ul {background: url(navbar.jpg) no-repeat 0 0;}

    #navbar-parent ul li.our-kitchen {width: 123px;}
    #navbar-parent ul li.plan-your-kitchen {width: 171px;}
    #navbar-parent ul li.about-epoq {width: 128px;}
    #navbar-parent ul li.drawing-tool {width: 158px;}
    #navbar-parent ul li.our-exhibitions {width: 191px;}

    #navbar-parent ul li a.active,
    #navbar-parent ul li a:hover,
    #navbar-parent ul li a:focus {background:url(navbar.jpg) no-repeat 0  -37px;}

    #navbar-parent ul li.our-kitchen a.active,
    #navbar-parent ul li.our-kitchen a:hover,
    #navbar-parent ul li.our-kitchen a:focus {background-position: 0 -37px;}
    body.our-kitchen #navbar-parent ul li.our-kitchen a {background:url(navbar.jpg) 0 -37px;}

    #navbar-parent ul li.plan-your-kitchen a.active,
    #navbar-parent ul li.plan-your-kitchen a:hover,
    #navbar-parent ul li.plan-your-kitchen a:focus {background-position: -123px -37px;}
    body.plan-your-kitchen #navbar-parent ul li.plan-your-kitchen a {background:url(navbar.jpg) -123px -37px;}

    #navbar-parent ul li.about-epoq a.active,
    #navbar-parent ul li.about-epoq a:hover,
    #navbar-parent ul li.about-epoq a:focus {background-position: -294px -37px;}
    body.about-epoq #navbar-parent ul li.about-epoq a {background:url(navbar.jpg) -294px -37px;}

    #navbar-parent ul li.drawing-tool a.active,
    #navbar-parent ul li.drawing-tool a:hover,
    #navbar-parent ul li.drawing-tool a:focus {background-position: -422px -37px;}
    body.drawing-tool #navbar-parent ul li.drawing-tool a {background:url(navbar.jpg) -422px -37px;}

    #navbar-parent ul li.our-exhibitions a.active,
    #navbar-parent ul li.our-exhibitions a:hover,
    #navbar-parent ul li.our-exhibitions a:focus {background-position: -580px -37px;}
    body.our-exhibitions #navbar-parent ul li.our-exhibitions a {background:url(navbar.jpg) -580px -37px;}

/* menu-child */

#navbar-child ul li.kitchen-lab {
    background: url(menu-child/kitchen-lab.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 127px;
}
#navbar-child ul li.kitchen-lab a:hover,
#navbar-child ul li.kitchen-lab a:focus,
body.kitchen-lab #navbar-child ul li.kitchen-lab a {background: url(menu-child/kitchen-lab.gif) no-repeat 0 -22px;}

#navbar-child ul li.assortment {
    background: url(menu-child/assortment.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.assortment a:hover,
#navbar-child ul li.assortment a:focus,
body.assortment #navbar-child ul li.assortment a {background: url(menu-child/assortment.gif) no-repeat 0 -22px;}

#navbar-child ul li.campaign {
    background: url(menu-child/campaign.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.campaign a:hover,
#navbar-child ul li.campaign a:focus,
body.campaign #navbar-child ul li.campaign a {background: url(menu-child/campaign.gif) no-repeat 0 -22px;}

#navbar-child ul li.old-campaign {
    background: url(menu-child/old-campaign.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.old-campaign a:hover,
#navbar-child ul li.old-campaign a:focus,
body.old-campaign #navbar-child ul li.old-campaign a {background: url(menu-child/old-campaign.gif) no-repeat 0 -22px;}

#navbar-child ul li.movie {
    background: url(menu-child/movie.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.movie a:hover,
#navbar-child ul li.movie a:focus,
body.movie #navbar-child ul li.movie a {background: url(menu-child/movie.gif) no-repeat 0 -22px;}

#navbar-child ul li.tips {
    background: url(menu-child/tips.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 9px;
}
#navbar-child ul li.tips a:hover,
#navbar-child ul li.tips a:focus,
body.tips #navbar-child ul li.tips a {background: url(menu-child/tips.gif) no-repeat 0 -22px;}

#navbar-child ul li.steps {
    background: url(menu-child/steps.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.steps a:hover,
#navbar-child ul li.steps a:focus,
body.steps #navbar-child ul li.steps a {background: url(menu-child/steps.gif) no-repeat 0 -22px;}

#navbar-child ul li.worktop {
    background: url(menu-child/worktop.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.worktop a:hover,
#navbar-child ul li.worktop a:focus,
body.worktop #navbar-child ul li.worktop a {background: url(menu-child/worktop.gif) no-repeat 0 -22px;}

#navbar-child ul li.kitchen-help {
    background: url(menu-child/kitchen-help.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.kitchen-help a:hover,
#navbar-child ul li.kitchen-help a:focus,
body.kitchen-help #navbar-child ul li.kitchen-help a {background: url(menu-child/kitchen-help.gif) no-repeat 0 -22px;}

#navbar-child ul li.example-kitchen {
    background: url(menu-child/example-kitchen.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.example-kitchen a:hover,
#navbar-child ul li.example-kitchen a:focus,
body.example-kitchen #navbar-child ul li.example-kitchen a {background: url(menu-child/example-kitchen.gif) no-repeat 0 -22px;}

#navbar-child ul li.happy-customer {
    background: url(menu-child/satisfied-customers.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.happy-customer a:hover,
#navbar-child ul li.happy-customer a:focus,
body.happy-customer #navbar-child ul li.happy-customer a {background: url(menu-child/satisfied-customers.gif) no-repeat 0 -22px;}

#navbar-child ul li.catalog {
    background: url(menu-child/catalog.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.catalog a:hover,
#navbar-child ul li.catalog a:focus,
body.catalog #navbar-child ul li.catalog a {background: url(menu-child/catalog.gif) no-repeat 0 -22px;}

#navbar-child ul li.manual {
    background: url(menu-child/manual.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.manual a:hover,
#navbar-child ul li.manual a:focus,
body.manual #navbar-child ul li.manual a {background: url(menu-child/manual.gif) no-repeat 0 -22px;}

#navbar-child ul li.about-epoq2 {
    background: url(menu-child/about-epoq2.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 232px; 
}
#navbar-child ul li.about-epoq2 a:hover,
#navbar-child ul li.about-epoq2 a:focus,
body.about-epoq2 #navbar-child ul li.about-epoq2 a {background: url(menu-child/about-epoq2.gif) no-repeat 0 -22px;}

/*#navbar-child ul li.finance {
    background: url(menu-child/finance.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.finance a:hover,
#navbar-child ul li.finance a:focus,
body.finance #navbar-child ul li.finance a {background: url(menu-child/finance.gif) no-repeat 0 -22px;}*/

#navbar-child ul li.news {
    background: url(menu-child/news.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.news a:hover,
#navbar-child ul li.news a:focus,
body.news #navbar-child ul li.news a {background: url(menu-child/news.gif) no-repeat 0 -22px;}

#navbar-child ul li.condition-warranty {
    background: url(menu-child/condition-warranty.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.condition-warranty a:hover,
#navbar-child ul li.condition-warranty a:focus,
body.condition-warranty #navbar-child ul li.condition-warranty a {background: url(menu-child/condition-warranty.gif) no-repeat 0 -22px;}

/*nytt*/
#navbar-child ul li.condition {
    background: url(menu-child/condition.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.condition a:hover,
#navbar-child ul li.condition a:focus,
body.condition #navbar-child ul li.condition a {background: url(menu-child/condition.gif) no-repeat 0 -22px;}
/**/

#navbar-child ul li.job {
    background: url(menu-child/job.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.job a:hover,
#navbar-child ul li.job a:focus,
body.job #navbar-child ul li.job a {background: url(menu-child/job.gif) no-repeat 0 -22px;}

#navbar-child ul li.contact {
    background: url(menu-child/contact.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.contact a:hover,
#navbar-child ul li.contact a:focus,
body.contact #navbar-child ul li.contact a {background: url(menu-child/contact.gif) no-repeat 0 -22px;}


#navbar-child ul li.guide {
    background: url(menu-child/guide.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 548px;
}
#navbar-child ul li.guide a:hover,
#navbar-child ul li.guide a:focus,
body.guide #navbar-child ul li.guide a {background: url(menu-child/guide.gif) no-repeat 0 -22px;}

#navbar-child ul li.download {
    background: url(menu-child/download.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.download a:hover,
#navbar-child ul li.download a:focus,
body.download #navbar-child ul li.download a {background: url(menu-child/download.gif) no-repeat 0 -22px;}

#navbar-child ul li.test-kitchen {
    background: url(menu-child/test-kitchen.gif) no-repeat 0 0;
    width: 105px;
    margin: 0 0 0 6px;
}
#navbar-child ul li.test-kitchen a:hover,
#navbar-child ul li.test-kitchen a:focus,
body.test-kitchen #navbar-child ul li.test-kitchen a {background: url(menu-child/test-kitchen.gif) no-repeat 0 -22px;}

.download-drawing-tool-left a.download {
    width: 204px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    background: url(ladda_hem_ritverktyget.gif) no-repeat;
}

.download-drawing-tool-left a.guide {
    width: 245px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    background: url(snabbguide_till_ritverktyget.gif) no-repeat;
}

    .product-preview .promotion-10-percent {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/10.png) no-repeat;
    }
    
    .product-preview .promotion-20-percent {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/20.png) no-repeat;
    }
    
    .product-preview .promotion-30-percent {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/30.png) no-repeat;
    }
    
    .product-preview .promotion-40-percent {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/40.png) no-repeat;
    }
    
    .product-preview .promotion-50-percent {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/50.png) no-repeat;
    }
    
    .product-preview .promotion-395-kr {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/395kr.png) no-repeat;
    }

    .product-preview .promotion-30-percent-sankt {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 5px;
        left: 3px;
        background: url(promotions/30-redusert.png) no-repeat;
    }
    
    #product-data-right .promotion-10-percent {
        width: 48px;
        height: 48px;
        background: url(promotions/10.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }
    
    #product-data-right .promotion-20-percent {
        width: 48px;
        height: 48px;
        background: url(promotions/20.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }
    
    #product-data-right .promotion-30-percent {
        width: 48px;
        height: 48px;
        background: url(promotions/30.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }
    
    #product-data-right .promotion-40-percent {
        width: 48px;
        height: 48px;
        background: url(promotions/40.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }
    
    #product-data-right .promotion-50-percent {
        width: 48px;
        height: 48px;
        background: url(promotions/50.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }

    #product-data-right .promotion-395-kr {
        width: 48px;
        height: 48px;
        background: url(promotions/395kr.png) no-repeat;
        position: absolute;
        top: 25px;
        left: 160px;
    }

    #product-data-right .promotion-30-percent-sankt {
        width: 48px;
        height: 48px;
        background: url(promotions/30-redusert.png) no-repeat;
        position: absolute;
        top: 33px;
        left: 140px;
    }