/* 8. CUSTOM LAYOUT & TYPOGRAPHY ----------------------------------------------------------------------------------------*/ body{background: #eeeeee;} input{-webkit-appearance: none;} .mediaQueryDetect{position: absolute; top: 10px; left: 10px; z-index: 1;} .customised-bg{width: 100%; text-align: center; position: absolute; bottom: 0; left: 0px; z-index: 0;} #wrapper { width:100%; min-width:960px; position: relative; z-index: 1;} #wrapper-mobile { display:none; } #header { height:61px; position:relative; background:url(../images/header.png) left top repeat-x; z-index:50; z-index:1000; } #header-mobile { display:none; } #nav-mobile { display:none; } #logo { padding:0; margin:0; display:block; position:absolute; height:58px; width:72px; background:url(../images/logo_bg.png) center center no-repeat; overflow:hidden; z-index:1; } #logo img { max-width:100%; margin-top:13px; } #logo a { display:block; height:58px; width:72px; } #logo span { position:absolute; left:1000px; } #header h1 #logo ~ span { font-size: 10px; position: absolute; left: 40px; top: 20px; z-index: -1; } #header-mobile h1 #logo-mobile ~ span { font-size: 10px; position: absolute; left: 25px; top: 15px; z-index: 0; } #header h1, #header-mobile h1 {margin:0;} h1{font-size: 36px; line-height: 32px; margin: 0;} h2{font-size: 36px; line-height: 32px;} /* NAV */ ul.nav { list-style:none; padding:0; margin:0; /*position:relative;*/ font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; } ul.nav > li { height:58px; font-size:12px; line-height:11px; color:#fff; float:left; } ul.nav > li:hover, ul.nav > li.selected { background:url(../images/header-over.png); } ul.nav > li > a { text-decoration:none; text-transform: uppercase; color:#fff; display:block; padding:25px 11px 0px 11px; height:33px; cursor:pointer; } ul#nav { margin-left:84px; float:left; padding-right:10px;} ul#nav-right {float:right;} ul#nav-right > li .login { display:none; padding:17px 0px; position:absolute; width:238px; } ul#nav-right > li.selected .login { display:block; } ul#nav-right > li .login > label { display:block; font-size:14px; margin-bottom:12px; padding-left:80px; } ul#nav-right > li .login .login-form { padding:0 11px; } ul#nav-right > li .login .form-line { display:block; margin-bottom:5px; } ul#nav-right > li .login .form-line label { float:left; width:60px; margin-right:10px; font-size:12px; line-height:21px; text-align:right; } ul#nav-right > li .login .form-line input[type="text"], ul#nav-right > li .login .form-line input[type="password"] { float:left; width:137px; height:21px; line-height:21px; margin:0; padding:0 1px 0 4px; border:0; background:url(images/input-login.html) } ul#nav-right > li .login .form-line input[type="submit"], ul#nav-right > li .login .form-line input[type="button"], ul#nav-right > li .login .form-line button { display:block; padding:0 10px 7px; width:144px; text-align:left; color:#fff; font-size:12px; height:25px; background:url(images/button-wide.html) no-repeat; margin:0; border:0; cursor:pointer; /*line-height:200px;*/ overflow:hidden; } ul#nav-right > li .login .form-line a { display:block; font-size:10px; padding-left:70px; color:#bbbbbb; text-decoration:underline; } ul#nav-right > li .login .form-line a:hover { color:#eee; } ul#nav-right > li .login .not-registered { background:url(../images/login-panel-section.png) left top repeat-x; margin-top:13px; padding:0 11px; padding-top:14px; text-align:right; } ul#nav-right > li .login .not-registered label { vertical-align:top; font-size:13px; padding-right:5px; line-height:17px; padding-bottom: 5px; display:inline-block; *display:block; } ul#nav-right > li .login .not-registered .go { vertical-align:top; text-decoration:none; display:inline-block; width:39px; height:25px; background:url(images/button-go.html) no-repeat; } ul#nav-right > li .dropdown-nav { display:none; position:absolute; } ul#nav-right > li.selected .dropdown-nav { display:block; } ul#nav-right > li.langs {} ul#nav-right > li.langs > a { display:block; text-decoration:none; text-transform: none; background: url(../images/arrow-down-2.png) no-repeat 12px 56%; padding-left: 24px} ul#nav-right > li.langs > a span.drop { display:block; margin-top: 2px; float:left; width:1px; overflow:hidden; height:10px;} ul#nav-right > li.langs > a span.drop .current_lang { } ul#nav-right > li.langs > a span.lang { margin-left:6px; float:left; height:25px; margin-top:0; } ul#nav-right > li.langs .langs-list { display:none; } ul#nav-right > li.langs.selected .langs-list { display:block; padding-top:5px; width: 64px; } ul#nav-right > li.langs .langs-list a { text-decoration:none; cursor:pointer; display:block; height:25px; padding:6px 11px; background:url(images/lang_en.html) 72% center no-repeat; } ul#nav-right > li.langs .langs-list a:hover { background-color:#7f7f82; } ul#nav-right > li.langs .langs-list a.lang-en { background-image:url(../images/lang_en.png); } ul#nav-right > li.langs .langs-list a.lang-it { background-image:url(../images/lang_it.png); } ul#nav-right > li.langs .langs-list a.lang-fr { background-image:url(../images/lang_fr.png); } ul#nav-right > li.langs .langs-list a.lang-de { background-image:url(../images/lang_de.png); } ul#nav-right > li.langs .langs-list a.lang-ru { background-image:url(../images/lang_ru.png); } ul#nav-right > li.langs .langs-list a.lang-pt { background-image:url(../images/lang_pt.png); } .boxed { background:#5e5e5f url(../images/top-shadow.png) left top repeat-x; border-radius:0 0 3px 3px; -webkit-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75); -moz-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75); box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75);} .dropdown-localization .select-wrapper.lang {background: url("../images/selectbox-divider.png") no-repeat scroll left center transparent;} .dropdown-localization .select-wrapper {height: 50px;background: #5E5E60;} .dropdown-localization .select-wrapper {float: left; position: relative; width: 209px;} .dropdown-localization .o-select { background: none repeat scroll 0 0 #5E5E60; border: medium none; border-radius: 0 0 0 0; color: #FFFFFF; cursor: pointer; font-size: 13px; height: 32px; padding: 17px 0 1px 71px; position: absolute; width: 138px; z-index: 2; } .dropdown-localization .select-wrapper label {position: absolute; top: 17px; left: 10px; color: #fff; font-size: 13px; z-index: 3;} .dropdown-localization .lang .o-select {background: url("../images/selectbox-divider.png") no-repeat scroll left center transparent; padding-left: 84px; width: 125px;} .dropdown-localization .o-select .current {max-width: 102px; height: 10px;} .dropdown-localization .arrow_btn { background: url("../images/arrow-down.png") no-repeat scroll center center transparent; height: 50px; left: 175px; top: 0; position: absolute; width: 22px; z-index: 2; } .dropdown-localization .go-button { cursor:pointer; height: 50px; width: 67px; background: url("../images/selectbox-divider.png") no-repeat scroll left center #5E5E60; border: none; color: #ffffff; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dropdown-localization .go-button { display:none; } .dropdown-localization .go-button + .go-arrow { background: url("../images/arrow-right_sm.png") no-repeat scroll 0 0 #5E5E60; height: 22px; left: 265px; position: relative; top: -35px; width: 8px; } .dropdown-localization .go-button + .go-arrow { display:none; } .dropdown-localization .mCustomScrollBox .mCSB_scrollTools {margin-top: 10px;width: 30px;} .dropdown-localization .mCSB_scrollTools .mCSB_dragger { height: 15px} .dropdown-localization .mCSB_scrollTools .mCSB_draggerRail {background: none repeat scroll 0 0 #656566; width: 3px;} .dropdown-localization .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .dropdown-localization .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: url("../images/dragger.png") no-repeat scroll center center;width: 15px; height: 15px;} .dropdown-localization .mCSB_scrollTools .mCSB_buttonUp, .dropdown-localization .mCSB_scrollTools .mCSB_buttonDown { height: 8px; width: 22px;} .dropdown-localization .mCSB_scrollTools .mCSB_buttonDown { background: url("../images/arrow-down.png") no-repeat 0 0; left: -1px;} .dropdown-localization .mCSB_scrollTools .mCSB_buttonUp { background: url("../images/arrow-up.png") no-repeat 0 0;} .dropdown-localization .select-wrapper {height: 50px;background:#5E5E60;} .dropdown-localization .select-wrapper.open { position: relative; z-index: 10;} .dropdown-localization .select .current { cursor: pointer; background: url(../images/dropdown.html) right center no-repeat; padding: 3px 6px; margin-right: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-localization .o-select ul { list-style: none; padding: 0; background: url("../images/selectbox-divider.png") repeat-y #5E5E60 !important; border: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 209px; position: relative; top: 4px; left: -71px; color: #fff; -webkit-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75); -moz-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75); box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.75); } .dropdown-localization .o-select ul { top: 22px; } .dropdown-localization .o-select ul li { height:17px; } .dropdown-localization .lang .o-select ul{ left: -84px; padding:5px 0;} .dropdown-localization .o-select ul li { padding: 0; margin: 0 5px 0 0; /*padding: 3px 6px;*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dropdown-localization .o-select ul li a { text-decoration:none; padding: 3px 6px; display:block; } .dropdown-localization .o-select ul li a:hover {cursor: pointer; background: url(../images/list-bg.png) no-repeat left center; color: white;} #footer-wrapper {background:#454544 url(../images/footer.jpg) left top repeat-x; min-height:36px; padding-top:16px; box-shadow:0px -3px 5px rgba(0,0,0,0.8); position: relative; z-index: 1;} #footer-wrapper.homepage-foooter { margin:0 auto; /*max-width:960px;*/ background:none; margin-top:35px; box-shadow:none; } .footer { padding-bottom:12px; font-size:11px; line-height:11px;} .footer .copy { float:left; color: white; } .footer .footer-social { float:right;} .footer .footer-social a { float:left; width:23px; height:24px; text-decoration:none; background-position:left top; background-repeat:no-repeat; margin-left:2px; } .footer .footer-social a.facebook { background-image:url(../images/footer-icon-facebook.png); } .footer .footer-social a.twitter { background-image:url(../images/footer-icon-twitter.png); } .footer .footer-social a.youtube { background-image:url(../images/footer-icon-youtube.png); } .footer .footer-social a.google { background-image:url(../images/footer-icon-google.png); } .footer .footer-social a.pinterest { background-image:url(../images/footer-icon-pinterest.png); } .footer .footer-social a:hover { background-position:left -26px; } .footer .footer-nav { float:right; padding-right:10px; font-size:12px; line-height:23px; /*white-space:nowrap;*/ } .footer .footer-nav a { padding:0 4px; text-decoration:none; display:inline-block; } .footer .footer-nav a:hover { text-decoration:underline; color:white; } .content{width: 1004px; margin: auto; position: relative; padding: 0px 10px;} .mainContent{padding-bottom: 400px;} .bx-wrapper .bx-viewport{left: 0;} .slider-container{margin-top: 20px; height: 276px; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .slider-container h1{color: #00667f; margin-bottom: 10px;} .slider-container h2{color: #00667f; margin-bottom: 10px;} .slider-container a, .slider-container a:hover, .slider-container a:visited{color: #686663;} .slider-container ul{padding: 0px; background: white;} .slider-container ul img{float: left; height: 100%; width: auto;} .slider-container ul .copy{width: 260px; float: right; padding: 20px; height: 226px;} .slider-container p{font-size: 13px; line-height: 17px; color: #686663} .content-holder{width: 694px; float: left;} .right-column{width: 300px; float: right;} .content-holder,.right-column{ z-index:1; position: relative;} .content-holder .grid-holder h1{margin-bottom: 20px; color: #444f51} .content-holder .grid-holder h2{margin-bottom: 20px; color: #444f51} .content-holder .grid{margin: 0;} .content-holder .grid-start{overflow: hidden;} .content-holder .grid-start li:nth-child(1),.content-holder .grid-start li:nth-child(2), .content-holder .grid-start li:nth-child(3),.content-holder .grid-start li:nth-child(4){ opacity: 1;} .content-holder .grid li{background: white; padding: 0px; margin-bottom: 20px; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .content-holder .grid li:hover{} .content-holder .grid li .copy, .right-column .copy{padding: 15px;} .content-holder .grid li img, .right-column .image img, .right-column .video img, .right-column .story img, .right-column .promotion img{width: 100%; height: auto;} .content-holder .grid li:hover{background:#e7eff5;} .content-holder .grid li.promotion:hover{background:white} .right-column div.image div.copy:hover, .right-column div.video div.copy:hover, .right-column div.story div.copy:hover{background:#e7eff5; } .content-holder .grid .story img, .entry-container.story img{border-bottom: 8px solid #93b7d1;} .right-column .story img {border-bottom: 6px solid #93b7d1;} .content-holder .grid .image img, .fancy-image-container img, .entry-container.image img {border-bottom: 8px solid #00667f;} .right-column .image img {border-bottom: 6px solid #00667f;} .content-holder .grid .video img, .content-holder .grid .video iframe, .fancy-video-container img,.fancy-video-container iframe, .entry-container.video img, .entry-container.video iframe{border-bottom: 8px solid #c6a00d;} .right-column .video img, .right-column .video iframe{border-bottom: 6px solid #c6a00d;} .content-holder .grid .promotion img, .entry-container.promotion img{border-bottom: 8px solid #444f51;} .right-column .promotion img {border-bottom: 6px solid #444f51;} .right-column a.fancy, .right-column a.fancy img { margin-bottom: -5px;} .right-column .story div.copy { margin-top: -5px;} .content-holder .grid .bottom-info, .right-column .bottom-info{margin-bottom: 0;} .content-holder .grid .promotion .bottom-info, .content-holder .grid .story .bottom-info{margin-top: 40px;} .content-holder .grid .promotion h2, .content-holder .grid .promotion h2 span, .right-column .promotion h2 span { color: #444f51;} .content-holder .grid h2, .content-holder .grid h2 span, .right-column h2 span, .content-holder .grid h3, .content-holder .grid h3 span, .right-column h3 span, .content-holder .grid div.titlestory, .content-holder .grid div.titlestory span, .right-column div.titlestory, .right-column div.titlestory span{color: #93b7d1; font-size: 26px; line-height: 28px} .content-holder .grid p, .right-column p{color: #686663; font-size: 13px; line-height: 16px;} .content-holder .load-more{display: block; padding: 8px 0px; background: #444f51; color: white; text-align: center; font-size: 16px; font-weight: bold; z-index: 1; position: relative; width: 98%; margin-top: 20px; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .content-holder .share .icon, .fancy-item-container .share .icon, .entry-container .share .icon, .right-column .share .icon{display: block; width: 25px; height: 21px; float: right; position: relative; top: -3px; cursor: pointer; margin-left: 15px;} .content-holder .video .share .icon, .entry-container .video .share .icon, .video .right-column .share .icon { top: 0px;} .content-holder .image .share .icon, .entry-container .image .share .icon, .image .right-column .share .icon { top: 0px;} .social, .grid li a.social{text-indent: -9999px; display: none; width: 24px; height: 24px; float: right; position: relative; top: -3px; cursor: pointer; margin-left: 3px;} .content-holder li.video .share .icon, .fancy-video-container .share .icon, .entry-container.video .share .icon, .right-column .video .share .icon{background: url(../images/share-video.png);} .content-holder li.image .share .icon, .fancy-image-container .share .icon, .entry-container.image .share .icon, .right-column .image .share .icon{background: url(../images/share-image.png);} .content-holder li.story .share .icon, .entry-container.story .share .icon, .right-column .story .share .icon{background: url(../images/share-story.png);} .content-holder li.promotion .share .icon, .entry-container.promotion .share .icon, .right-column .promotion .share .icon{background: url(../images/share-promotion.png);} .content-holder li.story .bottom-info .date{color: #93b7d1;} .content-holder li.promotion .bottom-info .date{color: #444f51;} .content-holder div.video .name, .content-holder div.video .name a, .content-holder div.video .name a span,.content-holder li.video .name, .content-holder li.video .name a, .fancy-video-container .name, .fancy-video-container .name a, .right-column .video .name, .right-column .video .name a, .right-column .video .name a span, .right-column .video h2.name, .right-column .video h3.name, .content-holder .video h2.name, .content-holder .video h3.name, .right-column .video h2.name a, .right-column .video h3.name a, .content-holder .video h2.name a, .content-holder .video h3.name a{color: #c6a00d; font-size: 16px; font-weight: bold;width: 150px; display: inline;margin-bottom: 0px;} .content-holder div.image .name, .content-holder div.image .name a, .content-holder div.image .name a span,.content-holder li.image .name, .content-holder li.image .name a, .fancy-image-container .name, .fancy-image-container .name a, .right-column .image .name, .right-column .image .name a, .right-column .image .name a span, .right-column .image h2.name, .right-column .image h3.name, .content-holder .image h2.name, .content-holder .image h3.name, .right-column .image h2.name a, .right-column .image h3.name a, .content-holder .image h2.name a, .content-holder .image h3.name a{color: #00667f; font-size: 16px; font-weight: bold;width: 150px; display: inline;margin-bottom: 0px;} .social.pinterest{background: url(../images/pinterest-icon.png); } .social.twitter{background: url(../images/twitter-icon.png); } .social.facebook{background: url(../images/facebook-icon.png); } .fancy-item-container{display:none; padding-top: 10px;} .fancy-item-container .bottom-info{margin: 10px 0px 5px;} .fancybox-close{top: 2px; right: 10px; background: none} .fancybox-close:after{content:"Close"; display:block; color: #00667f; text-decoration: underline;} .right-column .copy {background-color:white;} .right-column .image, .right-column .video, .right-column .story, .right-column .promotion {padding-bottom:15px;} .filter-content{text-align: center; margin: 40px 0px 20px 0px;} .filter-content p, .filter-content ul, .filter-content ul li, .filter-content ul li a{display: inline-block; list-style: none} .filter-content ul li a{width: 110px; margin: 0px 2px; font-size: 16px; line-height: 24px; height: 28px} .filter-content ul li select{width: 190px; position: relative; top: 1px; border: 1px solid #696969; padding: 3px 0px 4px 0px; font-size: 14px;} .filter-content ul li a{color: white;} .filter-content ul li.videos a{background:#c6a00d;} .filter-content ul li.images a{background:#00667f;} .filter-content ul li.stories a{background:#93b7d1;} .filter-content ul li.promotions a{background:#444f51;} .filter-content ul li.videos a:hover, .filter-content ul li.videos.active a{-webkit-box-shadow: inset 1px 2px 6px 0px rgba(176,129,0,1);-moz-box-shadow: inset 1px 2px 6px 0px rgba(176,129,0,1);box-shadow: inset 1px 2px 6px 0px rgba(176,129,0,1);} .filter-content ul li.images a:hover, .filter-content ul li.images.active a{-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,70,87,1);-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,70,87,1);box-shadow: inset 1px 2px 6px 0px rgba(0,70,87,1);} .filter-content ul li.stories a:hover, .filter-content ul li.stories.active a{-webkit-box-shadow: inset 1px 2px 6px 0px rgba(98,148,184,1);-moz-box-shadow: inset 1px 2px 6px 0px rgba(98,148,184,1);box-shadow: inset 1px 2px 6px 0px rgba(98,148,184,1);} .filter-content ul li.promotions a:hover, .filter-content ul li.promotions.active a{-webkit-box-shadow: inset 1px 2px 6px 0px rgba(25,33,34,1);-moz-box-shadow: inset 1px 2px 6px 0px rgba(25,33,34,1);box-shadow: inset 1px 2px 6px 0px rgba(25,33,34,1);} .filter-content p{color: #6c6c6a; font-size: 16px; margin-right: 10px;} .inner-wrapper{margin-top: 20px;} .scfForm {margin-bottom: 10px;} .scfForm .success-message { color: #333359; font-size: 1.4em; line-height: 1.4em; color: #333359; padding: 10px; margin-top: 0px; } .scfSectionLegend { display: none; } .scfForm p{padding: 0 20px; margin:0; margin-top: 15px; color: #686663; font-size: 13px; line-height: 18px} .scfForm, .jacuzzi-map{background: white; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .jacuzzi-map {margin-bottom: 20px;} .jacuzzi-map img {height: auto; width: 100%;} .content-holder .grid-holder .scfForm h1,.right-column .scfForm h1, .scfForm h1, .content-holder .grid-holder .scfForm h2, .right-column .scfForm h2, .scfForm h2, .right-column h2, .content-holder .grid-holder .scfForm div.title, .right-column .scfForm div.title, .scfForm div.title, .right-column div.title{background: #444f51; padding: 10px 15px; color: white; margin: 0; font-size: 1.7em; line-height: 1.4em;} .scfForm .scfSectionContent{padding: 15px;} .jacuzzi-map .map-contents{padding: 15px;} .scfSubmitSummary { padding-left: 15px;padding-right: 15px;} .back-button, .back-button-small {cursor:pointer;} .scfForm .scfSectionBorderAsFieldSet { width: 100%;} .scfForm .scfEmailGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfSingleLineGeneralPanel, .scfForm .scfPasswordGeneralPanel, .scfForm .scfNumberGeneralPanel, .scfForm .scfDatePickerGeneralPanel, .scfForm .scfDateGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfFileUploadGeneralPanel, .scfForm .scfDateSelectorGeneralPanel, .scfForm .scfCreditCardGeneralPanel, .scfForm .scfConfirmPasswordGeneralPanel, .scfForm .scfCaptchaGeneralPanel, .scfForm .scfTelephoneGeneralPanel, .scfForm .scfSmsTelephoneGeneralPanel {width: 94%;} .scfForm input, .scfForm textarea{width: 95%; background: #b5b5b7;color: white; border: 0; padding: 6px 3%; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 8px;} .scfForm .scfSingleLineTextLabel, .scfForm .scfEmailLabel, .scfForm .scfTelephoneLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfDropListLabel{display: none;} .checkbox {display:inline-block; float: left; width: 21px; height: 21px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/check_icon.png) no-repeat; cursor:pointer;} .checkbox.checked{background:url(../images/check_icon_checked.png) no-repeat;} .scfSingleLineTextBorder, .scfEmailBorder, .scfTelephoneBorder, .scfSingleLineGeneralPanel{position: relative;} .scfRequired{position: absolute; top: 0; color: red; font-size: 16px; display: none;} .scfCheckboxBorder{clear:both; margin-bottom: 8px; min-height: 21px;} .scfCheckbox label{display: block;line-height: 14px;} .scfDropListGeneralPanel {margin-bottom: 10px; position: relative; left: 0px;} .selectbox .display .arrow_btn {width: 30px; height: 30px; padding: 0; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: #444f51 url(../images/drop-down.png) center center no-repeat; position: absolute; top: 0; right: 0px;} .selectbox .display { background: #b5b5b7; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff;height: 30px;} .scfForm a{color:black; text-decoration: underline;} .scfForm a:hover{text-decoration: none;} .scfForm .scfSubmitButtonBorder input, .scfForm input[type="submit"]{margin-left:15px; width: 90%; color: white; background: #c6a00d; text-align: left; cursor: pointer; margin-top: 20px; padding: 0px 10px; line-height: 30px; height: 30px;} .jacuzzi-map a, .sponsor-area a, .entry-container p.back a{color: white; background: #c6a00d; text-align: left; display: block; border-radius: 6px; padding: 0px 10px; line-height: 30px; height: 30px; font-size: 13px; margin-top: 10px;} .jacuzzi-map h1, .jacuzzi-map h2, .jacuzzi-map h3.header, .jacuzzi-map .header, .jacuzzi-map h1 span, .jacuzzi-map h2 span, .jacuzzi-map h3.header span, .jacuzzi-map .header span{color: #00667f; margin-bottom: 5px; padding: 15px; padding-bottom: 0; font-size: 36px; line-height: 32px;} .promotion-page h1, .promotion-page h2 {display:none;} .promotion-page .scfForm {box-shadow: none;} .sponsor-area{position: relative; top: -3px; width: 750px; margin: auto; height: 60px; overflow: hidden; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .sponsor-area li{padding: 5px 10px;} .sponsor-area img{float: left; margin-right: 20px;} .sponsor-area p{ display: inline; font-size: 24px; text-transform: uppercase; margin-bottom:0; top: 6px; position: relative;} .sponsor-area a{float: right; position: relative; top: 0px; text-transform: none; padding-right: 25px; margin-right:25px;} .entry-container {width: 676px; background: white; margin-bottom: 20px; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} .entry-container img{width: 100%;height: auto} .entry-container .copy{padding: 15px;} .entry-container .date{float: right; margin-left: 10px;} .entry-container.story .date{color: #93b7d1;} .entry-container.promotion .date{color: #444f51;} .entry-container.video .date{color: #c6a00d;} .entry-container.image .date{color: #00667f;} .entry-container h1{font-size: 38px; margin: 30px 0px} .entry-container.story h1{color: #93b7d1;} /*.entry-container.promotion h1{color: #444f51;}*/ .entry-container.video h1{color: #c6a00d;} .entry-container.image h1{color: #00667f;} .entry-container p{color: #686663; font-size: 13px; line-height: 18px;} .entry-container p.back a{display: inline-block; padding-right: 100px;} .back-button{position: absolute; top: -3px; left: 10px; display: inline-block; padding: 20px 10px 20px 30px; background:#c6a00d url(../images/back-arrow.png) no-repeat 5px center; color: white; font-size: 30px; -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.65);} a.back-button:hover { color: white;} /* 9. CUSTOM LAYOUT & TYPOGRAPHY - RESPONSIVE ----------------------------------------------------------------------------------------*/ @media screen and (max-width: 1040px) { .mediaQueryDetect{z-index: 2;} div, p{box-sizing: border-box;-moz-box-sizing: border-box;} #wrapper, .inner-wrapper, .content{width: 100%; min-width: 0;} .bx-wrapper .bx-controls-direction a.bx-prev{right: 40px;} .bx-wrapper .bx-controls-direction a.bx-next{right: 10px;} .customised-bg img{width: 100%;height: auto;} .content{padding-left: 20px; padding-right: 20px;} .slider-container{width: 100%;} .slider-container img{width: auto;height: auto; position: absolute;z-index:0} .slider-container ul .copy, .right-column ul{position: relative;z-index: 1;background: white;height: 276px;} .slider-container ul .copy,.right-column{ width: 40%; } .content-holder{width: 59%;} .fancy-item-container img, .fancy-item-container iframe{width: 100%;} .back-button span{display: none;} .back-button{margin-left: 20px; padding-right: 5px;} .entry-container{width: 98%;} .map-contents img{ width: 100%; height: auto; } } @media screen and (max-width: 860px) { .mediaQueryDetect{z-index: 3;} .sponsor-area {width: 100%; height: auto;} .sponsor-area li{padding: 15px;} .sponsor-area p{ display: inline; font-size: 24px; text-transform: uppercase; margin-bottom:0; top: 6px; position: relative;} .sponsor-area a{ float: none;height: 24px;line-height: 24px; margin-top: 10px;display:block;clear: both;} .back-button{position: relative; top: 0px; left:0; margin-left:0; margin-bottom: 20px; padding: 20px 30px 20px 40px;} .back-button span{display: inline;} .inner-wrapper{margin-top: 20px;} } @media screen and (max-width: 694px) { .mediaQueryDetect{z-index: 4;} .content-holder, .right-column{width: 100%;float: none;} .content{padding-left:2%; padding-right: 2%;} .content-holder .grid li{margin: 10px 1%;} .content-holder{margin-left: -1%;margin-right: -1%;width: 102%;} .slider-container{height: auto;} .slider-container ul img{width: 100%;min-height: 0;height: auto;position: static } .right-column .jacuzzi-map img{width: 100%;} .slider-container ul .copy{width: 100%;height: auto;} .bx-wrapper .bx-controls-direction a{display: none} .footer .copy {float: none;} .footer .footer-social {overflow: hidden; padding: 3px 0px;float: none; margin-left: 21px; margin-top: 6px; } .footer .footer-nav {float: none;margin-left: 21px;} .mainContent{padding-bottom: 150px;} .load-more{ margin: 20px auto 0px;} .right-column{margin-top: 20px;} .filter-content{margin: 20px 0px;} .filter-content li{margin-bottom: 5px;} .entry-container{margin:auto; margin-bottom: 20px;} } @media screen and (max-width: 600px) { .mediaQueryDetect{z-index: 5;} .content {padding-left: 10px; padding-right: 10px;} .content-holder{margin: 0;width: 100%;} .sponsor-area {width: 98%;} .back-button{margin-left: 1%;} } @media screen and (max-width: 480px) { .mediaQueryDetect{z-index: 6;} #logo{left: 9px; top: 7px; height: 30px; width: 72px; background-size: cover;} #header{background: #5f5f5f; height: 44px; box-shadow: 0px 2px 3px rgba(0,0,0,0.7);} ul.nav > li > a{padding-top: 10px;} ul#nav {margin-left: 90px; width: 80px;} ul#nav-right > li.langs > a span.lang{margin-top: 5px;} .back-button{top: -12px; margin-bottom: 8px;} } .story .bx-wrapper .bx-controls-direction a, .promotion .bx-wrapper .bx-controls-direction a{display: block;} .story .bx-wrapper .bx-controls-direction a.bx-prev, .promotion .bx-wrapper .bx-controls-direction a.bx-prev{right: 25px;} .story .bx-wrapper .bx-controls-direction a.bx-next, .promotion .bx-wrapper .bx-controls-direction a.bx-next{right: 0px;} .sponsor-area .sup { font-size: 30%; top: -1.9em; } b.sup { font-weight: normal; } .sup { font-size: 75%; font-style: inherit; padding-left: 1px; position: relative; top: -0.4em; vertical-align: baseline; } .scfForm .scfListBoxGeneralPanel, .scfForm .scfDropListGeneralPanel { display: block; float: left; width: 90%; } /* applied to original