/*Reset*/
html,body,div,span,applet,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background-repeat:no-repeat;padding:0;margin:0;vertical-align:baseline}
form,fieldset,img {border:0}
img {color:#005680;font-weight:bold}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer}
input {font:inherit}
a {cursor:pointer;text-decoration:none;outline:none;color:#434f55}
ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
html {position:relative}
body {position:relative;color:#333}
h2:before {
height: 20px!important;
margin-top: -20px!important;
}
.skipLink {display:none}
.tx-fth-pi2,.tx-fth-pi2 p{font-family:CenturyGothicStd,CenturyGothic,Arial,sans-serif!important}
#magnified {background:#fff;padding:20px;position:absolute;left:50%;top:111px;z-index:1000;display:none; top: 253px;}
#magnified .close {position:absolute;right:10px;top:10px;cursor:pointer;font-size:20px;opacity:1;}
#overlay {background:#000;width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;display:none;position: fixed;}
.sideMenu>ul>li:after,#content:after,.subContent p:after,.subContent:after,.placering:after, .rist li:after {content:'';display:block;clear:both}
.sideMenu>ul>li,#content,.subContent p,.subContent,.placering,.rist li {display:inline-block}
.sideMenu>ul>li,#content,.subContent p,.subContent,.placering,.rist li {display:block}
#content {font:14px CenturyGothicStd, Century Gothic,Apple Gothic,sans-serif;padding-bottom:25px;overflow:hidden;min-height:707px}
#content .radioClass,
#content .ez-checkbox {
/* background:url(../images/radios.png) no-repeat 0 0; */
background: #ebebeb;
overflow:hidden;
width:17px;
height:17px;
cursor:pointer;
float:left;
}
#content input[type=radio],#content input[type=checkbox] {width:21px;height:21px;cursor:pointer;margin:0}
#content .radioSelected,
#content .ez-checked {
/* background-position: 0 -35px; */
background: #818284;
}
#content .ez-hide { opacity: 0; filter:alpha(opacity=0) }
#sidebar-left {margin:70px 0 0 12px;width:234px;font-family: CenturyGothicStd, Century Gothic,Apple Gothic,sans-serif;-webkit-font-smoothing: antialiased;color:#9b9b9b;
margin:12px 0 0 12px;}
#sidebar-left a {color:#9b9b9b}
#sidebar-left .sideMenu {background:url(../images/translucent.png) repeat;padding:0 7px 0;overflow:hidden;display:none;text-shadow: 0 1px 0 rgba(0,0,0,0.01);/*font-size:12px*/font-size:11px}
#sidebar-left .productLabel {background:url(../images/translucent.png) repeat;padding:10px;margin-bottom: 0px;}
/* #sidebar-left #combineShower {padding:0 0 0 2px} */
#sidebar-left .sideMenu li a {zoom:1}
#sidebar-left .sideMenu h2 {color:#666; margin-bottom: 0px;}
#sidebar-left .sideMenu>ol {margin-top:10px!important}
#sidebar-left .sideMenu>ul,#sidebar-left .sideMenu>ol {margin:0 -7px}
#sidebar-left .sideMenu>ul>li,#sidebar-left .sideMenu>ol>li {margin:0;padding:0}
#sidebar-left .sideMenu .subContent {
padding-bottom:3px;
/* padding-bottom: 10px; */
}
#sidebar-left .sideMenu>ul>li.active.activable {background:url(../images/arrowActive.png) no-repeat right 2px}
#sidebar-left .sideMenu>ul>li>a,#sidebar-left .sideMenu>ol>li>a {border-bottom: 3px solid #cacfd3;display:block;padding:0 5px 5px 10px;margin-bottom:10px;/*font-size:12px*/font-size:11px;color:#333333;outline: none;}
#sidebar-left .sideMenu>ul>li:last-child>a,#sidebar-left .sideMenu>ol>li:last-child>a {
margin-bottom:0px
}
#sidebar-left .sideMenu .read_more {float:right;text-decoration:underline;color:#333;padding: 5px 17px 10px 0;margin-top: -15px;}
#sidebar-left .obs {line-height:150%;padding:3px 0 0 5px}
#sidebar-left #sideMenu .v1 ~ ul {display:none}
#sidebar-left #sideMenu #prodSerie ~ ul li:first-child .subContent {display:none}
#sidebar-left #length_options_clasic {font-size:12px}
#sidebar-left #length_options_clasic p {overflow:hidden;line-height:155%}
#sidebar-left .length_obs_label {float:left;width:140px;font-size:11px}
#popup5 .length_obs_label {width: 125px; float: left;}
#popup5 p {
clear: both;
width: 100%;
display: inline-block;
}
#sidebar-left .radioClass + label {
overflow:hidden;
line-height:120%;
padding-top:2px;
font-size:11px;
cursor: pointer;
}
#sidebar-left #minListe {display:none;}
#sidebar-left #minListe a {padding:7px 9px;display:block;color:#fff;border:0}
#sidebar-left .subContent {display:none;padding-left:15px}
#sidebar-left .subContent form {padding:0 5px 5px 5px}
#sidebar-left .subContent .placering {margin-left:-20px}
#sidebar-left .subContent .placering li:nth-child(2n+3) {clear:both;}
#sidebar-left .subContent .placering ~ label {padding-top:1px;overflow:hidden;color:#333}
#sidebar-left .subContent .placering .overlap {background:url(../images/transparent.gif) repeat;z-index:50;height:36px;width:96px!important;position:absolute;float:none;margin:0;padding:0}
#sidebar-left .subContent .placering a {float:left}
#sidebar-left .v1 .subContent .placering, #sidebar-left .v3 .subContent .placering, #sidebar-left .v5 .subContent #placering_shower {margin-left:-11px;}
#sidebar-left .v1 .subContent .placering a,
#sidebar-left .v3 .subContent .placering a,
#sidebar-left .v5 .subContent #placering_shower a {
width:91px;
width:100%;
margin-right:9px;
padding-left: 7px;
padding-right: 7px;
margin: 0;
background: #ebebeb;
text-align: center;
}
#sidebar-left .subContent .placering>li {float:left;margin-left:18px;padding-bottom:9px}
#sidebar-left .v1 .subContent .placering>li,
#sidebar-left .v3 .subContent .placering>li,
#sidebar-left .v5 .subContent #placering_shower>li {
margin-left: 7px;
margin-right: 7px;
width: calc(50% - 14px);
}
#sidebar-left .subContent .placering li {position:relative}
#sidebar-left .subContent .placering + .ez-checkbox {margin-right:5px;color:#333}
#sidebar-left .subContent .placering>li span{display:block;/*font-size:12px*/font-size:11px}
#sidebar-left .v1 .subContent .placering>li span,
#sidebar-left .v3 .subContent .placering>li span,
#sidebar-left .v5 .subContent #placering_shower>li span {
display:block;
font-size:10px;
width:100px;
width: 100%;
}
#sidebar-left .v1 .subContent .placering>li.active span,
#sidebar-left .v3 .subContent .placering>li.active span,
#sidebar-left .v5 .subContent .placering>li.active span,
#sidebar-left .v5 .subContent #placering_shower>li.active span {
color: #eee;
}
#sidebar-left .subContent .placering>li.active img {
display: inline-block;
/* -webkit-box-shadow:0 0 8px #007eff; */
/* -moz-box-shadow:0 0 8px #007eff; */
/* box-shadow:0 0 8px #007eff; */
outline:none;
/* behavior:url(typo3conf/ext/fth/res/PIE.php); */
}
#sidebar-left .subContent #placering_shower>li.active a,
#sidebar-left .subContent .placering>li.active a {
background: #818284;
}
/*#sidebar-left .subContent .rist {margin-left:-32px}*/
#sidebar-left .subContent .rist {margin-left:-15px}
#sidebar-left .subContent #rist_highline {margin-left:-34px}
#sidebar-left .subContent .rist>li {float:left;margin:0 0 4px 17px;width:98px}
#sidebar-left .subContent .rist>li.active img{
/* -webkit-box-shadow:0 0 8px #007eff; */
/* -moz-box-shadow:0 0 8px #007eff; */
/* box-shadow:0 0 8px #007eff; */
outline:none;
}
#sidebar-left .subContent .rist>li a {
background: #ebebeb;
display: block;
padding: 4px 0;
}
#sidebar-left .subContent .rist>li.active a {
color: #eee;
background: #818284;
}
#sidebar-left .subContent .rist>li span {display:block;font-size:11px;text-transform:none}
#sidebar-left #rist_classic {margin-left:-14px}
#sidebar-left .subContent .radioClass {margin:0 10px 1px 0;line-height:130%}
#sidebar-left .comfirmForm {overflow:hidden}
#sidebar-left .comfirmForm>p {line-height:120%;width:154px;float:left;color:#333;font-size:13px}
#sidebar-left .comfirmForm fieldset {overflow:hidden;float:right;padding-right:5px}
#sidebar-left .comfirmForm fieldset input {width:20px;height:20px}
#sidebar-left .comfirmForm fieldset label {text-align:center;padding-right:2px}
#sidebar-left .comfirmForm fieldset p {color:#888;font-size:10px}
#sidebar-left h2 {font-size:14px;font-weight:normal;padding-bottom:10px}
#sidebar-left h2,#sidebar-left li>a {text-transform:uppercase}
#sidebar-left #detailList {background:url(../images/translucent.png) repeat;display:none}
#sidebar-left #detailList a {background:url(../images/detailIcon.png) no-repeat right center;display:block;padding:2px 9px}
#sidebar-left .comfirmForm fieldset p {width:17px;float:left;margin-left:9px}
#sidebar-left fieldset {padding-bottom:15px}
#main fieldset#length_fieldset, #main fieldset#depth_fieldset {padding-bottom:5px;padding-left:35px;padding-top: 10px;}
#main #shower_obs, #depth_vis_under {margin-bottom: 5px;float: left;padding-left: 35px;}
#sidebar-left .subList {padding:0 0 10px 9px;overflow:hidden}
#sidebar-left .subList li:first-child {margin:0}
#sidebar-left .subList li {font-size:11px;margin-top:10px}
/* #sidebar-left .subList li.active {background:url(../images/arrowActive.png) no-repeat right center} */
#sidebar-left .product_image {
/* position:absolute; */
/* left:278px; */
/* top:216px; */
/* z-index:99; */
/* width:450px; */
max-width: 150px;
}
#sidebar-left .shower_design_image {z-index:99;position: absolute;left: 297px;top: 0px;}
#main .shower_design_image {
position: absolute;
z-index: 98;
left: 35px;
top: -70px;
}
#main .shower_design_image.blind_glass {
left: 2px;
top: -69px;
}
#main .shower_design_image.black_frame_glass {
top: -63px;
left: -5px;
}
#soapholder_image {position: absolute;top: -101px;left: 485px;}
#sidebar-left .sideMenu>ol>li {list-style-position:inside}
#sidebar-left .attention {font-size:12px;line-height:16px;margin-bottom:10px}
#sidebar-left .subContent li a {text-transform:none}
#sidebar-left .modulDimension .subContent {padding-top:20px}
#sidebar-left .modulDimension .subContent legend {display:block;margin-bottom:10px}
#sidebar-left .modulDimension .subContent a {text-transform:none!important;float:left;margin-right:10px;width:50%}
#sidebar-left .options {position:relative;overflow:hidden}
#sidebar-left .options p {background:url(../images/serviceicon.png) no-repeat 0 8px;padding:5px 0 0 30px;margin-bottom:5px;font-size:11px}
#sidebar-left .options p a {display:block;padding:4px;}
#sidebar-left .options #mail ~ form {background:#666;padding:5px;display:none;position:absolute;left:0;top:3px;width:100%}
#sidebar-left .options #mail ~ form input {float:left;height:17px;width:180px}
#sidebar-left .options #mail ~ form input[type=submit] {background:url(../images/submit.png) no-repeat 0 0;border:0;width:18px;height:18px}
#sidebar-left .options #print {background-position:left -16px}
#sidebar-left .detailBox {line-height: 155%;width: 216px;width: 285px;color: #9b9b9b;padding-left: 6px;padding-left: 0px;}
#sidebar-left .detailBox>dd {width:222px;width:285px;max-height:335px;overflow:auto;display:none}
#sidebar-left .my_list_header {padding-left: 6px;}
#sidebar-left .detailBox>dd {width:222px;width:285px;max-height:335px; max-height: 430px;overflow:auto}
#sidebar-left .sideMenu li .subContent {display:none}
#sidebar-left #sideMenu2 li:first-child .subContent {display:block}
#sidebar-left .detailBox p {padding:0;line-height:155%}
#sidebar-left .detailBox>dd>div,#sidebar-left .detailBox .jspPane>div {/*border-bottom:1px solid #c6c6c6;*/}
#sidebar-left .detailBox>dd#drain_list>div + div,
#sidebar-left .detailBox>dd#drain_list .jspPane>div + div,
#sidebar-left .detailBox>dd#tilbehor_list>div + div,
#sidebar-left .detailBox>dd#tilbehor_list .jspPane>div + div{
padding-top: 5px;
margin-top: 5px;
}
#sidebar-left .detailBox>dt{/*background:url(../images/borderImage.png) repeat-x left bottom;*/background-color: #cacfd3;/*padding:10px 0 2px 15px;*/padding:6px 0 6px 15px;margin-bottom: 3px;margin-left:-15px;width:224px;width:300px;position:relative;color:#333;text-transform:uppercase;cursor:pointer}
#sidebar-left .detailBox>dt>span{background: url(../images/collapseIcons.png) no-repeat 0 -10px;width:9px;height:7px;position:absolute;right:11px;/*top:17px*/top:12px}
#sidebar-left .detailBox>dt.collapsable{background-color: #b2c0c9;}
#sidebar-left .detailBox>dt.collapsable>span{background-position:0 0}
#sidebar-left .detailBox>dd{font-size:12px;padding:5px 0;position:relative}
#sidebar-left .detailBox dd:empty{display:none}
#sidebar-left .detailBox>dd dl {float:left;padding-right:32px;padding-right:10px}
#sidebar-left .detailBox .definitions {overflow:hidden}
#sidebar-left .detailBox .definitions img {width: 30px;width: 40px;}
#sidebar-left #sideMenu2 .modulDesign ul {
margin-left:-17px;
padding:0 0 5px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
#sidebar-left #sideMenu2 .modulDesign li {margin-left:25px}
#sidebar-left #sideMenu2 .modulDesign img {border:1px solid #949494}
#sidebar-left #warning_drain_shower {color:#333}
#sidebar-left #landing_page_text {color:#333}
#sidebar-left #landing_page_text ul{list-style: disc;}
#sidebar-left #landing_page_text ul li {list-style: disc;margin-left: 16px;}
#sidebar-left #landing_page_text ul li a{text-transform: none;}
#sidebar-left #action_incompatible_drain {overflow:hidden;padding:15px 0 20px}
#sidebar-left #action_incompatible_drain a {float:left;background:#132029;padding:9px 10px;line-height:125%;text-align:center;display:block;color:#fff;text-transform:uppercase}
#sidebar-left #incompatible_warning #cancel {float:right}
/*#sidebar-left #sideMenu2 .modul {padding-bottom:10px}*/
#sidebar-left #sideMenu2 .modul td{padding-bottom:5px;float:left;width:50%;font-size:12px;color:#656565}
#sidebar-left #sideMenu2 .modul td img{display:block;margin:0 auto}
#sidebar-left #sideMenu2 .modul .multipleOptions {padding:0 0 8px 25px;display:block}
#sidebar-left #sideMenu3 .saebehylde ul {padding-bottom:7px}
#sidebar-left #sideMenu3 .saebehylde>a {margin-bottom:15px}
#sidebar-left #sideMenu3 .saebehylde li:first-child {padding-top:0}
#sidebar-left #sideMenu3 .saebehylde li:first-child .subContent {display:block}
#sidebar-left #sideMenu3 .saebehylde li {padding-top:30px}
#sidebar-left #sideMenu3 .saebehylde li span {font-size:12px;/*color:#898987;*/color:#9b9b9b;}
#sidebar-left #sideMenu3 .saebehylde img {margin:0 auto;display:block;max-width: 140px;}
#sidebar-left #sideMenu4 {
padding-top:10px;
position:fixed;
right:0;
/*top: 86px;*/
top: 150px;
z-index:1000;
}
#sidebar-left #sideMenu4 #housing_list>div+div {
margin-top: 10px;
}
@media (min-width: 1480px) {
#sidebar-left #sideMenu4 {
padding-top: 10px;
position: absolute;
right: -250px;
top: 50px;
z-index: 1000;
}
}
#sidebar-left #sideMenu4 dt:first-child + dd {display:block}
/*#sidebar-left #sideMenu4 {top:0}*/
#sidebar-left #sideMenu4 .options {padding-left:6px; width: 211px;}
#sidebar-left #sideMenu4 #back_to_prev_menu {text-transform: uppercase;font-size: 14px;background:url(../images/arrowLeft.png) no-repeat -12px 2px;padding-left: 15px}
#sidebar-left #sideMenu4 {background-color:white;display: block;}
#sidebar-left #prodSerie {margin-bottom: 7px;}
#sidebar-left #prodSerie .subContent {margin-top: 7px;}
#sidebar-left #prodSerie .subList img {background:url(../images/translucent.png) repeat;margin:5px 0;}
#sidebar-left #showerProdSerie .subList a,
#sidebar-left #prodSerie .subList a {
width: 100%;
display: block;
}
#sidebar-left #showerProdSerie img {background:url(../images/translucent.png) repeat;margin:5px 0; display: inline!important;}
#sidebar-left #showerProdSerie img {
opacity: 0.3;
}
#sidebar-left #showerProdSerie .active img {
opacity:1;
}
#sidebar-left #prodSerie img,
#sidebar-left #showerProdSerie img {
cursor: pointer;
}
#sidebar-left #length_options_classic {padding-left:5px}
#sidebar-left #minListe>a,#sidebar-left #detailList>a {text-transform:uppercase;font-size:12px}
#sidebar-left .subContent .rist {padding:8px 12px 6px 5px}
#sidebar-left .subContent .rist li {
width:auto;
float:none;
/* margin-bottom:8px; */
line-height:100%;
margin: 4px 0;
}
#sidebar-left .subContent .rist li span {line-height:16px;padding:0 5px 0 2px}
#sidebar-left .subContent .rist img {float:right}
#sidebar-left .modulDimension .subContent {padding-top:8px}
#sidebar-left #rist_highlinecorner,
#sidebar-left #rist_classiccorner {
display: inline-block;
}
#sidebar-left #rist_highlinecorner li,
#sidebar-left #rist_classiccorner li {
float:left;
width:38%;
margin-left:27px;
width: calc(50% - 17px);
margin-left: 17px;
}
#sidebar-left #rist_highlinecorner li a,
#sidebar-left #rist_classiccorner li a {
padding-top: 0;
text-align: center;
}
#sidebar-left #rist_highlinecorner li img,
#sidebar-left #rist_classiccorner li img {
float:none;
width: 100%;
width: 94%;
padding: 3%;
}
#sidebar-left #rist_classiccorner li img {
}
#sidebar-left #rist_highlinecorner li a span,
#sidebar-left #rist_classiccorner li a span {
line-height: 12px;
padding: 4px 5px 0 2px;
}
#sidebar-left #rist_highline span {padding-left:22px}
#sidebar-left .ristOptions {overflow:hidden;/*padding-left:10px;*/padding-left:7px}
#sidebar-left .ristOptions .radioClass {margin-right:1px}
#sidebar-left .ristOptions>div:first-child {padding-right:10px}
#sidebar-left .ristOptions>div {float:left;font-size:12px}
#sidebar-left .modulDimension legend {font-size:12px}
#sidebar-left .modulDimension fieldset {width: 49%;float: left;}
#sidebar-left .back_to_prev_menu {font-size:14px;font-weight:normal;text-transform:uppercase}
#main {
position:absolute;
/*left:260px;
top:200px;*/
left:267px;
top:143px;
width:698px;
height:628px;
}
#main .rightMenu {padding-left:10px;position: absolute;z-index: 100;
top: -58px;
}
#main .item {background:#132029;float:left;margin-right:14px;cursor:pointer;border-top:2px solid #132029;border-bottom:2px solid #132029;box-shadow:5px 5px 15px rgba(0,0,0,0.3)}
#main .item:hover, #main .item.active {background:#fff;border-color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#main .item:hover a, #main .item.active a {color:#141e28}
#main .item p {/*color:#fff;font-size:12px;padding:10px 28px;line-height:140%*/
color: #fff;
font-size: 12px;
padding: 5px 22px;
line-height: 100%;
max-width: 150px;
height: 32px;
text-align: center;
}
#main .item p a {color:#fff}
#main #seeConstruction p a, #main #saebehilde p a {
margin-top: 7px;
float: left;
padding: 0 2px;
}
#main #seeConstruction.opened {background:none;padding-left:0}
#main #toolTipLaunch {background:url(../images/tooltipTrigger.png) no-repeat 0 0;position:absolute;right:-24px;top:0;width:24px;height:26px}
#main #optionForm {
/* background:url(../images/translucent.png) repeat; */
background: #fff;
display:none;
position:relative;
z-index:120;
padding:10px;
margin-left:10px;
margin-top:56px;
width:580px;
}
#main #optionForm .radioClass{float:left;background: #fff}
#content #optionForm .radioSelected{
background: #818284;
}
#main #optionForm h2 {padding-bottom:10px}
#main #optionForm label{float:left;padding:2px 20px 0 5px;overflow:hidden;line-height:110%;cursor: pointer;}
#main #optionTable {width:100%;padding-bottom:20px;margin-bottom:5px; background: #ededed;}
#main #optionTable td {border-bottom:1px solid #ababab;padding:7px 5px;color:#9b9b9b;font-size:11px;vertical-align:middle}
#main #optionTable td {border-bottom:3px solid #fff}
#main #optionTable td p {line-height:100%}
#main #heights_holder p:first-child {padding-left:0}
#main #heights_holder p {padding-left:37px;float:left}
#main #heights_holder p {padding-left: 0px;float: left;width: 20%;height: 20px;}
#main #heights_holder p label {padding-right:0}
#main #heights_holder p:empty {display: none;}
#main .resetButton {overflow:hidden}
#main .resetButton a {background:#131f29;float:right;padding:3px 5px;color:#fff}
#main .popup {
/* background:url(../images/translucent.png) repeat; */
background:#fff;
display:none;
position:absolute;
left:11px;
top:58px;
width:586px;
min-height:300px;
padding:29px;
z-index:99;
width:98%!important;
}
#main .popup img {margin:0 auto;display:block}
#main .popup .close {position:absolute;right:9px;top:9px;color:#000;font-size:16px;cursor:pointer;opacity:1;}
#main #housingImage {text-align:center;padding:0 0 8px;position:relative}
#main #zoom {background:url(../images/zoom.png) no-repeat 0 0;position:absolute;right:0;top:5px;width:18px;height:19px}
#main #housingImage img {height: 160px}
#main .tilbehor_popup td>div {display:inline-block}
#main .tilbehor_popup td>div label {display:block;white-space:nowrap}
/* position: absolute; */
/* bottom: -9px; */
/* bottom: -15px; */
/* right: -7px; */
#main #drain_image img,
#main #joint_image img {
position: absolute;
bottom: -9px;
bottom: -15px;
right: -7px;
}
#main #popup {/*min-height:364px*/min-height: 470px;}
#main #popup2, #main #popup5 {padding:15px;width:500px;font-size:12px;z-index:99}
#popup5 table td {
vertical-align: top;
}
#main #popup2.tilbehor_popup {
top: 0px;
z-index: 100;
left: 10px;
background: #fff;
padding: 5px 15px;
}
#main #popup2 p {padding-bottom:10px}
#main #popup2 h2 {font-size:14px;font-weight:normal;padding-bottom:10px;color: #9b9b9b;}
#main #popup2 table, #main #popup5 table {width:100%;table-layout:fixed}
#main #popup2 table td{padding-bottom:15px;padding-bottom:8px}
#main #popup2 table td:first-child {}
#main #popup2 table td:last-child {}
#main #popup2 table label {color:#9b9b9b;font-size:11px;cursor:pointer;}
#main #popup2 .radioClass, #main #popup2 .ez-checkbox, #main #popup5 .radioClass, #main #popup5 .ez-checkbox {margin:2px 6px 0 0;float:left}
#main #popup3 {color:#666;padding:8px;width:248px;min-height:0;z-index:130;top:402px}
#main #popup3 h2 {font-size:12px;font-weight:normal;text-transform:uppercase;padding-bottom:10px}
#main #popup3 form {overflow:hidden}
#main #popup3 form .radioClass {margin-right:10px}
#main #popup3 form label {overflow:hidden;font-size:12px;line-height:20px}
#main #popup3 .links {padding-top:7px;overflow:hidden;}
#main #popup3 .links p {float:left;font:12px CenturyGothicStd,CenturyGothic,Arial,sans-serif}
#main #popup3 .links p:first-child {margin-right:8px}
#main #popup3 .links a {background:#132029;width:100px;padding:9px 10px;line-height:125%;text-align:center;display:block;color:#fff;text-transform:uppercase}
#main label[for=siphons_2] {cursor:pointer}
#main .tooltip {background:#d1d6d7;border:1px solid #778088;position:absolute;left:-9999px;top:0;width:200px;padding:5px;z-index:90;color:#666}
#main .overlayed {position: absolute;top: 45px;/*left: 95px;*//*left:25px*/left: -14px;}
#small_zoom {
margin-top:10px;
display:none;
/*background-color: #FFF;*/
background:url(../images/translucent.png) repeat;
width: 234px;
height: 160px;
padding: 10px 0;
}
#small_zoom .overlayed {
position: absolute;
/*left: 35px;*/
/*left: 15px;*/
left: 5px;
width: 180px;
}
#small_zoom_png {
width: 18px!important;
left: 215px!important;
}
#small_zoom #image_1_small{
position: relative;
top: -310px;
}
#small_zoom #image_2_small{
position: relative;
top: -160px;
}
#small_zoom #image_25_small{
/*width: 250px;
left: 10px;
position:relative;*/
width: 240px;
left: 10px;
position: relative;
top: 10px;
}
#small_zoom #image_3_small{
position: relative;
}
#small_zoom #image_4_small{
left: 13px;
}
#main #image_1{z-index: 250}
#main #image_2{z-index: 200}
#main #image_25{z-index: 175}
#main #image_3{z-index: 150}
#main #image_4{z-index: 100}
#main #detailImagesHeight {position:absolute;top:150px;left:10px;z-index:300;font-size:12px}
#main .arrowUp {position: absolute;top: 122px;left: 125px;z-index: 300;background: url(../images/arrowUp.png) no-repeat right 2px;width: 12px;height: 24px;}
#main .arrowDown {position: absolute;top: 169px;left: 125px;z-index: 300;background: url(../images/arrowDown.png) no-repeat right 2px;width: 12px;height: 24px;}
#main #popup4 #readmore_title {font-size: 14px;text-transform: uppercase;margin-left: -15px;}
#main #popup4 #readmore_subheader {
padding-top: 14px;
font-size: 12px;
letter-spacing: 1px;
margin-left: -15px;
}
#main #popup4 #readmore_columns {padding-top: 14px;}
#main #popup4 #readmore_left {
/*width: 281px;*/
width: 265px;
float: left;
margin-top: 11px;
letter-spacing: 1px;
font-size: 12px;
margin-left: -15px;
}
#main #popup4 #readmore_right {
/*width: 281px;*/
width: 280px;
float: right;
font-size: 12px;
letter-spacing: 1px;
margin-right: -15px;
}
#main #popup4 #readmore_left_title {height: 84px;}
#main #popup4 #readmore_left_title_text {float: left;margin-top: 69px;width: 100px;}
#main #popup4 #readmore_right_title {height: 95px;}
#main #popup4 #readmore_right_title_text {float: left;margin-top: 80px;width: 100px;}
#main #popup4 {
/*padding: 20px 50px;*/
/*padding:10px 20px;
width: 520px;*/
padding: 25px 35px;
width: 535px;
}
#main #popup4 .fast_large {float: right;margin-right: 40px;cursor:pointer}
#main #popup4 .flex_large {float: right;margin-right: 25px;cursor:pointer}
#main #popup5 table label, #main #popup5 table span, #main #popup5 table legend {color:#9b9b9b;}
#main #popup5 table label, #main #popup5 table span, #main #popup5 table legend {cursor: pointer;}
#main #popup6 {
top: 157px;
background: url(../images/translucent.png) repeat;
display: none;
position: absolute;
left: 11px;
width: 586px;
min-height: 1px;
padding: 29px 29px 0px 29px;
z-index: 99;
}
#main #popup6 h2 {
font-size: 30px;
text-align: center;
}
#main #popup6 p {
font-size: 15px;
text-align: center;
padding: 25px 0;
line-height: 18px;
}
#main #popup6 .competition_button {
background: #132029;
cursor: pointer;
text-align: center;
width: 296px;
margin: 0 auto;
padding: 0;
}
#main #popup6 .competition_button a {
color: #fff;
font-size: 30px;
padding: 12px 0;
display: block;
}
#main #popup7 {
display: block;
min-height: 1px;
padding: 0;
width: auto;
top: 580px;
left: 349px;
}
#main #popup7 p {
font-size: 15px;
text-align: center;
padding: 25px 0;
line-height: 18px;
}
#main #popup7 .competition_button {
background: #132029;
cursor: pointer;
text-align: center;
width: 322px;
margin: 0 auto;
padding: 0;
}
#main #popup7 .competition_button a {
font-size: 25px;
color: #fff;
padding: 12px 0;
display: block;
}
#main #popup8 {
width: 565px;
min-height: 209px;
left: 31px;
top: 157px;
padding-bottom:0px;
}
#main #popup8 #competition_form {
width: 402px;
margin: 0 auto;
}
#main #popup8 #competition_form .competition_form_row {
width: 100%;
margin-bottom: 5px;
}
#main #popup8 #competition_form .competition_form_row label {
width: 132px;
float: left;
color: #666;
cursor: pointer;
}
#main #popup8 #competition_form .competition_form_row input {
width: 270px;
}
#main #popup8 p {
font-size: 15px;
text-align: center;
padding: 25px 0;
line-height: 18px;
}
#main #popup8 .competition_button {
background: #132029;
cursor: pointer;
text-align: center;
width: 220px;
padding: 0;
margin-top: 27px;
display: block;
margin-left: auto;
margin-right: auto;
}
#main #popup8 .competition_button a {
font-size: 18px;
color: #fff;
padding: 12px 0;
display: block;
}
#main #popup8 #submitPreload {
display:none;
position: absolute;
cursor: initial;
text-align: center;
width: 220px;
padding: 0;
margin-top: -42px;
height: 42px;
left: 201px;
background-color: rgba(255,255,255,0.33);}
.tx-fth-pi2 {background:url(../images/scene_brown.jpg) no-repeat 0 0;overflow:hidden;height:707px;
/* .tx-fth-pi2 {background:url(../images/scene.jpg) no-repeat 0 0;overflow:hidden;height:707px; */
background-repeat: no-repeat!important;
}
.tx-fth-pi2 #main a,
.tx-fth-pi2 #sidebar-left a,
.tx-fth-pi2 .sideMenu a
{
text-decoration: none;
border-bottom: none;
}
/*js scrollpane css*/
.jspScrollable {margin-top:5%}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspScrollable .jspPane{width:202px!important;padding-right:5px}
.jspScrollable .jspContainer{width:217px!important}
.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:10%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:6px;background:red}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:url(../images/scrollpane.png) repeat-y 0 0;position:relative}
.jspDrag{background:#121f28!important;position:relative;top:0;left:0;height:27px;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
#clear_list {float:right}
.fixed_for_two_rows {
float: left;
width: 12px;
height: 26px;
}
#building_height_obs {
position: absolute;
float: left;
bottom: 25px;
font-size: 12px;
color: #9b9b9b;
text-align: right;
width: 586px;
}
#building_height_obs {
text-align: left;
width: 210px;
/*margin-left: 376px;*/
}
#building_height_obs b {
/*height: 87px;*/
float: left;
margin-right: 4px;
z-index: 300;
}
@media (max-width: 1480px) {
#configuratorPage main {
width: 100%;
left: 15px;
}
}
@media (max-width: 1480px) {
#configuratorPage main {
width: 100%;
left: 0px;
}
body .csc-default a {
font-size: 12px;
}
}
/* .options_heights { */
/* display: none; */
/* } */
/*
#sidebar-left {width:227px;float:left;padding-right:30px;color:#778088}
#sidebar-left ul + p {padding:10px 15px 0 25px;font-size:13px}
#sidebar-left h2 {color:#778088;font-weight:normal;padding:0 0 10px 26px;border-bottom:1px solid #778088}
#sidebar-left #sideMenu>ul>li {border-bottom:1px solid #778088}
#sidebar-left #sideMenu>ul>li>a {color:#778088;display:block;padding:6px 26px}
#sidebar-left #sideMenu #prodSerie + ul ~ ul {display:none}
#sidebar-left .subContent {overflow:hidden;padding:0 15px 9px;display:none}
#sidebar-left .subList {background:#d2d5d7}
#sidebar-left .subList li a {padding:6px 10px;display:block}
#sidebar-left .subList li a:hover,#sidebar-left .subList li.active a {color:#fff}
#sidebar-left .subList li.classic a:hover,#sidebar-left .subList li.classic.active a {background:#e57722}
#sidebar-left .subList li.highLine a:hover,#sidebar-left .subList li.highLine.active a {background:#9a0c2f}
#sidebar-left .subList li.modul a:hover,#sidebar-left .subList li.modul.active a {background:#0b2743}
#sidebar-left .placering {margin-left:-14px}
#sidebar-left .placering li {float:left;padding:0 0 10px 10px}
#sidebar-left .placering li span {display:block;font-size:10px}
#sidebar-left form {padding-left:20px;color:#778088}
#sidebar-left form p {overflow:hidden;padding-bottom:5px}
#sidebar-left form label {padding:3px 0 0 5px;float:left;cursor:pointer}
#sidebar-left ul img {border:2px solid transparent}
#sidebar-left .subContent li:hover img {border-color:#e57722}
#sidebar-left .v3-theme .subContent li:hover img,#sidebar-left .v4-theme .subContent li:hover img {border-color:#9a0c2f}
#sidebar-left .v5-theme .subContent li:hover img {border-color:#0b2743}
#sidebar-left .gopro~li {display:none}
#main {float:left;width:686px;overflow:hidden}
#main .classic {background:#d1d6d7}
#main.col-center {width:448px;margin-right:10px}
#main #bigPic {position:relative}
#main #bigPic .caption {position:absolute;top:10px;right:10px;text-align:right}
#main #bigPic .msr {position:absolute;text-align:center;color:#e57722;font-size:12px}
#main #bigPic .measure {background:url(../images/measureLine.png) no-repeat 0 0;width:311px;height:17px;top:200px;left:100px;padding-right:18px;
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
#main #bigPic .measure2 {background:url(../images/verticalArrows.png) no-repeat center top;width:60px;height:42px;color:#9ba1a7;left:10px;top:50%;padding-top:13px}
#main .classic .caption {color:#e57722}
#main .highLine .caption {color:#9a0c2f}
#main .modul .caption {color:#0b2743}
#main .details {padding:15px 32px}
#main .details .left {width:300px;padding-right:65px;float:left}
#main .details .left p {padding-bottom:25px}
#main .details .right {width:250px;float:left}
#main .prodList li {float:left;padding:0 0 10px 15px}
#main .prodList span {display:block}
#main .extraoptions p {float:left;width:49%;padding-bottom:5px}
#sidebar-right {background:#d1d6d7;float:left;width:209px;display:none;padding:0 15px}
#sidebar-right h2 {font-weight:normal;padding:5px 0;font-size:18px}
#sidebar-right>dl>dt {background:#e57722;color:#fff;padding:10px 0 10px 15px;margin-left:-15px;width:224px;font-weight:bold;position:relative}
#sidebar-right>dl>dt>a{background: url(../images/mark.png) no-repeat 0 11px;width:12px;height:24px;position:absolute;left:200px;top:5px}
#sidebar-right>dl>dt.collapsable>a {background-position:0 -28px}
#sidebar-right>dl dd{font-size:12px;padding:5px 0;position:relative;}
#sidebar-right>dl p {padding-bottom:7px}
#sidebar-right>dl dl {float:left;padding-right:32px}
#sidebar-right.v1-theme>dl>dt,#sidebar-right.v2-theme>dl>dt {background:#e57722}
#sidebar-right.v3-theme>dl>dt,#sidebar-right.v4-theme>dl>dt {background:#9a0c2f}
#sidebar-right.v5-theme>dl>dt {background:#0b2743}
#sidebar-right .options p {background:url(../images/icons.png) no-repeat 189px 0}
#sidebar-right .options p a {display:block}
#sidebar-right .options p:first-child+p {background-position:189px -24px}
#sidebar-right .tooltip {background:#d1d6d7;border:1px solid #778088;position:absolute;left:-9999px;top:0;width:200px;padding:10px;z-index:90} */
.tx-fth-pi2 .content-mobile {
display: none;
}
.tx-fth-pi2 .content-mobile .mobile-heading {
margin-bottom: 20px;
font-family: "Akkurat-Pro-Regular" !important;
font-size: 31px;
}
.tx-fth-pi2 .content-mobile .mobile-lead {
font-family: "Akkurat-Pro-Light" !important;
font-size: 22px;
}
#sidebar-left .saebehylde .subContent {
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
#sidebar-left .saebehylde .subContent {
position: absolute;
top: 150px;
top: 230px;
left: 276px;
background: #fff;
z-index: 99;
padding: 10px;
max-width: 300px;
max-width: 430px;
}
#sidebar-left .saebehylde .subContent li {
/* width: 50%; */
width: 33.33%;
float: left;
padding: 0px 5px 10px 5px;
}
#sidebar-left .saebehylde .subContent li:nth-child(3n+1) {
clear: both;
padding: 0px 5px 10px 0;
}
#sidebar-left .saebehylde .subContent li:nth-child(3n+3) {
padding: 0px 0 10px 5px;
}
#sidebar-left .saebehylde .subContent li a {
display: inline-block;
background: #ebebeb;
color: #9b9b9b;
min-height: 78px;
position: relative;
}
#sidebar-left .saebehylde .subContent li.active a {
background: #818284;
color: #eee;
}
#sidebar-left .saebehylde .subContent li a span {
padding: 0;
display: block;
position: absolute;
bottom: 6px;
left: 6px;
right: 6px;
font-size: 10px;
}
#sidebar-left .saebehylde .subContent li a img {
padding: 6px 24px 0;
}
#sidebar-left .saebehylde .subContent li:nth-child(1) a img,
#sidebar-left .saebehylde .subContent li:nth-child(2) a img,
#sidebar-left .saebehylde .subContent li:nth-child(3) a img,
#sidebar-left .saebehylde .subContent li:nth-child(4) a img,
#sidebar-left .saebehylde .subContent li:nth-child(5) a img,
#sidebar-left .saebehylde .subContent li:nth-child(6) a img
{
padding: 6px 10px 0;
}
@media only screen and (max-width: 1024px) {
.tx-fth-pi2 {
margin-top: 28px;
}
}
#main .item#saebehilde {
display: none;
}
#sidebar-left .subContent .classic_left_center_right {
float: left;
width: 100%;
clear: both;
display: inline-block;
margin-left: -7px;
margin-bottom: 10px;
}
#sidebar-left .subContent .classic_left_center_right li {
float: left;
width: 30%;
text-align: center;
margin: 3px;
}
#sidebar-left .subContent .classic_left_center_right li a {
width: 100%;
display: inline-block;
}
#sidebar-left .subContent .classic_left_center_right li.active a {
background: #ededed;
color: #818284;
}
#sidebar-left .subContent .classic_left_center_right li object {
width: 100%;
height: auto;
pointer-events: none;
max-height: 37px;
}
@media only screen and (max-width: 500px) {
/* #configuratorPage footer {display: none!important;} */
#sidebar-left .saebehylde .subContent {
padding-top: 0;
position: relative;
top: auto;
left: auto;
}
#sidebar-left .saebehylde .subContent li a {
min-height: 82px;
}
#sidebar-left .saebehylde .subContent li a span {
padding: 0;
display: block;
position: absolute;
bottom: 1.5vW;
left: 1.5vW;
right: 1.5vW;
font-size: 11px;
}
#sidebar-left .saebehylde .subContent li a img {
padding: 2vW 6vW 0;
}
#main #popup2,
#main #popup5 {
font-size: 11px;
}
body#configuratorPage .frame-default {
margin-bottom:0;
}
.tx-fth-pi2 {
margin-top: 0;
zoom: 0 !important;
width: 100%;
background-size: 153%!important;
/* min-height: 73.34vW; */
height: auto;
min-height: calc(100vH - 60px);
background-position: 100% 0!important;
background-position: 100% -15vW!important;
}
.tx-fth-pi2 .content-mobile {
}
.tx-fth-pi2 #content {
padding: 0;
padding-bottom: 73.34vW;
min-height: 112.21vW;
padding-bottom: 0;
min-height: calc(100vH - 60px);
/* Fix for small screens */
/* min-height: 608px!important; */
}
#sidebar-left #produkts_menu>h2,
/* #sidebar-left #sideMenu4, */
#small_zoom {
display: none!important;
}
body#configuratorPage a:hover,
body#configuratorPage a:active,
body#configuratorPage a:focus {
border-bottom: 0px solid transparent;
}
#configuratorPage #content {
/* min-height: 100%; */
position: relative;
width: 100%;
/* vertical-align: bottom; */
/* min-height: 73.34vW; */
}
#configuratorPage main {
padding: 0;
left: 0!important;
}
#configuratorPage main .breadcrumb {
display: none;
}
#configuratorPage #main {
width: 73%;
width: 100%;
position: relative;
position: absolute;
left: auto;
/* float: right; */
top: auto;
top: 0;
bottom: auto;
height: 73.34vW;
/* height: 70.84vW; */
/* height: 70.4vW; */
/* height: 112.21vW; */
height: 97.21vW;
}
#configuratorPage #sidebar-left {
position: absolute;
position: relative;
width: 100%;
top: 73.34vW;
top: 112.21vW;
vertical-align: bottom;
margin: 0;
z-index: 9;
/* height: calc(100vH - 112.21vW - 37px); */
/* overflow: scroll; */
/* overflow: hidden; */
/* top: calc(112.21vW - 23px); */
height: calc(100vH - 103.21vW - 37px);
overflow: scroll;
overflow: hidden;
top: calc(97.21vW - 1px);
/* Fix for small screens */
/* min-height: 300px!important; */
}
#sidebar-left .sideMenu {
background: transparent;
padding: 0;
}
#sidebar-left .sideMenu>ul,
#sidebar-left .sideMenu>ol {
margin: 0!important;
}
#sidebar-left .sideMenu>ul>li>a,
#sidebar-left .sideMenu>ol>li>a {
border-bottom: 0px solid transparent;
margin-bottom: 0;
}
body#configuratorPage .frame-default a {
font-size: inherit;
}
#main .rightMenu {
padding-left: 10px;
position: absolute;
z-index: 100;
top: 46%;
padding: 20px 10px 10px 10px;
width: 66%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
}
#main .item {
width: 80%;
float: left;
margin: 0 10% 6% 10%;
height: 9.2vW;
text-align: center;
}
#main .item#saebehilde {
display: none;
}
#main .item p {
color: #fff;
font-size: 3vW;
padding: 5px 22px;
line-height: 1.1em;
text-align: center;
height: 38px;
display: inline-block;
}
#sidebar-left .product_image {
position: relative;
left: auto;
top: auto;
width: auto;
display: block!important;
width: 94%;
display: block!important;
margin-left: 3%!important;
}
#main #drain_image img,
#main #joint_image img {
bottom: 0;
right: 0;
width: 72.49%;
width: 52.91%;
width: 80.95%;
width: 88.6%;
}
#sidebar-left .subContent {
padding-left: 15px;
padding-right: 15px;
margin: 10px auto 0 auto!important;
max-width: 300px;
max-width: 330px;
overflow: scroll!important;
height: calc(100vH - 103.21vW - 78px);
/* Fix for small screens */
/* min-height: 257px!important; */
}
#sidebar-left .subList li {
display: inline-block;
}
#sidebar-left .subList li a {
width: 33%;
float: left;
padding-top: 34px;
padding-bottom: 43px;
line-height: 14px;
padding-right: 10px;
}
#sidebar-left #prodSerie .subList {
padding: 0 0 10px 0px;
}
#sidebar-left #prodSerie .subList li {
height: 88px;
overflow: hidden;
width: calc(50% - 10px);
float: left;
position: relative;
margin: 0 5px 10px 5px;
}
#sidebar-left #prodSerie .subList li a {
width: 100%;
float: right;
display: inline-block;
padding: 0;
margin: 0;
position: absolute;
bottom: 0;
}
#sidebar-left #prodSerie .subList li img {
margin-top: 0px;
width: 67%;
float: right;
padding: 0;
width: 100%;
float: left;
padding: 0;
display: inline-block!important;
opacity: 0.3;
}
#sidebar-left #showerProdSerie img {
opacity: 0.3;
}
#sidebar-left #showerProdSerie .active img,
#sidebar-left #prodSerie .subList li.active img {
opacity:1;
}
#sidebar-left #sideMenu .v1>li,
#sidebar-left #sideMenu .v2>li,
#sidebar-left #sideMenu .v3>li,
#sidebar-left #sideMenu .v4>li {
position: absolute;
top: 0;
width: 100%;
display: none;
}
#sidebar-left #sideMenu > ul > li:nth-child(1) {
z-index: 990;
}
#sidebar-left #sideMenu > ul > li:nth-child(2) {
z-index: 980;
}
#sidebar-left #sideMenu > ul > li:nth-child(3) {
z-index: 970;
}
#sidebar-left #sideMenu > ul > li:nth-child(4) {
z-index: 960;
}
#sidebar-left #sideMenu > ul > li:nth-child(5) {
z-index: 950;
}
#sidebar-left #sideMenu > ul > li:nth-child(6) {
z-index: 940;
}
#sidebar-left #sideMenu > ul > li:nth-child(7) {
z-index: 930;
}
#sidebar-left #sideMenu > ul > li:nth-child(8) {
z-index: 920;
}
#sidebar-left #sideMenu > ul > li:nth-child(9) {
z-index: 910;
}
#sidebar-left #sideMenu > ul > li:nth-child(10) {
z-index: 900;
}
#main .shower_design_image,
#main .shower_design_image.blind_glass {
position: absolute;
z-index: 98;
left: 114px;
top: -3px;
width: 19vW;
}
#main .shower_design_image, #main .shower_design_image.blind_glass {
left: -22px;
top: -53px;
width: 29vW;
}
#sidebar-left .sideMenu>ul>li>a,
#sidebar-left #sideMenu4 .my_list_header {
color: #fff;
background: #333;
font-size: 11px;
padding: 10px 23%;
text-align: center;
margin: 0 0 15px 0;
margin: 0 0 0px 0;
line-height: normal;
}
#sidebar-left .sideMenu>ul>li>a.prev,
#sidebar-left .sideMenu>ul>li>a.next,
#sidebar-left #sideMenu4 a.next,
#sidebar-left #sideMenu4 a.prev {
position: absolute;
width: 23%;
top: 0;
padding: 6.5px 0;
font-size: 18px;
color: #fff;
}
#sidebar-left .sideMenu>ul>li>a.prev,
#sidebar-left #sideMenu4 a.prev {
text-align: right;
left: 0;
}
#sidebar-left .sideMenu>ul>li>a.next {
text-align: left;
right: 0;
}
#sidebar-left #sideMenu4 a.next {
display: none;
}
#sidebar-left .sideMenu #prodSerie .prev,
#sidebar-left .sideMenu .modulDesign .prev {
display: none;
}
#sidebar-left .v1 .subContent .placering,
#sidebar-left .v3 .subContent .placering,
#sidebar-left .v5 .subContent #placering_shower {
margin: 0;
}
#sidebar-left .v1 .subContent .placering>li,
#sidebar-left .v3 .subContent .placering>li,
#sidebar-left .v5 .subContent #placering_shower>li {
margin: 0 1%;
width: 48%;
text-align: center;
}
#sidebar-left .v1 .subContent .placering a,
#sidebar-left .v3 .subContent .placering a,
#sidebar-left .v5 .subContent #placering_shower a {
width: 100%;
float: none;
text-align: center;
margin: 0 auto;
display: inline-block;
min-height: 62px;
}
#sidebar-left .v1 .subContent .placering a img,
#sidebar-left .v3 .subContent .placering a img,
#sidebar-left .v5 .subContent #placering_shower a img {
display: inline-block;
}
#sidebar-left .v1 .subContent .placering>li span,
#sidebar-left .v3 .subContent .placering>li span,
#sidebar-left .v5 .subContent #placering_shower>li span {
display: inline-block;
font-size: 10px;
width: 100%;
clear: both;
margin-top: 4px;
margin-bottom: 8px;
}
#sidebar-left .v1 .subContent .placering>li span br,
#sidebar-left .v3 .subContent .placering>li span br,
#sidebar-left .v5 .subContent #placering_shower>li span br {
display: none!important;
}
#main #optionForm,
#main #popup2,
#main #popup4,
#main #popup5 {
margin-left: 0;
margin-top: calc(73.34vW + 21px);
margin-top: calc(97.21vW + 30px);
width: 100%!important;
top: 0;
left: 0!important;
overflow: scroll!important;
height: calc(100vH - 103.21vW - 68px);
min-height: auto;
/* Fix for small screens */
/* min-height: 267px!important; */
}
#main #zoom,
#main #popup2 h2,
#main #popup2 .close {
display: none;
}
#main #popup4 {
/* top: calc(-116vH + 103.21vW); */
/* height: calc(98vH - 68px); */
/* box-shadow: 4px 4px 8px rgba(0,0,0,0.5); */
/* width: 90%!important; */
/* left: 5%!important; */
top: calc(-97.21vW + 0px);
height: calc(90vH - 68px);
box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
width: 90%!important;
left: 5%!important;
max-height: calc(85vH - 68px);
}
#main #popup4 #readmore_title,
#main #popup4 #readmore_subheader,
#main #popup4 #readmore_left,
#main #popup4 #readmore_right {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#main #popup4 #readmore_right {
margin-top: 12px;
}
body .popup p {
margin-left: 5px;
margin-right: 5px;
padding-bottom: 5px!important;
}
#main #popup2 table label {
font-size: 10px;
}
#sidebar-left .subContent p {
text-align: center;
}
#sidebar-left .radioClass {
float: none;
display: inline-block;
}
#sidebar-left .radioClass + label {
display: inline-block;
float: none;
min-width: 120px;
}
#sidebar-left .subContent {
display: block;
/* max-width: 75%; */
/* margin-left: calc(25% - 16px)!important; */
/* padding: 0; */
background: #fff;
padding-bottom: 10px;
}
#sidebar-left .obs {
/* padding: 10px 0 0 5px; */
/* padding: 10px 0 0px 16px; */
padding: 10px 0 0px 0px;
/* text-align: center; */
}
#sidebar-left .subContent form {
padding-left: 0;
}
div#length_options_highline p {margin-left: 0;}
#sidebar-left .v1 .subContent .placering>li span,
#sidebar-left .v3 .subContent .placering>li span,
#sidebar-left .v5 .subContent #placering_shower>li span {
display:block;
font-size:11px;
width:100%;
}
#main #optionTable td {
/* padding: 3px 0px; */
font-size: 10px;
padding: 5px 2px 5px 0px;
}
#main #optionTable td p {
line-height: 100%;
text-align: left;
margin-left: 0;
margin-right: 0;
}
#main #optionForm label {
float: none;
padding: 2px 5px 0 5px;
overflow: hidden;
line-height: 110%;
}
#main #optionForm .radioClass {
float: left;
display: inline-block;
}
#sidebar-left #sideMenu2 .v5>li {
position: absolute;
top: 0;
width: 100%;
/* display: none; */
}
#sidebar-left #sideMenu2 > ul > li:nth-child(1) {
z-index: 990;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(2) {
z-index: 980;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(3) {
z-index: 970;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(4) {
z-index: 960;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(5) {
z-index: 950;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(6) {
z-index: 940;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(7) {
z-index: 930;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(8) {
z-index: 920;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(9) {
z-index: 910;
}
#sidebar-left #sideMenu2 > ul > li:nth-child(10) {
z-index: 900;
}
#sidebar-left #sideMenu2 .modulDesign ul {
margin-left: 0px;
}
#sidebar-left #sideMenu2 .modulDesign li {
width: 50%;
margin: 0;
text-align: center;
}
#sidebar-left #sideMenu2 .modulDesign .placering>li a {
float: none;
display: inline-block;
}
#main #popup2 {
padding: 15px 15px 5px 15px!important;
}
#main #popup2 table td {
padding-bottom: 16px;
}
#main #popup2 p {
width: 100%;
display: inline-block;
}
#main #popup2 .ez-checkbox {
float: left;
display: inline-block;
}
#main #popup2 table label {
font-size: 10px;
margin-top: 4px;
}
#popup5 legend {
font-size: 4vW;
}
#popup5 td {
padding-top: 0!important;
}
#sidebar-left #sideMenu2 #showerProdSerie li {
width: 50%;
margin: 0;
display: inline-block;
float: left;
}
#sidebar-left #sideMenu2 #showerProdSerie li a {
padding:0;
width: 100%;
text-align: center;
}
#sidebar-left .subContent #rist_highline,
#sidebar-left .subContent #rist_classic,
#sidebar-left .subContent #rist_shower {
margin-left: 0px;
padding: 0;
}
#sidebar-left .ristOptions {
padding: 0;
}
#main fieldset#length_fieldset,
#main fieldset#depth_fieldset,
#main #shower_obs,
#depth_vis_under {
padding-left: 5px;
}
#popup5 .length_obs_label {
padding-right: 2px;
min-width: 90px;
width: auto;
}
#sidebar-left #sideMenu3 .saebehylde li {
padding-top: 30px;
width: 50%;
float: left;
padding: 15px!important;
}
#sidebar-left #sideMenu3 .saebehylde li:nth-child(odd) {
clear: both;
}
#sidebar-left #sideMenu3 .saebehylde img {
width: 100%;
height: auto;
}
#sidebar-left #sideMenu3 .saebehylde li span {
font-size: 11px;
}
#sidebar-left #sideMenu4 {
position: inherit;
top: auto;
padding: 0;
display: none;
}
#sidebar-left #sideMenu4 .detailBox {
width: 100%;
overflow: scroll!important;
height: calc(100vH - 103.21vW - 78px);
padding-left: 15px;
padding-right: 15px;
max-width: 330px;
margin: 10px auto 0;
}
#sidebar-left #sideMenu4 .detailBox>dt,
#sidebar-left #sideMenu4 .detailBox>dd {
width: 100%;
margin: 0;
}
#sidebar-left .detailBox>dd dl {
width: 33%;
}
#sidebar-left #sideMenu4 .detailBox p {
margin-left: 0;
margin-right: 0;
}
#soapholder_image {
position: absolute;
top: -97px;
right: 0px;
left: auto;
}
#soapholder_image img {
width: 63%;
float: right;
}
#main>.options,
#main #housingImage {
text-align: center;
padding: 0 0 8px;
position: absolute;
top: calc(-49vH + 103.21vW);
box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
width: 90%!important;
left: 5%!important;
z-index: 999999;
display: none;
background: #fff;
}
#main .options {position:relative;overflow:hidden;
max-width: 300px;
margin: 0 auto;
right: 0%;
left: 0!important;
top:0;
padding: 10px;
}
#main .options p {background:url(../images/serviceicon.png) no-repeat 0 8px;padding:5px 0 0 30px;margin-bottom:5px;font-size:11px;
text-align: left;
display: block;
margin: 5px auto;}
#main .options p a {display:block;padding:4px;}
#main .options #mail ~ form {background:#666;padding:5px;display:none;position:absolute;left:0;top:3px;width:100%;left: 10px;
top: 10px;
width: calc(100% - 20px);}
#main .options #mail ~ form input {float:left;height:17px;width:185px;width: 92%;font-size: 11px;}
#main .options #mail ~ form input[type=submit] {background:url(../images/submit.png) no-repeat 0 0;border:0;width:18px;height:18px}
#main .options #print {background-position:left -16px}
#main .options #disclaimer {background: transparent;padding: 0;}
#main .options #disclaimer a {padding: 8px 0 0 0;text-decoration: underline;}
#main #housingImage img
{
height: auto; /* to remove the 160 that is set up above */
}
#showerProdSerie a>.fixed_for_two_rows {
float: none;
}
}
@media only screen and (max-width: 359px) {
#main #optionTable td p {
text-align: center;
/* display: flex; */
min-height: 32px;
}
#main #optionForm .radioClass {
float: none;
}
#main #optionForm label {
width: 100%;
}
}
#sideMenu4 .options #disclaimer {background: transparent;padding: 0;}
#sideMenu4 .options #disclaimer a {padding: 8px 0 0 0;text-decoration: underline;}