article {
    font-family: Arial;
    color: #fff;
    font-size: 32px;
    padding: 50px 0 50px 0;
    line-height: 36px;
    width: 100% !important;
    float: left;
}

    /*White bg */
    article.content-white {
        background-color: #fff;
        color: #414141;
        font-size: 16px;
    }

        article.content-white .ui-widget-content {
            background: #f2f1f0;
        }

    /* Grey bg */
    article.content-grey {
        background: url("../../images/common/body-pattern.jpeg");
        color: #414141;
        float: left;
        font-size: 20px;
        line-height: 26px;
    }

        article.content-grey .ui-widget-content {
            background: #ffffff;
        }

    article.content-blue {
        background-color: #23337e;
        color: #fff;
        font-size: 16px;
    }

        article.content-blue h2,
        article.content-blue p {
            color: #FFF;
        }

        article.content-blue .whiteButton div {
            background-image: url("/globalassets/images/microsites/puresox/white-down.png");
            width: 51px;
            height: 51px;
        }

        article.content-blue .active .whiteButton div {
            background-image: url("/globalassets/images/microsites/puresox/white-up.png");
        }

    article.margin-fix {
        margin-top: 117px;
    }

    article .center-align h2,
    article .center-align p {
        text-align: center;
    }

    article .center-align img {
        margin: 0 auto;
    }

    article .show-five-buttons {
        cursor: pointer;
    }

    article.bottom_arrow {
        position: relative;
        background: #23337e;
    }

        article.bottom_arrow:after {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(35, 51, 126, 0);
            border-top-color: #23337e;
            border-width: 35px;
            margin-left: -35px;
            z-index: 9;
        }

    article.bottom_arrow-seconds:after {
        margin-left: -238.75px;
    }

    article.bottom_arrow-questions:after {
        margin-left: 168.75px;
    }


.wysiwyg {
    float: left;
    width: 100%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 15;
    background: rgba(255,255,255, 0.5);
}

.boxWhiteproof {
    background: #fff;
    display: block;
    float: left;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    border: solid 10px #fff;
    position: fixed;
    top: 30%;
    z-index: 50;
}

.closeButton {
    /*background: url("/images/common/closebtn.png") no-repeat center center;*/
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    margin-top: -40px;
    margin-right: -33px;
}

.centered {
    text-align: center;
}

/* Big Area*/
article.big-area {
    background-color: #e5ecf2;
    position: relative;
    font-size: 24px;
    line-height: 26px;
    margin-top: 0;
    /*height: 635px;*/
    height: 100%;
    padding: 0 !important;
    background-image: url("../../images/decision/lighthouse.jpg");
    background-size: cover;
    background-position: center center;
}

    article.big-area .row .twelve {
    }

    article.big-area .decision-container {
        margin-top: 207px; /*132px;*/
        text-align: center;
    }

        article.big-area .decision-container .decision-item {
            background-color: #fff;
            display: inline-block;
            width: 30%;
            padding: 30px;
            text-align: center;
            color: #3c3c3c;
            vertical-align: top;
            min-height: 280px;
            margin: 1%;
            cursor: pointer;
        }

        article.big-area .decision-container a {
            text-decoration: none;
        }

            article.big-area .decision-container a:link,
            article.big-area .decision-container a:focus,
            article.big-area .decision-container a:active,
            article.big-area .decision-container a:hover {
                text-decoration: none;
                color: #3c3c3c;
            }

        article.big-area .decision-container .decision-item h2 {
            font-size: 41px;
            text-align: center;
        }

        article.big-area .decision-container .decision-item p {
            font-family: Arial;
            font-size: 16px;
        }

            article.big-area .decision-container .decision-item p span {
                font-size: 16px;
            }

.lighthouse {
    position: absolute;
    bottom: 1px;
    right: -330px;
    z-index: 1;
    width: 940px;
}

.main_heading {
    /*margin-top: 200px;*/
    margin-top: 300px;
}

article.banner h1 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial;
    font-size: 38px;
}

article.banner h2 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial;
    font-size: 35px;
    line-height: 40px;
    color: #fff;
}

article h1 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    font-size: 30px;
    line-height: 36px;
    color: #6e6355;
    text-align: left;
}

article .body {
    font-size: 16px;
    line-height: 20px;
    color: #515151;
    text-align: left;
    padding: 0 0 15px 0;
}

    article .body p {
        padding: 0 0 15px 0;
    }

article h2 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 10px 0;
    color: #6e6355;
    text-align: left;
}

article .wide-image {
    width: 100%;
    background: url("../../images/common/skugga_bredbild.png") no-repeat center bottom;
    padding: 0 0 0px 16px;
    margin-bottom: 15px;
}

article .regular-image {
    width: 100%;
    background: url("../../images/common/skugga_bild.png") no-repeat center bottom;
    padding: 0 0 5px 0;
    margin-bottom: 15px;
    vertical-align: bottom;
}

    article .regular-image > img {
        width: 100%;
        vertical-align: bottom;
        padding-bottom: 7px;
    }


/* Drop kick */
.pumpList select {
    float: left;
    width: 100%;
}

    .pumpList select option {
        float: left;
        width: 100%;
    }

.dk_toggle {
    background-image: url('../../images/selector/background/dropDownArrow_27x26.png') !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    border: 1px solid #aeaeae;
    color: #333;
    padding: 7px 45px 7px 10px;
    text-shadow: #fff 0px 0px 0;
    width: 100%;
    background-color: #fff;
}

.dk_options a {
    color: #333;
}

    .dk_options a:hover,
    .dk_option_current a {
        background-color: #F0F0F0 !important;
        color: #333 !important;
        text-shadow: #F0F0F0 0px 0px 0 !important;
    }


#bgWrap h2 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    text-align: center;
}

article header h1 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    font-size: 40px;
    line-height: 44px;
    margin: 0 0 15px 0;
    color: #6e6355;
    text-align: center;
}

article#intro .body,
article header .body {
    font-size: 20px;
    line-height: 26px;
    color: #515151;
    text-align: center;
}

article#intro.left-align h1,
article#intro.left-align .body {
    text-align: left;
}

article#intro h1 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    color: #6e6355;
    font-size: 53px;
    line-height: 55px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}


article#intro.condec h1 {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica;
    font-size: 42px;
    line-height: 50px;
}

article#intro.condec p {
    font-size: 16px;
    line-height: 24px;
}

article#intro .contactItem {
    float: left;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 0;
    border-top: 3px solid #23337e;
    border-bottom: none;
    margin: 15px 1% 20px 1%;
}

article ul.circle {
    list-style-type: circle;
    /*  padding-left:5px;*/
    padding: 0 0 15px;
}

    article ul.circle li {
        list-style-type: circle;
    }



article .body table {
    border-spacing: 0;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 18px;
    border: 1px solid #ddd;
}

    article .body table th {
        font-weight: bold;
        padding: 9px 10px;
    }

    article .body table td.title {
        text-align: left;
        font-weight: bold;
    }

    article .body table thead tr th,
    article .body table tfoot tr th,
    article .body table tbody tr td,
    article .body table tr td,
    article .body table tfoot tr td {
        text-align: left;
    }

    article .body table thead tr th,
    article .body table tfoot tr td {
        padding: 8px 10px 9px;
        font-size: 14px;
        font-weight: bold;
        color: #222;
    }

        article .body table thead tr th:first-child, table tfoot tr td:first-child {
            border-left: none;
        }

        article .body table thead tr th:last-child, table tfoot tr td:last-child {
            border-right: none;
        }

    article .body table tbody tr.even,
    article .body table tbody tr.alt {
        background: #f9f9f9;
    }

    article .body table tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    article .body table tbody tr td {
        color: #333;
        padding: 9px 10px;
        vertical-align: top;
        text-align: center;
        border: none;
    }







/* ---------------------------------- 
    Top banner
---------------------------------- */
article#top-banner {
    background: #1071cf url("../../images/common/bg_vatten_gradient.jpg") repeat-x 0 0;
    height: 415px;
    top: 0;
    position: fixed;
    z-index: 3;
    padding: 0;
}

    article#top-banner .outer-wrap {
        background: url("../../images/common/bg_vatten2.jpg") no-repeat center top;
        max-width: 1502px;
        /*  padding-top:200px;*/
        height: auto;
        text-align: center;
    }

        article#top-banner .outer-wrap .content {
            width: 978px !important;
        }

            article#top-banner .outer-wrap .content p {
                font-family: 'HelveticaNeueW01-UltLt', Arial;
                font-size: 32px;
                margin-top: 10px;
            }

        article#top-banner .outer-wrap #defaultCountdown {
            width: 70%;
            margin: 40px auto 50px auto;
        }

        article#top-banner .outer-wrap .content h2 {
            font-family: 'HelveticaNeueW01-45Ligh', Arial !important;
            font-size: 35px;
            line-height: 40px;
            clear: both;
            padding: 45px 0 35px 0;
        }

        article#top-banner .outer-wrap .countdown_row {
            min-width: 525px;
            max-width: 575px;
        }

        article#top-banner .outer-wrap .hasCountdown .countdown_amount {
            font-family: 'Digital W00';
            /*font-family: 'digifacewideregular';*/
            font-size: 72px;
            line-height: 74px;
            text-shadow: 3px 0px 2px #165876;
        }

.countdown_section {
    display: block;
    float: left;
    font-size: 21px;
    margin-top: 10px;
    width: 24.5%;
}

/* ---------------------------------- 
    article Intro
---------------------------------- */



/* ---------------------------------- 
    article Introduction
---------------------------------- */


.start article#introduction h1,
.start article#introduction h2,
.start article#introductionh3,
.start article#introduction span {
    color: #6e6355;
    clear: both;
    z-index: 5;
    position: relative;
}

.start article#introduction h3 {
    font-family: 'HelveticaNeueW01-UltLt', Arial;
    color: #6e6355;
    font-size: 32px;
    display: block;
    padding-right: 15px;
    z-index: 10;
    position: relative;
}

.start article#introduction h4 {
    font-family: 'HelveticaNeueW01-UltLt', Arial;
    color: #6e6355;
    font-size: 28px;
    display: block;
}

.start article#introduction span {
    font-size: 22px;
    line-height: 26px;
}




/*timers */
article#introduction #energy-timer {
    /* width: 45.1613%; */
    width: 196px;
    height: 196px;
    float: left;
    margin-left: 100px;
    padding: 10px;
    background: url("../../images/modules/energymeter_196x196.png") no-repeat;
}

article#introduction .counter-holder {
    /*width:54.8387%;            */
    width: 250px;
    float: left;
    padding: 0 0 0 20px;
}

article#introduction .second .counter-holder {
    /*width:54.8387%;            */
    width: 220px;
    padding: 0 0 0 0px;
}

article#introduction .counter-holder span {
    /*width:54.8387%;            */
    font-family: 'HelveticaNeueW01-45Ligh', Arial;
    width: 100%;
    display: block;
}

article#introduction .counter-holder .counter {
    /*width:54.8387%;            */
    font-family: 'HelveticaNeueW01-UltLt', Arial;
    font-size: 100px;
    line-height: 110px;
    color: #ffcc33;
    clear: both;
    width: 100%;
}

article.big-area .row {
    min-height: 200px;
}

article.big-area .second {
    float: left;
    width: 100%;
    min-height: 200px;
    margin-top: 40px;
}

article.big-area .counter-holder.bottom {
    padding: 110px 0 0 25px;
    margin: 0 0 0 40px;
}

    article.big-area .counter-holder.bottom span {
        padding-left: 10px;
    }

    article.big-area .counter-holder.bottom .counter {
        padding-left: 0;
        display: block;
        float: left;
    }

article.big-area #size-timer {
    /* width: 45.1613%; */
    width: 196px;
    height: 196px;
    float: left;
    padding: 10px;
    background: url("../../images/modules/sizecircle_196x196.png") no-repeat;
}

article.big-area #backing-timer {
    /* width: 45.1613%; */
    width: 196px;
    height: 196px;
    float: right;
    padding: 10px;
    background: url("../../images/modules/jordglob_196x196.png") no-repeat;
}


/* ---------------------------------- 
    PureBallast 3.0
---------------------------------- */
article {
    /*min-height:450px;*/
    position: relative;
}

    article .spinner {
        padding-top: 0px;
        width: 417px;
        height: 380px;
        overflow: hidden;
        position: relative;
        float: left;
        text-align: center;
        background: url("../../images/common/snurrpilar2.gif") no-repeat;
        background-position: 120px bottom;
    }


        article .spinner .threesixty {
            height: 361px;
            width: 417px;
            background-image: url(../../images/content/spinner/PureSOx_3.png);
            margin: 0 auto;
            cursor: url(../../images/common/hand_open.png), auto;
        }

        article .spinner > div {
            width: 256px;
            margin: 0 auto;
            text-align: center;
        }

    article .lower {
        width: 60%;
        text-align: center;
        margin: 0px 23%;
    }



    /* ---------------------------------- 
    Movie story
---------------------------------- */
    article#five-seconds-container {
        text-align: center;
    }

        article#five-seconds-container .slider-holder {
            width: 100%;
            float: left;
        }

            article#five-seconds-container .slider-holder .scale {
                width: 33.3333333333%;
                font-size: 92px;
                line-height: 96px;
                color: #d81e05;
                font-family: 'HelveticaNeueW01-UltLt', Arial;
                margin: 0 0 30px 0;
            }

                article#five-seconds-container .slider-holder .scale.left {
                    text-align: left;
                }

                article#five-seconds-container .slider-holder .scale.center {
                    text-align: center;
                    float: left;
                }

                article#five-seconds-container .slider-holder .scale.right {
                    text-align: right;
                }

            article#five-seconds-container .slider-holder #slider {
                width: 100%;
                clear: both;
                float: left;
                margin: 30px 0 30px 0;
            }

            article#five-seconds-container .slider-holder #slider_convince-in {
                text-align: center;
                display: block;
            }

        article#five-seconds-container #story-toggle {
            /*text-align:center;
            display:block;
            margin-bottom:30px;
            width: 27%;
            margin: 5% 36.5%;
            text-align: center;*/
            /*width:63px;
            height:63px;
            background: transparent url(../../images/common/arrow-circle_62x63.gif) 50% 50% no-repeat;*/
        }

            article#five-seconds-container #story-toggle.up {
                /*transform: rotate(90deg);*/
                /*background: transparent url(../../images/common/arrow-circle_up_62x63.gif) 50% 50% no-repeat;*/
            }

.ui-slider-horizontal {
    height: 14px;
}

.ui-widget-header {
    border: 1px solid #d81e05 /*{borderColorHeader}*/;
    border-radius: 6px;
    background: #d81e05 /*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

.ui-widget-content {
    border: 1px solid #f2f1f0 /*{borderColorHeader}*/;
    border-radius: 6px;
    /*background: #f2f1f0/*{bgColorContent}*/ /*url(../../images/modules/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ /* 50%/*{bgContentXPos}*/ /* 50%/*{bgContentYPos}*/ /* repeat-x/*{bgContentRepeat};*/
}

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: none;
        /*background: transparent url(../../images/modules/slider-handle.png) 50% 50% no-repeat;*/
        width: 177px;
        height: 48px;
        margin-top: -12px;
        margin-left: -88.5px;
    }

@media(max-width: 615px ) {
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: none;
        background: transparent url(/globalassets/documents/microsite/puresox/css/modules/slider-handle2.png) 50% 50% no-repeat;
        width: 100px;
        height: 48px;
        margin-top: -12px;
        margin-left: -8.5px !important;
        font-size: 12px;
    }
}


article#five-seconds #the-story {
    display: none;
    height: 404px;
    width: 100%;
    float: left;
    position: relative;
}
/* ---------------------------------- 
    Convince in 5 Q
    ---------------------------------- */

article#five-questions-container .slider-holder .scale {
    width: 33.3333333333%;
    font-size: 28px;
    line-height: 52px;
    color: #d81e05;
    font-family: 'HelveticaNeueW01-UltLt', Arial;
    font-weight: 700;
    margin: 0 0 20px 0;
}

    article#five-questions-container .slider-holder .scale.left {
        text-align: left;
    }

    article#five-questions-container .slider-holder .scale.center {
        text-align: center;
        float: left;
    }

    article#five-questions-container .slider-holder .scale.right {
        text-align: right;
    }

article#five-questions-container .slider-container {
    overflow: hidden;
    padding: 40px 0;
}

    article#five-questions-container .slider-container h2 {
        text-align: center;
        font-size: 26px;
    }

    article#five-questions-container .slider-container p {
        padding-bottom: 20px;
    }

    article#five-questions-container .slider-container .slider-info-box {
        display: none;
        float: left;
        margin-top: 40px;
        padding: 40px;
        /*background-color: #ffcc33;*/
        background-color: rgba(255,204,51,.5);
    }

    article#five-questions-container .slider-container .ui-slider a {
        text-align: center;
        line-height: 48px;
    }

        article#five-questions-container .slider-container .ui-slider a:link,
        article#five-questions-container .slider-container .ui-slider a:active,
        article#five-questions-container .slider-container .ui-slider a:focus,
        article#five-questions-container .slider-container .ui-slider a:hover {
            text-decoration: none;
        }

        article#five-questions-container .slider-container .ui-slider a.exclamation-mark:before {
            content: '';
            content: url(../../images/modules/warning.png);
            position: relative;
            top: 4px;
            left: -4px;
        }

#five-questions-answer .answer {
    display: none;
}

    #five-questions-answer .answer p {
        padding: 10px 0;
    }

        #five-questions-answer .answer p:first-of-type {
            padding-top: 30px;
        }

        #five-questions-answer .answer p:last-of-type {
            padding-bottom: 30px;
        }

/* ---------------------------------- 
    Movie player
---------------------------------- */
article#movie {
    padding-bottom: 0;
}

    article#movie .title {
        margin-left: 45px;
        font-family: Arial;
        /*
        margin-top:50px;
        font-size:35px;
        line-height:37px;*/
        margin-top: 30px;
        font-size: 25px;
        line-height: 27px;
        color: #8c7f70;
        font-style: italic;
        display: block;
        width: 100%;
    }

a#video-toggle {
    background: transparent url(../../images/common/icon-video_61x67.png) top right no-repeat;
    float: right;
    padding: 20px 70px 0 0;
    display: block;
    min-height: 75px;
}

.citat-title {
    color: #8c7f70;
    font-size: 23px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 20px 0 0 45px;
    min-height: 75px;
}

.citat-text {
    color: #8c7f70;
    font-size: 15px;
    line-height: 20px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.citat-icon {
    background: transparent url(../../images/common/icon-citat_187x141.png) 0 50px no-repeat;
}

.citat-man {
    margin-bottom: -6px;
    padding-top: 50px;
}

.vid-icon {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 40px;
}


/* ---------------------------------- 
    Scrubber designs
    ---------------------------------- */

#sd-tab-container .body {
    overflow: auto;
}

    #sd-tab-container .body .left, #sd-tab-container .body .right {
        width: 50%;
    }

.pdf-column {
    float: left;
    width: 50%;
}

.view-pdf {
    margin-top: 55px;
    margin-left: 10px;
    position: absolute;
}

.overview-flash-player {
    width: 66%;
    text-align: center;
    float: left;
}

.overview-flash {
    width: 33%;
    float: left;
}


@media(max-width: 616px) {
    .view-pdf {
        margin-top: -4px;
        margin-left: 0;
    }

    .overview-flash {
        width: 100%;
    }

    .overview-flash-player {
        display: none;
    }

    .pdf-column {
        margin-bottom: 30px;
    }
}

@media(max-width: 1200px) {
    .overview-flash {
        width: 100%;
    }
}