@import url("http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic,700"); .titillium { font-family: "Titillium Web", Helmet, Freesans, sans-serif; font-weight: 600; } .titillium-bold, #mobile-header, #header, #mobile-header-menu a, #mobile-header-aux-menu a, #mobile-header-menu-trigger, .header-dropdown, #register-actions input[type=button], #register-actions input[type=submit], #unregister-actions input[type=button], #unregister-actions input[type=submit], #enquiry-actions input[type=button], #enquiry-actions input[type=submit], #mobile-boat-details-content .quicklinks a, #boat-details-panel-tabs, #find-dealer-map-link, #find-dealer-list-link, .swappr-navigation-link, form .form-field.required:before, form .form-field.invalid:before, .typography .button, .typography .button-dark, .titillium strong { font-family: "Titillium Web", Helmet, Freesans, sans-serif; font-weight: 700; } .titillium-italic, #boat-tagline, .titillium em { font-family: "Titillium Web", Helmet, Freesans, sans-serif; font-style: italic; font-weight: 600; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="range"], form input[type="search"], form input[type="tel"], form input[type="url"], form input[type="color"], form input[type="time"], form input[type="date"], form input[type="week"], form input[type="month"], form input[type|="datetime"], form textarea { height: 3em; *height: 2.99em; line-height: 3em; } ::-webkit-input-placeholder { color: #AAA; } :-moz-placeholder { color: #AAA; } /* Firefox 18- */ ::-moz-placeholder { color: #AAA; } /* Firefox 19+ */ :-ms-input-placeholder { color: #AAA; } input.placeholder { color: #AAA; } textarea.placeholder { color: #AAA; } html { height: 100%; font-size: 0.750em; } @media only screen and (min-width: 641px) { html { min-width: 960px; } } body { background: #fff; color: #6d6e71; /* you can specify a non-scaling font size here. This will override frontender's font size changes for different resolutions */ font-family: Helmet, Freesans, sans-serif; /* font-size: 13px; line-height: 1.35em /* */ } @media only screen and (max-width: 640px) { body { background: #000; } } @media only screen and (min-width: 641px) { body { background: #fff; height: 100%; } } @media only screen and (min-width: 641px) { body { min-width: 960px; } } body.boatdetailspage { background: #000; } @media only screen and (max-width: 1060px) { body { font-size: 0.938em !important; line-height: 1.5em !important; } } @media only screen and (min-width: 641px) { body.weatherpage { min-width: 1200px; } } body.weatherpage #weather-content { max-width: 1020px; } /*! Grid changes & styles */ /*! --------------------------------------------------- */ .container { min-width: 1060px; } .inner-container { margin: 0 auto; } @media only screen and (min-width: 641px) { .inner-container { min-width: 960px; } } /*! Wrapper styles */ /*! --------------------------------------------------- */ /** For responsive sites that will have a left or right vertical menu that becomes visible when toggling a menu button. - The entire site will shift over and show the underneath menu */ #wrapper { min-height: 100%; height: auto !important; overflow: hidden; height: 100%; /*background: #FFF;*/ position: relative; z-index: 9; } @media only screen and (min-width: 641px) { #wrapper { margin: 0 auto -6em auto; } } .responsive #wrapper { position: relative; z-index: 2; overflow: hidden; -webkit-transition: left .25s ease-out, right .25s ease-out; -moz-transition: left .25s ease-out, right .25s ease-out; -ms-transition: left .25s ease-out, right .25s ease-out; transition: left .25s ease-out, right .25s ease-out; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } /*! Header styles */ /*! --------------------------------------------------- */ #mobile-header, #header { height: 200px; margin: 0 0 -94px 0; background: url(../img/headerbg.png) 50% 0 no-repeat; position: relative; z-index: 4; } .sport #mobile-header, .sport #header { background: url(../img/headerbg-green.png) 50% 0 no-repeat; } .cruising #mobile-header, .cruising #header { background: url(../img/headerbg-red.png) 50% 0 no-repeat; } #mobile-header { height: auto; min-height: 200px; background-position: 50% 100% !important; } #mobile-header-logo, #header-logo { background: url(../img/headerlogo.png) 50% 50% no-repeat; width: 280px; height: 200px; } .fishing #mobile-header-logo, .fishing #header-logo { background-image: url(../img/headerlogo-fishing.png); } .sport #mobile-header-logo, .sport #header-logo { background-image: url(../img/headerlogo-sport.png); } .cruising #mobile-header-logo, .cruising #header-logo { background-image: url(../img/headerlogo-cruising.png); } #header-logo { position: absolute; top: 0; left: 50%; margin: 0 0 0 -140px; } #mobile-header-logo { margin: auto; } #header-leftmenu a, #header-rightmenu a { display: inline-block; *display: inline; font-size: 1.167em; padding: 0 .75em; margin: 56px 0 0 0; } #header-leftmenu a, #header-leftmenu a:link, #header-leftmenu a:visited, #header-rightmenu a, #header-rightmenu a:link, #header-rightmenu a:visited { line-height: 2.5em; color: #adafb2; text-transform: uppercase; text-decoration: none; } #header-leftmenu a:hover, #header-leftmenu a:active, #header-rightmenu a:hover, #header-rightmenu a:active { color: #00aedb; } .sport #header-leftmenu a:hover, .sport #header-leftmenu a:active, .sport #header-rightmenu a:hover, .sport #header-rightmenu a:active { color: #9ecd58 !important; } .cruising #header-leftmenu a:hover, .cruising #header-leftmenu a:active, .cruising #header-rightmenu a:hover, .cruising #header-rightmenu a:active { color: #ed2939 !important; } #header-leftmenu { text-align: left; } #header-rightmenu { text-align: right; } #mobile-header-menu { display: none; padding: 1.5em; } #mobile-header-menu a { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #0b0b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #363636 0%, #0b0b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ border: 1px solid #00aedb; border-bottom-width: 2px; display: block; margin: .5em 0; } #mobile-header-menu a, #mobile-header-menu a * { cursor: pointer; } .sport #mobile-header-menu a { border-color: #9ecd58; } .cruising #mobile-header-menu a { border-color: #ed2939; } #mobile-header-menu a:hover, #mobile-header-menu a.hover { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #mobile-header-menu a:active, #mobile-header-menu a.active { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #mobile-header-menu a.small-button { margin: .5em 3em; font-size: 1.1em; height: 2em !important; line-height: 1.75em !important; } #mobile-header-aux-menu { display: none; padding: 1.5em; } #mobile-header-aux-menu a { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #00cee9; /* Old browsers */ background: -moz-linear-gradient(top, #00cee9 0%, #008bcc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cee9), color-stop(100%, #008bcc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00cee9 0%, #008bcc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00cee9 0%, #008bcc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00cee9 0%, #008bcc 100%); /* IE10+ */ background: linear-gradient(to bottom, #00cee9 0%, #008bcc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cee9', endColorstr='#008bcc',GradientType=0 ); /* IE6-9 */ display: block; margin: .5em 0; } #mobile-header-aux-menu a, #mobile-header-aux-menu a * { cursor: pointer; } #mobile-header-aux-menu a:hover, #mobile-header-aux-menu a.hover { background: #008bcc; /* Old browsers */ background: -moz-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008bcc), color-stop(100%, #00cee9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* IE10+ */ background: linear-gradient(to bottom, #008bcc 0%, #00cee9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bcc', endColorstr='#00cee9',GradientType=0 ); /* IE6-9 */ } #mobile-header-aux-menu a:active, #mobile-header-aux-menu a.active { background: #008bcc; /* Old browsers */ background: -moz-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008bcc), color-stop(100%, #00cee9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008bcc 0%, #00cee9 100%); /* IE10+ */ background: linear-gradient(to bottom, #008bcc 0%, #00cee9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bcc', endColorstr='#00cee9',GradientType=0 ); /* IE6-9 */ } #mobile-header.open #mobile-header-menu, #mobile-header.open #mobile-header-aux-menu { display: block; } #mobile-header-content { background: #000; text-align: center; } #mobile-header-menu-trigger { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #0b0b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #363636 0%, #0b0b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ border: 1px solid #00aedb; border-bottom-width: 2px; text-align: center; margin-top: -1px; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-top-left-radius: 0; } #mobile-header-menu-trigger, #mobile-header-menu-trigger * { cursor: pointer; } .sport #mobile-header-menu-trigger { border-color: #9ecd58; } .cruising #mobile-header-menu-trigger { border-color: #ed2939; } #mobile-header-menu-trigger:hover, #mobile-header-menu-trigger.hover { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #mobile-header-menu-trigger:active, #mobile-header-menu-trigger.active { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #home #mobile-main-content a { display: block; } /*! Nav dropdown styles */ /*! --------------------------------------------------- */ .header-dropdown { position: absolute; top: 117px; left: 0; z-index: 10; background: #000; background: rgba(0, 0, 0, 0.8); width: 300px; margin: 20px 0 0 0; border-left: 1px solid #00aedb; border-right: 1px solid #00aedb; border-bottom: 10px solid #00aedb; -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.6); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.6); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */ } .sport .header-dropdown { border-left-color: #9ecd58; border-right-color: #9ecd58; border-bottom-color: #9ecd58; } .cruising .header-dropdown { border-left-color: #ed2939; border-right-color: #ed2939; border-bottom-color: #ed2939; } .header-dropdown.thin { width: 200px; } .header-dropdown .dropdown-content-left { width: 100%; } .header-dropdown .dropdown-content-left .dropdown-content { min-height: 35em; } .header-dropdown .dropdown-content-right { display: none; } .header-dropdown.hover .dropdown-content-left { width: 50%; } .header-dropdown.hover .dropdown-content-right { display: block; } .header-dropdown .dropdown-top { position: absolute; top: 0; left: -1px; right: -1px; height: 1px; margin-top: -1px; overflow: hidden; z-index: 2; } .header-dropdown .dropdown-top:after, .header-dropdown .dropdown-top:before { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 1px; background: #00aedb; z-index: 1; } .sport .header-dropdown .dropdown-top:after, .sport .header-dropdown .dropdown-top:before { background: #9ecd58; } .cruising .header-dropdown .dropdown-top:after, .cruising .header-dropdown .dropdown-top:before { background: #ed2939; } .header-dropdown .dropdown-top:after { margin-left: -34px; } .header-dropdown .dropdown-top:before { left: 50%; margin-left: 34px; } .header-dropdown .dropdown-arrow { width: 80px; height: 20px; position: absolute; top: 0; left: 50%; margin-left: -40px; margin-top: -20px; overflow: visible; z-index: 3; /* &:after { position: absolute; top: 0; left: 0; width: 40px; left: 40px; content: ' '; z-index: 9; background: $fishing; } */ } .header-dropdown .dropdown-arrow .dropdown-arrow-left, .header-dropdown .dropdown-arrow .dropdown-arrow-right { position: absolute; width: 50%; height: 100%; left: 0; top: 0; overflow: hidden; } .header-dropdown .dropdown-arrow .dropdown-arrow-left:after, .header-dropdown .dropdown-arrow .dropdown-arrow-right:after { content: ""; position: absolute; top: 8px; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.8); border-top: 1px solid #00aedb; } .sport .header-dropdown .dropdown-arrow .dropdown-arrow-left:after, .sport .header-dropdown .dropdown-arrow .dropdown-arrow-right:after { border-top-color: #9ecd58; } .cruising .header-dropdown .dropdown-arrow .dropdown-arrow-left:after, .cruising .header-dropdown .dropdown-arrow .dropdown-arrow-right:after { border-top-color: #ed2939; } .header-dropdown .dropdown-arrow .dropdown-arrow-left:after { left: 8px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } .header-dropdown .dropdown-arrow .dropdown-arrow-right { left: 50%; } .header-dropdown .dropdown-arrow .dropdown-arrow-right:after { left: -8px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .header-dropdown .dropdown-shadow { position: relative; z-index: 1; } .header-dropdown .dropdown-content a { display: block; padding: 0 0 0 2.5em; margin: 0; } .header-dropdown .dropdown-content a, .header-dropdown .dropdown-content a:link, .header-dropdown .dropdown-content a:visited { line-height: 2.5em; color: #adafb2; text-transform: uppercase; text-decoration: none; } .header-dropdown .dropdown-content a:hover, .header-dropdown .dropdown-content a:active, .header-dropdown .dropdown-content a.hover { color: #00aedb; background: rgba(0, 0, 0, 0.6) url(../img/blue-arrow.png) 1em 50% no-repeat; } .header-dropdown .dropdown-content a:hover#fishing-link, .header-dropdown .dropdown-content a:active#fishing-link, .header-dropdown .dropdown-content a.hover#fishing-link { color: #00aedb; background: rgba(0, 0, 0, 0.6) url(../img/blue-arrow.png) 1em 50% no-repeat; } .sport .header-dropdown .dropdown-content a:hover, .header-dropdown .dropdown-content a:hover#sport-link, .sport .header-dropdown .dropdown-content a:active, .header-dropdown .dropdown-content a:active#sport-link, .sport .header-dropdown .dropdown-content a.hover, .header-dropdown .dropdown-content a.hover#sport-link { color: #9ecd58; background: rgba(0, 0, 0, 0.6) url(../img/green-arrow.png) 1em 50% no-repeat; } .cruising .header-dropdown .dropdown-content a:hover, .header-dropdown .dropdown-content a:hover#cruising-link, .cruising .header-dropdown .dropdown-content a:active, .header-dropdown .dropdown-content a:active#cruising-link, .cruising .header-dropdown .dropdown-content a.hover, .header-dropdown .dropdown-content a.hover#cruising-link { color: #ed2939; background: rgba(0, 0, 0, 0.6) url(../img/red-arrow.png) 1em 50% no-repeat; } .header-dropdown .dropdown-content hr { background-color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); margin-top: 1.25em; margin-bottom: 1.25em; } .header-dropdown .subnav-links { display: none; background-color: rgba(0, 0, 0, 0.6); } .header-dropdown .subnav-links#fishing { margin-top: 0; min-height: 35em; } .header-dropdown .subnav-links#fishing a:hover, .header-dropdown .subnav-links#fishing a:active, .header-dropdown .subnav-links#fishing a.hover { color: #00aedb !important; background: rgba(0, 0, 0, 0.6) url(../img/blue-arrow.png) 1em 50% no-repeat !important; } .header-dropdown .subnav-links#sport { margin-top: 2.5em; min-height: 32.5em; } .header-dropdown .subnav-links#sport a:hover, .header-dropdown .subnav-links#sport a:active, .header-dropdown .subnav-links#sport a.hover { color: #9ecd58; background: rgba(0, 0, 0, 0.6) url(../img/green-arrow.png) 1em 50% no-repeat; } .header-dropdown .subnav-links#cruising { margin-top: 4.95em; min-height: 30.05em; } .header-dropdown .subnav-links#cruising a:hover, .header-dropdown .subnav-links#cruising a:active, .header-dropdown .subnav-links#cruising a.hover { color: #ed2939; background: rgba(0, 0, 0, 0.6) url(../img/red-arrow.png) 1em 50% no-repeat; } /*! Main content styles */ /*! --------------------------------------------------- */ #no-banner { height: 80px; position: relative; } #main { position: relative; z-index: 1; background: transparent; } @media only screen and (min-width: 641px) { #main { min-height: 600px; } } @media only screen and (max-width: 640px) { #main { background: #FFF; } } #main-content { background: url(../img/bannerfade.png) 50% 0 repeat-x; margin-top: -80px; padding-top: 100px; position: relative; z-index: 2; padding-bottom: 2.5em; } @media only screen and (min-width: 641px) { #main-content { min-height: 600px; } } #home #main-content { min-height: 0; } .ccvideolistpage #main, .ccvideolistpage #main-content, .findadealerpage #main, .findadealerpage #main-content, .ccnewslistpage #main, .ccnewslistpage #main-content { /* position: static; */ } #mobile-main-content { padding: 1.5em; text-align: center; } /*! Footer styles */ /*! --------------------------------------------------- */ @media only screen and (min-width: 641px) { #push { height: 6em; } } #footer { border-bottom: 1em solid #00aedb; margin-top: 0; height: 12em; position: relative; z-index: 3; background: #000; color: #808285; overflow: visible; } .sport #footer { border-bottom-color: #9ecd58; } .cruising #footer { border-bottom-color: #ed2939; } #mobile-footer { position: relative; text-align: center; z-index: 3; background: #000; color: #808285; padding: 1.5em; } #mobile-footer-slogan, #footer-slogan { margin-top: .5em; height: 2em; line-height: 2em; background: url(../img/footerslogan.png) 0 50% no-repeat; display: block; width: 306px; margin-left: auto; margin-right: auto; } .sport #mobile-footer-slogan, .sport #footer-slogan { background: url(../img/footerslogan-green.png) 0 50% no-repeat; } .cruising #mobile-footer-slogan, .cruising #footer-slogan { background: url(../img/footerslogan-red.png) 0 50% no-repeat; } #mobile-footer-slogan { height: 2em; line-height: 2em; display: block; margin: 0 auto .5em auto !important; width: 310px !important; background-position: 50% 50%; } #footer-55years { height: 5em; line-height: 5em; background: url(../img/footer-55years.png) 0 50% no-repeat; display: block; width: 326px; } #footer-copyright { display: block; text-align: center; line-height: 2em; margin-bottom: .5em; } #footer-copyright a { color: #808285; } #footer-copyright a:hover { color: #00aedb; } #mobile-footer-copyright { line-height: 2em; display: block; margin-bottom: 1em; } @media only screen and (min-width: 641px) and (max-width: 1120px) { #footer-warranty-cell { width: auto !important; } } #footer-warranty { float: right; background: url(../img/footerwarranty.png) 50% 50% no-repeat; width: 116px; height: 63px; margin-top: -18px; } #mobile-footer-warranty { background: url(../img/footerwarranty.png) 50% 50% no-repeat; margin: auto; width: 116px; height: 63px; } /*! Home page specific styles */ /*! --------------------------------------------------- */ #home-banner { height: 390px; overflow: hidden; position: relative; z-index: 1; } #home-banner img { position: relative; } #home-banner .swappr-navigation { bottom: 100px; } #home-content { max-width: 1200px; } #home-content h5 a { color: #181818; } #home-content h5 a:hover { color: #00aedb; } #home-book-test-drive-panel { width: 320px; } #home-grid { border-right: 1px solid #cecece; } #home-news-cell { border-right: 1px solid #cecece; overflow: hidden; } #home-news-panel { max-height: 140px; padding-right: 1em; margin-bottom: 1em; } #home-weather-cell { border-left: 1px solid #cecece; border-top: 1px solid #cecece; margin-left: -1px; } @media only screen and (max-width: 1200px) { #home-weather-cell p { width: 250px; margin: auto; } #home-weather-cell p a { display: block; overflow: hidden; width: 250px; height: 120px; } #home-weather-cell p a img { display: block; max-width: none !important; width: 266px !important; height: 150px !important; margin: -16px 0 0 -8px; } } @media only screen and (min-width: 1201px) { #home-weather-cell p { width: 319px; margin: auto; } #home-weather-cell p a { display: block; overflow: hidden; width: 319px; height: 144px; } #home-weather-cell p a img { display: block; max-width: none !important; width: 343px !important; height: 173px !important; margin: -16px 0 0 -14px; } } #home-innovation-cell p, #home-accessorise-cell p, #home-weather-cell p { position: relative; height: 140px; text-align: center; overflow: hidden; } @media only screen and (min-width: 1201px) { #home-innovation-cell p img, #home-accessorise-cell p img, #home-weather-cell p img { height: 100% !important; width: auto !important; max-width: none !important; } } #home-innovation-cell { border-left: 1px solid #cecece; margin-left: -1px; } @media only screen and (max-width: 1200px) { #home-innovation-cell p img { max-width: 100% !important; max-height: 100% !important; height: auto !important; } } #home-accessorise-cell { border-right: 1px solid #cecece; border-top: 1px solid #cecece; } @media only screen and (max-width: 1200px) { #home-accessorise-cell p img { max-width: 100% !important; max-height: 100% !important; height: auto !important; } } #home-book-test-drive { background: #007db5; /* Old browsers */ background: -moz-linear-gradient(top, #007db5 0%, #00b3dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007db5), color-stop(100%, #00b3dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #007db5 0%, #00b3dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #007db5 0%, #00b3dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #007db5 0%, #00b3dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #007db5 0%, #00b3dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db5', endColorstr='#00b3dc',GradientType=0 ); /* IE6-9 */ margin: 0; padding: 2em; color: #FFF; font-size: 1.15em; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #home-book-test-drive h3, #home-book-test-drive p { color: #FFF; } #home-book-test-drive a.button, #home-book-test-drive a.button-dark { width: 100% !important; display: block !important; text-align: center; } /*! Register page styles */ /*! --------------------------------------------------- */ .registerpage #main-content, .unregisterpage #main-content { max-width: 480px; margin-left: auto; margin-right: auto; } #register-intro { text-align: left; } #register-actions, #unregister-actions, #enquiry-actions { text-align: right; line-height: 3em; } #register-actions input[type=button], #register-actions input[type=submit], #unregister-actions input[type=button], #unregister-actions input[type=submit], #enquiry-actions input[type=button], #enquiry-actions input[type=submit] { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ color: #00aedb; border: 1px solid #00aedb; border-bottom-width: 2px; margin-left: 1em; } #register-actions input[type=button], #register-actions input[type=button] *, #register-actions input[type=submit], #register-actions input[type=submit] *, #unregister-actions input[type=button], #unregister-actions input[type=button] *, #unregister-actions input[type=submit], #unregister-actions input[type=submit] *, #enquiry-actions input[type=button], #enquiry-actions input[type=button] *, #enquiry-actions input[type=submit], #enquiry-actions input[type=submit] * { cursor: pointer; } .sport #register-actions input[type=button], .sport #register-actions input[type=submit], .sport #unregister-actions input[type=button], .sport #unregister-actions input[type=submit], .sport #enquiry-actions input[type=button], .sport #enquiry-actions input[type=submit] { color: #9ecd58; border-color: #9ecd58; } .cruising #register-actions input[type=button], .cruising #register-actions input[type=submit], .cruising #unregister-actions input[type=button], .cruising #unregister-actions input[type=submit], .cruising #enquiry-actions input[type=button], .cruising #enquiry-actions input[type=submit] { color: #ed2939; border-color: #ed2939; } #register-actions input[type=button]:hover, #register-actions input[type=button].hover, #register-actions input[type=submit]:hover, #register-actions input[type=submit].hover, #unregister-actions input[type=button]:hover, #unregister-actions input[type=button].hover, #unregister-actions input[type=submit]:hover, #unregister-actions input[type=submit].hover, #enquiry-actions input[type=button]:hover, #enquiry-actions input[type=button].hover, #enquiry-actions input[type=submit]:hover, #enquiry-actions input[type=submit].hover { color: #00aedb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7ff), color-stop(100%, #d6dce3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f7ff 0%, #d6dce3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#d6dce3',GradientType=0 ); /* IE6-9 */ } .sport #register-actions input[type=button]:hover, .sport #register-actions input[type=button].hover, .sport #register-actions input[type=submit]:hover, .sport #register-actions input[type=submit].hover, .sport #unregister-actions input[type=button]:hover, .sport #unregister-actions input[type=button].hover, .sport #unregister-actions input[type=submit]:hover, .sport #unregister-actions input[type=submit].hover, .sport #enquiry-actions input[type=button]:hover, .sport #enquiry-actions input[type=button].hover, .sport #enquiry-actions input[type=submit]:hover, .sport #enquiry-actions input[type=submit].hover { color: #9ecd58; } .cruising #register-actions input[type=button]:hover, .cruising #register-actions input[type=button].hover, .cruising #register-actions input[type=submit]:hover, .cruising #register-actions input[type=submit].hover, .cruising #unregister-actions input[type=button]:hover, .cruising #unregister-actions input[type=button].hover, .cruising #unregister-actions input[type=submit]:hover, .cruising #unregister-actions input[type=submit].hover, .cruising #enquiry-actions input[type=button]:hover, .cruising #enquiry-actions input[type=button].hover, .cruising #enquiry-actions input[type=submit]:hover, .cruising #enquiry-actions input[type=submit].hover { color: #ed2939; } #register-actions input[type=button]:active, #register-actions input[type=button].active, #register-actions input[type=submit]:active, #register-actions input[type=submit].active, #unregister-actions input[type=button]:active, #unregister-actions input[type=button].active, #unregister-actions input[type=submit]:active, #unregister-actions input[type=submit].active, #enquiry-actions input[type=button]:active, #enquiry-actions input[type=button].active, #enquiry-actions input[type=submit]:active, #enquiry-actions input[type=submit].active { color: #202020; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top-width: 1px; border-bottom-width: 1px; } /*! Contact Page specific styles */ /*! --------------------------------------------------- */ .contactpage #main-content { max-width: 960px; margin-left: auto; margin-right: auto; } #contact-info-panel { padding-top: 5.4em; } /*! Book a Test Drive page specific styles */ /*! --------------------------------------------------- */ .booktestdrivepage #main-content { max-width: 720px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 641px) { .prefer-option { margin: 2em 0 0 1em !important; line-height: 3em !important; } } .optionset { list-style: none !important; margin: 0 !important; padding: 0 !important; } .optionset li { display: block; margin: 0; padding: 0; line-height: 2em; } .optionset.inline li { display: inline-block; margin: 0 0 0 2em; } .optionset.inline li:first-child { margin-left: 0; } #enquiry-actions { margin: 2em 0 0 0; } /*! Boats Landing page specific styles */ /*! --------------------------------------------------- */ #fishing-panel, #sport-panel, #cruising-panel { position: relative; overflow: visible; margin-bottom: 1px; } @media only screen and (min-width: 641px) { #fishing-panel, #sport-panel, #cruising-panel { background: #101010; } } @media only screen and (max-width: 640px) { #fishing-panel, #sport-panel, #cruising-panel { background: #000 !important; } } #fishing-panel .panel-label, #sport-panel .panel-label, #cruising-panel .panel-label { width: 365px; height: 75px; display: block; position: absolute; z-index: 5; top: 50%; left: -1.5em; margin-top: -35px; } @media only screen and (min-width: 641px) { #fishing-panel .background-image-container, #sport-panel .background-image-container, #cruising-panel .background-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } } @media only screen and (max-width: 640px) { #fishing-panel .background-image-container, #sport-panel .background-image-container, #cruising-panel .background-image-container { position: relative; top: 0; left: 0; width: 100%; height: 360px; overflow: hidden; z-index: 2; } } #fishing-panel .background-image, #sport-panel .background-image, #cruising-panel .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #fishing-panel .background-image img, #sport-panel .background-image img, #cruising-panel .background-image img { position: relative; } @media only screen and (min-width: 641px) { #fishing-panel .panel-nav, #sport-panel .panel-nav, #cruising-panel .panel-nav { position: absolute; top: 0; left: 0; width: 320px; height: 100%; z-index: 3; overflow: hidden; } #fishing-panel .panel-nav .panel-nav-label, #sport-panel .panel-nav .panel-nav-label, #cruising-panel .panel-nav .panel-nav-label { display: block; width: 290px; height: 60px; margin: 2em 1.5em; } #fishing-panel .panel-nav .panel-nav-links, #sport-panel .panel-nav .panel-nav-links, #cruising-panel .panel-nav .panel-nav-links { position: absolute; top: 0; left: 0; width: 320px; height: 100%; overflow: hidden; z-index: 1; -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px); transform: translateX(-320px); -webkit-transition: -webkit-transform 0.15s ease-out; -moz-transition: -moz-transform 0.15s ease-out; -ms-transition: -ms-transform 0.15s ease-out; -o-transition: -o-transform 0.15s ease-out; transition: transform 0.15s ease-out; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right { float: left; width: 50%; display: inline; } #fishing-panel.open .background-image, #sport-panel.open .background-image, #cruising-panel.open .background-image { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); -o-transform: translateX(320px); transform: translateX(320px); } #fishing-panel.open .panel-nav-links, #sport-panel.open .panel-nav-links, #cruising-panel.open .panel-nav-links { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } } @media only screen and (min-width: 641px) and (min-width: 641px) { #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a { display: block; padding: 0 0 0 1.5em; margin: 0 3em; color: #c3c3c3; text-decoration: none; outline: none; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active { background: url(../img/blue-arrow.png) 0 50% no-repeat !important; color: #FFF; } } @media only screen and (max-width: 640px) { #fishing-panel .panel-nav, #sport-panel .panel-nav, #cruising-panel .panel-nav { display: none; width: 100%; height: auto; z-index: 3; } #fishing-panel .panel-nav .panel-nav-label, #sport-panel .panel-nav .panel-nav-label, #cruising-panel .panel-nav .panel-nav-label { display: block; width: 290px; height: 60px; margin: 2em 1.5em; } #fishing-panel .panel-nav .panel-nav-links .clearfix, #sport-panel .panel-nav .panel-nav-links .clearfix, #cruising-panel .panel-nav .panel-nav-links .clearfix { padding-bottom: 2em; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full { float: none !important; width: 100% !important; display: block !important; clear: both !important; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #0b0b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #363636 0%, #0b0b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ border: 1px solid #00aedb; border-bottom-width: 2px; display: block; margin: 0.5em 1em !important; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a *, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a *, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a *, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a *, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a *, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a *, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a *, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a *, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a * { cursor: pointer; } .sport #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .sport #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .sport #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a, .sport #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .sport #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .sport #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a, .sport #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .sport #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .sport #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a { border-color: #9ecd58; } .cruising #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .cruising #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .cruising #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a, .cruising #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .cruising #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .cruising #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a, .cruising #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a, .cruising #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a, .cruising #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a { border-color: #ed2939; } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a.hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a.hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a.hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a.hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a.hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a.hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a.hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a.hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a.hover { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-left a.active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-right a.active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #fishing-panel .panel-nav .panel-nav-links .panel-nav-links-full a.active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a.active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a.active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a.active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a.active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a.active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a.active { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #fishing-panel.open .panel-nav, #sport-panel.open .panel-nav, #cruising-panel.open .panel-nav { display: block; } } @media only screen and (min-width: 641px) { #fishing-panel { height: 27em; } } @media only screen and (max-width: 640px) { #fishing-panel { min-height: 27em; } } #fishing-panel-label { background: url(../img/fishing-intro-link.png) 0 0 no-repeat; } #fishing-panel .panel-nav-label { background: url(../img/fishing-intro-nav.png) 0 0 no-repeat; } @media only screen and (min-width: 641px) { #sport-panel { height: 23em; } } @media only screen and (max-width: 640px) { #sport-panel { min-height: 23em; } } @media only screen and (min-width: 641px) and (min-width: 641px) { #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #sport-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active { background: url(../img/green-arrow.png) 0 50% no-repeat !important; } } @media only screen and (min-width: 641px) and (min-width: 641px) { #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-full a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-left a:active, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:hover, #cruising-panel .panel-nav .panel-nav-links .panel-nav-links-right a:active { background: url(../img/red-arrow.png) 0 50% no-repeat !important; } } #sport-panel-label { background: url(../img/sport-intro-link.png) 0 0 no-repeat; } #sport-panel .panel-nav-label { background: url(../img/sport-intro-nav.png) 0 0 no-repeat; } @media only screen and (min-width: 641px) { #cruising-panel { height: 25em; } } @media only screen and (max-width: 640px) { #cruising-panel { min-height: 25em; } } #cruising-panel-label { background: url(../img/cruising-intro-link.png) 0 0 no-repeat; } #cruising-panel .panel-nav-label { background: url(../img/cruising-intro-nav.png) 0 0 no-repeat; } /*! Boat Details page styles */ /*! --------------------------------------------------- */ #boat-gallery { height: 600px; overflow: hidden; position: relative; z-index: 1; } #boat-gallery img { position: relative; } #boat-gallery .swappr-navigation { top: 9.5em; right: 2em; left: auto; width: auto; } #boat-tagline { position: absolute; top: 2em; right: 1em; width: 8em; height: 0; z-index: 999; font-size: 2.5em; line-height: 1em; color: #FFF; text-align: center; opacity: .6; } #boat-details-panel { background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 2em; height: 100%; width: 24em; margin: 0; z-index: 3; } #mobile-boat-details-title-image, #boat-details-title-image { text-align: center; margin-bottom: 1em; } #mobile-boat-details-title-image img, #boat-details-title-image img { display: inline; max-width: 100% !important; height: auto; } #boat-details-title h1 { text-align: center; color: #00aedb !important; font-size: 5em !important; line-height: 1em !important; margin-bottom: .25em !important; } .sport #boat-details-title h1 { color: #9ecd58 !important; } .cruising #boat-details-title h1 { color: #ed2939 !important; } #boat-details-panel-content { width: 24em; color: #c6c7c8; padding: 3em 1em 0 1em; } #boat-details-panel-content .aus-made { margin: 2em 0 0 0; text-align: center; } #boat-details-panel.open { width: auto; right: 2em; } #boat-details-content { display: none; position: absolute; z-index: 4; } #mobile-boat-details-content { background: #000; color: #FFF; padding: 2em 3em 0 3em; } #mobile-boat-details-content * { color: #FFF; } #mobile-boat-details-content .quicklinks { padding-top: 1em; } #mobile-boat-details-content .quicklinks a { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #0b0b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #363636 0%, #0b0b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ border: 1px solid #00aedb; border-bottom-width: 2px; display: block; margin: .5em 0; } #mobile-boat-details-content .quicklinks a, #mobile-boat-details-content .quicklinks a * { cursor: pointer; } .sport #mobile-boat-details-content .quicklinks a { border-color: #9ecd58; } .cruising #mobile-boat-details-content .quicklinks a { border-color: #ed2939; } #mobile-boat-details-content .quicklinks a:hover, #mobile-boat-details-content .quicklinks a.hover { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #mobile-boat-details-content .quicklinks a:active, #mobile-boat-details-content .quicklinks a.active { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } #boat-details-content.open { display: block; background: rgba(0, 0, 0, 0.4); top: 0; left: 26em; right: 2em; margin: 0; height: 100%; } #boat-details-panel-tabs { margin: 3em -1em 0 -1em; } #boat-details-panel-tabs a { display: block; padding: 0 0 0 2.5em; margin: 0; cursor: pointer; } #boat-details-panel-tabs a, #boat-details-panel-tabs a:link, #boat-details-panel-tabs a:visited { line-height: 2.5em; color: #adafb2; text-transform: uppercase; text-decoration: none; } #boat-details-panel-tabs a:hover { color: #00aedb; } .sport #boat-details-panel-tabs a:hover { color: #9ecd58; } .cruising #boat-details-panel-tabs a:hover { color: #ed2939; } #boat-details-panel-tabs a.hover { color: #00aedb; background: rgba(0, 0, 0, 0.4) url(../img/blue-arrow.png) 1em 50% no-repeat; } .sport #boat-details-panel-tabs a.hover { color: #9ecd58; background: rgba(0, 0, 0, 0.4) url(../img/green-arrow.png) 1em 50% no-repeat; } .cruising #boat-details-panel-tabs a.hover { color: #ed2939; background: rgba(0, 0, 0, 0.4) url(../img/red-arrow.png) 1em 50% no-repeat; } #boat-details-panel-tabs a .panel-tab-trigger-close { cursor: pointer; display: none; float: right; color: #FFF; padding: 0 .5em 0 2.25em; background: url(../img/close-ico.png) 0.5em 50% no-repeat; } .sport #boat-details-panel-tabs a .panel-tab-trigger-close { background: url(../img/close-ico-green.png) 0.5em 50% no-repeat; } .cruising #boat-details-panel-tabs a .panel-tab-trigger-close { background: url(../img/close-ico-red.png) 0.5em 50% no-repeat; } #boat-details-panel-tabs a.hover .panel-tab-trigger-close { display: inline; } .panel-tab-trigger{cursor:pointer;} #boat-details-features, #boat-details-specifications, #boat-details-configurations, #boat-details-tour, #boat-details-upholstery, #boat-details-hull, #boat-details-trim, #boat-details-videos { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; } #boat-details-features .content, .boat-details-test .content, #boat-details-tests .content, #boat-details-specifications .content, #boat-details-extras .content, #boat-details-configurations .content, #boat-details-tour .content, #boat-details-upholstery .content, #boat-details-hull .content, #boat-details-trim .content, #boat-details-videos .content { padding: 8em 3em 1em 3em; color: #FFF; } #boat-details-features .content, .boat-details-test .content, .boat-details-test .content *, #boat-details-tests .content, #boat-details-tests .content *, #boat-details-features .content *, #boat-details-extras .content, #boat-details-extras .content *,#boat-details-specifications .content, #boat-details-specifications .content *, #boat-details-configurations .content, #boat-details-configurations .content *, #boat-details-tour .content, #boat-details-tour .content *, #boat-details-upholstery .content, #boat-details-upholstery .content *, #boat-details-hull .content, #boat-details-hull .content *, #boat-details-trim .content, #boat-details-trim .content *, #boat-details-videos .content, #boat-details-videos .content * { color: #FFF; } #boat-details-features .content hr,, .boat-details-test .content hr, #boat-details-tests .content hr, #boat-details-extras .content hr, #boat-details-specifications .content hr, #boat-details-configurations .content hr, #boat-details-tour .content hr, #boat-details-upholstery .content hr, #boat-details-hull .content hr, #boat-details-trim .content hr, #boat-details-videos .content hr { position: relative; z-index: 2; border-color: rgba(255, 255, 255, 0.3); margin-right: 2.5em; -webkit-box-shadow: 0 1px 3px black; box-shadow: 0 1px 3px black; } #boat-details-features .jspTrack, #boat-details-tests .jspTrack, .boat-details-test .jspTrack, #boat-details-extras .jspTrack, #boat-details-specifications .jspTrack, #boat-details-configurations .jspTrack, #boat-details-tour .jspTrack, #boat-details-upholstery .jspTrack, #boat-details-hull .jspTrack, #boat-details-trim .jspTrack, #boat-details-videos .jspTrack { background: rgba(255, 255, 255, 0.1); } #boat-details-features .jspDrag, #boat-details-tests .jspDrag, .boat-details-test .jspDrag, #boat-details-extras .jspDrag, #boat-details-specifications .jspDrag, #boat-details-configurations .jspDrag, #boat-details-tour .jspDrag, #boat-details-upholstery .jspDrag, #boat-details-hull .jspDrag, #boat-details-trim .jspDrag, #boat-details-videos .jspDrag { background: rgba(0, 0, 0, 0.8); } #boat-details-features .jspTrack .jspActive, #boat-details-tests .jspTrack .jspActive, .boat-details-test .jspTrack .jspActive, #boat-details-extras .jspTrack .jspActive, #boat-details-features .jspTrack .jspHover, #boat-details-features .jspDrag:hover, #boat-details-specifications .jspTrack .jspActive, #boat-details-specifications .jspTrack .jspHover, #boat-details-specifications .jspDrag:hover, #boat-details-configurations .jspTrack .jspActive, #boat-details-configurations .jspTrack .jspHover, #boat-details-configurations .jspDrag:hover, #boat-details-tour .jspTrack .jspActive, #boat-details-tour .jspTrack .jspHover, #boat-details-tour .jspDrag:hover, #boat-details-upholstery .jspTrack .jspActive, #boat-details-upholstery .jspTrack .jspHover, #boat-details-upholstery .jspDrag:hover, #boat-details-hull .jspTrack .jspActive, #boat-details-hull .jspTrack .jspHover, #boat-details-hull .jspDrag:hover, #boat-details-trim .jspTrack .jspActive, #boat-details-trim .jspTrack .jspHover, #boat-details-trim .jspDrag:hover, #boat-details-videos .jspTrack .jspActive, #boat-details-videos .jspTrack .jspHover, #boat-details-videos .jspDrag:hover { background: rgba(0, 0, 0, 0.9); } #mobile-boat-details-features, #mobile-boat-details-tests, .mobile-boat-details-test, #mobile-boat-details-extras, #mobile-boat-details-specifications, #mobile-boat-details-configurations, #mobile-boat-details-upholstery, #mobile-boat-details-hull, #mobile-boat-details-trim, #mobile-boat-details-videos { display: none; } #mobile-boat-details-features .content, #mobile-boat-details-tests .content, .mobile-boat-details-test .content, #mobile-boat-details-extras .content, #mobile-boat-details-specifications .content, #mobile-boat-details-configurations .content, #mobile-boat-details-upholstery .content, #mobile-boat-details-hull .content, #mobile-boat-details-trim .content, #mobile-boat-details-videos .content { padding: 0 2em 1em 2em; color: #FFF; } #mobile-boat-details-features .content, #mobile-boat-details-tests .content, .mobile-boat-details-test .content, .mobile-boat-details-test .content *, #mobile-boat-details-tests .content *, #mobile-boat-details-features .content *, #mobile-boat-details-extras .content, #mobile-boat-details-extras .content *, #mobile-boat-details-specifications .content, #mobile-boat-details-specifications .content *, #mobile-boat-details-configurations .content, #mobile-boat-details-configurations .content *, #mobile-boat-details-upholstery .content, #mobile-boat-details-upholstery .content *, #mobile-boat-details-hull .content, #mobile-boat-details-hull .content *, #mobile-boat-details-trim .content, #mobile-boat-details-trim .content *, #mobile-boat-details-videos .content, #mobile-boat-details-videos .content * { color: #FFF; } #mobile-boat-details-features .content hr, #mobile-boat-details-tests .content hr, .mobile-boat-details-test .content hr, #mobile-boat-details-extras .content hr, #mobile-boat-details-specifications .content hr, #mobile-boat-details-configurations .content hr, #mobile-boat-details-upholstery .content hr, #mobile-boat-details-hull .content hr, #mobile-boat-details-trim .content hr, #mobile-boat-details-videos .content hr { position: relative; z-index: 2; border-color: rgba(255, 255, 255, 0.3); margin-right: 2.5em; -webkit-box-shadow: 0 1px 3px black; box-shadow: 0 1px 3px black; } #boat-details-features h1 + p, #boat-details-extras h1 + p, #boat-details-upholstery h1 + p, #boat-details-trim h1 + p, #boat-details-hull h1 + p { font-size: 1em !important; line-height: 1.35em !important; } #boat-details-features h6, #boat-details-extras h6, #boat-details-upholstery h6, #boat-details-trim h6, #boat-details-hull h6 { background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 3em; padding-left: .5em; text-align: left; } #boat-details-features-content, #boat-details-extras-content, #boat-details-upholstery-content, .boat-details-test-content, #boat-details-configurations-content, #boat-details-tour-content, #boat-details-trim-content, #boat-details-hull-content { position: absolute; top: 14em; left: 3em; bottom: 3em; right: 3em; z-index: 1; padding-top: 1.5em; } #boat-details-features-content, #boat-details-extras-content { top: 6.5em; } #boat-details-features-content .feature-thumb .feature-thumb-title, #boat-details-extras-content .extra-thumb .extra-thumb-title, #boat-details-configurations-content .feature-thumb .feature-thumb-title, #boat-details-tour-content .tour-thumb .tour-thumb-title, #boat-details-upholstery-content .upholstery-thumb .upholstery-thumb-title, #boat-details-trim-content .trim-thumb .trim-thumb-title, #boat-details-hull-content.hull-thumb .hull-thumb-title { font-weight: bold; } #close-gallery-btn { display: none; position: absolute; top: 7em; left: 2em; z-index: 999; } #close-gallery-btn span { float: left; display: inline; position: relative; width: 14px; height: 14px; background: url(../img/close-ico.png) 50% 50% no-repeat; top: .5em; margin-right: .5em; } .sport #close-gallery-btn span { background: url(../img/close-ico-green.png) 50% 50% no-repeat; } .cruising #close-gallery-btn span { background: url(../img/close-ico-red.png) 50% 50% no-repeat; } /*! Pagination styles */ /*! --------------------------------------------------- */ /*! Generic page specific styles */ /*! --------------------------------------------------- */ /*! About page style */ /*! --------------------------------------------------- */ .aboutpage #main-content { max-width: 1200px; margin-left: auto; margin-right: auto; } /*! Accessories your Boat page style */ /*! --------------------------------------------------- */ .accessoriseyourboatpage #main-content { max-width: 1200px; margin-left: auto; margin-right: auto; } /*! Innovation Page style */ /*! --------------------------------------------------- */ .innovationpage #main-content { max-width: 960px; margin-left: auto; margin-right: auto; } /*! Find a Dealer page styles */ /*! --------------------------------------------------- */ @media only screen and (min-width: 641px) { #find-dealer-menu { width: 26em; min-height: 400px; height: 100%; } } @media only screen and (max-width: 640px) { #find-dealer-menu { padding: 1.5em; } } @media only screen and (min-width: 641px) { #find-dealer-menu p a, #find-dealer-menu p a:link, #find-dealer-menu p a:visited { display: block; color: #00aedb; text-decoration: none; padding-left: 2em; cursor: pointer; } #find-dealer-menu p a:hover { color: #0085a8; text-decoration: none; background: url(../img/blue-arrow.png) 1em 50% no-repeat; } } @media only screen and (max-width: 640px) { #find-dealer-menu p a { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ color: #00aedb; border: 1px solid #00aedb; border-bottom-width: 2px; display: block; margin: 0.5em 0; } #find-dealer-menu p a, #find-dealer-menu p a * { cursor: pointer; } .sport #find-dealer-menu p a { color: #9ecd58; border-color: #9ecd58; } .cruising #find-dealer-menu p a { color: #ed2939; border-color: #ed2939; } #find-dealer-menu p a:hover, #find-dealer-menu p a.hover { color: #00aedb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7ff), color-stop(100%, #d6dce3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f7ff 0%, #d6dce3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#d6dce3',GradientType=0 ); /* IE6-9 */ } .sport #find-dealer-menu p a:hover, .sport #find-dealer-menu p a.hover { color: #9ecd58; } .cruising #find-dealer-menu p a:hover, .cruising #find-dealer-menu p a.hover { color: #ed2939; } #find-dealer-menu p a:active, #find-dealer-menu p a.active { color: #202020; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top-width: 1px; border-bottom-width: 1px; } } @media only screen and (min-width: 641px) { #find-dealer-content { z-index: 2; } } @media only screen and (min-width: 641px) { #find-dealer-content:before { position: absolute; top: 0; left: 26em; bottom: 0; right: 0; background: transparent; border-left: 1px solid #FFF; z-index: -1; content: ' '; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } } @media only screen and (max-width: 640px) { #find-dealer-buttons { display: none !important; } } #find-dealer-map-link, #find-dealer-list-link { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ color: #00aedb; border: 1px solid #00aedb; border-bottom-width: 2px; display: inline; float: left; width: 50%; text-align: center; } #find-dealer-map-link, #find-dealer-map-link *, #find-dealer-list-link, #find-dealer-list-link * { cursor: pointer; } .sport #find-dealer-map-link, .sport #find-dealer-list-link { color: #9ecd58; border-color: #9ecd58; } .cruising #find-dealer-map-link, .cruising #find-dealer-list-link { color: #ed2939; border-color: #ed2939; } #find-dealer-map-link:hover, #find-dealer-map-link.hover, #find-dealer-list-link:hover, #find-dealer-list-link.hover { color: #00aedb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7ff), color-stop(100%, #d6dce3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f7ff 0%, #d6dce3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#d6dce3',GradientType=0 ); /* IE6-9 */ } .sport #find-dealer-map-link:hover, .sport #find-dealer-map-link.hover, .sport #find-dealer-list-link:hover, .sport #find-dealer-list-link.hover { color: #9ecd58; } .cruising #find-dealer-map-link:hover, .cruising #find-dealer-map-link.hover, .cruising #find-dealer-list-link:hover, .cruising #find-dealer-list-link.hover { color: #ed2939; } #find-dealer-map-link:active, #find-dealer-map-link.active, #find-dealer-list-link:active, #find-dealer-list-link.active { color: #202020; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top-width: 1px; border-bottom-width: 1px; } #find-dealer-map-link { -webkit-border-bottom-right-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -moz-border-radius-topright: 0 !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border-right: none !important; } #find-dealer-list-link { -webkit-border-bottom-left-radius: 0 !important; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-topleft: 0 !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } #find-dealer-map { display: none; height: 600px; margin-top: -100px; margin-bottom: -3em; margin-left: -.75em; } #find-dealer-map img { max-width: none !important; } @media only screen and (max-width: 640px) { #find-dealer-map { display: none !important; } } #find-dealer-list { display: none; } #find-dealer-list .find-dealer-list-item { border-top: 1px solid rgba(0, 0, 0, 0.25); padding-top: 1em; padding-bottom: 1em; } #find-dealer-list .find-dealer-list-item:first-child { border-top: none !important; } @media only screen and (max-width: 640px) { #find-dealer-list { display: block !important; } } @media only screen and (min-width: 641px) { #find-dealer-list-content { padding: 0 2.5em 0 2.5em; } } @media only screen and (max-width: 640px) { #find-dealer-list-content { padding: 1.5em 2.5em; } } /*! Video page styles */ /*! --------------------------------------------------- */ #video-categories { width: 26em; } @media only screen and (max-width: 640px) { #video-categories { width: 100%; border-bottom: 1px solid #CCC; padding: 0 1em 0 1em; } } #video-categories p a, #video-categories p a:link, #video-categories p a:visited { display: block; color: #00aedb; text-decoration: none; padding-left: 2em; cursor: pointer; line-height: 2em; } #video-categories p a:hover { color: #0085a8; text-decoration: none; background: url(../img/blue-arrow.png) 1em 50% no-repeat; } #video-categories p a.active { color: #00aedb; text-decoration: none; background: #dbf8ff url(../img/blue-arrow.png) 1em 50% no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #video-list { z-index: 2; } #video-list img { max-width: none !important; } @media only screen and (min-width: 641px) { #video-list:before { position: absolute; top: 0; left: 26em; bottom: 0; right: 0; background: transparent; border-left: 1px solid #FFF; z-index: -1; content: ' '; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } } #video-list-content { padding: 0 2.5em 0 2.5em; } /*! Weather page styles */ /*! --------------------------------------------------- */ #weather-regions { width: 26em; } @media only screen and (max-width: 640px) { #weather-regions { width: 100%; border-bottom: 1px solid #CCC; padding: 0 1em 0 1em; } } #weather-regions p a, #weather-regions p a:link, #weather-regions p a:visited { display: block; color: #00aedb; text-decoration: none; padding-left: 2em; cursor: pointer; line-height: 2em; } #weather-regions p a:hover { color: #0085a8; text-decoration: none; background: url(../img/blue-arrow.png) 1em 50% no-repeat; } #weather-regions p a.active { color: #00aedb; text-decoration: none; background: #dbf8ff url(../img/blue-arrow.png) 1em 50% no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #weather-charts { z-index: 2; } #weather-charts img { max-width: 100% !important; } @media only screen and (min-width: 641px) { #weather-charts:before { position: absolute; top: 0; left: 26em; bottom: 0; right: 0; background: transparent; border-left: 1px solid #FFF; z-index: -1; content: ' '; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } } @media only screen and (max-width: 640px) { #weather-content { padding: 0 1.5em 0 1.5em; } } @media only screen and (min-width: 641px) { #weather-content { padding: 0 2.5em 0 2.5em; } } @media only screen and (min-width: 641px) { .border-rite { border-right: 1px solid #CCC; margin-right: -1px; } .border-left { border-left: 1px solid #CCC; } } /*! News page styles */ /*! --------------------------------------------------- */ #news-categories { width: 26em; } @media only screen and (max-width: 640px) { #news-categories { width: 100%; border-bottom: 1px solid #CCC; padding: 0 1em 0 1em; } } #news-categories p a, #news-categories p a:link, #news-categories p a:visited { display: block; color: #00aedb; text-decoration: none; padding-left: 2em; cursor: pointer; line-height: 2em; } #news-categories p a:hover { color: #0085a8; text-decoration: none; background: url(../img/blue-arrow.png) 1em 50% no-repeat; } #news-categories p a.active { color: #00aedb; text-decoration: none; background: #dbf8ff url(../img/blue-arrow.png) 1em 50% no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #news-list { z-index: 2; } #news-list img { max-width: none !important; } @media only screen and (min-width: 641px) { #news-list:before { position: absolute; top: 0; left: 26em; bottom: 0; right: 0; background: transparent; border-left: 1px solid #FFF; z-index: -1; content: ' '; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } } #news-list-content { padding: 0 2.5em 0 2.5em; max-width: 80em; } /*! Reusable elements, classes & page styles */ /*! --------------------------------------------------- */ .video-thumb { display: block; max-width: 280px; margin: auto; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .video-thumb-test{ max-width:100%;} .video-thumb img { position: relative; z-index: 1; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .video-thumb .video-play-button { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/play-button.png) 50% 50% no-repeat; border: 1px solid rgba(0, 0, 0, 0); cursor: pointer; -webkit-transition: border .2s linear, background .2s linear; -moz-transition: border .2s linear, background .2s linear; -ms-transition: border .2s linear, background .2s linear; transition: border .2s linear, background .2s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } @media only screen and (max-width: 640px) { .video-thumb .video-play-button { background-size: auto 35px; } } .video-thumb .video-play-button * { cursor: pointer; } .video-thumb .video-play-button:hover { background-color: rgba(0, 0, 0, 0.25); border: 5px solid rgba(0, 0, 0, 0.45); } .tour-thumb { display: block; max-width: 240px; margin: 0 2em 0 0; position: relative; float: left; } .tour-thumb object, .tour-thumb embed { position: relative; z-index: 1; display: block; } .tour-thumb .tour-play-button { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/play-button.png) 50% 50% no-repeat; border: 1px solid rgba(0, 0, 0, 0); cursor: pointer; -webkit-transition: border .2s linear, background .2s linear; -moz-transition: border .2s linear, background .2s linear; -ms-transition: border .2s linear, background .2s linear; transition: border .2s linear, background .2s linear; } @media only screen and (max-width: 640px) { .tour-thumb .tour-play-button { background-size: auto 35px; } } .tour-thumb .tour-play-button * { cursor: pointer; } .tour-thumb .tour-play-button:hover { background-color: rgba(0, 0, 0, 0.25); border: 5px solid rgba(0, 0, 0, 0.45); } .upholstery-thumb { display: block; max-width: 280px; margin: auto; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .upholstery-thumb img { position: relative; z-index: 1; display: block; width: 100%; height: auto; /* -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; */ } .swappr-loading .swappr-loader { background: transparent !important; width: 250px !important; height: 100px !important; left: 50% !important; top: 50% !important; margin: -50px 0 0 -125px !important; opacity: 1 !important; } .swappr-loading .swappr-loader .loader-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: url(../img/loader-logo.png) 50% 50% no-repeat; } .boatdetailspage .swappr-loading .swappr-loader .loader-logo { background: url(../img/loader-logo-black.png) 50% 50% no-repeat; } .swappr-loading .swappr-loader .loader-progress { position: absolute; top: auto; left: 0; right: 0; bottom: 0; z-index: 1; height: 0; background: #00aedb; -webkit-transition: height .5s ease-out; -moz-transition: height .5s ease-out; -ms-transition: height .5s ease-out; transition: height .5s ease-out; } .sport .swappr-loading .swappr-loader .loader-progress { background: #9ecd58; } .cruising .swappr-loading .swappr-loader .loader-progress { background: #ed2939; } .swappr-navigation-link { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ color: #00aedb; border: 1px solid #00aedb; border-bottom-width: 2px; height: 10px !important; line-height: 10px !important; width: 10px !important; padding: 0 !important; -webkit-border-radius: 999em; -moz-border-radius: 999em; border-radius: 999em; } .swappr-navigation-link, .swappr-navigation-link * { cursor: pointer; } .sport .swappr-navigation-link { color: #9ecd58; border-color: #9ecd58; } .cruising .swappr-navigation-link { color: #ed2939; border-color: #ed2939; } .swappr-navigation-link:hover, .swappr-navigation-link.hover { color: #00aedb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7ff), color-stop(100%, #d6dce3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f7ff 0%, #d6dce3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#d6dce3',GradientType=0 ); /* IE6-9 */ } .sport .swappr-navigation-link:hover, .sport .swappr-navigation-link.hover { color: #9ecd58; } .cruising .swappr-navigation-link:hover, .cruising .swappr-navigation-link.hover { color: #ed2939; } .swappr-navigation-link:active, .swappr-navigation-link.active { color: #202020; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top-width: 1px; border-bottom-width: 1px; } .jspContainer { outline: none !important; } .jspHorizontalBar, .jspVerticalBar { background: transparent; } .jspVerticalBar { width: 10px; } .jspHorizontalBar { width: 10px; } .jspCap { display: block; height: 1px; } .jspTrack { padding: 1px 0; margin: -1px 0; background: rgba(0, 0, 0, 0.1); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .jspDrag { width: 8px; margin: 0 1px; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover { background: rgba(255, 255, 255, 0.9); } .jspArrow { background: url(../img/ui-icons_222222_256x240.png) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .jspVerticalBar > .jspActive, .jspArrow:hover { background-image: url(../img/ui-icons_00aedb_256x240.png); } .jspVerticalBar > .jspDisabled, .jspVerticalBar > .jspDisabled:hover, .jspHorizontalBar > .jspDisabled, .jspHorizontalBar > .jspDisabled:hover { background-color: transparent; background-image: url(../img/ui-icons_888888_256x240.png); } .jspVerticalBar .jspArrow { height: 8px; } .jspHorizontalBar .jspArrow { width: 8px; } .jspArrowUp { background-position: 0 0; } .jspArrowDown { background-position: -64px 0 !important; } .jspArrowLeft { background-position: -96px 0 !important; } .jspArrowRight { background-position: -32px 0 !important; } .panel-back, .panel-back-mobile { background:black; float:right; font-size:15px; padding: 0 15px; border-radius:10px; } .btn-test-data{ display:inline-block; margin-bottom:20px; color:black; background-color:#00aedb; border:1px solid #008cb9; border-radius:10px; padding: 10px 15px; } /*! Additonal form styles */ /*! --------------------------------------------------- */ form .form-field.required, form .form-field.invalid { position: relative; } form .form-field.required .text.holder-required, form .form-field.required .chzn-container .chzn-single, form .form-field.invalid .text.holder-required, form .form-field.invalid .chzn-container .chzn-single { -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -o-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; border-color: #c50f2a; } form .form-field.required:before, form .form-field.invalid:before { position: absolute; z-index: 9; content: 'REQUIRED'; top: 0; right: 0; background: #ed1a39; color: #FFF; font-size: 1em; height: 2em; line-height: 2em; padding: 0 0.8em; text-align: center; margin: 0; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; -o-border-top-right-radius: 0.5em; -o-border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; } form .form-field.required.no-label:before, form .form-field.invalid.no-label:before { top: .5em; right: .5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -o-border-bottom-right-radius: 0.5em; -o-border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; } /*! Facebook Popup styles */ /*! --------------------------------------------------- */ #social-popup { width: 100%; max-width: 580px; height: auto; text-align: center; padding: 1em 2em 0 2em; } #social-popup h1, #social-popup p { color: #FFF; } #social-popup h1 { font-size: 3.5em; } #social-popup p { font-size: 1.5em; } #sponsors-list .sponsor { border-top: 1px solid #E0E0E0; } #sponsors-list .sponsor:first-child { border-top: none; } table.specs { font-size: 1.15em; width: auto; min-width: 420px; background: none; margin: 0 0 1em 0; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.25); border-left: 1px solid rgba(255, 255, 255, 0.25); } @media only screen and (max-width: 640px) { table.specs { min-width: 0; width: 100%; } } table.specs caption { font: 100%; margin-bottom: 0; } table.specs thead, table.specs tfoot { background: rgba(0, 0, 0, 0.1); } table.specs thead tr th, table.specs tfoot tr th, table.specs tbody tr td, table.specs tbody tr th, table.specs tr th, table.specs tr td, table.specs tfoot tr td { font: 100%; margin: 0; padding: .25em 1em !important; text-align: left; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); } table.specs thead tr th, table.specs tfoot tr td { font-weight: bold; color: inherit; } table.specs thead tr th:first-child, table.specs tfoot tr td:first-child { border-left: none; } table.specs thead tr th:last-child, table.specs tfoot tr td:last-child { border-right: none; } table.specs tbody tr.even td, table.specs tbody tr.alt td { background: rgba(0, 0, 0, 0.05); } table.specs tbody tr:nth-child(even) td { background: rgba(0, 0, 0, 0.05); } table.specs tr th { color: #AAA !important; font-weight: normal; } table.specs tr td { font-weight: bold; } table.sbTable tr, table.sbTable td { vertical-align: middle; } table.sbTable td[align="center"] { text-align: center; } .typography h1 { font-size: 3em; line-height: 1.5em; margin: 0 0 .5em 0; } .typography h1 small { font-size: .666em; } /** Style for an introduction/lead paragraphs? */ .intro, .typography .intro { font-size: 1.5em; line-height: 1.35em; font-weight: normal; } .typography h2 { font-size: 2.4em; line-height: 1.5em; margin: .5em 0; padding-top: .35em; } .typography h2 small { font-size: .406em; } .typography h3 { font-size: 2.25em; line-height: 1.5em; margin: .8em 0; padding-top: .45em; } .typography h3 small { font-size: .65em; } .typography h4 { font-size: 1.9em; line-height: 1.5em; margin: 0.750em 0; } .typography h4 small { font-size: 0.813em; } .typography h5 { font-size: 1.6em; line-height: 1.5em; margin: 0.5em 0 .25em 0; } .typography h5 small { font-size: 0.667em; } .typography h6 { font-size: 1em; line-height: 1.5em; margin: 0.25em 0; } .typography h6 small { font-size: 0.833em; } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { font-family: 'Titillium Web'; font-weight: 700; } .typography h1 small, .typography h2 small, .typography h3 small, .typography h4 small, .typography h5 small, .typography h6 small { font-weight: normal; line-height: 1em; } .typography h1:first-child, .typography h2:first-child, .typography h3:first-child, .typography h4:first-child, .typography h5:first-child, .typography h6:first-child { margin-top: 0; } .typography p { line-height: 1.35em; margin: 0 0 1em 0; } .typography p small { font-size: 0.875em; line-height: 1.714em; } .typography p a { text-decoration: underline; } .typography p a:hover, .typography p a:active { text-decoration: none; } .typography blockquote, .typography blockquote p { color: #939497; } .typography hr { color: #CCC; border-color: #CCC; margin: 1em 0; } .typography ul, .typography ol, .typography dl { font-size: 1em; line-height: 1.5em; margin-bottom: 0; } .typography dl dt { font-weight: normal; } .typography .button { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ color: #00aedb; border: 1px solid #00aedb; border-bottom-width: 2px; } .typography .button, .typography .button * { cursor: pointer; } .sport .typography .button { color: #9ecd58; border-color: #9ecd58; } .cruising .typography .button { color: #ed2939; border-color: #ed2939; } .typography .button:hover, .typography .button.hover { color: #00aedb; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7ff), color-stop(100%, #d6dce3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f7ff 0%, #d6dce3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f7ff 0%, #d6dce3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#d6dce3',GradientType=0 ); /* IE6-9 */ } .sport .typography .button:hover, .sport .typography .button.hover { color: #9ecd58; } .cruising .typography .button:hover, .cruising .typography .button.hover { color: #ed2939; } .typography .button:active, .typography .button.active { color: #202020; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top-width: 1px; border-bottom-width: 1px; } .typography .button-dark { text-transform: uppercase; text-decoration: none !important; padding: 0 1em; height: 2.4em; line-height: 2.2em !important; font-size: 1.25em; display: inline-block; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #FFF; background: #363636; /* Old browsers */ background: -moz-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #0b0b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #363636 0%, #0b0b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #363636 0%, #0b0b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */ border: 1px solid #00aedb; border-bottom-width: 2px; } .typography .button-dark, .typography .button-dark * { cursor: pointer; } .sport .typography .button-dark { border-color: #9ecd58; } .cruising .typography .button-dark { border-color: #ed2939; } .typography .button-dark:hover, .typography .button-dark.hover { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ } .typography .button-dark:active, .typography .button-dark.active { color: #FFF; background: #0b0b0b; /* Old browsers */ background: -moz-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b0b0b), color-stop(100%, #363636)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0b0b 0%, #363636 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0b0b 0%, #363636 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0b0b', endColorstr='#363636',GradientType=0 ); /* IE6-9 */ }