﻿@media print{
    html, body
    {
        width: 100%;
    }
    body {
        background-image: url(images/bodyback.png);
        background-repeat: repeat-x;
        background-position: top;
        background-color: white;
        font-family: Arial;
        font-size: 12px;
        text-align: left;
        color: #868c91;
    }
    body, h1, h2, h3
    {
        margin: 0;
        padding: 0;
    }

    img
    {
        border: 0;
    }
    a:link, a:visited
    {
        color: #4C4C4C;
        text-decoration: none;
    }

    a:hover, div a:hover {
        text-decoration: underline;
    }
    p
    {
        margin: 0 0 1em 0;
        padding: 0;
    }

    b {
        color: #6d747a;
    }

    /*### LAYOUT ###*/
    #main {
        margin: 0 auto;
        width: 990px;
    }

    .topMain {
        position: relative;
        background-image: url(images/topback.png);
        background-repeat: no-repeat;
        background-position: 30px 0;
        display: block;
        width: 990px;
        height: 283px;
    }

    .topSub {
        display: none;
        position: relative;
        background-image: url(images/topsub.png);
        background-repeat: no-repeat;
        background-position: 30px 0;
        width: 100%;
        height: 234px;
    }

    .topMain #websites {
        float: right;
        text-align: right;
        margin: 15px 20px 0 0;
        height: 265px;
        color: #999999;
    }

    .topMain .menu {
        margin-bottom: 25px;
    }

    .topSub #websitesSmall {
        display:none;
        float: right;
        margin: 10px 0 5px 0;
        height: 125px;
        width: 55px;
    }
        
    .print {
        display:none;
    }
    
    .newsarchive {
        display:none;
    }
    
    #ctl00_cph_pnlAttachments {
        display:none;
    }
    
    #middle
    {
        width: 100%;
        float: left;
        height: 109px;
        overflow: hidden;
        
    }

    #mainContent
    {
        padding: 20px 20px 10px 20px!important;
        float: left;
        width: 620px;
        height: 100px;
        line-height: 150%;
        color: #c0c0c0;
    }

    #contentWrapper
    {
        float: left;
        width: 990px;
    }

    #mainPicture
    {
        width: 490px;
        float: left;
        height: 100%;
    }


    #bottom {
        float: left;
        line-height: 16px;
        font-size: 11px;
        padding-top: 35px;
        padding-left: 28px;
        width: 962px;
        height: 213px;
        border-bottom: solid 2px #f0f0f0;
        margin-bottom: 20px;
    }

    h3 {
        font-family: Trebuchet MS;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: lighter;
        letter-spacing: 2px;
    }

    #prods {
        float:left;
        height: 213px;
        width: 640px;
        margin-right: 5px;
    }

    #news {
        float: left;
        height: 213px;
        width: 290px;
    }

    #footer
    {
        display: none;
        background: url(images/footer_bg.png) repeat-x 0 0;
        float: left;
        width: 100%;
        min-height: 20px;
        font-size: 12px;
        text-align: center;
        margin-bottom: 20px;
    }

    #footer a, #footer
    {
        color: #6b757b;
        text-decoration: none;
    }
    #footer a:hover
    {
        color: Black;
    }
    #frontPage h1
    {
        text-align: left;
        font-size: 36px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 15px 20px 0 28px;
    }
    #frontPage h2
    {
        text-align: left;
        padding-left: 15px;
        background: url(images/bullet_big.png) no-repeat 0 center;
        font-size: 14px;
        font-weight: normal;
    }

    .Searchpanel {
        width: 990px;
        height: 33px;
        float: left;
        overflow: hidden;
        text-transform: uppercase;
        padding:17px 0 0 20px;
        color: #bcbfc2;
    }

    /* ### PRODUCT ### */

    .groupMenu {
        width: 990px;
        height: 50px;
        float: left;
        overflow: hidden;
        text-transform: uppercase;
        padding-left: 20px;
    }

    .groupMenu a {
        float: left;
        height: 29px;
        margin: 20px 20px 0 20px;
        padding: 0 10px 0 20px;
        display: block;
        color: black;
        background-image: url("images/groupSelected.jpg");
        background-repeat: no-repeat;
        background-position: 5px 3px;
    }

    .groupMenu a:hover {
        color: white;
    }

    .groupMenu a.selected {
        color: white;
        border-left: solid 1px #969b9f;
    }

    /* standard */

    .imgTop {
        display: block;
        width: 380px;
        height: 9px;
        background-image: url(images/imgtop.jpg);
        background-repeat: repeat-x;
    }

    .imgBottom {
        display: block;
        width: 380px;
        height: 8px;
        background-image: url(images/imgbottom.jpg);
        background-repeat: repeat-x;
    }

    .imageback {
        background-image: url(images/imgback.jpg);
        background-repeat: repeat-y;
        width: 380px;
    }

    #standard
    {
        width: 990px;
        min-height: 100px;
        float: left;
        border-bottom: 0;
        margin-bottom: 20px;
    }

    #standard #col1
    {
        width: 186px;
        min-height: 300px;
        padding-bottom: 31px;
    }
    #standard #col1 ul
    {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
    }
    #standard #col1, #standard #col2, #standard #col3, #standard #col4, #standard #col5, #standard #col6
    {
        float: left;
    }
    .l3
    {
        padding: 31px 0 0 0;
    }
    .l3 a
    {
        display: block;
        font-size: 12px;
        padding: 2px 0px 3px 30px;
        color: #008676;
        text-decoration: none;
    }
    .l3 a.selected, .l3 a.selectedwithchildren
    {
        color: #FFFFFF;
        background: url(images/menu_l3_active.png) 0 0;
    }

    .l3 a:hover
    {
        color: #000000;
    }
    .l3 a.selected:hover, .l3 a.selectedwithchildren:hover
    {
        color: #FFFFFF;
    }
    .l4 a.selected:hover
    {
        color: #00473f;
    }

    .l3 div
    {
        margin-bottom: 10px;
        margin-top: 5px;
        padding-bottom: 5px;
        border-bottom: dotted 1px #cdcdcd;
    }


    #standard #col2
    {
        width: 490px;
        padding: 20px 10px 30px 10px;
    }
    #standard #col4
    {
        width: 794px;
        padding: 30px 0px;
    }
    #standard #col5
    {
        width: 422px;
    }
    #standard #col6
    {
        width: 372px;
    }
    #standard #col2 h1
    {
        font-size: 18px;
        padding-left: 20px;
        color: #333333;
        font-weight: normal;
    }
    #standard #col3
    {
        padding: 40px 0 30px 10px;
        width: 370px;
    }
    #standard #col2 .mainContent
    {
        float: left;
        padding: 20px;
        line-height: 18px;
        width: 440px;
        min-height: 200px;
    }
    #standard #col4 .mainContent
    {
        float: left;
        padding: 20px 0 20px 20px;
        line-height: 18px;
        width: 763px;
        min-height: 200px;
    }
    #standard #col4 h1
    {
        margin-left: 20px;
    }

    #standard #col3 .rightCol
    {
        float: left;
        padding: 20px;
        width: 274px;
    }
    #standard #col3 .imageDrop
    {
        float: left;
        width: 340px;
        margin: 10px 18px 10px 18px;
    }

    .clearfix:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix
    {
        display: inline-block;
    }
    .categoryimage
    {
        float: right;
        margin-bottom: 20px;
        margin-left: 20px;
    }
    input.reg, select.reg
    {
        background-color: #e5e5e6;
        height: 16px;
        border: none;
        border-left: solid 1px #c9d3d8;
        border-top: solid 1px #c9d3d8;
    }
    select.reg
    {
        height: 19px;
    }
    /* Hide from IE Mac \*/
    .clearfix
    {
        display: block;
    }
    /* End hide from IE Mac */


    /* icons */

    .attachments
    {
        float: left;
        margin: 10px 0 0 0;
    }
    .attachments a
    {
        display: block;
        background-repeat: no-repeat;
        background-position: left center;
        padding: 2px 0 0 25px;
        line-height: 16px; /* To center the text vertically with the icon */
        margin: 0 0 5px 10px;
    }

    .attachments a.audio
    {
        background-image: url(images/audio.png);
    }
    .attachments a.download
    {
        background-image: url(images/download.png);
    }
    .attachments a.excel
    {
        background-image: url(images/excel.png);
    }
    .attachments a.pdf
    {
        background-image: url(images/pdf.png);
    }
    .attachments a.picture
    {
        background-image: url(images/picture.png);
    }
    .attachments a.video
    {
        background-image: url(images/video.png);
    }
    .attachments a.word
    {
        background-image: url(images/word.png);
    }
    .attachments a.zip
    {
        background-image: url(images/zip.png);
    }

    /*### CATEGORY ###*/

    #frontKat {
        float:left;
        display: block;
        height: 115px;
        margin: 25px auto;
        padding-left: 28px;
    }

    #frontKat a {
        float: left;
        display: block;
        min-width: 116px;
        height: 115px;
        color: Black;
        padding-left: 20px;
        padding-right: 5px;
        text-transform: uppercase;
    }

    a.spots {
        background-image: url(images/downlights.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.interior {
        background-image: url(images/interior.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.exterior {
        background-image: url(images/eksterior.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.kitchen {
        background-image: url(images/kitchen.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.bathroom {
        background-image: url(images/bath.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.sensor {
        background-image: url(images/sensor.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    a.ballast {
        background-image: url(images/trafo.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
    }

    /*### PRODUCT ###*/

    .prodContainer {
        float: left;
        position: relative;
        display: block;
        width: 165px;
        height: 183px;
        background-image: url(images/prodback.jpg);
        background-repeat: no-repeat;
        text-align: center;
        padding: 17px 0 0 0;
        color: #626466;
    }

    .prodImage {
        display: block;
        width: 165px;
        height:120px;
        line-height: 120px;
    }

    .prodTitle {
        width: 165px;
        padding-top: 8px;
    }

    .prodLink {
        width: 116px;
        margin: 15px 0 0 20px;
        padding:2px 0 0 17px;
        color: #222222!important;
        display:block;
        font-size: 10px;
        text-transform: uppercase;
        background-image: url(images/bigarrow.jpg);
        background-repeat: no-repeat; 
        text-align: left;
    }

    .prodDDL {
        width: 970px;
        padding: 10px;
        background-color: #8d9499;
        position: relative;
    }

    a.ddlTitle {
        border-top: solid 1px #a4a9ad;
        width: 122px;
        padding: 7px 0 3px 0;
        margin: 0 15px 0 0;
        float:left;
        color: White;
        font-size: 10px;
        font-weight: bolder;
    }

    a.ddlTitleselected {
        border-top: solid 1px #a4a9ad;
        width: 122px;
        padding: 7px 0 3px 0;
        margin: 0 15px 0 0;
        float:left;
        color: black;
        font-size: 10px;
        font-weight: bolder;
    }

    .ddlHide {
        position: absolute;
        top: 5px;
        left: 973px;
    }

    .leftProd {
        float: left;
        width: 450px;
        min-height: 400px;
        padding-top: 30px;
        text-align: center;
        line-height: 400px;
    }

    .rightProd {
        float: left;
        width: 540px;
        padding-top: 40px;
    }

    .prodNo {
        display:block;
        width:100%;
        border-bottom: solid 1px #d9d9d9;
        color: #757c81;
        text-transform: uppercase;
        height: 15px;
        margin-bottom: 12px;
    }

    .prodSingleTitle {
        font-size: 20px;
        color: #c91036;
        font-weight: bolder;
        margin-bottom: 5px;
    }


    .prodIngress {
        margin-bottom: 10px;
    }

    .prodLinks {
        display: none!important;
    }
    .prodLinks a {
        float:left;
        display: none;
        width: 245px;
        height: 19px;
        padding: 1px 0 0 20px;
        border-bottom: solid 1px #d9d9d9;
        background-image: url(images/bigarrow.jpg);
        background-repeat: no-repeat;
        text-transform: uppercase;
        font-size: 10px;
        color: #6d747a;
    }

    .prodDoc1 {
        margin: 0 10px 5px 0;
    }

    .prodDoc2 {
        margin: 0 0 5px 0;
    }

    .otherProd {
        display:none;
        margin-top: 15px;
    }

    /* ### SLIDER ### */

    #slider {
        overflow: hidden;
        float:left;
        width: 578px;
        height: 145px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
        margin-top: 20px;
        margin-left: 0!important;
    }

        #slider ul {
            float: left;
            list-style-type: none;
            margin-left: 0!important;
            padding: 0 10px 0 13px!important;
        }
        #slider li {
            float: left;
        }
        .product {
            width: 90px;
            height: 150px;
            margin-left: 12px;
            margin-right: 12px;
        }

    #slideLeft {
    }

    #slideRight {
    }

    #slideLeft, #slideRight {
        cursor: pointer;
    }

    /* ### NEWS ### */

    .newsitemBig {
        position: relative;
        display: block;
        width: 290px;
        height: 65px;
        margin-top: 20px;
        color: #a5a4a4;
    }

    .bigLink {
        position: absolute;
        bottom: 3px;
        font-size: 10px;
        text-transform: uppercase;
        background-image: url(images/bigarrow.jpg);
        background-repeat: no-repeat; 
        background-position: 0 3px;
        color: #4c4c4c!important;
        padding:2px 0 0 20px;
    }

    .newsitem {
        display: block;
        width: 290px;
        height: 15px;
        padding-top: 10px!important;
        color: #a5a4a4;
        border-top: solid 1px #e5e5e5;
        font-size: 12px!important;
    }

    .newsitem a {
            color: #4c4c4c!important;
    }

    .bigSearch {
        font-size: 10px;
        text-transform: uppercase;
        background-image: url(images/bigarrow.jpg);
        background-repeat: no-repeat; 
        background-position: 0 3px;
        color: #4c4c4c!important;
        padding:2px 0 0 20px;
    }
}
