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;
}
/* 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;
}
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%;
}