html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline
}
:focus {
outline:0
}
body {
font-size:100%;
color:#000;
margin:0;
padding:0
}
ol, ul {
list-style:none
}
table {
border-collapse:separate;
border-spacing:0
}
caption, th, td {
text-align:left;
font-weight:normal
}
blockquote:before, blockquote:after, q:before, q:after {
content:""
}
blockquote, q {
quotes:"" ""
}
.caption {
display:block;
float:left;
width:100%;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 1);
color:white;
font-style:italic;
font-size:18px!important;
text-align:right;
position:relative;
top:-30px;
left:-50px;
/*z-index:300*/
}
.caption-small{
text-shadow: 2px 3px 2px rgba(0, 0, 0, 1);
color: white;
font-style: italic;
text-align: right;
display: block;
float: right;
padding-right:10px;
width: 100%;
font-size: 14px !important;
position: relative;
padding-top:0 !important;
padding-bottom: 0 !important;
z-index: 300 !important;
height: 0;
overflow: visible;
margin-top: -34px !important;
margin-bottom:0 !important;
}
* {
margin:0;
padding:0
}
html, body {
height:100%
}
body {
margin:0;
padding:0;
border:0;
width:100%;
background:#fff;
font-size:1em;
line-height:1.5em;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
-webkit-text-size-adjust:none
}
.fixed {
clear:both;
margin:0 auto;
max-width:1000px;
width:calc(100%- 24px);
text-align:left;
position:relative;
padding:0 12px;
overflow:hidden
}
a {
color:#13a7b3;
text-decoration:underline;
}
a:hover {
}
h1, h2, h3 {
margin: 0 0 .8em 0;
padding: 0;
font-weight: 500;
line-height: 1em;
/* NEW */
}
h2{
line-height: 1.2em;
}
.h2t {
margin: 0 0 .8em 0;
padding: 0;
font-weight: 500;
line-height: 1em;
/* NEW */
}
/*b-splet selection first option gray, reset-adjust the sizes of inputs for all browsers, set placeholder color*/
.inpcustsol,.textareacustsol, .selcustsol,.inpcustsoldate , .inpcustsolresult , .budgetcustsol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid gray;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
/*b-splet new version of forms*/
.inpcustsol2,.textareacustsol2, .selcustsol2,.inpcustsoldate2 , .inpcustsolresult2 , .budgetcustsol2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.selcustsol2 option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.inpcustsol3,.textareacustsol3, .selcustsol3,.inpcustsoldate3 , .inpcustsolresult3 , .budgetcustsol3 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid lightgrey;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
/*override for jquery UI sliders*/
.ui-slider-horizontal .ui-state-default {
z-index: inherit!important;
}
.form_field_wrapper{
margin-bottom:10px;
}
.form_field_wrapper2{
margin-bottom:10px;
width:100%;
}
#myyachts_action_form input.sendBrochureButton{
border:0;
display: inline-block;
padding: 1px 10px 0 20px;
margin: 0;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 3px center;
background-size: auto 50%;
text-transform: uppercase;
font-size: 12px;
line-height: 23px;
/* height: 100%; */
color: #fff;
text-decoration: none;
}
#myyachts_action_form .form-label{
font-size: 0.8em;
font-weight: 500;
}
#myyachts_action_form .form-field{
width: 100%;
padding: 3px;
margin: 0 0 5px;
font-size: 11pt;
font-family: Arial;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
padding: 8px 3px;
margin-top: 5px;
box-sizing: border-box;
border: 1px solid lightgrey;
}
.mail_form_wrapper{
width: 75%;
height: auto;
margin: 0 auto;
padding: 10px;
position: relative;
}
.mail_form_outerwrapper{
text-align: center;
}
.more_padding{
padding-bottom:5px;
}
.enquiry_sidebar_image{
width: 300px;
margin-left: -50px;
margin-top: 40px;
}
.thankyouimage{
position: relative;
left: 50%;
margin-left: -500px;
margin-bottom: -20px;
}
.thankyouimage_mobile{
display:none;
position: relative;
left: 50%;
margin-left: -310px;
}
.center_cropped{
position: relative;
margin: 0;
padding: 0;
max-width: 1000px;
}
.parent {
text-align: center;
}
.child {
display:inline-block;
width:calc( 50% - 3px );
font-size: 10pt;
line-height: 12pt;
vertical-align: top;
margin-bottom:20px;
}
.content_table{
width:100%;
border:0;
}
.content_table td{
width:50%;
vertical-align: middle;
padding:5px;
font-weight: inherit;
}
.content_table img{
width:100%!important;
}
.content_table_even{
width:100%;
border:0;
direction:rtl;
}
.content_table_even td{
width:50%;
vertical-align: middle;
padding:5px;
font-weight: inherit;
}
.content_table_even img{
width:100%!important;
}
.discount{
color:#cb4018;
}
.estimated_total{
color: #00b0f0;
}
ul.results_images li a {
width: 199px !important;
height: 98px !important;
}
ul.results_images li img {
margin-right: 1px;
width: 300px;
height: 197px;
}
.masonry{
column-count: 2;
column-gap: 1em;
margin-bottom: 20px;
}
.spec_grid{
padding:5px;
vertical-align: top;
}
.spec_grid2{
display:inline-block;
width:calc( 49% - 20px );
padding:5px;
vertical-align: top;
height: 50px;
}
.spec_grid2.right{
text-align:right;
}
.spec_grid2.left{
text-align:left;
}
.tdbordertop td{
border-top: 1px solid #E3E3E3;
}
.tdborderbottom td{
border-bottom: 1px solid #E3E3E3;
}
.specials_enquiry_button {
font-size: 16px!important;
line-height: 25px!important;
}
.nonbold th, .nonbold td{
font-weight: 500;
padding-left:5px;
padding-right:5px;
}
.nobreakInside{
margin: 0;
-webkit-column-break-inside: avoid;
/* Chrome, Safari */
page-break-inside: avoid;
/* Theoretically FF 20+ */
break-inside: avoid-column;
/* IE 11 */
display:table;
}
.inlineBlock{
width: 46%!important;
display: inline-block!important;
}
.office_image{
max-width:100%;
margin-bottom:10px;
}
.offices_title{
margin: 0 0 .5em 0;
text-align: center;
margin-bottom: 20px;
}
.enqform_main_title{
text-align: center;
margin-bottom:0 ;
}
.selcustsol :first-child,.budgetcustsol :first-child {
color:gray;
}
.selcustsol2 :first-child,.budgetcustsol :first-child {
color:gray;
}
.inpcustsol::-webkit-input-placeholder,.textareacustsol::-webkit-input-placeholder, .inpcustsoldate::-webkit-input-placeholder, .inpcustsolresult::-webkit-input-placeholder{
color:gray;
}
/*b-splet selection first option gray, reset-adjust the sizes of inputs for all browsers, set placeholder color end*/
.inpcustsol2::-webkit-input-placeholder,.textareacustsol2::-webkit-input-placeholder, .inpcustsoldate2::-webkit-input-placeholder, .inpcustsolresult2::-webkit-input-placeholder{
color:#999;
font-weight:100;
font-family: "Open Sans", sans-serif;
}
.inpcustsol2::-webkit-input-placeholder,.darkgray::-webkit-input-placeholder, .darkgray::-webkit-input-placeholder, .darkgray::-webkit-input-placeholder{
color:gray!important;
}
.inpcustsol3::-webkit-input-placeholder,.textareacustsol3::-webkit-input-placeholder, .inpcustsoldate3::-webkit-input-placeholder, .inpcustsolresult3::-webkit-input-placeholder{
color:#999;
font-weight:100;
font-family: "Open Sans", sans-serif;
}
.inpcustsol3::-webkit-input-placeholder,.darkgray::-webkit-input-placeholder, .darkgray::-webkit-input-placeholder, .darkgray::-webkit-input-placeholder{
color:gray!important;
}
.italics::-webkit-input-placeholder{
font-style: italic;
}
.italics::-moz-placeholder{
font-style: italic;
color:#999;
}
.currency_selection + label{
/* keep pointer so that you get the little hand showing when you are on a button */
cursor: pointer;
/* the following are the styles */
padding: 4px 10px;
border: 1px solid #ccc;
background: #efefef;
color: #aaa;
border-radius: 3px;
text-shadow: 1px 1px 0 rgba(0,0,0,0);
}
.currency_selection:checked + label{
/* style for the checked/selected state */
background: #777;
border: 1px solid #444;
text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
color: white;
}
.details_left{
width:200px;
display: inline-block;
}
.details_right{
width:calc(100%-200px);
display: inline-block;
}
h4{
font-weight: 500;
padding-bottom:5px;
}
h2.specialh2{
color:#ea4f25;
}
p {
margin:0 0 .8em 0;
padding:0
}
strong, b {
font-weight:500
}
.uppercase {
text-transform:uppercase
}
.anchor_text{
font-size: 14px;
text-align:center;
padding-left:10px;
padding-right:10px;
}
.anchor_text a{
font-size: 14px;
line-height: 1em;
}
.bbintroduces{
margin-top:70px;
color: #13a7b3;
}
.textareacustsol{
padding:5px;
}
.textareacustsol2{
padding:5px;
}
.textareacustsol3{
padding:5px;
}
.maincontentbody p a {
font-weight: 500;
}
.maincontentbody p.anchor_text, .maincontentbody p.anchor_text a{
font-weight: 500;
}
/* ------------------------------------------------------------- HACKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clearfix:after {
content:"";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.clearfix {
display:block
}
.clearfloat {
clear:both;
height:0;
line-height:0;
font-size:0;
display:block
}
.margin10{
margin:10px 0 10px 0 !important;
}
/*b-splet*/
.hide_568{
display:inline;
}
.show_568{
display:none;
}
.show_568b{
display:none;
}
.hide_768{
display:inline;
}
.show_768{
display:none;
}
.hide_768b{
display:block;
}
.show_768b{
display:none;
}
.mobileHide500 {
display:block !important
}
.mobileShow500 {
display:none !important
}
.green.hide_768b{
padding-bottom:5px;
}
.cabinNumber h1{
font-style: normal;
font-size: 20px;
}
.show_568786{
display:none;
}
.bold{
font-weight:bold;
}
.pc70{
width:70%;
}
.btnReserve2 {
display: block;
position: relative;
margin:5px 0 0;
line-height: 20px;
font-size: 16px;
background: #13a7b3;
font-weight:300;
padding:5px 0 3px 35px;
color: #fff;
text-decoration:none;
text-transform: uppercase;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
text-align: center;
}
.btn01orangeWide2 {
display: block;
position: relative;
margin:5px 0 0;
line-height: 20px;
font-size: 16px;
font-weight:300;
padding:5px 0 3px 35px;
color: #fff;
text-decoration:none;
text-transform: uppercase;
background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
text-align: center;
}
.wrapperInner hr{
margin-top: 25px;
margin-bottom: 25px;
}
.HP_topimage{
position: relative;
/* center image on mobile left: 50%;
margin-left: -500px;
*/
/*align image to the right on mobile left: 100%;
margin-left: -1000px;
*/
left: 80%;
margin-left: -800px;
top:-100px;
}
#validation_error{
color: red;
font-weight: bold;
}
/*b-splet*/
/* ------------------------------------------------------------- HEADER STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#enquiryformsecond ul{
margin-top:10px;
margin-bottom: 20px;
}
#enquiryformsecond ul li, #enquiryformsecond ul li input, #enquiryformsecond ul li select{
font-family: 'Open Sans';
}
#enquiryformsecond ul li select option{
font-family: 'Open Sans';
padding-left: 4px;
}
#header {
position:relative;
clear:both;
width:100%;
background-color: #ffffff;
z-index: 99;
}
.column01 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:24.6%;
line-height:20px;
color:#cb4018
}
.column02 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:50%;
text-align:center
}
.column0202 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
text-align:center
}
.column03 {
position:relative;
float:right;
padding:10px 0 0;
margin:0;
width:25.4%;
}
.column03 ul{
margin-bottom:4px;
}
.column01 ul {
margin:0;
padding:0;
display:block
}
.column01 ul li {
margin:0;
padding:0;
display:block;
font-size:14px
}
.column01 ul li a {
color:#cb4018;
text-decoration:none;
text-transform:uppercase;
}
/* .column01 li.worldmap {
font-size:12px;
text-transform:uppercase;
background:url(/images/worldmap.svg) no-repeat 0 0;
background-size:contain;
text-indent:40px
}
*/
.column01 li.worldmap a, .column01 li.myyachts_ul a, .column03 li.myyachts_ul a {
color:#cb4018;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
background:url(/images/bb3images/orangearrow-right.svg) no-repeat center right;
background-size: 5px;
text-indent:40px;
padding:0 10px 0 0
}
/* TOM V Changed to a right arrow {
background:url(/images/down-arrow.png) no-repeat center right;
text-indent:40px;
padding:0 15px 0 0
}
*/
.browsertop {
position: relative;
margin: 8px 0 0
}
.column01 .mobileShow li.myyachts_ul a {
background:none;
}
.column01 .btn01.inquiryheader {
padding-top: 3px !important;
padding-bottom:3px !important;
}
.column01 .btn01.inquiryheader{
text-decoration: none;
text-transform: uppercase;
}
#topnavholder{
width:100%;
z-index:999;
background-color: white;
position:absolute;
top:65px;
}
.topnav {
height: 40px;
overflow:hidden;
}
.breaktop .topnav {
height: 55px
}
.topnav ul {
text-align: justify;
list-style-type: none;
padding: 10px 0
}
.topnav li {
margin: 0;
display: inline-block;
cursor: pointer;
text-transform:uppercase
}
.topnav li a {
color:#000;
text-decoration:none;
display:block;
padding:0 0 20px
}
.breaktop ul:after {
content: '';
width: 100%;
display: inline-block
}
.topnav li:last-child {
text-align:right !important
}
.btn01 {
display:inline-block;
padding:6px 20px 6px 40px !important;
color:#fff !important;
background:#13a7b3;
}
.btn01.inquiryheader {
padding: 6px 20px 6px 10px !important;
background: #13a7b3;
}
.btn01.inquiryheader::before {
background: url(/images/arrow_whats-hot-right-now.svg) no-repeat;
background-size: contain;
height: 20px;
transform: rotate(90deg);
margin-bottom: -4px;
margin-right: 5px;
width: 20px;
content:'';
display: inline-block;
}
input[type=submit].btn01{
border:0;
text-transform:uppercase;
font-size:1em;
cursor:pointer
}
.btn01orange {
display:inline-block;
padding:6px 20px 6px 40px !important;
color:#fff !important;
background:#ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
}
.btn01orangetiny {
display:inline-block;
padding:3px 10px 3px 30px !important;
font-size:10pt;
color:#fff !important;
margin-bottom:4px;
margin-right:10px;
background:#ea4f25 url(/images/r01tiny.png) no-repeat 2px center;
text-transform:uppercase;
text-decoration:none
}
input[type=submit].btn01{
border:0;
text-transform:uppercase;
font-size:1em;
cursor:pointer
}
.readMore {
display:inline-block;
padding:6px 20px 6px 40px;
margin:0 10px 10px;
color:#fff !important;
background:#13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
text-decoration:none;
text-transform:uppercase;
font-size:18px
}
.panel a {
display:block;
padding:6px 0 6px 35px;
margin:10px 0 0;
color:#fff !important;
background:#13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
font-size:20px
}
/*Clearing Floats*/
.cf:before, .cf:after {
content:"";
display:table
}
.cf:after {
clear:both
}
.cf {
zoom:1
}
/* Form wrapper styling */
.form-wrapper {
background:#F6F6F6;
width: 100%;
margin: 0
}
/* Form text input */
.form-wrapper input {
width: 60%;
height: 20px;
padding: 6px 25px 6px 10px;
display:block;
float: left;
border: 0;
background:#F6F6F6;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-style: italic;
color:#cb4018
}
.form-wrapper input:focus {
outline: 0
}
.form-wrapper input::-webkit-input-placeholder {
color: #cb4018;
font-weight: normal;
font-style: italic;
font-family: 'Open Sans', sans-serif
}
.form-wrapper input:-moz-placeholder {
color: #cb4018;
font-weight: normal;
font-style: italic
}
.form-wrapper input:-ms-input-placeholder {
color: #cb4018;
font-weight: normal;
font-style: italic;
font-family: 'Open Sans', sans-serif;
font-size:14px
}
/* Form submit button */
.form-wrapper button {
overflow: visible;
display:block;
border: 0;
padding: 0;
cursor: pointer;
height: 32px;
width: 26px;
float:right;
text-transform: uppercase;
background:#F3F3F3 url(/images/loop_orange.svg) no-repeat center center;
background-size: contain;
font-size: 0;
}
.form-wrapper button:active, .form-wrapper button:focus {
outline: 0
}
.form-wrapper button::-moz-focus-inner {
border: 0;
padding: 0
}
#b {
text-indent: -99999px;
width: 30px;
height: 30px;
display: block;
background:#F6F6F6 url(/images/loop.png) 0 0 no-repeat
}
/* Header mega menu extra */
.col6 {
text-align:left !important
}
.col6 .divLeft {
float:left;
width:48%;
text-align:left
}
.col6 .divRight {
float:right;
width:50%;
text-align:left
}
.label30 {
display:inline-block;
width:30%
}
.label30_block {
display:block;
width:30%
}
.label25 {
display:inline-block;
width:25%
}
.label25plus {
display:inline-block;
width:25.2%
}
.label80 {
display:inline-block;
width:80%
}
.labelside {
display:inline-block;
width:100%;
}
.label60 {
display:inline-block;
width:60%;
}
.label60_small {
display:inline-block;
width:100%;
font-size:0.8em;
font-weight: 500;
}
.label30_small {
display:inline-block;
width:30%;
font-size:0.8em;
font-weight: 500;
}
.label20_small {
display:inline-block;
width:20%;
font-size:0.8em;
font-weight: 500;
}
.label_small {
display:inline-block;
font-size:0.8em;
font-weight: 500;
}
.labelcustsol {
display:inline-block;
width:30%;
font-size:12pt;
}
.sel01 {
display:inline-block;
width:60%;
height:33px;
margin:0 0 5px
}
.sel02 {
display:inline-block;
width:18%;
height:33px;
margin:0 48px 5px 0
}
.inp01 {
display:inline-block;
width:58.9%;
height:33px;
;
margin:0 0 5px
}
.inp02 {
display:inline-block;
width:17%;
height:33px;
margin:0 48px 5px 0
}
.inp03 {
display:inline-block;
width:17%;
height:33px;
margin:0 0 5px
}
.inp04 {
display:inline-block;
width:15%;
padding:5px;
margin:0 0 5px
}
.inpcustsol {
display:inline-block;
width:58.9%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
}
.inpcustsol2 {
display:inline-block;
width:75%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
margin-top:5px;
}
.inpcustsol3 {
display:inline-block;
width:75%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
margin-top:5px;
}
.form_text_wrapper{
width:75%;
}
.form_text_wrapper2{
width:75%;
}
.inpcustsolsmall {
display:inline-block;
width:10%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
}
/*b-splet smaller captcha input*/
.inpcustsolxsmall {
display:inline-block;
width:30px;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
}
.inpcustsolside {
display:inline-block;
width:97%;
height:25px;
;
margin:0 0 5px;
font-size:10pt;
}
.inpcustsoldate {
display:inline-block;
width:30%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
font-family:Arial;
padding:3px;
}
.inpcustsoldate2 {
display:inline-block;
height:33px;
margin:0 0 5px;
font-size:11pt;
font-family:Arial;
padding:3px;
margin-top:5px;
margin-right: 5px;
}
.dateinputcontainer {
display: inline-block;
width: 75%;
margin: 0 0 5px;
}
.fullsize_enquire_button{
width: 75%;
}
.enqform_sidebar_left{
width: 100px;
max-width: 110px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.enqform_sidebar_right{
width: calc(80% - 100px);
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.enqform_sidebar_right li {
/* reset styles (optional): */
list-style: none;
margin: 0;
background: url(/images/ulcheck.jpg) no-repeat 19px 7px transparent;
padding-left: 65px;
margin-left: -15px;
padding-bottom:5px;
min-height: 40px;
max-width:300px;
}
.enqform_sidebar_right strong, b {
font-weight: 600;
}
.enquiry_box_holder{
margin-bottom:20px;
border: 1px solid lightgrey;
padding: 10px;
padding-top:20px;
padding-bottom:20px;
display: table;
font-size: 0.8em;
}
.enquiry_box_holder_first{
margin-top: 43px;
}
.singledateinputcontainer {
display: inline-block;
width: calc( 50% - 3px );
vertical-align: top;
}
.selcustsol {
display:inline-block;
width:58.9%;
height:33px;
margin:0 0 5px;
font-size:11pt;
background: #fff url('/images/select.svg') no-repeat 98% center;
background-size:12px;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
padding:3px;
}
.selcustsol2 {
display:inline-block;
width:75%;
height:33px;
margin:0 0 5px;
font-size:0.8em;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
background: #fff url('/images/select.svg') no-repeat 98% center;
background-size:12px;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
padding:3px;
margin-top:5px;
}
.budgetcustsol {
display:inline-block;
width: calc(58.9% - 105px);
height:33px;
margin:0 0 5px;
font-size:11pt;
background: #fff url('/images/select.svg') no-repeat 98% center;
background-size:12px;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
padding:3px;
}
.inpcustsolresult {
display:inline-block;
width:45%;
height:33px;
;
margin:0 0 5px;
font-size:11pt;
padding:3px;
}
.resultdiv {
display:inline-block;
width:58.9%;
}
.selcustsol option {
padding-left:6px;
}
.selcustsol2 option {
padding-left:6px;
}
.textarea {
display:inline-block;
width:59%;
height:70px;
margin:0 0 5px
}
.textareacustsol {
display:inline-block;
width:58.9%;
height:70px;
margin:0 0 5px;
font-size:11pt;
font-family:Arial;
}
.textareacustsol2 {
display:inline-block;
width:75%;
height:165px;
margin:0 0 5px;
font-size:11pt;
font-family:Arial;
margin-top:5px;
}
.col6 button {
display:block;
float:right;
width:254px;
height:41px;
border:none;
cursor:pointer
}
.icon-calendar {
display:inline-block;
margin:0;
width:33px;
height:29px;
background:url('images/cal.png') no-repeat
}
/* ------------------------------------------------------------- CONTENT STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contentImg{
width: 300px;
float:right;
margin: 5px;
display:inline-block;
}
.content_image{
width:25%;
float:left;
}
.content_description{
width:70%;
float:left;
padding-left:20px;
font-size:14px;
}
#main {
position:relative;
clear:both;
width:100%
}
.image {
position: relative;
margin: 0;
padding:0;
max-width:1000px;
color:#fff;
/* height:100%;
*/
}
.image #features {
position:absolute;
bottom:40px;
right:0;
left:0;
width:90%;
margin:0 auto;
padding:20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.3)
}
.image #features ul {
display:block;
margin:0;
padding:25px 0;
width:100%
}
.image #features ul li {
display:block;
float:left;
width:43%;
padding: 0 0 5px 30px;
margin: 0 15px 0 0;
list-style: none;
background: url(/images/arrow_whats-hot-right-now.svg) no-repeat 0 5px;
background-size:15px;
font-size:18px
}
.image #features ul li a {
color:#fff;
text-decoration:none
}
.image #features ul li a:hover {
text-decoration:underline
}
.image #features span {
display:block;
padding:0 0 20px;
margin:0;
text-align:center;
font-size:45px;
color:#fff
}
.image #boatSearch {
position:absolute;
bottom:40px;
right:0;
left:0;
width:80%;
margin:0 auto;
padding:20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5)
}
.image #boatSearch span {
display:block;
padding:10px 0 20px;
margin:0;
text-align:center;
font-size:45px;
line-height:45px;
color:#fff
}
.image #boatSearch ul {
display:block;
margin:0;
padding:15px 0;
width:100%;
font-size:20px
}
.image #boatSearch ul li {
display:block;
float:left;
margin:0;
padding:0;
width:33.33%
}
.image #boatSearch ul li:last-child {
float:right
}
.image #boatSearch ul li div {
padding:0 10px 0 0
}
.image #boatSearch ul li:first-child div {
padding:0 20px 0 0 !important
}
.image #boatSearch ul li:last-child div {
padding:0 0 0 10px !important
}
.image #boatSearch ul li div select {
width:100%;
padding:7px;
border:none;
background:#fff url(/images/search-arrow.png) center right no-repeat;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
color: #999;
font-weight: normal;
font-style: italic;
font-family: 'Open Sans', sans-serif;
font-size:16px
}
.image #boatSearch ul li div input {
width:100%;
padding:6px;
border:none;
background:#fff;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
color: #999;
font-weight: normal;
font-style: italic;
font-family: 'Open Sans', sans-serif;
font-size:16px
}
.sliderframe {
padding:0;
margin:25px 0;
width:100%
}
/* * IMGAGEMAP */
img.responsive {
max-width:100%;
height:auto
}
.p1 {
display:block;
position:absolute;
z-index:100;
border:0;
cursor:pointer
}
.map01 {
left: 18%;
top: 37%;
width: 5%;
height: 13%
}
.map02 {
left: 30%;
top: 41%;
width: 9%;
height: 11%
}
.map03 {
left: 50%;
top: 29%;
width: 14%;
height: 12%
}
.map04 {
left: 46%;
top: 42%;
width: 11%;
height: 12%
}
.map05 {
left: 23%;
top: 52%;
width: 5%;
height: 5%
}
.map06 {
left: 29%;
top: 53%;
width: 7%;
height: 8%
}
.map07 {
left: 37%;
top: 62%;
width: 6%;
height: 22%
}
.map08 {
left: 59%;
top: 56%;
width: 8%;
height: 17%
}
.map09 {
left: 70%;
top: 53%;
width: 7%;
height: 15%
}
.map10 {
left: 80%;
top: 65%;
width: 8%;
height: 16%
}
/* addition for main and sub images on yacht view */
#gallery_thumbs{
border-top:2px solid white;
height: 90px;
width:100%;
float:left;
background-color:white;
position:relative;
}
#sliding_thumbs{
width: 100%;
height:90px;
position: relative;
float:left;
}
#inner_thumbs{
left: 20px;
right: 20px;
position:absolute;
overflow:hidden;
}
#gallery_thumbs img{
cursor:pointer;
}
#inner_thumbs img{
}
.gallery_thumbs{
border-top:2px solid white;
height: 90px;
width:100%;
float:left;
background-color:white;
position:relative;
}
.sliding_thumbs{
width: 100%;
height:90px;
position: relative;
float:left;
}
.inner_thumbs{
left: 20px;
right: 20px;
position:absolute;
overflow:hidden;
}
.gallery_thumbs img{
cursor:pointer;
}
.inner_thumbs img{
}
#main_photo_cont{
width:100%;
text-align:center;
background-color:#033359;
padding:0;
margin:0;
line-height: 0;
}
.main_photo_cont{
width:100%;
text-align:center;
background-color:#033359;
padding:0;
margin:0;
line-height: 0;
}
#main_photo_cont img{
max-width:100%;
margin:0;
border:0;
}
.main_photo_cont img{
max-width:100%;
margin:0;
border:0;
}
#homeCarousel {
position:relative;
padding:15px 5px;
margin:0 0 15px;
width:auto;
background:#F9F9F9
}
span.carouselHeader {
display:block;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 30px;
margin:0 auto;
text-align:center
}
span.carouselHeader h1 {
display:inline;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 30px;
margin:0 auto;
text-align:center;
font-weight:inherit;
}
span.carouselHeader .h1t {
display:inline;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 30px;
margin:0 auto;
text-align:center;
font-weight:inherit;
}
span.carouselHeader span {
display:block;
font-size:22px;
text-transform:uppercase
}
.item img {
display: block;
max-width: 100%;
max-height:200px;
}
.item {
position:relative;
padding:0 20px;
margin:0
}
.item .carouselLeft {
float:left;
padding:5px 0 0;
margin:0;
width:34%
}
.item .carouselRight {
float:left;
padding:0;
margin:0 0 0 2%;
width:64%
}
.item h2 {
display:block;
font-weight:300 !important;
padding:0 0 20px;
margin:0;
font-size:24px;
line-height:28px
}
.item .h2t {
display:block;
font-weight:300 !important;
padding:0 0 20px;
margin:0;
font-size:24px;
line-height:28px
}
.rating {
unicode-bidi: bidi-override;
direction: rtl;
font-size:25px;
text-align:center;
}
.rating > span {
display: inline-block;
position: relative;
width: 22px
}
.rating > span, .rating > span ~ span {
color: transparent
}
.rating > span:before, .rating > span ~ span:before {
content: "\2605";
position: absolute;
left: 0;
color: #10A7AE
}
blockquote {
display:block;
position:relative;
padding:0 0 15px 30px;
font-style:italic;
font-size:18px
}
blockquote::before {
position:absolute;
display:block;
content: url(/images/quote-open.png);
padding:0;
left:0;
top:2px
}
blockquote::after {
content: url(/images/quote-close.png);
position:absolute;
bottom:7px
}
blockquote span {
padding:0 10px 0 0
}
span.clientreview {
display:block;
padding:0 0 10px;
margin:0;
text-transform:uppercase;
font-size:18px;
font-weight:600
}
.owl-buttons {
position: absolute;
padding:0;
margin:0;
top:40%;
width:100%
}
.owl-buttons .owl-prev {
float:left;
width:12px !important;
height:20px !important;
text-transform:uppercase;
background:url(/images/prev.png) no-repeat 0 0;
padding:0 !important;
margin:0 !important;
text-indent:-99999px
}
.owl-buttons .owl-next {
float:right;
width:12px !important;
height:20px !important;
text-transform:uppercase;
background:url(/images/next.png) no-repeat 0 0;
padding:0 !important;
margin:0 !important;
text-indent:-99999px
}
#featuredBoat {
position:relative;
padding:15px 0 15px 0;
margin:0 0 10px;
width:100%;
background:#F9F9F9
}
#featuredBoat div img {
display:block;
max-width:100%;
}
#featuredBoat .col01 {
position:relative;
float:left;
padding:0;
/* margin:0 1.5% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat .col02 {
position:relative;
float:left;
padding:0;
/*margin:0 1.5% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat .col03 {
position:relative;
float:left;
padding:0;
/*margin:0 1% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat div {
position:relative;
padding:0;
margin:0;
width:100%
}
#featuredBoat div strong {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase
}
#featuredBoat div h1 {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase;
font-weight:inherit;
}
#featuredBoat div .h1t {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase;
font-weight:inherit;
}
#featuredBoat div a {
color:#000;
text-decoration:none
}
#featuredBoat div a.btn {
display:block;
color:#fff;
padding:8px 10px;
margin:0;
text-decoration:none;
line-height:25px;
font-size:18px;
background:#13A7B3 url(/images/arrow_whats-hot-right-now.svg) calc(100% - 5px) no-repeat;
background-size:39px
}
#featuredBoat div a.btn span {
display:block;
font-size:27px;
font-weight:500
}
.featuredBoat {
position:relative;
padding:15px 0 15px 0;
margin:0 0 10px;
width:100%;
background:#F9F9F9
}
.featuredBoat div img {
display:block;
max-width:100%;
}
.featuredBoat .col01 {
position:relative;
float:left;
padding:0;
margin:0 1.5% 0 1%;
width:31%
}
.featuredBoat .col02 {
position:relative;
float:left;
padding:0;
margin:0 1.5% 0 1%;
width:31%
}
.featuredBoat .col03 {
position:relative;
float:left;
padding:0;
margin:0 1% 0 1%;
width:31%
}
.featuredBoat div {
position:relative;
padding:0;
margin:0;
width:100%
}
.featuredBoat div strong {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase
}
.featuredBoat div h1 {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase;
font-weight:inherit;
}
.featuredBoat div a {
color:#000;
text-decoration:none
}
.featuredBoat div a > img[loading] {
width: 100%
}
.featuredBoat div a.btn {
display:block;
color:#fff;
padding:8px 10px;
margin:0;
text-decoration:none;
line-height:25px;
font-size:18px;
background:#13A7B3 url(/images/arrow50x50.png) no-repeat center right
}
.featuredBoat div a.btn span {
display:block;
font-size:27px;
font-weight:500
}
#TopDestinations {
position:relative;
padding:15px 0 15px 0;
margin:0 0 10px;
width:100%;
background:#F9F9F9
}
#TopDestinations div img {
display:block;
max-width:100%;
}
#TopDestinations .col01 {
position:relative;
float:left;
padding:0;
/*margin:0 1.5% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations .col02 {
position:relative;
float:left;
padding:0;
/* margin:0 1.5% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations .col03 {
position:relative;
float:left;
padding:0;
/*margin:0 1% 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations div {
position:relative;
padding:0;
margin:0;
width:100%
}
#TopDestinations div strong {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase
}
#TopDestinations div h1 {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
text-transform:uppercase;
font-weight:inherit;
}
#TopDestinations div h2 {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
font-weight:inherit;
}
#TopDestinations div .h2t {
display:block;
font-size:32px;
font-weight:300;
padding:10px 0 25px;
margin:0;
text-align:center;
font-weight:inherit;
}
#TopDestinations div a {
color:#000;
text-decoration:none
}
#TopDestinations div a.btn {
display:block;
color:#fff;
padding:8px 10px;
margin:0;
text-decoration:none;
line-height:25px;
font-size:18px;
background:#13A7B3 url(/images/arrow50x50.png) no-repeat center right
}
#TopDestinations div a.btn span {
display:block;
font-size:27px;
font-weight:500
}
.slidewrapper {
position:relative;
padding:0 0 0 5px;
margin:0
}
/*.fsSubmitButton {
background:#13a7b3 url(/images/arrow_search-box.png) no-repeat 3px center;
border:none;
height:30px;
margin:10px 0 0;
padding:2px 20px 0 35px;
cursor:pointer;
text-transform:uppercase;
color:#fff;
float:right;
font-family: 'Open Sans', sans-serif;
font-size:19px
}
*/
.fsSubmitButton {
background:#13a7b3 0 center;
border:none;
height:30px;
margin:10px 0 0;
padding:2px 35px 0 35px;
cursor:pointer;
text-transform:uppercase;
color:#fff;
float:right;
font-family: 'Open Sans', sans-serif;
font-size:19px
}
#welcome {
clear:both;
position:relative;
padding:30px 3%;
margin:0;
width:94%;
text-align:center;
font-size:21px;
line-height:30px
}
#welcome span {
display:block;
font-size:22px;
text-transform:uppercase
}
#welcome h1 {
display:block;
font-size:31px;
padding:0 0 15px;
margin:0;
font-weight:inherit;
}
#welcome .h1t {
display:block;
font-size:31px;
padding:0 0 15px;
margin:0;
font-weight:inherit;
}
.eventList {
clear:both;
position:relative;
background:#F9F9F9;
padding:15px 45px 0;
margin:20px 0
}
span.eventHeader {
display:block;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 40px;
margin:0 auto;
text-align:center
}
span.eventHeader h1 {
display:inline;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 40px;
margin:0 auto;
text-align:center;
font-weight:inherit;
}
span.eventHeader .h1t {
display:inline;
width:80%;
font-size:38px;
line-height:44px;
padding:0 0 40px;
margin:0 auto;
text-align:center;
font-weight:inherit;
}
.eventList .pictEvent {
float:right;
padding:0;
margin:0;
width:35.5%
}
.eventBox img {
max-width:320px;
}
.eventList .pictEvent.forceLeft {
float:left !important
}
.eventList .desctEvent {
float:left;
padding:0 2.5% 0 0;
margin:0;
width:62%;
font-size:19px;
line-height:30px;
}
.eventList .desctEvent.forceLeft {
padding:0 0 0 2.5% !important
}
.eventList .desctEvent h2 {
display:block;
font-weight:400;
padding:0 0 5px;
margin:0;
font-size:24px;
line-height:25px
}
.eventList .desctEvent h2 a {
color:inherit;
text-decoration:none;
}
.eventList .desctEvent .h2t a {
color:inherit;
text-decoration:none;
}
.eventBox {
position:relative;
width:100%;
padding:0 0 20px;
margin:0 0 15px;
font-size:22px;
line-height:28px;
}
p.bntFrame {
display:block;
width:100%;
text-align:center
}
p.bntFrameInner {
display:block;
width:100%;
text-align:left
}
p.bntFrameInner a {
display:inline-block;
padding:6px 20px 6px 40px;
margin-bottom:5px;
color:#fff !important;
background:#13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
text-decoration:none;
text-transform:uppercase;
}
.bntFrameInnerLarge {
display:block;
width:100%;
text-align:left;
background:#13a7b3
}
.bntFrameInnerLarge a {
display:block;
padding:6px 20px 6px 40px;
margin:0;
font-size:24px;
color:#fff !important;
background:#13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
text-decoration:none
}
.maincontentbody p.bntFrameInner a {
font-weight:100;
}
.exampleContainer {
border:1px solid #ddd;
border-left:0;
border-right:0
}
.exampleContainer .exampleLive {
padding:20px;
background:#fafafa
}
.exampleContainer .exampleLive .exampleLiveTitle {
color:#666;
font-size:13px;
padding-bottom:10px
}
.exampleContainer .exampleLive > button {
padding:6px 12px;
cursor:pointer;
background:#4081BE;
border:0;
color:#fff;
border-radius:3px;
text-transform:uppercase;
font-weight:bold;
font-size:13px
}
.exampleContainer .exampleLive > button:hover {
background:#3772A8
}
.whiteBG {
background:#fff !important
}
.pictFloatRight {
float:right;
padding:0 0 10px 10px
}
.mapFrame {
background:#13A7B3;
margin:0 0 25px;
position:relative
}
.txtFloat01 {
display:block;
position:absolute;
top:25px;
width:100%;
font-size:38px;
color:#fff;
text-align:center
}
.txtFloat02 {
display:block;
position:absolute;
bottom:25px;
left:25px;
width:100%;
font-size:18px;
color:#fff;
width:300px
}
.socialFrame {
float:left;
padding:0;
margin:0;
width:50%
}
.socialFrame .colPadRight {
padding:0 20px 0 0
}
.socialFrame .colPadLeft {
padding:0 0 0 20px
}
/* map mini menu in tooltip */
span.mini-menu-tooltip {
display:block;
padding:5px 15px;
text-transform:uppercase;
font-size:13px;
line-height:18px;
color:#fff;
background:#13A7B3
}
span.mini-menu-tooltip a {
color:#fff;
}
.nav_section {
margin: 0;
padding: 0;
width: 100%;
display:block
}
.nav_section li {
list-style: none;
float: left;
display: block;
width:100%;
padding:0;
margin:0
}
.nav_section a {
display: block;
color:#000;
text-decoration:none;
padding:0 0 0 16px;
font-weight:400;
font-size:13px
}
.nav_section li a:hover {
background:transparent url(/images/map-menu-arrow.png) no-repeat center left
}
.nav_section ul {
margin: 0 0 25px;
padding: 0;
display: block;
width:100%
}
.nav_section ul li a {
padding:0 0 5px 30px;
line-height: 12px
}
.nav_section ul li ahover {
background:none !important
}
.nav_section ul li {
clear: both
}
.tab-content {
max-width: 100%;
padding: 0;
display: none;
background:#13a7b3
}
#tab-1 {
display: block
}
/* INNER PAGES */
.innerPagecarousel {
position:relative;
padding:0 10px;
margin:0
}
.innerTitleBar {
clear:both;
position:relative;
width:100%;
padding:0;
margin:25px 0 0;
}
.innerTitleBar h1 {
display:block;
font-size:32px;
line-height:35px;
padding:0;
margin:0;
font-weight:500;
text-transform:uppercase
}
.innerTitleBar h1 em {
font-weight:300 !important;
font-style:normal
}
.innerTitleBar h1 i {
text-transform:none !important;
font-style:normal
}
.innerTitleBar span {
display:block;
position:absolute;
top:0;
right:0;
width:165px;
height:50px;
line-height:20px;
background:#13a7b3;
color:#fff;
text-transform:uppercase;
font-size:18px;
background: #13a7b3 url(/images/arrow42x42.png) no-repeat 5px center
}
.innerTitleBar span a {
display:block;
padding:5px 0 0 65px;
height:100%;
color:#fff;
text-decoration:none
}
.GetDetails {
position:absolute;
width:100%;
height:67px;
overflow:hidden;
left:0;
bottom:0
}
/*bottom:84px*/
.GetDetails .rows01 {
position:relative;
float:left;
width:50%;
font-size:20px;
text-transform:uppercase;
padding:0;
margin:0;
color:#fff
}
.GetDetails .rows01 div {
padding:0 0 0 20px
}
.GetDetails .rows01 div span {
display:block;
padding:10px 0 0;
font-size:50px
}
.GetDetails .rows02 {
position:relative;
float:right;
width:50%;
font-size:20px;
text-transform:uppercase;
padding:0;
margin:0;
color:#fff
}
.GetDetails .rows02 span {
display:block;
position:absolute;
top:0;
right:0;
width:252px;
height:67px;
line-height:28px;
background:#13a7b3;
color:#fff;
text-transform:uppercase;
font-size:26px;
background: #13a7b3 url(/images/arrow54x55.png) no-repeat 5px center
}
.GetDetails .rows02 span a {
display:block;
padding:5px 0 0 75px;
height:100%;
color:#fff;
text-decoration:none
}
.boatDetails {
position:relative;
font-size:20px;
color:#fff;
background:transparent url(/images/opacity.png);
height:67px;
margin:0 ;
padding:2px 20px 0
}
.boatDetails ul {
display:block;
clear:both;
margin: 0;
padding: 0;
width:100%;
}
.boatDetails ul li {
display: block;
text-align:right;
margin-left:10px;
float:left;
list-style-type: none;
font-size:28px;
font-weight:300;
width:auto
}
.boatDetails ul li.right {
width:auto !important;
margin-left:5px;
float:right !important
}
.boatDetails ul li span {
text-align:left;
display:block;
font-size:14px !important;
padding:0 0 5px;
text-transform:uppercase;
font-weight:300
}
.boatDetails a.currency {
dispaly:block;
position:absolute;
z-index:3;
top:5px;
right:20px;
padding:0 20px 0 0;
font-size:14px;
color:#fff;
text-decoration:none;
background:transparent url(/images/arrow-down.png) no-repeat center right
}
.wrapBox {
overflow: hidden;
margin:25px 0
}
.wrapBox .box {
color: #fff;
position: relative;
float: left
}
.wrapBox .box.rows03 {
width: 33%;
padding:0;
margin:0 0.5% 0 0;
min-height:100px;
height:auto !important;
height:100px
}
.wrapBox .box.rows03.plus {
width: 32%;
margin:0 2% 0 0;
min-height:100px;
height:auto !important;
height:100px;
text-align:left !important;
text-transform:none !important
}
.wrapBox .box.rows03:nth-child(3) {
margin:0 !important
}
.wrapBox .box.rows02 {
width: 48%;
padding:0;
margin:0 1% 0 0;
min-height:100px;
height:auto !important;
height:100px
}
.wrapBox .box .innerContent {
position: relative;
background: #13a7b3;
padding: 0 0 10px;
text-align:center;
line-height:22px
}
.wrapBox .box.rows03 .innerContent {
min-height:100px;
height:auto !important;
height:100px
}
.wrapBox .box.rows02 .innerContent {
min-height:165px;
height:auto !important;
height:165px
}
.wrapBox .box .innerContent img {
display:block;
max-width:100%;
height:auto;
margin:0 0 5px
}
.wrapBox .box .innerContent span {
display:block;
font-weight:500;
font-size:24px
}
.innerContent a {
display:block;
padding:10px 10px 0;
height:100%;
text-align:left;
color:#fff;
text-decoration:none;
font-size:18px;
background:url(/images/arrow04.png) no-repeat 97% bottom;
}
.innerContent a em {
display:block;
font-size:24px;
font-weight:400;
text-transform:uppercase
}
h1.innerH2,h2.innerH2 {
display:block;
font-size:31px;
line-height:40px
}
h1.innerH2 span , h2.innerH2 span {
display:block;
font-weight:300;
padding:0;
font-size:26px
}
h1.innerH2 em, h2.innerH2 {
font-weight:300 !important;
font-style:normal
}
h2.innerHMY{
display:inline-block;
width:150px;
}
h3.innerH3 {
display:block;
font-size:28px;
line-height:35px;
padding:0 0 5px;
margin:0
}
.pad20pxRight {
padding:10px 0 20px 20px
}
.pad07 {
padding:7px
}
.frameImgTextTiny {
position:relative;
padding:0;
margin:25px 0
}
.frameImgTextTiny img {
display:block
}
ul.rightList {
list-style-type: none;
width: 100%;
padding:15px 8px;
margin:0;
padding-left:0;
}
ul.rightList li img {
float: left;
margin: 0 10px 0 0;
}
ul.rightList li p {
display:block;
font-size:14px;
line-height:16px
}
ul.rightList li {
padding: 0 0 30px;
overflow: auto;
display:block
}
ul.pad08 {
list-style-type: none;
width: 100%;
padding:0 10px;
margin:0
}
ul.pad08 li {
padding: 0 0 8px;
overflow: auto
}
.blueBoxHeader {
padding:7px;
background:#033359;
color:#fff;
text-transform:uppercase;
font-size:20px
}
#footerMyYachts {
position:relative;
float:left;
margin:0;
padding:0 10px;
width:100%;
}
#footerMyYachts .rightFeatureBox .blueBoxHeader {
padding:7px;
background:#033359;
color:#fff;
text-transform:uppercase;
font-size:20px
}
#innerRight {
position:relative;
float:right;
margin:0 0 0 0;
padding:0;
width:25.4%;
}
#innerRight2 {
position:relative;
float:right;
margin:0 0 0 0;
padding:0;
width:35%;
}
#innerRight .rightFeatureBox {
}
#innerRight .rightFeatureBox .blueBoxHeader {
padding:7px;
background:#033359;
color:#fff;
text-transform:uppercase;
font-size:20px
}
.innerLeft .wrapperInner .blueBoxHeader {
padding:7px;
background:#033359;
color:#fff;
text-transform:uppercase;
font-size:20px
}
.greenBoxHeader {
padding:7px;
background:#13A7B3;
color:#fff;
text-transform:uppercase;
font-size:20px
}
#tinySocial {
}
#tinySocial a {
display:inline-block;
margin-right:5px
}
#tinySocial a:last-child {
display:inline-block;
margin-right:0 !important
}
.featInnerBottom {
clear:both;
position:relative;
padding:10px 10px;
margin:0;
color:#000
}
.featInnerBottom ul {
padding:0 0 0 5px;
margin:0;
display:block
}
.featInnerBottom li {
padding:0 0 0 20px;
margin:0;
list-style:none;
background:url(images/arrow12.svg) no-repeat left 6px !important;
background-size: 14% auto !important;
padding-bottom: 10px;
}
.featInnerBottom li a {
color:#000;
text-decoration:none
}
#column2Frame {
clear:both;
position:relative;
padding:0;
/*margin:25px 0;
*/
width:100%
}
#column2Frame .innerLeft {
position:relative;
float:left;
margin:0;
padding:0;
/*width:67.1%*/
width:72.8%
}
#column2Frame .innerLeft2 {
position:relative;
float:left;
margin:0;
padding:0;
/*width:67.1%*/
width:60%
}
#column2Frame .innerLeft .wrapperInner {
position: relative;
/* BUG FIXED */
margin: 0;
padding: 0 0 0 0%;
width: 100%;
}
/* left-pad/width changed from 5%/95% to 0%/100% 16JuneSandy*/
#column2Frame .innerLeft .yachtH2{
background-color: #092746;
text-transform: uppercase;
color: white;
padding:4px;
}
.centeredTitle {
display:block;
claer:both;
text-align:center;
padding:0 0 20px;
margin:0;
font-size:40px
}
.fullInnerContent {
position:relative;
padding:0;
margin:0 0 35px;
background:#f9f9f9
}
img.imgBlock {
display:block;
width:100%;
height:auto
}
a.linkReg {
display:block;
padding:0 10px 0;
height:100%;
text-align:left;
color:#fff;
text-decoration:none;
font-size:18px;
line-height:24px
}
a.linkReg em {
display:block;
font-size:24px;
font-weight:400
}
.featureMegaBox {
position:relative;
padding:0;
margin:0;
width:100%
}
.featureMegaBox em {
display:block;
font-style:normal;
padding:0 0 8px
}
.featureMegaBox div {
padding:0;
margin:0;
min-height:150px;
height:auto !important;
height:150px
}
.featureMegaBox div img {
display:block;
width:100%;
height:auto;
}
.featureMegaBox div span {
display:block;
padding:5px 10px 0;
margin:0;
line-height:18px;
color:#fff;
font-weight:500;
background:#13a7b3
}
.featureMegaBox div span a {
padding: 0 0 3px 20px;
margin: 0;
list-style: none;
background: url(/images/arrow_green_footer.svg) no-repeat 2px 2px;
background-size:13px;
color:#fff;
font-size:14px;
text-align:left;
text-transform:none
}
.marg01 {
margin:1px 0 0 !important
}
ul.menulist {
margin: 10px 0 0 !important;
padding: 0 0 0 10px !important;
list-style-type: none;
display:block
}
ul.menulist li {
margin: 0 0 5px 0;
display:block
}
ul.menulist li:last-child {
text-align:left !important
}
ul.menulist a {
font-size:15px;
padding:0;
margin:0;
text-decoration: none;
text-transform:none !important;
text-align:left !important
}
ul.menulist a:hover {
text-decoration: none
}
ul.menulist ul {
margin: 0 !important;
padding: 0 !important;
list-style-type: none;
display:block
}
.breaktop ul.menulist ul:after {
content:normal !important;
width: 100%;
display: inline-block
}
ul.menulist ul li {
margin: 0
}
ul.menulist ul a {
padding: 0 0 0 20px;
text-decoration: none
}
ul.menulist ul a:hover {
text-decoration: none
}
.commentFrame {
clear:both;
position:relative;
padding:0;
margin:50px auto;
max-width:886px;
background:#EFF4F8
}
.commentFrame .wrap {
position: relative;
margin:0;
padding:0;
width: 100%
}
.commentFrame ::-webkit-input-placeholder {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style:italic !important;
line-height:15px
}
.commentFrame :-moz-placeholder {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style:italic !important;
line-height:15px
}
.commentFrame ::-moz-placeholder {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style:italic !important;
line-height:15px
}
.commentFrame :-ms-input-placeholder {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style:italic !important;
line-height:15px
}
.commentFrame button {
background:#022135 url('/images/btn.png') no-repeat 5px 6px;
border:none;
font-size:16px;
font-family: 'Open Sans', sans-serif;
font-weight:300;
height:35px;
padding:0 10px 0 30px;
margin:0 0 0 10px;
color:#fff;
text-transform:uppercase;
cursor:pointer
}
.commentFrame button span {
font-weight:600
}
.commentFrame span.title {
display:block;
position:relative;
padding:0 10px;
margin:0;
height:35px;
line-height:37px;
font-weight:400;
background:#022135;
color:#fff;
text-transform:uppercase;
overflow:hidden
}
.commentFrame .comment {
clear:both;
padding:10px;
margin:0;
position:relative
}
.commentFrame .comment table {
width:100%
}
.commentFrame .comment table tr td.row01 {
vertical-align:top;
width:30%;
text-align:left
}
.commentFrame .comment table tr td.row01 input {
display:block;
width:95%;
padding:5px
}
.commentFrame .comment table tr td.row02 {
vertical-align:top;
width:70%;
text-align:right
}
.commentFrame .comment table tr td.row02 textarea {
width:95%;
padding:5px
}
.commentFrame .comment table tr td.rows {
text-align:right !important;
padding:25px 0
}
.innerFeatures01 {
clear:both;
position:relative;
padding:0;
margin:50px auto 0;
max-width:886px
}
.innerFeatures01 h1 {
display:block;
font-weight:300;
padding:0 0 20px;
margin:0;
font-size:32px
}
.innerFeatures01 .imgFeature {
position: relative;
margin:0;
padding:0;
width: 100%
}
.innerFeatures01 .imgFeature span {
display:block;
position:absolute;
bottom:5px;
color:#000;
padding:10px 20px;
margin:0;
background:url('/images/bg01.png')
}
.innerFeatures01 .imgFeature span h2 {
display:block;
padding:0 0 5px;
margin:0;
font-weight:300 !important
}
.innerFeatures01 .imgFeature span a {
display:block;
color:#000;
text-decoration:none
}
.carouselTabs {
clear:both;
position:relative;
padding:0;
margin:50px auto 0;
max-width:886px
}
.carouselTabs h2 {
display:block;
font-weight:300;
padding:0 0 20px;
margin:0;
font-size:25px
}
.carouselTabs .wrapper {
position: relative;
margin:0;
padding:0;
width: 100%
}
.carouselTabs .wrapper .colSlider {
position:relative;
padding:0;
height:275px;
margin:0;
overflow:hidden
}
.carouselTabs .wrapper .colSlider span {
display:block;
position:absolute;
bottom:45px;
height:210px;
color:#000;
right:0;
padding:10px 15px;
width:270px;
margin:0;
background:url('/images/bg01.png')
}
.carouselTabs .wrapper .colSlider span.right {
right:0
}
.carouselTabs .wrapper .colSlider span.left {
left:0
}
.tinyDesc {
position:relative;
padding:0;
margin:50px 0;
font-size:15px;
line-height:18px
}
.btnRows {
display:block;
margin:50px 0 0;
position:relative;
text-align:center
}
.btnRows a {
display:inline-block;
text-align:left;
width:200px;
height:60px;
margin:0 20px 0 0;
padding:10px 20px 0 64px;
color:#fff;
background: #13A7B3 url(/images/arrow50x50.png) no-repeat 5px center;
text-transform:uppercase;
font-size:23px;
line-height:25px;
text-decoration:none
}
.boatFeatList {
padding: 15px 0 0;
margin: 0;
width: 100%
}
.boatFeatList li {
list-style: none;
display:block;
float:left;
width:50%;
margin: 0;
padding: 0
}
.boatFeatList li span {
display:block;
padding:0 0 0 55px
}
.boatFeatListM {
padding: 0 0 0;
margin: 0;
width: 100%
}
.boatFeatListM li {
list-style: none;
display:block;
width:100%;
margin: 0;
padding-bottom: 2px;
}
.boatFeatListM li span {
display:block;
padding:0 0 0 55px
}
.boatFeatListMM {
padding-bottom: 10px;
margin: 0;
width: 100%
}
.boatFeatListMM li {
list-style: none;
display:block;
width:100%;
margin: 0;
padding-bottom: 2px;
}
.boatFeatListMM li span {
display:block;
padding:0 0 0 55px
}
.boatFeatListN {
padding-bottom: 0;
margin: 0;
width: 100%
}
.boatFeatListN li {
list-style: none;
display:block;
float:left;
width:50%;
margin: 0;
padding-bottom: 2px;
}
.searchPageTitle {
position:relative;
padding:0;
margin:15px 0 25px;
font-size:26px;
line-height:20px
}
/* .searchPageTitle span {
display:block;
font-size:36px;
font-weight:400
}
--sandy change */
.searchPageTitle span {
font-size:18px;
}
/*.searchFrame #searchFilterFrame {
position:relative;
float:left;
width:235px
}
*/
.searchFrame #searchFilterFrame {
position:relative;
float:right;
width:235px;
padding-left:35px;
top:9px;
}
.searchFrame #searchResultFrame {
position:relative;
float:none;
width: auto;
overflow: hidden
}
/*.searchFrame #searchResultFrame .wrap {
padding:0 0 0 35px
}
*/
.searchFrame #searchResultFrame .wrap {
}
.boatReviewFrame {
position:relative;
padding:10px;
margin:0 0 25px
}
.boatReviewFrame.odd {
background:#F5F9FA
}
.boatReviewFrame .col01 {
float:left;
width:41.3%
}
.boatReviewFrame .col01 img {
display:block;
max-width:100%;
height:auto
}
.boatReviewFrame .col02s {
float:left;
width:65%
}
.boatReviewFrame .col02s div {
padding:0 0;
font-size:15px;
line-height:18px
}
.boatReviewFrame .col02s div em {
display: block;
font-style: normal;
font-size: 24px;
padding: 0 0 5px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.2em;
/* NEW */
}
.boatReviewFrame .col02 {
float:left;
width:41.9%
}
.boatReviewFrame .col02 div {
padding:0 20px;
font-size:15px;
line-height:18px
}
.boatReviewFrame .col02 div em, .boatReviewFrame .col02 div em a {
display: block;
font-style: normal;
font-size: 24px;
padding: 0 0 5px;
font-weight: 500;
text-decoration:none;
text-transform: uppercase;
line-height: 1em;
/* NEW */
}
.boatReviewFrame .col02 div em a:hover {
text-decoration:underline;
}
.boatReviewFrame .col03 {
float:left;
width:16.8%;
text-align: center;
}
.boatReviewFrame .col03 .tinyrate {
font-size:22px !important;
line-height: 10px
}
.boatReviewFrame .col03 .tinyrate span {
width:18px !important
}
.boatReviewFrame .col03 span.rev {
text-transform:uppercase;
font-size:12px;
text-align: center;
}
.boatReviewFrame .col02 span.rev {
text-transform:uppercase;
font-size:12px;
text-align: left;
padding-top:5px;
padding-bottom:10px;
}
.boatReviewFrame .col02 .tinyrate {
font-size:22px !important;
line-height: 10px;
text-align: left;
}
.boatReviewFrame .col01 span.rev {
text-transform:uppercase;
font-size:12px;
text-align: center;
padding-top:5px;
padding-bottom:10px;
}
.boatReviewFrame .col01 .tinyrate {
font-size:22px !important;
line-height: 10px;
text-align: center;
padding-top:15px;
}
.boatReviewFrame .col03 a.btnEnquiry {
display:block;
height:100px;
background:#13A7B3 url(/images/arrow50x50.png) no-repeat center bottom;
padding:5px;
font-size:20px;
font-weight:300;
text-align:center;
color:#fff;
text-decoration:none
}
.boatReviewFrame .col03 a.btnAdd {
display:block;
background:#579A90;
padding:0 0;
margin:5px 0 0;
font-size:12px;
font-weight:300;
text-align:center;
color:#fff;
text-decoration:none;
height:30px;
}
.boatReviewFrame p.says {
display:block;
padding:15px 0 0;
clear:both;
font-size:14px;
line-height:20px;
color:#13a7b3
}
.boatReviewFrame .col03 .btnEnquiryInfo {
display: block;
position: relative;
line-height: 26px;
color: #000000;
font-size: 16px;
font-weight:300;
padding:5px 10px
}
.boatReviewFrame .col03 .btnEnquiryInfo em {
font-style:normal;
font-size: 20px;
}
.boatReviewFrame .col03 .btnReserve {
display: block;
position: relative;
margin:5px 0 0;
line-height: 20px;
font-size: 16px;
background: #13a7b3;
font-weight:300;
padding:5px 0 3px 35px;
color: #fff;
text-decoration:none;
text-transform: uppercase;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
}
.boatReviewFrame .col03s {
float:right;
width:30%;
text-align: center;
}
boatReviewFrame .col03s img{
width:100%;
}
.boatReviewFrame .col03s .tinyrate {
font-size:22px !important;
line-height: 10px
}
.boatReviewFrame .col03s .tinyrate span {
width:18px !important
}
.boatReviewFrame .col03s span.rev {
text-transform:uppercase;
font-size:12px;
text-align: center;
}
.boatReviewFrame .col03s a.btnEnquiry {
display:block;
height:100px;
background:#13A7B3 url(/images/arrow50x50.png) no-repeat center bottom;
padding:5px;
font-size:20px;
font-weight:300;
text-align:center;
color:#fff;
text-decoration:none
}
.boatReviewFrame .col03s a.btnAdd {
display:block;
background:#579A90;
padding:0;
margin:5px 0 0;
font-size:12px;
font-weight:300;
text-align:center;
color:#fff;
text-decoration:none;
height:25px;
}
.boatReviewFrame .col03s .btnReserve {
display: block;
position: relative;
margin:5px 0 0;
line-height: 20px;
font-size: 16px;
background: #13a7b3;
font-weight:300;
padding:3px 0;
color: #fff;
text-decoration:none;
text-transform: uppercase;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
}
#searchNotice {
position:relative;
font-size:23px;
font-weight:300;
padding:5px 10px;
margin:50px 0 25px;
background:#E0EBF1;
}
#searchNotice label {
}
.pagination {
clear:both;
position:relative;
padding:0;
margin:25px 0;
font-size:15px
}
.pagination span {
float:right;
display:inline-block;
font-size:17px
}
.pagination span a {
color:#000;
text-decoration:none
}
#enquiryform label.error,#enquiryform label.error2 {
margin-left: 10px;
width: auto;
display: block;
color:red;
font-weight:bold;
}
button#show-detail {
display: block;
position: relative;
top: 0;
right: 0;
width: 100%;
min-height: 40px;
height: auto;
line-height: 30px;
background: #ea4f25;
color: #fff;
text-transform: uppercase;
font-size: 19px;
background: #ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px;
background-size: auto 60%;
border: none;
padding: 5px 5px;
cursor:pointer;
}
#quick_enquiry_form label.error,#quick_enquiry_form label.error2 {
margin-left: 10px;
width: auto;
display: block;
color:red;
font-size:14px;
font-weight:bold;
}
#form1 label.error3,#enquiryform label.error3 {
margin-left: 10px;
width: auto;
display: block;
color:red;
}
label.error3 {
margin-left: 10px;
width: auto;
display: block;
color:red;
}
#quick_enquiry_form label.error3 {
margin-left: 10px;
width: auto;
display: block;
color:red;
font-size:14px;
}
/* brochure, added 24 Nov '15 */
#brochure_yacht{
clear:both;
width:100%;
float:left;
margin-top:40px;
}
#brochure_specs{
clear:left;
float: left;
width:45%;
margin-top:10px;
}
#brochure_prices{
clear:right;
float:right;
width:45%;
margin-top:10px;
}
#brochure_prices2{
clear:right;
float:left;
width:53%;
margin-top:10px;
}
#brochure_desc, #brochure_comments{
clear:both;
width: 100%;
float:left;
margin-top:10px;
}
.brochure_photos{
clear:both;
display: table;
}
.brochure_left{
display: table-cell;
text-align: left;
vertical-align: top;
}
.brochure_right{
display: table-cell;
text-align: right;
vertical-align: top;
}
.brochure_left img, .brochure_right img{
width: 98%;
}
/* SANDY AMENDMENTS - plus tom 22/7 */
.bbsays{
font-style:italic;
padding-top:0;
padding-bottom:4px;
font-size:14pt;
margin-top:-10px;
}
.RightRedEnquiry{
clear:both;
margin:5px;
width:40%;
max-width: 300px;
min-width: 230px;
float:right;
}
#cookieoff{
background-color:#092645;
font-size:8pt;
text-align:center;
;
width:100%;
position:fixed;
bottom:0;
z-index:9999;
}
#cookieoff p{
color:#f0f0f0;
padding-bottom:4px;
margin-bottom:0;
}
#cookieoff a{
color:#ffffff;
}
.tree_pic{
float:left;
text-align:left;
margin-right:10px;
width:18%;
}
.tree_pic img{
width:100%;
}
.tree_desc{
width:78%;
float:left;
font-size:10pt;
}
.myyachts_link{
width:100px;
float:right;
}
.myyachts_link2{
width:100px;
float:right;
}
.myyachts_link a, .myyachts_link2 a{
font-size:10pt;
}
.widget_docs{
padding: 7px;
}
.widget_docs p{
font-size: 14px;
line-height: 16px;
}
.widget_docs ul{
margin-left: 10px;
font-size: 14px;
line-height: 16px;
}
/* ------------------------------------------------------------- FOOTER STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
position:relative;
clear:both;
width:100%;
padding:0;
margin:0;
color:#fff;
font-size:14px;
}
#layer01, #layer02 {
position:relative;
}
.col-3 {
float:left;
position:relative;
padding:0;
margin:0;
width:29%
}
.col-footer {
float:left;
position:relative;
padding-left:30px;
margin:0;
width:30%
}
.col-footer-center {
float:left;
position:relative;
margin:0;
width:34%;
text-align:center;
}
/* Tom V added this to center text in the middle pane of the footer*/
.footer-site {
position:relative;
padding:30px 3%;
margin:0;
width:94%;
line-height:18px;
font-size:14px;
}
.footer-site ul {
padding:15px 0 0 5px;
margin:0;
display:block
}
.footer-site li {
padding:0 0 3px 20px;
margin:0;
list-style:none;
background:url(/images/arrow_green_footer.svg) no-repeat 2px 2px;
background-size:12px;
}
.footer-site li a {
color:#fff;
text-decoration:none
}
.footer-site .col-3 div {
position:relative;
padding:0 40px 0 20px;
margin:0;
}
.footer-site .col-3 strong {
font-weight:400;
display:block;
clear:both;
padding:0;
margin:0
}
.footer-logo {
position:relative;
margin:0 auto;
padding:25px 0;
width:100%;
text-align:center
}
.footer-info {
position:relative;
padding:0 3% 30px;
margin:0;
width:94%;
border-bottom:2px solid #02273a
}
.footer-info .col-3 strong {
font-height:400;
display:block;
clear:both;
padding:0;
margin:0
}
.footer-info .col-3 ul {
display:block;
width:100%;
padding:0 0 5px;
margin:0
}
.footer-info .col-3 ul li {
display:block;
padding:0;
margin:0;
line-height:18px;
font-size:14px;
}
.footer-info .col-3 ul li span {
display:inline-block;
width:110px
}
#socialIcons {
position:absolute;
top:33px;
right:0;
width:80px;
z-index:2
}
.browser {
position: relative;
margin: 0;
padding:8px 0 0
}
.browser::before {
content: '';
position: absolute;
width: 100%;
height: 20px;
top: -20px;
left: 0
}
.nav {
min-height: 40px
}
.break .nav {
min-height: 55px;
padding:0 8px;
}
.nav ul {
text-align: justify;
list-style-type: none;
padding: 0
}
.nav li {
margin: 0;
display: inline;
cursor: pointer;
font-size:13px
}
.break ul:after {
content: '';
width: 100%;
display: inline-block
}
.break li:after {
content: "\00a0 \00a0 \00a0| "
}
.break li:last-child:after {
content: ""
}
.break li a {
color:#fff;
text-decoration:none
}
.layer01 {
background:#13A7B3
}
.layer02 {
background:#022135
}
#socialIconsSub {
width:100%;
padding:0;
margin:0
}
#socialIconsSub ul {
display:block;
width:60%;
padding:0;
margin:0 auto
}
#socialIconsSub ul li {
display:block;
float:left;
max-width:48px;
padding:0;
margin:0
}
.mobileShow {
display:none !important
}
.imgFrame {
float:left;
width:60%;
padding:0;
margin:0
}
.txtFrame {
float:left;
width:40%;
padding:0;
margin:0
}
.imgFrameSub {
float:left;
width:60%;
padding:0;
margin:0
}
.txtFrameSub {
float:left;
width:34%;
padding:3% 3% 0 3%;
margin:0;
color:#fff;
font-size:18px
}
.imgFrameSub img {
display:block;
max-width:100%;
height:auto
}
.txtFrameSub span {
display:block;
font-size:34px !important;
line-height:36px;
padding:0 0 10px
}
.txtFrameSub a {
display: block;
padding: 6px 0 6px 35px;
margin: 10px 0 0;
color: #fff !important;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 22px;
font-size: 20px
}
ul.navigation, ul.navigation li {
zoom: 1;
}
ul.navigation {
text-align: justify;
text-justify: distribute-all-lines;
list-style-type: none;
margin: 5px 0 0;
padding: 20px 0 5px;
display:block
}
ul.navigation:after {
content: "";
display: inline-block;
width: 100%
}
ul.navigation li {
text-align: left;
vertical-align: top;
display: inline-block;
margin:0;
font-size:30px
}
ul.navigation a {
padding: 10px;
color: #000;
text-decoration: none
}
ul.navigation a:hover {
background:url(/images/menu-arrow.png) no-repeat top center
}
ul.navigation li.selected a, ul.navigation a.selected {
background:url(/images/menu-arrow.png) no-repeat top center;
font-weight:500
}
ul.navigation a:focus {
outline: none
}
*+html ul.navigation li {
display: inline;
}
* html ul.navigation li {
display: inline;
}
.carouselInner01 .GetDetails {
position:absolute;
width:100%;
height:67px;
overflow:hidden;
left:0;
bottom:0
}
.carouselInner01 .GetDetails .rows01 {
position:relative;
float:left;
width:50%;
font-size:16px !important;
text-transform:uppercase;
padding:0;
margin:0;
color:#fff
}
.carouselInner01 .GetDetails .rows01 div {
padding:0 0 0 20px
}
.carouselInner01 .GetDetails .rows01 div span {
display:block;
padding:10px 0 0;
font-size:16px !important
}
.carouselInner01 .GetDetails .rows02 {
position:relative;
float:right;
width:50%;
font-size:16px !important;
text-transform:uppercase;
padding:0;
margin:0;
color:#fff
}
.carouselInner01 .GetDetails .rows02 span {
display:block;
position:absolute;
top:0;
right:0;
width:252px;
height:67px;
line-height:28px;
background:#13a7b3;
color:#fff;
text-transform:uppercase;
font-size:20px !important;
background: #13a7b3 url(/images/arrow54x55.png) no-repeat 5px center
}
.carouselInner01 .GetDetails .rows02 span a {
display:block;
padding:5px 0 0 75px;
height:100%;
color:#fff;
text-decoration:none
}
.carouselInner01 .boatDetails {
position:relative;
font-size:20px;
color:#fff;
background:transparent url(/images/opacity.png);
height:67px;
margin: 0 ;
padding:2px 20px 0
}
.carouselInner01 .boatDetails ul {
display:block;
clear:both;
margin: 0;
padding: 0
}
.carouselInner01 .boatDetails ul li {
margin-left:10px;
display: block;
text-align:right;
float:left;
list-style-type: none;
font-size:20px;
font-weight:300;
width:auto;
}
.carouselInner01 .boatDetails ul li.right {
margin-left:5px;
width:auto!important;
float:right !important
}
.carouselInner01 .boatDetails ul li span {
display:block;
font-size:12px !important;
text-align:left;
padding:0 0 5px;
text-transform:uppercase;
font-weight:300
}
.carouselInner01 .boatDetails a.currency {
dispaly:block;
position:absolute;
z-index:3;
top:0;
right:5px;
padding:0 20px 0 0;
font-size:12px;
color:#fff;
text-decoration:none;
background:transparent url(/images/arrow-down.png) no-repeat center right
}
.carouselInner01 {
width:100%
}
span.resTitle {
display: block;
position: relative;
top: 0;
right: 0;
width: 100%;
min-height: 40px;
height: auto !Important;
height: 40px;
line-height: 30px;
background:#13a7b3;
color: #fff;
text-transform: uppercase;
font-size: 22px;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
overflow:hidden;
margin:0 0 10px
}
span.resTitle.sf {
font-size: 16px !important;
line-height: 22px !important
}
span.resTitle strong {
font-weight:500 !Important
}
span.resTitle.orange {
background:#ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px;
background-size: auto 60%;
}
span.resTitle a,
span.resTitle button {
background: transparent;
cursor: pointer;
border: 0;
display: block;
padding: 5px 0 0 40px;
height: 100%;
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 22px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
position: relative;
}
span.resTitle.reverse {
position:relative;
}
span.resTitle.reverse a:before {
content:"";
position:absolute;
left:3px;
top:6px;
width:36px;
height:28px;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size:contain;
transform:scaleX(-1);
}
span.qifSubmit {
display: block;
position: relative;
top: 0;
right: 0;
width: 100%;
min-height: 30px;
height: auto !Important;
height: 30px;
line-height: 20px;
background:#13a7b3;
color: #fff;
text-transform: uppercase;
font-size: 14px;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
overflow:hidden;
margin:0 0 10px
}
span.qifSubmit.orange {
background:#ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
background-size: auto 60%;
}
span.qifSubmit a {
display: block;
padding: 5px 10px 0 40px;
height: 100%;
color: #fff;
text-decoration: none
}
ul.doubleList {
display:block;
padding:0;
margin:10px 0;
width:100%
}
ul.doubleList li {
clear:both;
width: 100%;
display:block;
border-bottom:1px solid #E3E3E3;
padding:0;
margin:0
}
ul.doubleList li span {
display:block;
padding:3px 2% 5px 2% !important;
margin:0 !important
}
.text01, .text02, .text03, .text01tiny, .text02tiny {
}
.text01 {
float: left;
width:54%;
font-weight:500
}
.text02 {
float: right;
width:38%;
text-align:right
}
.text03 {
float: left;
width:100%
}
.text01tiny{
float:left;
width:30%;
font-weight:500
}
.text02tiny{
float: right;
width: 62%;
text-align:right
}
.viewEnquiryFrame {
display:inline-block;
padding:1px 10px 0 20px;
margin:0;
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 3px center;
background-size: auto 50%;
text-transform:uppercase;
font-size:12px;
line-height:23px;
/*height:100%;
*/
color:#fff;
text-decoration:none
}
/* new 04/02/2014 */
#formModal {
position:relative;
padding:0;
margin:0 auto;
max-width:644px;
background: rgba(0,0,0,.8);
}
#formModal .fromHeaderModule {
position:relative;
padding:0;
margin:0;
height:45px;
line-height:45px;
overflow:hidden;
background:#13A7B3;
font-size:19px;
color:#fff;
text-transform:uppercase
}
#formModal .fromHeaderModule span {
padding:0 15px
}
#formModal .formInner {
position:relative;
padding:25px 15px;
margin:0;
font-size:16px;
color:#fff
}
#formModal li {
width: 50%;
float: left;
padding: 5px 0
}
#formModal ul.full li {
width: 100%;
!important
}
#formModal li select, #formModal li label, #formModal li input[type=text] {
display:inline-block;
float:left
}
#formModal li input[type=text] {
width:80px;
padding:5px
}
#formModal li select {
padding:5px;
border:none;
margin:0 25px 0 0
}
#formModal li input.largesize {
width:160px;
padding:5px
}
#formModal li input.fullsize {
width:420px;
padding:5px
}
#formModal li textarea.fullsize {
width:420px;
padding:5px
}
#formModal li label.lbl01 {
width:120px;
padding:0;
margin:0
}
#formModal li label.lbl02 {
width:160px;
padding:0;
margin:0
}
#formModal li label.lbl03 {
width:140px;
padding:0;
margin:0
}
#formModal li label.lbl04 {
width:170px;
padding:0;
margin:0
}
#formModal li label.lbl05 {
width:100%;
padding:0;
margin:0
}
#formModal p {
clear:both;
display:block;
padding:25px 0 0!important;
text-align:right;
font-style:italic
}
button.calendar {
background: url('/images/calinput.png');
border: 0;
cursor: pointer;
float: left;
height: 27px;
margin-left: 6px;
width: 25px
}
.inline {
display: none
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
padding:2px 0 2px 0
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
padding: 2px
}
.FloatRight {
float: right;
padding:2px 0 2px 0
}
@media screen and (max-width: 1560px) {
.break .nav {
min-height: 60px;
}
}
/*b-splet main image resized on desktop*/
@media screen and (min-width: 769px) {
.mainHPimage {
max-height:300px;
overflow: visible;
}
.imgFrameSub > img {
width: 100%;
height: 285px;
min-height: 285px;
object-fit: cover;
}
}
@media screen and (min-width: 769px) and (max-width: 850px) {
.image #boatSearch span{
font-size: 40px;
}
}
/*b-splet main image resized on desktop end*/
/* ------------------------------------------------------------- RESPONSIVE STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 860px) {
#featuredBoat div a.btn span {
font-size: 25px;
}
}
/* Landscape media and Ipad portrait */
@media screen and (max-width: 768px) {
/*b-splet*/
.label20_small {
width:40%;
}
#featuredBoat div a.btn {
background-size: 35px 35px;
font-size: 16px;
}
#featuredBoat div a.btn span {
font-size: 18px;
}
.content_table{
direction:ltr;
}
.content_table td{
direction:ltr;
display:block;
width:100%;
}
.content_table_even td{
width:100%;
display:block;
}
.enquiry_box_holder_first{
margin-top:0;
}
.thankyouimage{
}
.masonry{
column-count: 1;
column-gap: 1em;
}
.spec_grid{
display:inline-block;
width: calc( 50% - 10px );
width: 100%;
}
.spec_grid2{
width: 100%;
}
.spec_grid2.right{
text-align:center;
}
.spec_grid2.left{
text-align:center;
}
.enqform_main_title{
text-align: left;
}
.center_cropped{
/* max-height: 150px;
*/
overflow: hidden;
}
.enquiry_sidebar_image{
width:100%;
margin-left: 0;
margin-top:0;
}
.hide_768{
display:none;
}
.show_768{
display:inline;
}
.hide_768b{
display:none;
}
.show_768b{
display:block;
text-align:left;
}
.sticky{
display: block;
position: fixed;
bottom: 50px;
z-index:1010;
text-align:center;
width: 190px;
background-color: #13a7b3;
height: 30px;
left: 50%;
margin-left:-95px;
}
.sticky_form{
position: fixed;
top: 0;
z-index:1000;
text-align:center;
width: 100%;
background-color: white;
height:100%;
overflow-y: scroll;
left:0;
padding: 2.5%;
box-sizing: border-box
}
.sticky a{
vertical-align: middle;
color: white!important;
text-decoration: none!important;
}
.green{
text-decoration: none!important;
}
#searchFilterFrame .input input, #searchFilterFrame .select select, #searchFilterFrame .textarea textarea{
width: 95%;
}
.resTitlesmall{
width: 95%!important;
}
/*b-splet*/
.topnav ul {
padding: 0 0
}
#topnavholder{
position:relative;
top:0
}
#column2Frame .innerLeft{
width:100%;
}
#column2Frame .innerLeft2{
width:100%;
}
#innerRight {
clear:left;
width:100%
}
#innerRight2 {
clear:left;
width:100%
}
.boatReviewFrame .col01{
width:50%;
}
.boatReviewFrame .col01 img{
width:100%;
}
.searchFrame #searchFilterFrame{
width: 100%;
float: left;
}
.searchFrame #searchResultFrame{
width: 100%;
float: left;
}
.boatReviewFrame .col02{
width:50%;
}
.boatReviewFrame .col03{
width: 100%;
}
.boatReviewFrame .col03 .col04fix{
width:100%;
float:left;
}
.boatReviewFrame .col03 .col03fix{
width:50%;
float:left;
}
.boatReviewFrame .col03 .col03fix .rating{
padding-top: 20px;
}
.mobileHide {
display:none !important
}
.mobileShow {
display:block !important
}
.fixed {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.nav ul {
text-align: left
}
.nav li.copyright {
margin: 0;
display: block;
width:100%
}
.nav li {
padding: 0 10px
}
.break li:after {
content: " "
}
.break li:last-child:after {
content: ""
}
.imgFrame {
float:left;
width:100%;
height:277px;
padding:0;
margin:0;
overflow:hidden
}
.txtFrame {
float:left;
max-width:100%;
padding:0;
margin:0
}
.imgFrameSub {
float:left;
width:100%
}
.txtFrameSub {
float:left;
width:94%
}
.scrollContainer div.panel p {
display: block !important;
line-height: 20px !important;
font-size: 16px !important
}
.scroll {
height: 500px !important
}
.scrollContainer div.panel {
padding: 0;
height: 500px !important
}
.scrollContainer div.panel p span {
font-size: 25px !important;
padding: 0 0 10px !important
}
.eventList {
padding: 15px 10px 0
}
#featuredBoat .col01 {
position:relative;
float:left;
padding:0;
/*margin:0 1% 0;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat .col02 {
position:relative;
float:left;
padding:0;
/*margin:0 1% 0;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat .col03 {
position:relative;
float:left;
padding:0;
/*margin:0 0 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#featuredBoat .col01 img, #featuredBoat .col02 img, #featuredBoat .col03 img {
display:block;
max-width:100%;
height:auto
}
.featuredBoat .col01 {
position:relative;
float:left;
padding:0;
margin:0 1% 0;
width:31%
}
.featuredBoat .col02 {
position:relative;
float:left;
padding:0;
margin:0 1% 0;
width:31%
}
.featuredBoat .col03 {
position:relative;
float:left;
padding:0;
margin:0 0 0 1%;
width:31%
}
.featuredBoat .col01 img, .featuredBoat .col02 img, .featuredBoat .col03 img {
display:block;
max-width:100%;
height:auto
}
#TopDestinations .col01 {
position:relative;
float:left;
padding:0;
/*margin:0 1% 0;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations .col02 {
position:relative;
float:left;
padding:0;
/* margin:0 1% 0;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations .col03 {
position:relative;
float:left;
padding:0;
/*margin:0 0 0 1%;
width:31%*/
margin: 0 0.86% 0 0.86%;
width: 31.6%;
}
#TopDestinations .col01 img, #TopDestinations .col02 img, #TopDestinations .col03 img {
display:block;
max-width:100%;
height:auto
}
.eventBox img {
display:block;
max-width:100%;
height:auto
}
.pictFloatRight {
width: 250px
}
.image #features {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
width: 90%;
margin: 0 auto;
padding: 10px
}
.image #features span {
font-size:30px
}
.image #features ul li {
display: block;
float: left;
width: 43%;
padding: 0 0 5px 30px;
margin: 0 15px 0 0;
font-size: 14px;
line-height:20px
}
.socialFrame {
float:none;
width:100%;
margin:0 0 25px
}
.socialFrame .colPadLeft {
padding: 0
}
.footer-site li {
float: left;
width: 50%
}
.col-3 {
margin: 0 0 15px;
width: 100%
}
#socialIcons {
none
}
#socialIcons ul {
display:block;
width:100%;
padding:0;
margin:0
}
#socialIcons ul li {
display:block;
width:100%;
float:left
}
#featuredBoat div strong {
font-size: 24px;
padding: 10px 0 0;
height:50px
}
#featuredBoat div h1 {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
#featuredBoat div .h1t {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
#featuredBoat div a.btn span {
display: block;
font-size: 20px;
font-weight: 500
}
.featuredBoat div strong {
font-size: 24px;
padding: 10px 0 0;
height:50px
}
.featuredBoat div h1 {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
.featuredBoat div a.btn span {
display: block;
font-size: 20px;
font-weight: 500
}
#TopDestinations div strong {
font-size: 24px;
padding: 10px 0 0;
height:50px
}
#TopDestinations div h1 {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
#TopDestinations div h2 {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
#TopDestinations div .h2t {
display:block;
font-size: 24px;
padding: 10px 0 0;
height:50px;
font-weight:inherit;
}
#TopDestinations div a.btn span {
display: block;
font-size: 20px;
font-weight: 500
}
.image #boatSearch ul li {
width:100%;
margin:0 0 15px
}
.image #boatSearch ul li:last-child {
float: left
}
.image #boatSearch ul li:last-child div {
padding: 0 !important
}
.image #boatSearch ul li div select {
display:block;
margin:5px 0 0
}
.image #boatSearch ul li:first-child div {
padding:0!important
}
.image #boatSearch ul li div {
padding:0
}
.fsSubmitButton {
float:none;
display: block;
width: 150px;
margin:10px auto
}
.image #boatSearch {
text-align:center
}
.contentImg{
display:none;
}
.column01 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
line-height:20px;
color:#cb4018
}
.column02 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
text-align:center
}
.column0202 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
text-align:center
}
.column03 {
position:absolute;
float:left;
padding:10px 0 0;
margin:0;
margin-top:100px;
width:80%;
clear:left;
z-index:99
}
.column01 ul li.secAdrr, .breaktop .topnav, .topnav {
height:auto !important
}
.readMore {
font-size:14px
}
p.bntFrame {
text-align:left
}
ul.navigation li {
text-align: left;
vertical-align: top;
display: inline-block !important;
float:left;
margin:0;
padding:5px 0 10px;
font-size:30px !important
}
ul.navigation a {
padding: 10px;
color: #000;
text-decoration: none;
font-size:20px !important
}
ul.navigation a:focus {
outline: none
}
}
@media screen and (max-width: 660px) {
#featuredBoat div a.btn span {
font-size: 18px;
}
}
@media screen and (max-width: 620px) {
#featuredBoat div a.btn {
background-size: 35px 35px;
}
.thankyouimage{
max-width: 500px;
left: 50%;
margin-left: -250px;
/*display:none;
*/
}
.thankyouimage_mobile{
/*max-width: 500px;
*/
display:none;
left: 50%;
margin-left: -310px;
position: relative;
}
.center_cropped{
/* max-height: 80px;
*/
}
.offices_title{
margin: 0 0 .5em 0;
text-align: center;
margin-bottom: 10px;
}
.child {
width:100%;
margin-bottom: 10px;
}
.parent {
/*padding-left:5%;
*/
/* text-align: left;
*/
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For iPad landscape layouts only */
}
/* Portrait media */
/*@media only screen and (min-width : 320px) and (max-width : 568px) {
*/
@media only screen and (min-width : 320px) and (max-width : 568px) {
.mail_form_wrapper{
width:97%;
}
.inpcustsol, .selcustsol, .textareacustsol{
width:97%;
}
.inpcustsol2, .selcustsol2, .textareacustsol2{
width:97%;
}
.inpcustsol3, .selcustsol3, .textareacustsol3{
width:97%;
}
.form_text_wrapper{
width:97%;
}
.form_text_wrapper2{
width:97%;
}
.dateinputcontainer{
width:97%;
}
.fullsize_enquire_button{
width:97%
}
.inpcustsoldate {
width:35%;
}
.budgetcustsol{
width:calc(97% - 105px);
}
.resultdiv{
width:97%;
}
ul.rightList li {
padding: 0 0 10px;
overflow: auto;
display:block
}
.boatReviewFrame .col01{
width:100%;
}
.boatReviewFrame .col01 img{
width:100%;
}
.boatReviewFrame .col02{
padding-top: 20px;
width:100%;
}
.boatReviewFrame .col03{
width:100%;
}
.boatReviewFrame .col02s{
width:65%;
}
.boatReviewFrame .col03s{
width:30%;
}
.footer-logo img {
display:block;
max-width:100%;
height:auto
}
#socialIconsSub {
width:100%;
padding:0;
margin:0
}
#socialIconsSub ul {
display:block;
width:100%;
padding:0;
margin:0 auto
}
#socialIconsSub ul li {
display:block;
float:left;
max-width:48px;
padding:0;
margin:0
}
.footer-site {
position: relative;
padding: 30px 0;
margin: 0;
width: 100%;
line-height: 18px;
font-size: 14px
}
#featuredBoat div strong {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase
}
#featuredBoat div h1 {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase;
font-weight:inherit;
}
#featuredBoat div .h1t {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase;
font-weight:inherit;
}
#featuredBoat div a.btn {
display: block;
color: #fff;
padding: 8px 5px;
margin: 0;
text-decoration: none;
line-height: 18px;
font-size: 12px;
background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right;
background-size: 35px 35px;
/*height:60px*/
}
#featuredBoat div a.btn span {
display: block;
font-size: 15px;
font-weight: 500
}
.featuredBoat div strong {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase
}
.featuredBoat div h1 {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase;
font-weight:inherit;
}
.featuredBoat div a.btn {
display: block;
color: #fff;
padding: 8px 5px;
margin: 0;
text-decoration: none;
line-height: 18px;
font-size: 12px;
height:60px;
background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right
}
.featuredBoat div a.btn span {
display: block;
font-size: 12px;
font-weight: 500
}
#TopDestinations div strong {
display: block;
font-size: 16px;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase
}
#TopDestinations div h1 {
display: block;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
text-transform: uppercase;
font-weight:inherit;
}
#TopDestinations div h2 {
display: block;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
font-weight:inherit;
}
#TopDestinations div .h2t {
display: block;
font-weight: 300;
padding: 10px 0 0;
height:50px;
margin: 0;
text-align: center;
font-weight:inherit;
}
#TopDestinations div a.btn {
display: block;
color: #fff;
padding: 8px 5px;
margin: 0;
text-decoration: none;
line-height: 18px;
font-size: 12px;
height:60px;
background: #13A7B3 url(/images/arrow_whats-hot-right-now.svg) no-repeat center right
}
#TopDestinations div a.btn span {
display: block;
font-size: 12px;
font-weight: 500
}
.eventList .desctEvent h2 {
font-size: 20px;
line-height: 25px
}
.eventList .desctEvent {
font-size: 16px;
line-height: 22px
}
.eventBox {
font-size: 16px;
line-height: 22px
}
/* .eventList .pictEvent {
float: none;
padding: 0;
margin: 0;
width: 100%
}
.eventList .desctEvent {
float: none ;
padding: 0 2.5% 0 0;
margin: 0;
width: 100%
}
*/
span.eventHeader {
display: block;
width: 100%;
font-size: 25px;
line-height: 30px;
padding: 0 0 40px
}
span.eventHeader h1 {
display: inline;
width: 100%;
font-size: 25px;
line-height: 30px;
padding: 0 0 40px;
font-weight:inherit;
}
span.eventHeader .h1t {
display: inline;
width: 100%;
font-size: 25px;
line-height: 30px;
padding: 0 0 40px;
font-weight:inherit;
}
.item .carouselLeft {
float: none;
padding: 5px 0 0;
margin: 0 0 25px;
width: 100%
}
.item .carouselRight {
float: none;
padding: 0;
margin: 0 0 0 2%;
width: 100%
}
.txtFloat01 {
top: 5px;
font-size: 20px
}
.image #features {
padding:10px 1% !important;
overflow:hidden;
width:90%;
display:block
}
.image #features ul li {
display: block;
float: left;
width: 100%
}
.image #features span {
padding:5px 0 0 !important;
display:block;
line-height:30px
}
.image #boatSearch span {
font-size: 35px;
line-height: 35px
}
.pictFloatRight {
width: 100% !important;
display:block;
float:none;
margin:0 0 10px
}
.column02 {
width:100%;
float:left;
text-align:center;
}
.column0202 {
width:100%;
float:left;
text-align:center;
}
.column02 img {
max-width:100%;
height:auto;
text-align:center
}
.column0202 img {
max-width:100%;
height:auto;
text-align:center
}
/*b-splet*/
.eventList .pictEvent{
width: 100%;
float: none;
}
.eventList .desctEvent{
width: 100%;
}
.eventList .desctEvent.forceLeft{
padding: 0 !important;
}
.eventBox img{
width: 100% !important;
/*display:block;
margin:auto;
*/
}
.item img{
max-height:100%;
}
.boatReviewFrame .col02 .yacht_details{
padding:0;
}
.boatReviewFrame .col02 .yacht_details .dleft{
float:left;
width:60%;
padding:0;
}
.boatReviewFrame .col02 .yacht_details .dright{
float:right;
width:35%;
padding:0;
}
.innerTitleBar h1 {
display:block;
font-size:24px;
line-height:31px;
padding:0;
margin:0;
font-weight:500;
text-transform:uppercase
}
h1.innerH2,h2.innerH2 {
display:block;
font-size:23px;
line-height:32px
}
h1.innerH2 span , h2.innerH2 span {
display:block;
font-weight:300;
padding:0;
font-size:23px
}
/*b-splet*/
/* .form-wrapper button {
background: none !important
}
*/
}
@media only screen and (max-width : 768px) {
.HP_topimage{
top:0;
}
.image.mapFrame + .image img {
object-fit:cover;
height:365px;
}
}
@media only screen and (min-width : 586px) and (max-width : 768px) {
.show_568786{
display:block;
}
.rating{
text-align: center!important;
}
.rev{
text-align: center;
}
.column0202 img {
max-width:100%;
height:auto;
text-align:center
}
}
@media only screen and (min-width : 569px) and (max-width : 585px) {
.column0202 img {
max-width:100%;
height:auto;
text-align:center
}
}
@media only screen and (min-width : 100px) and (max-width : 568px) {
.column02 img {
max-width:100%;
height:auto;
text-align:center
}
.column0202 img {
max-width:100%;
height:auto;
text-align:center
}
.footer-logo img {
display:block;
max-width:100%;
height:auto
}
/*b-splet*/
.hide_568{
display:none;
}
.show_568{
display:inline;
}
.show_568b{
display:block;
}
.boatFeatList li span {
display:none;
}
.boatReviewFrame .mobileShow .btnEnquiryInfoLeft{
text-align:left;
padding-left: 20px;
font-size:100%;
}
.boatReviewFrame .col03 .btnEnquiryInfoLeft em{
font-size:100%;
}
.boatReviewFrame .col03 .col03fix .ratingMobile{
padding-top: 5px;
}
.boatReviewFrame .col03 .btn01orangeWide {
display: block;
position: relative;
margin:5px 0 0;
line-height: 20px;
font-size: 16px;
font-weight:300;
padding:5px 0 3px 35px;
color: #fff;
text-decoration:none;
text-transform: uppercase;
background:#ea4f25 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center;
background-size: auto 60%;
}
/*b-splet stack the boxes in mobile*/
#TopDestinations .col01{
width:100%!important;
}
#TopDestinations .col02{
width:100%!important;
}
#TopDestinations .col03{
width:100%!important;
}
#TopDestinations .col01 img{
margin-left: auto;
margin-right: auto;
}
#TopDestinations .col02 img{
margin-left: auto;
margin-right: auto;
}
#TopDestinations .col03 img{
margin-left: auto;
margin-right: auto;
}
.mobile_buttons{
min-width:320px;
}
.btnReserve2{
float:left;
width:36%;
margin-right:3px
}
.btn01orangeWide2{
float:left;
width:36%;
}
.boatReviewFrame .col02 div.boatFeatList{
padding:0!important;
}
/*.tinyrate{
text-align:center!important;
}
*/
}
@media screen and (max-width: 530px) {
#featuredBoat div a.btn span {
font-size: 14px;
}
#featuredBoat div a.btn{
background-size: 28px 28px;
}
.image.mapFrame + .image img {
object-fit:cover;
height:365px;
}
}
@media screen and (max-width: 472px) {
#featuredBoat div a.btn span {
font-size: 13px;
}
#featuredBoat div a.btn{
background-size: 23px 23px;
}
.image.mapFrame + .image img {
object-fit:cover;
height:365px;
}
}
@media screen and (max-width: 460px) {
.block_table tr{
display:block;
width:100%;
}
.block_table td{
display:block;
width:100%;
}
.details_left{
display:block;
width:100%;
}
.details_right{
display:block;
width:100%;
}
.specials_enquiry_button {
font-size: 14px!important;
background-size: 23px!important;
line-height: 23px!important;
}
.image.mapFrame + .image img {
object-fit:cover;
height:365px;
}
}
@media screen and (max-width: 440px) {
#featuredBoat div a.btn{
background: #13A7B3;
}
}
@media screen and (max-width: 390px) {
#featuredBoat div a.btn span {
font-size: 12px;
}
.specials_enquiry_button {
font-size: 14px!important;
background-size: 17px!important;
line-height: 24px!important;
}
}
@media screen and (max-width: 360px) {
#featuredBoat div a.btn{
height: 60px;
}
.specials_enquiry_button {
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
background-size: auto 60%;
;
font-size: 14px!important;
background-size: 17px!important;
line-height: 24px!important;
}
}
@media only screen and (max-width : 320px) {
#whatshotimage{
height:450px;
object-fit: cover;
}
.specials_enquiry_button {
background: #13a7b3 url(/images/arrow_whats-hot-right-now.svg) no-repeat 5px center !important;
background-size: auto 60%;
;
font-size: 14px!important;
background-size: 17px!important;
line-height: 24px!important;
}
}
@media only screen and (max-width : 500px){
ul.rightList li {
padding: 0 0 10px;
overflow: auto;
display:block
}
.mobileHide500 {
display:none !important
}
.mobileShow500 {
display:block !important
}
.continue_link {
text-align: center;
}
.bbintroduces{
margin-top:0;
}
/* brochure, added 24 Nov '15 */
#brochure_yacht{
clear:both;
width:100%;
float:left;
margin-top:40px;
}
#brochure_specs{
clear:both;
float: left;
width:100%;
margin-top:10px;
}
#brochure_prices{
clear:both;
float:left;
width:100%;
margin-top:10px;
}
#brochure_prices2{
clear:both;
float:left;
width:100%;
margin-top:10px;
}
#brochure_desc, #brochure_comments{
clear:both;
width: 100%;
float:left;
margin-top:10px;
text-align: justify;
text-justify: inter-word;
}
.brochure_photos{
display:'';
clear:both;
float:left;
width: 100%;
}
.brochure_left{
display: '';
width:100%;
float:left;
}
.brochure_right{
display: '';
width:100%;
float:left;
}
.brochure_left img, .brochure_right img{
width: 100%;
}
.content_image{
width: 100%;
}
.searchFrame #searchResultFrame .wrap {
padding:0 0 0 0
}
.content_description{
padding-left:0;
width: 100%;
}
#stickyenquiry.mobileSticky {
position:fixed;
background:white;
padding-bottom:0.5rem;
border-bottom:1px solid #c3c3c3;
margin-left:-12px;
padding-left:12px;
padding-right:12px;
z-index:10000;
}
}
/* Tiny Portrait media */
@media only screen and (max-width : 400px){
.nav_section li:first-child {
margin-top:20px
}
.nav_section li:last-child {
margin-bottom:20px
}
.nav_section li ul li:first-child {
margin-top:0
}
.nav_section li ul li:last-child {
margin-bottom:0
}
.boatReviewFrame .col03fix{
width:50%;
}
.tree_pic{
width: 100px;
}
.tree_desc{
width:100%;
}
.boatReviewFrame .col04fix{
width:50%;
}
.column01 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
line-height:20px;
color:#cb4018
}
.column02 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
text-align:center;
height: 61px;
}
.column0202 {
position:relative;
float:left;
padding:10px 0 0;
margin:0;
width:100%;
text-align:center;
height: 61px;
}
.column03 {
position:absolute;
float:left;
padding:10px 0 0;
margin:0;
margin-top:100px;
width:80%;
clear:left;
z-index:99
}
}
@media only screen and (max-width : 380px){
.yachts_image{
width:100%;
}
}
#kw_results{
z-index:9999;
position:absolute;
background-color:#f6f6f6;
border:1px solid #f0f0f0;
border-top:0;
width:100%;
border-top:none;
}
*html #kw_results{
width: 100%;
}
.kw_results_row{
float:left;
clear:both;
padding-left:6px;
width:90%;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px dotted #e0e0e0;
font-size:10pt;
}
.location_holder{
position:relative;
padding:0;
margin:0;
}
.location_results {
background-color: white;
left:0;
right:0;
z-index:9999;
position: absolute;
text-align:left;
color: #999;
margin-right: 8px;
}
.location_results p{
padding-left: 8px;
}
@media screen and (min-width:960px) {
.location_results p {
/*max-height:10vw;*/
overflow-y: auto;
}
}
.location_results a, .location_links{
font-size:10pt !important;
color: #333 !important;
text-decoration: none !important;
}
.topaligntable td{
vertical-align: top;
align: top;
padding: 6px;
font-size: 14px;
font-style: normal;
}
#currencySelector input[type="radio"],#lengthSelector input[type="radio"] {
display:none;
}
#currencySelector label , #lengthSelector label {
display:inline-block;
width:40px;
text-align: center;
padding-top:1px;
padding-bottom: 1px;
margin:1px;
font-size: 8pt;
}
#currencySelector input[type="radio"]:checked + label,#lengthSelector input[type="radio"]:checked + label {
background-color:#DAE5EC;
}
/* added by tom for general links either green or orange */
.green {
color:#13a7b3;
text-decoration:underline;
font-weight:bold;
}
.green a {
color:#13a7b3;
text-decoration:underline;
font-weight:bold;
}
.orangetext {
color:#ea4f25;
text-decoration:underline;
font-weight:bold;
}
.orangetext a {
color:#ea4f25;
text-decoration:underline;
font-weight:bold;
}
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float:left;
width:100%;
position: relative;
}
.swipe-wrap div{
text-align:center
}
img[alt~="flags"], img[alt~="flag"], img[alt="A in sailing terms"] {
width: auto !important;
}
#yacht_details_header {
cursor: pointer;
}
@media (max-width: 768px) {
.stickyhead {
background: white;
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 10px 12px;
width: auto;
z-index: 99999999;
}
}
.review-rating {
position: relative;
width: 80px;
height:15px;
}
.review-rating svg {
width: 100%;
height: auto;
position : absolute;
}
.review-rating::after {
height: 100%;
position: absolute;
content: '';
display: block;
background: grey;
z-index : -2;
}
.review-rating::before {
height: 100%;
position: absolute;
content: '';
display: block;
background: gold;
z-index : -1;
}
/* Members */
section.crew {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:1rem;
}
section.crew img {
max-width:100%;
height:auto;
}
section.crew .member__caption {
position:relative;
padding: 0.5rem 0.5rem 0.5rem 48px;
border-bottom:1px solid #13a7b3;
}
section.crew .member__caption:before {
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width: 40px;
background: #13a7b3 url(../images/member.svg) no-repeat center;
background-size: contain;display: grid;place-content: center;place-items: center;
}
/* Enquire button */
@media screen and (min-width:767px) {
.call-to-action.mobile-only {
display:none;
}
}
.call-to-action.mobile-only a {
background:#033359;
display:block;
padding:1rem;
font-size:1.25rem;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:0 0 2rem;
color:white;
}
/* Reviews */
.reviews_wrap .review_stars,
#review-aggregate .review_stars {
background: url(/images/stars_grey.svg) no-repeat;
display: block;
height: 25px;
width: 100%;
position: relative;
}
.reviews_wrap .review_stars:after,
#review-aggregate .review_stars:after {
content: "";
position: absolute;
background: url(/images/stars_marked.svg) no-repeat;
left: 0;
top: 0;
bottom: 0;
}
#review-aggregate .review_stars,
#review-aggregate .review_stars:after {
height: 36px;
background-size: 150px;
width:150px;
margin:0 auto;
}
#review-aggregate {
text-align: center;
border: 1px solid #dedede;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 3px;
}
#review-aggregate .h5 {
color: #022135;
font-weight: 600;
display: block;
}
#review-aggregate p {
margin-bottom:0;
}
/* Footer reviews ajustment */
.footer-reviews > a {
color:white;
text-decoration: none;
}
.footer-reviews > a > div#review-aggregate {
padding:0;
border-radius:unset;
border-color:#6a6a6a;
padding-top: 0.2rem;
}
.footer-reviews > a > div#review-aggregate > .h5 {
color:white;
display:none;
}
.footer-reviews > a > #review-aggregate .review_stars,
.footer-reviews > a > #review-aggregate .review_stars:after {
background-size: 150px;
width:150px;
height:34px;
}
/* Map Calculate form */
form[name='map_calculate'] table {
margin:0;
width:100%;
}
form[name='map_calculate'] tbody {
display:grid;
grid-gap: 0.5rem;
}
form[name='map_calculate'] tr {
border: 1px solid #00000030;
display:grid;
gap:2px;
grid-auto-flow:column;
border-radius: 3px;
padding: 0.5rem;
grid-template-columns: minmax(100px, 120px) 1fr 1fr;
}
form[name='map_calculate'] tr > td > b {
color: #858585;
white-space: nowrap;
font-size: 0.8rem;
margin-top: -7px;
display: block;
}
form[name='map_calculate'] tr > td {
font-size:0.75rem;
}
form[name='map_calculate'] input{
border:0px;
line-height:24px;
border-bottom:1px solid #00000030;
text-align:center;
font-size:1.25rem;
}
form[name='map_calculate'] select {
border:0px;
font-size:0.8rem;
font-family:'Open Sans', sans-serif;
}
form[name='map_calculate'] tbody tr:nth-child(3) > td:nth-child(2) {
grid-column: 2 / 4;
display:grid;
grid-auto-flow:column;
gap: 1rem;
}
form[name='map_calculate'] tbody tr:nth-child(3) > td:nth-child(2) > input {
margin-right:5px;
text-align:center;
display:grid;
border-radius:3px;
}
form[name='map_calculate'] tbody tr:nth-child(3) > td:nth-child(2) > div {
display:grid;
grid-auto-flow: row;
}
form[name='map_calculate'] tbody tr:nth-child(3) {
grid-row:5;
}
form[name='map_calculate'] tbody tr:nth-child(5) {
grid-row:6;
}
form[name='map_calculate'] tbody tr:nth-child(6) > td:nth-child(2),
form[name='map_calculate'] tbody tr:nth-child(7) > td:nth-child(2) {
grid-column: 3 / 4;
}
form[name='map_calculate'] .color {
background: #13a7b329;
}
form[name="map_calculate"] {
display:grid;
grid-template-areas:'form form sidebar';
gap:1rem;
margin-top:1rem;
}
form[name="map_calculate"] > .help {
grid-area:sidebar;
background:#13a7b314;
border-radius:4px;
border:1px solid #c3c3c3;
padding:0.5rem;
font-size:0.9rem;
}
form[name="map_calculate"] > .help .reset {
border-bottom:1px solid #c3c3c3;
padding-bottom:0.5rem;
margin-bottom:0.5rem;
display:grid;
grid-template-columns: 1fr 1fr;
}
form[name="map_calculate"] > .help .reset input[type="button"] {
background:#13a7b3;
border-radius:3px;
font-size:1rem;
color:white;
text-transform:uppercase;
font-weight:600;
border:1px solid #c3c3c3;
letter-spacing:1px;
transition: all 0.3s ease-in-out;
}
form[name="map_calculate"] > .help .reset input[type="button"]:hover {
cursor:pointer;
background:#13a7b3;
transition: all 0.3s ease-in-out;
}
form[name="map_calculate"] > .help .instructions span {
color: #7c7c7c;
font-weight: 600;
text-shadow: 0px 1px 0px #8d8d8d;
margin: 0.5rem 0 0.25rem 0rem;
display: block;
}
form[name="map_calculate"] > #map_calculator {
grid-area:form;
}
form[name="map_calculate"] input[name="totalcost"] {
font-size: 2rem;
background: transparent;
color: #13a7b3;
font-weight: 600;
border-bottom: 0;
text-shadow: 1px 1px #5a5a5a;
}
form#geomapform {
border:1px solid #00000030;
padding:0.5rem;
border-radius:3px;
margin-bottom:1rem;
text-align:center;
}
form#geomapform input[type="text"] {
width:100%;
border:0;
text-align:center;
border-bottom:1px solid #00000030;
padding:1rem 0;
margin:1rem 0;
font-size:1.35rem;
}
form#geomapform input[type="text"]::placeholder {
color:#a2a2a2;
opacity:0.5;
}
form#geomapform input[type="button"] {
border:0;
font-size:1.35rem;
padding:1rem 5rem;
background:#13a7b3;
color:white;
}
form#geomapform input[type="button"]:hover {
background:#13a7b3;
color:white;
transition: all 0.3s ease-in-out;
cursor:pointer;
}
/* Yacht page sidebar ports */
ul.doubleList > li > ul > li:first-child {
font-weight:bold;
}
ul.other_areas > li span {
position:relative;
}
ul.other_areas > li:not(:first-child) span:before,
ul.homeport_area > li:not(:first-child) span:before {
content:"";
left:0;
width:16px;
height:24px;
display:block;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJwb3J0IiBkPSJNMjEuMjU4LDEzLjkwOWwtMy40MTMsMi4wNDhsMS4wMDksMC41NTljLTEuMzY1LDIuMTAxLTMuNjEsMy40NjYtNi4xMDQsMy43MTF2LTguNDYzaDQuNTY0DQoJYzAuNDQsMC4wMjUsMC44MTctMC4zMTMsMC44NDEtMC43NTRjMC4wMjUtMC40NDEtMC4zMTMtMC44MTgtMC43NTMtMC44NDJjLTAuMDI5LTAuMDAxLTAuMDU5LTAuMDAxLTAuMDg4LDBIMTIuNzV2LTEuNzENCgljMS43MDQtMC40NDEsMi43MjgtMi4xODEsMi4yODctMy44ODVjLTAuNDQyLTEuNzA0LTIuMTgyLTIuNzI4LTMuODg2LTIuMjg2QzkuNDQ4LDIuNzI4LDguNDI0LDQuNDY3LDguODY2LDYuMTcxDQoJYzAuMjksMS4xMjEsMS4xNjUsMS45OTYsMi4yODYsMi4yODd2MS43MTVINi42NjhjLTAuNDQxLTAuMDI0LTAuODE4LDAuMzEzLTAuODQyLDAuNzU0Yy0wLjAyNCwwLjQ0MSwwLjMxMywwLjgxOCwwLjc1NCwwLjg0Mg0KCWMwLjAyOSwwLjAwMiwwLjA1OCwwLjAwMiwwLjA4NywwaDQuNDgzdjguNDYzYy0yLjQ0LTAuMjQ0LTQuNjQ2LTEuNTU5LTYuMDIyLTMuNTlsMC45OTktMC41NzhsLTMuNDUxLTEuOTg1djMuOTgxbDEuMDY1LTAuNjE2DQoJYzMuMDQxLDQuNTMsOS4xNzcsNS43MzYsMTMuNzA4LDIuNjk1YzEuMTE1LTAuNzQ5LDIuMDY2LTEuNzE4LDIuNzk0LTIuODQ4bDEuMDc4LDAuNTk4TDIxLjI1OCwxMy45MDl6IE0xMC4zNTUsNS4zNzcNCgljMC0wLjg4MiwwLjcxNC0xLjU5NiwxLjU5Ni0xLjU5NnMxLjU5NiwwLjcxNCwxLjU5NiwxLjU5NmwwLDBjMCwwLjg4MS0wLjcxNSwxLjU5Ni0xLjU5NiwxLjU5NlMxMC4zNTUsNi4yNTksMTAuMzU1LDUuMzc3eiIvPg0KPC9zdmc+DQo=');
background-size: 16px;
background-position:center;
background-repeat: no-repeat;
float: left;
padding-left: 0.5rem;
filter: opacity(0.5);
}
/* Yacht page sidebar ports */
/* Yacht page reviews */
.review {
border:1px solid #c3c3c3;
padding:1rem;
margin-bottom:1rem;
border-radius:3px;
}
.review .review-rating {
margin:0.5rem 0;
}
/* Yacht page reviews */
@media screen and (max-width: 475px) {
form[name='map_calculate'] tbody tr:nth-child(3) {
grid-template-columns:repeat(1, 1fr);
grid-auto-flow:unset;
}
form[name='map_calculate'] tbody tr:nth-child(5) > td:nth-child(2),
form[name='map_calculate'] tbody tr:nth-child(5) > td:nth-child(3) {
display: grid;
text-align: center;
border-radius: 5px;
overflow: hidden;
}
form[name='map_calculate'] tbody tr:nth-child(3) > td:nth-child(2) {
grid-column:1 / 4;
}
form[name='map_calculate'] tr > td:not(td:nth-child(1)) {
display:grid;
text-align:right;
}
form[name="map_calculate"] {
grid-template-areas:
'form form'
'sidebar sidebar'
;
}
#TopDestinations .slidewrapper > div.col01,
#TopDestinations .slidewrapper > div.col02,
#TopDestinations .slidewrapper > div.col03 {
min-height: 385px;
}
#TopDestinations > div img.img-loaded {
height:210px;
min-height: 210px;
}
#TopDestinations div.col01 > a,
#TopDestinations div.col02 > a,
#TopDestinations div.col03 > a {
min-height:270px;
display:block;
}
.image.mainHPimage > .img.HP_topimage {
object-fit: cover;
margin:unset;
left:0;
height:100%;
position:absolute;
}
.image #boatSearch {
position:relative;
margin-top:1rem;
}
#footerMyYachts {
padding-left:0;
}
ul.rightList li {
min-height: 100px
}
.innerLeft .wrapperInner .blueBoxHeader {
/* white-space: nowrap; */
overflow: auto;
}
#tabs-container {
min-height: 526px;
}
.featuredBoat {
display: inline-grid;
grid-template-columns: repeat(3,1fr);
gap: 0.5rem 1rem;
position: relative;
height: 130px;
}
.featuredBoat > div.col01,
.featuredBoat > div.col02,
.featuredBoat > div.col03 {
width:100%;
display:block;
position:relative;
}
.featuredBoat > div.col01 a,
.featuredBoat > div.col02 a,
.featuredBoat > div.col03 a {
min-height:85px;
}
.featuredBoat > div.col01 img,
.featuredBoat > div.col02 img,
.featuredBoat > div.col03 img
{
height:85px;
min-height:85px;
width:auto;
object-fit: contain;
}
div.maincontentimage {
min-height: 240px;
}
.image.mainHPimage {
padding-top: 4rem;
}
#photos .images img.img {
background: #85858524;
min-height: 301px;
object-fit: contain;
}
.wrapperInner > .maincontentbody > div > img {
height:235px;
min-height: 235px;
object-fit:cover;
}
.maincontentbody p.bntFrameInner a {
white-space: nowrap;
}
form.enquiryform .form-field-wrapper > input.form-field,
form.enquiryform .form-field-wrapper > textarea {
font-size:16px;
}
}
@media screen and (min-width: 476px ){
form[name='map_calculate'] tr {
grid-template-columns:minmax(100px, 120px) 1fr auto;
}
form[name='map_calculate'] tr > td:not(td:nth-child(1)) {
display: grid;
place-content: end;
grid-auto-flow: row;
text-align: right;
}
form[name='map_calculate'] input:not(.color) {
min-width:130px;
}
form[name='map_calculate'] td > select {
text-align:right;
display: block;
height: 24px;
}
form[name='map_calculate'] tr > td:nth-child(3) {
margin-left:36px;
}
}
@media screen and (max-width: 375px ) {
form[name='map_calculate'] tbody tr {
grid-template-columns:repeat(2, 1fr);
grid-auto-flow:unset;
gap:0.5rem;
}
form[name='map_calculate'] tbody tr td:nth-child(1) {
grid-column:1 / 3;
}
form[name='map_calculate'] tr > td > b {
font-size:12px;
}
}
@media screen and (min-width: 476px ) and (max-width: 768px) {
.HP_topimage {
left: 0;
right: 0;
margin: unset;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
height: 100% !important;
}
.image #boatSearch {
top:0;
position:relative;
}
.image #boatSearch span {
font-size:30px;
}
.slidewrapper h2 {
white-space: nowrap;
}
}
/*MEGAMENU*/
/* DROPDOWN CONFIGURATION
-----------------------------*/
.megamenu .dropdown,
.megamenu .dropdown li .dropdown {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 999;
width:160px;
background: #fff;
border-bottom: solid 1px rgba(0, 0, 0, 0.2);
border-left: solid 1px rgba(0, 0, 0, 0.2);
border-right: solid 1px rgba(0, 0, 0, 0.2);
}
.megamenu .dropdown {
top: 59px;
}
.megamenu .dropdown li .dropdown {
left: 160px;
top: inherit;
margin-top: -1px;
border: solid 1px rgba(0, 0, 0, 0.2);
}
.megamenu .dropdown li {
clear:both;
width:100%;
}
.megamenu .dropdown li:last-child {
border-bottom: none;
}
.megamenu .dropdown li a {
float:left;
width:100%;
padding:10px 25px;
text-decoration:none;
display:block;
border:0 none;
font-size: 14px;
color: #444;
background:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.megamenu .dropdown li:hover > a {
background: #dbdbdb;
}
/* MEGAPANEL CONFIGURATION
-----------------------------*/
.megamenu > li > .megapanel{
position: absolute;
display: none;
background: #fff;
width: 100.2%;
top: 46px;
left: -1px;
z-index: 99;
padding: 20px 30px 20px;
border: solid 1px #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.megamenu .megapanel ul{
margin: 0;
padding: 0;
}
/* FORM CONFIGURATION
-----------------------------*/
/*
.megamenu form.contact input,
.megamenu form.contact textarea{
font-family: Calibri, Arial;
font-size: 16px;
color: #444;
outline: none;
}
.megamenu form.contact input[type="text"],
.megamenu form.contact textarea{
width: 100%;
margin-bottom: 20px;
padding: 5px 10px;
border: solid 1px #dedede;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
transition: border 0.3s linear;
}
.megamenu form.contact input[type="text"]{
height: 40px;
}
.megamenu form.contact input[type="text"]:focus,
.megamenu form.contact textarea:focus{
border: solid 1px #999;
}
.megamenu form.contact input[type="submit"]{
width: 100px;
height: 35px;
border: none;
color: #fff;
cursor: pointer;
background: #999;
}
*/
/* GRID SYSTEM
-----------------------------*/
.megapanel .row{
width: 100%;
margin-top: 15px;
}
.megapanel .row:first-child {
margin-top: 0;
}
.megapanel .row:before,
.megapanel .row:after {
display: table;
content: "";
line-height: 0;
}
.megapanel .row:after {
clear: both;
}
.megapanel .row .col1,
.megapanel .row .col2,
.megapanel .row .col3,
.megapanel .row .col4,
.megapanel .row .col5,
.megapanel .row .col7,
.megapanel .row .col6{
display: block;
width: 100%;
min-height: 20px;
float: left;
margin-left: 2.127659574468085%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.megapanel .row [class*="col"]:first-child {
margin-left: 0;
}
.megapanel .row .col1{
width: 14.893617021276595%;
}
.megapanel .row .col2{
width: 31.914893617021278%;
}
.megapanel .row .col3{
width: 48.93617021276595%;
}
.megapanel .row .col4{
width: 65.95744680851064%;
}
.megapanel .row .col5{
width: 82.97872340425532%;
}
.megapanel .row .col6{
width: 100%;
}
.megapanel .row .col7{
width: 23.4%;
}
/* COLLAPSIBLE MENU
-------------------------*/
.megamenu > li.showhide{
display: none;
width: 100%;
height: 50px;
cursor: pointer;
color: #13a7b3;
}
.megamenu > li.showhide span.title{
margin: 15px 0 0 25px;
float: left;
display:none !important
}
.megamenu > li.showhide span.icon1:after{
position: absolute;
content: "";
right: 0;
top: 0.25rem;
height: 3px;
width: 25px;
font-size: 50px;
border-top: 3px solid #13a7b3;
border-bottom: 3px solid #13a7b3;
z-index: 1;
}
.megamenu > li.showhide span.icon2:after{
position: absolute;
content: "";
right: 0;
top: 1rem;
height: 3px;
width: 25px;
font-size: 50px;
border-top: 3px solid #13a7b3;
border-bottom: 3px solid #13a7b3;
z-index: 1;
}
/* STYLES
-----------------------------*/
/* black */
.black, .black > li.showhide{
background: #383838;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #383838 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #383838 0%,#000000 100%);
background: -o-linear-gradient(top, #383838 0%,#000000 100%);
background: -ms-linear-gradient(top, #383838 0%,#000000 100%);
background: linear-gradient(to bottom, #383838 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#000000',GradientType=0 );
}
.black li > a, .black > li.showhide span{ color: #fff; }
.black > li:hover > a, .black > li.active > a, .black .dropdown li:hover > a{ color: #fff; background: #000000; }
.black .megapanel img:hover, .black form.contact input[type="text"]:focus, .black form.contact textarea:focus{ border: solid 1px #383838; }
.black form.contact input[type="submit"]{ background: #383838; }
/* RESPONSIVE LAYOUT
-----------------------------*/
@media (max-width: 768px) {
.megamenu > li{
display: none;
width: 100%;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.megamenu > li:hover,
.megamenu > li.active{
border-top: none;
}
.megamenu > li > a{
padding: 15px 25px;
}
.megamenu > li:hover > a,
.megamenu > li.active > a{
padding: 15px 25px;
}
.megamenu a{
width: 100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.megamenu .dropdown,
.megamenu .dropdown li .dropdown{
width: 100%;
display: none;
left: 0;
border-left: none;
position: static;
border: none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.megamenu .dropdown li {
background: #fff !important;
border: none;
}
.megamenu .dropdown > li > a{
padding-left: 40px !important;
}
.megamenu > li > .megapanel{
position: static;
margin-top: 50px;
}
.megapanel .row [class*="col"]{
float: none;
display: block;
width: 100%;
margin-left: 0;
margin-top: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.megapanel .row:first-child [class*="col"]:first-child {
margin-top: 0;
}
.megapanel .row{
margin-top: 0;
}
.black { background: #222222; }
.megamenu > li > ul.dropdown > li > a{ padding-left: 40px !important; }
.megamenu > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
.megamenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
}