/* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td { margin:0 ; padding:0 ;} table { border-collapse: collapse ; border-spacing: 0 ; /* WIDTH: 100%; */} fieldset,img { border: 0 ;} address,caption,cite,code,dfn,th,var { font-style: normal ;} li { list-style: none ;} caption { text-align: left ;} h1,h2,h3,h4,h5,h6 { font-size: 100% ; font-weight: normal ;} q:before,q:after { content: '';} abbr,acronym { border: 0 ;} a:focus, button:focus { outline: 0 ;} .clfx:after { content: "." ; display: block ; height: 0 ; font-size:0 ; clear: both ; visibility: hidden ;} .clfx { display: inline-block ;} /* Hides from IE-mac \*/ * html .clfx { height: 1% ;} .clfx { display: block ;} /* End hide from IE-mac */ /* Razno */ .clr { clear: both ; display: block;} br.clr { line-height: 0px ; height: 0px ;} a { cursor: pointer!important ; text-decoration: none ; color: #d27400!important ;} a:hover { text-decoration: underline ;} input[type=submit] {-webkit-appearance: none!important;} //select {-webkit-appearance:none;} /* Osnovno */ .show {margin-left:143px;} body { background: url(../images/background.jpg) center top no-repeat #444 ; background-size: 100% auto; font-family: Arial, sans-serif ; font-size: 11px ; } html[dir="rtl"] body { /*background: url(../images/top_rtl.jpg) center -62px no-repeat #444; */} body.no-img {background-color:#444;background-image:none;} /* #wrapper { background: url(../images/rpt-y_transp.png) center top repeat-y ; } */ #container { width: 970px ; padding: 0 10px ; margin: 0 auto ; background:#010101; /*background-color:#010101; background: url(../images/top.jpg) -465px -62px no-repeat ; */} @-moz-document url-prefix() { #container { /*background:url(../images/top.jpg) -465px -62px no-repeat;*/}} @media screen and (-webkit-min-device-pixel-ratio:0) { #container {/* background:url(../images/top.jpg) -466px -62px no-repeat; */}} html[dir="rtl"] #container { background: url(../images/background-center-rtl.jpg) top no-repeat ;} #topHeader { height: 32px ; padding-top: 10px ; position: relative ; z-index: 99 ;} #topHeader form { float: left ;} #searchWeb { float: right; } #searchWebInput { height: 22px ; line-height: 22px ; width: 197px ; float: left ; padding: 0 5px ; border: solid 1px #000 ; background: url(../images/sprite.png) left top no-repeat ; font-size: 11px ; color: #999 ;} #searchWebBtn { display: block ; float: left ; margin:0 5px ; width: 24px ; height: 24px ; border: solid 1px #000 ; background: url(../images/sprite.png) left -22px no-repeat ; cursor:pointer; text-indent:-9999px; } #specialOffer { display: block; /* float: right; */ height: 22px; line-height: 22px; width: 160px; padding: 0 9px 0 0; text-align: center; border-bottom: solid 1px #6a2b00; background: url(../images/sprite.png) left -44px no-repeat; font-weight: bold; color: #ddd2c6!important; margin: -31px 0 0px -9px; text-decoration: none; position: relative; /* right: -179px; */ } html[dir="rtl"] #specialOffer { right:auto; left:-181px; margin-left:0; background: url(../images/sprite_rtl.png) right -44px no-repeat;} #specialOfferList { width: 150px ; position: absolute ; right: 0px ; top: 34px ; z-index: 100 ; padding: 8px 10px ; background: #3e3e3e;right:-179px;} html[dir="rtl"] #specialOfferList { right:auto; left:-181px;} #specialOfferList ul { margin-bottom: 10px ;} #specialOfferList h4, #specialOfferList h4 A { color: #d27400!important; margin-top:8px;} #specialOfferList h4:nth-of-type(6) { border-top:2px dashed #676767} #specialOfferList a { display: block ; padding: 2px 0 ; color: #fff!important ;} #lang { float: left ;} html[dir="rtl"] #lang { float: right; margin-left:10px;} small { font-size: 11px ; color: #666 ;} small em { color: #fff ;} h1 {/* float: left ; *//* text-indent: -9999px; */} .vaTop { vertical-align: top ;} .frontPage h2 { font-size: 14px ; font-weight: bold ; color: #fff ; margin-bottom: 2px ;} .frontPage h3 { font-size: 14px ; font-weight: bold ; color: #fff ; margin-bottom: 2px ;} .frontPage h4 { font-size: 12px ; font-weight: bold ; color: #fff ; margin-bottom: 2px ;} .frontPage h5 { font-size: 11px ; font-weight: bold ; color: #fff ; margin-bottom: 2px ;} .welcome-text{display:none;} .logo-mobile {display:none;} .mobile-menu {display:none;} #accHolder p a.custom { color:#BFBFBF!important; background:none!important} .ppush {display: none} /*.styledSelect { position: absolute ; height: 24px ; width: 157px ; opacity: 0 ; filter: alpha(opacity = 0); color: #999 ;} .styledSelect option { padding: 4px 0 4px 4px ; color: #000 ;} html[dir="rtl"] .styledSelect option { padding:4px 4px 4px 0;}*/ /*.customSelect { display: block ; height: 18px ; width: 150px ; padding: 4px 0 0 5px ; background: url(../images/sprite.png) right -70px no-repeat ; color: #333 ; border: solid 1px #000 ;}*/ select {font-size:16px;min-height:24px;line-height: 33px;width:100%;background-color:#FFF;cursor: hand;border:none;} html[dir="rtl"] .customSelect { background: url(../images/sprite_rtl.png) left -70px no-repeat; padding:4px 5px 0 0;} #holder { padding: 10px;} .blackHolder { background: #000 ;} /*#header { height: 144px ;} */ #midHeader { position: relative ; height: 100px ;} #logo { display: block ; width: 120px ; height: 80px ; text-indent: -9999px ; position: absolute ; top: 5px ; left: 50px ;} html[dir="rtl"] #logo { left:auto; right:50px;} #slogan { width: 500px ; text-align: center ; font-size: 14px ; color: #944300 ; font-weight: bold ; text-shadow: 2px 2px 2px #000000 ; position: absolute ; top: 13px ; left: 209px ;} #slogan2 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; color:#Fff; margin: 0 auto; padding-top:25px; width: 600px; } #slogan2 ul {color:#fff} #slogan2 li::before { content: "\25FE "; color: #d26800; } .redPage #slogan {color: #B51D1D;} .greenPage #slogan {color: #18984b;} .lightBluePage #slogan {color: #3f98be;} .yellowPage #slogan {color: #c4a81e;} #contact { width: 210px ; height: 85px ; position: absolute ; top: 7px ; left: 740px ; line-height: 15px ;} html[dir="rtl"] #contact { left:0; right: auto;} #contact p { color: #999 ;} #contact a { color: #999!important ;} #contact a:hover { text-decoration: underline ;} #contact h4 { font-size: 11px ; font-weight: bold ; color: #bbb ; margin-bottom: 2px ;} #contact #newsletter, #contact #booking { color: #d27400!important ;} #contact #booking { font-size:14px; text-transform:uppercase; font-weight:bold;} #contact .skype { margin-left: 5px ; background: url(../images/sprite1.png) -265px -630px no-repeat ; text-decoration: none!important ;} .skype {background: url(../images/sprite1.png) -265px -630px no-repeat;} #mainNav { height: 46px ; background: url(../images/vert_sprite.png) left top repeat-x ; border-left: solid 1px #692b00 ; border-right: solid 1px #692b00 ; min-height: 46px; height: auto; float: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d26800+0,6e2d00+100 */ background: #d26800; /* Old browsers */ background: -moz-linear-gradient(top, #d26800 0%, #6e2d00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d26800 0%,#6e2d00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d26800 0%,#6e2d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26800', endColorstr='#6e2d00',GradientType=0 ); /* IE6-9 */ width: 100%; } #mainNav li { float: left ; background: url(../images/vert_sprite.png) left -62px no-repeat;} #mainNav.home li { padding: 0 10px !important;} html[dir="rtl"] #mainNav li { float:right;} #mainNav a { display: block ; float: left ; height: 46px ; padding: 0 20px ; line-height: 46px ; text-transform: uppercase ; color: #ccc!important ; font-size: 14px ; font-weight: bold ; text-shadow: 1px 1px 1px #3d3d3d ;} :root #mainNav a { padding:0 32px \0/IE9; } /* IE9 */ #mainNav a:hover, #mainNav li.active a { color: #fff!important ; background: url(../images/sprite.png) center -138px ; text-decoration: none ;} #mainNav .last a { padding-right: 0 ;} #mainNav #navHome { background: none ;} html[dir="rtl"] #mainNav #navHome { background:url(../images/vert_sprite.png) left -62px no-repeat;} #navHome a { width: 8px ; text-indent: -9999px ; background: url(../images/sprite.png) 17px -95px no-repeat!important ;} /* dropdown list*/ #mainNav li ul.tabs { position:absolute; z-index:1000; top:auto; left:auto; /**/display:none; margin-top:46px; background-color:#111; /*background: url(../images/sprite1.png) right -650px no-repeat ;*/ padding: 10px 15px 10px 15px; border:solid 2px black; } #mainNav li ul.tabs li { background-image: none; display:block; float:none; } #mainNav li:hover ul.tabs { display:block; } #mainNav li ul.tabs li a { display: block ; float:none; height: 25px; padding: 0 5px 0 10px!important; line-height: 22px ; text-transform: uppercase ; color: #ccc!important ; font-size: 13px ; font-weight: bold ; text-shadow: 1px 1px 1px #3d3d3d ; background: url(../images/sprite.png) -214px -2983px no-repeat ; text-transform: none; border-bottom:1px dotted #333; } html[dir="rtl"] #mainNav li ul.tabs li a { background:none;} #mainNav li ul.tabs li a:hover { color: #fff!important ; text-decoration: none ; } #mainNav li ul.tabs li.last a { border-bottom: none; } #mainNav .impressum {display: none;} /* Addthis header */ .addthisHeader { float:left; margin:2px 0 0 3px !important; width:255px !important;} html[dir="rtl"] .addthisHeader { float:right;} .innerPage .addthisHeader { margin-left:21px !important;} .addthis_button_tweet, .addthis_button_facebook_like, .addthis_button_google_plusone {width: 80px !important;} /* Naslovna Search yacht */ #yachtHolder #searchYacht { width: 245px ; /*height: 292px ;*/ min-height: 340px; padding-bottom: 10px; float: right ; background: #333 url(../images/sprite.png) -209px -268px no-repeat ; font-size: 12px ;} html[dir="rtl"] #yachtHolder #searchYacht { float:right;} html[dir="rtl"] #searchYacht FORM, html[dir="rtl"] .advSearch { margin-right:12px;} #searchYacht h3 { display: block ; /*padding:4px 0 7px 12px;*/ padding: 7px 0px; text-align: center; background: #292929 ; color: #fff ; color: #ff9933; text-transform: uppercase;} html[dir="rtl"] #searchYacht h3 { padding-left:0; padding-right:12px;} #yachtHolder #searchYacht table { margin: 2px 0 16px 15px ; color: #fff ;} /*#searchYacht .styledSelect { width: 97px;} #searchYacht .customSelect { width: 134px;}*/ #searchYacht .fromTo { display:none} #searchYacht .separator { display:block; float:left; padding:7px 0 0 5px} html[dir="rtl"] #searchYacht .styledSelectSmall .separator { display:none;} /* region special with map icon */ #searchYacht .region-special .customSelect { width: 103px; } #searchYacht .region-special .styledSelect { /*width:110px;*/ } .searchPage .enqTextBoxDate input { width:120px; } .appBox {display:none;background: #eee;padding:15px;float: right;border-radius: 5px;} .frontPage #searchYacht .region-special .styledSelect { width:100%; } /**/ .styledSelectSmall .styledSelect { width: 66px!important ;} // .frontPage .styledSelectSmall .styledSelect { width: 100%!important ;} .styledSelectSmall .customSelect { width: 59px!important ;} #searchYacht input, .startVisible, .endVisible { height: 27px ; line-height: 20px ; /*width: 54px ;*/ border: solid 1px #000 ; padding: 0 0 0 2px; font-size: 13px ; color: #999 ;} #pricelistSearch .startVisible, #pricelistSearch .endVisible { border:0 none; padding:1px 7px 1px 3px;} #yachtHolder #searchYacht th {padding-right: 5px;text-align: left;vertical-align: -webkit-baseline-middle;padding-top: 10px;} // .frontPage #yachtHolder #searchYacht th {vertical-align: top; padding-top: 10px;} html[dir="rtl"] #yachtHolder #searchYacht th { padding-right:0; padding-left:14px;} #searchYacht td { font-size: 11px ;} #yachtHolder #searchYacht .paddTd { padding-right: 6px ;} .iBorder {display: block;float: left;margin: 4px 0;} #pricelistSearch .iBorder {margin: 0;width: 100%;} .yachtshow #calculation-form .iBorder {margin-top: 0;} table.calculation:last-of-type { font-size: 17px;} #yachtHolder .iBorder {width: 100%;} #yachtHolder .region-special #regionMap.fancyPopup {position: absolute;top: 6px;right: -7px;} #yachtHolder #searchYacht td {position: relative;} #yachtHolder #searchYacht #searchBtn {margin-top: 0;} #yachtHolder #searchYacht .styledSelect {height: 33px;} #yachtHolder #searchYacht td {padding: 1px;} // .frontPage .iBorder {float: none;} #searchBtn { border:0!important; cursor:pointer; display: block ; width: 209px!important; height: 24px!important; line-height: 24px!important; margin: 0 auto ; text-align: center ; background: url(../images/sprite.png) left -200px no-repeat ; color: #474646!important ; font-size: 13px!important; font-weight: bold ; margin-top: 12px ; text-shadow: 1px 1px 1px #fff ; text-decoration: none ;} #advSearchLink { display: block ; float: right ; font-size: 11px ; color: #b5b5b5!important ; padding: 0 19px 0 0 ;} #searchYacht p.advSearch a {display:block; margin:-5px 0 0 70px; color:#E06D01!important; font-weight:bold} .pl #searchYacht p.advSearch a {margin:-5px 0 0 30px;} /* Search page (search.asp) search */ #searchYacht.searchPage {/* margin-left:220px; */position:relative;} /*#searchYacht.searchPage .styledSelect { width: 340px ; height:34px; } #searchYacht.searchPage .customSelect { width: 333px ; background:#fff url(../images/sprite.png) right -67px no-repeat; padding:6px 0 6px 4px; font-size:14px;}*/ html[dir="rtl"] #searchYacht.searchPage .customSelect { background:#fff url(../images/sprite_rtl.png) left -67px no-repeat; padding:6px 4px 6px 0;} #searchYacht.searchPage .styledSelectSmall .customSelect { width:127px!important} #searchYacht.searchPage .styledSelectSmall .styledSelect { width:134px!important} #searchYacht.searchPage .separator { display:none} #searchYacht.searchPage .fromTo { float:left; display:block; padding:11px 10px 0 10px} #searchYacht.searchPage #SpecialOffer {display:block; width:auto!important} #searchYacht.searchPage #searchBtn { margin-left:190px} #searchYacht.searchPage .iBorder { position:relative;} #searchYacht.searchPage tr:nth-child(6) select {width:176px;} /*#searchYacht.searchPage tr:nth-child(3), #searchYacht.searchPage tr:nth-child(5), #searchYacht.searchPage tr:nth-child(7) {border-bottom:10px solid transparent;}*/ #searchYacht.searchPage th { padding:0 15px; text-align: left;} #searchYacht.searchPage #regionMap {position:absolute;top:201px;right: -34px;} #searchYacht.searchPage table tr.region-special td { position: relative; } #searchYacht.searchPage table tr.region-special td #regionMap {top: 2px;} /* Naslovna search yacht advanced */ #searchYachtAdvanced .iBorder { float: left ;} #searchYachtAdvanced .paddTd { width: 90px ;} #yachtHolder { /*height: 292px ;*/ height: auto; margin-top: 0; margin-bottom: 111px;} #chooseYacht { width: 705px ; /*height: 292px ;*/ height: 305px; float: left ;} #chooseYacht #slider img { height: 305px; } html[dir="rtl"] #chooseYacht { position:relative;} #yachtGo { width: 705px ; /*height: 290px ;*/ height: 305px; } #yachtGo li { display: none;} #yachtGo #sg1 { display: block ;} #yachtGo .description { position:relative; width: 500px ; display: block ; padding: 15px 15px ; margin: -170px 0 0 0; background:rgba(0,0,0,0.4);} html[dir="rtl"] #yachtGo .description { position:absolute; top:182px; left:0;} #yachtGo .description h2 { color:#fff; font-size: 20px ; text-shadow: 1px 1px 1px #666;} #yachtGo .description p { color: #FFFFFF ; line-height: 16px ; padding-top: 5px ; padding-bottom:8px;} #yachtGo .description a { color: #fff!important ; display: block ; font-weight: bold ; text-decoration:underline; font-size:14px} #yachtGo .description a.booking { color: #ff8d00!important} #yachtNav { height: 65px ; /*background: url(../images/vert_sprite.png) left -103px repeat-x; */position:absolute;} #yachtNav li { float: left ; width: 12.35%;} #yachtNav li a { display: block ; float: left ; text-align: center ; font-size: 12px ; font-weight: bold ; color: #ccc!important ; text-decoration: none ;} #yachtNav li a:hover /*,#yachtNav li .active*/ { color: #e06d01!important ;} #yachtNav .flex-active-slide a span { color: #e06d01!important ;} /*#yachtNav a span { position: absolute; z-index: 99999;}*/ .en #yachtNav li a#gt6, /*.hr #yachtNav li a#gt6 { border-right: solid 3px black; } */ #yachtNav span { /*height: auto; display: block ; padding: 7px 4px 14px; width: 117px;height:26px; */ padding: 15px 0 12px 0; width: 100%; font-size: 16px; color: #d27400; height:26px; display:block; } #yachtNav span {height: auto; padding-bottom: 5px !important;} #yachtNav img { display: block; width: 118px; } #nav-slider.flexslider .slides img {width: 100%;} /* .ar #yachtNav { width:952px; left:0; } */ .cal { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdADSdAAjfeiYAAAAH3RSTlMAAQIDBAkeJig1PFZiaXB5e4CCoKKwtMPFyNHk+fv9DpWzrAAAAGhJREFUGFe1zrsSgkAQRNE7qOODxVlFZZFH//9fGpBsQOoJb1VXNUCaM0CeWzbLSQam4wRAKmo0ljKKdUiApIMkSSatW6gAunjn/nL3u58FqOEKAdyw/fCMd8Q3Ij7x+Nukr4/2AFaBH9xFC/z5vDowAAAAAElFTkSuQmCC); width: 16px; height: 16px; display: inline-block; margin-top: 4px; } #colorBoxes { height: 109px ; margin-top: 10px ;} #orangeBox { /*width: 710px ;*/ width: 60%; overflow: hidden; height: 103px ; padding: 6px 0 0 0 ; float: left ; background: url(../images/orange_box.png) left top no-repeat ; color: #ffcdae ;} #orangeBox .outLi { width: 210px ; float: left ; margin-right:15px} #orangeBox .outLi a.blockLink { float:left; display:block; width:65px; height:102px; margin:0 12px} #orangeBox .outLi a.blockLink:hover { text-decoration:none} #orangeBox .outLi h4 a { color:#fff!important} #orangeBox .mid { width: 255px ;} #orangeBox .outLi.last-item { margin-right:0px} #orangeBox .outLi.last-item a.blockLink { margin-right:0px} #orangeBox ul li { padding-left: 10px ; background: url(../images/sprite.png) 81px -644px no-repeat;} html[dir="rtl"] #orangeBox ul li { padding-right:10px; background-position:249px -644px;} #orangeBox a { color: #ffcdae!important ;} #orangeBox a:hover { text-decoration: underline ;} #blueBox { /*width: 308px ;*/ width: 21%; height: 103px ; float: left ; background-color: #08103b; padding: 6px 20px 0 20px; border-radius: 6px; margin-left: 11px ; color: #b0b4cd ;} #blueBox a {color:#fff!important; display:block; width:265px; height:103px; padding: 19px 35px 0 32px;} html[dir="rtl"] #blueBox a {padding-right:10px;} #infoBoxes {display:table;table-layout:fixed;width:100%;margin: 11px 0 ; color: #434343;} #infoBoxes a.custom { color:#434343!important; font-weight:normal;} #infoBoxes .box {display:table-cell;min-height: 255px ; padding: 7px 12px 7px 12px ; margin-left: 10px; background:#333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-right:10px solid #010101; } #infoBoxes .first {} /*html[rtl] #infoBoxes .first { border-right:0;}*/ #infoBoxes .box .inner { /* background:#fff url("../images/arrow.gif") top left no-repeat;*/ background-color:#FFF; padding:15px 5px 5px 5px; min-height:195px;} html[dir="rtl"] #infoBoxes .box .inner {/* background:#fff url("../images/arrow_rtl.gif") -15px top no-repeat; */} #infoBoxes .box:last-of-type {border-right:0;} html[dir="rtl"] #infoBoxes .box:first-of-type {border-right:0;} html[dir="rtl"] #infoBoxes .box:last-of-type {border-right:10px solid #010101;} #infoBoxes h4 { margin-bottom: 10px ; font-size:11px;} #infoBoxes strong { color: #d27400!important ;} #infoBoxes a { font-weight: bold ;} #infoBoxes a:hover { text-decoration: underline ;} #infoBoxes ul li { padding: 0 0 2px 9px; line-height: 13px ; background: url(../images/sprite.png) 1px -741px no-repeat;} html[dir="rtl"] #infoBoxes ul li { padding: 0 9px 2px 0; background-position:189px -741px;} #infoBoxes p { line-height: 15px ; margin-bottom: 2px;} #bookingBox { background: #333; margin: 9px 0; padding: 4px 1px 4px 0; } #bookingBox h4 { display: block ; padding: 8px 0 9px 12px ; width: 63px; float: left; } #bookingBox h4 a { color: #FFF!important; text-decoration: none; } #bookingBox span { display: block ; padding: 8px 0 9px 12px ; width: 100px; float: left; } #bookingBox span a { color: #FFF!important; text-decoration: none; } #bookingBox span:nth-child(2) { background-color: #CD4F00; clear: both; display: block; float: left; margin-top: 6px;padding: 9px 0 10px 14px;width: 119px;} #bookingBox span:nth-child(2) a { color: #FFF!important; text-decoration: none; } #bookingBox .inner div {background: url(../images/booking-box-bg.jpg) #eee top left no-repeat;float:right;} #bookingBox p { float: left; padding: 8px 12px 9px 15px; width: 380px; } .nl #bookingBox p {width:489px} #bookingBox ul {padding: 8px 15px 9px 0;float: left;background: #eee;} #bookingBox ul li { padding: 0 0 2px 9px ; line-height: 13px ; background: url(../images/sprite.png) 1px -741px no-repeat;} #bookingBox a { font-weight: bold ;} #bookingBox a:hover { text-decoration: underline ;} .loading, .errorLoading { position: absolute; width:100%; height: 100%; left:0; top:0; color: red; background: #010101; z-index: 10000000; } .errorLoading {position: relative;padding-bottom: 10px; height: auto;} .loading.first .loadingCircle { margin-left:5%; } .loadingCircle { width: 30px; height: 30px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .loadingend { position: relative; margin:10px auto; } .loadingCircle:before, .loadingCircle:after{ content: " "; width: 100%; height: 100%; border-radius: 50%; background-color: #ccc; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .loadingCircle:after { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #lastMinute { // background: #8b8b8b url(../images/sprite.png) 930px -876px no-repeat; // background-color:#8b8b8b; position: relative ; margin-top:10px;} #lastMinute .inner { height: 126px ; background: #8b8b8b; border-radius: 5px;} #lastMinute h4 { display: block ; padding: 8px 0 9px 12px ;} #lastMinute h4 a { display:inline; height:auto; color:#FFF !important;} #lastMinute .outLi { width: 270px ; float: left ;} #lastMinute img { float: left ; border: solid 4px #fff ; margin-right: 9px ;} #lastMinute .bName { padding-top: 5px ; font-size: 12px ; font-weight: bold ; font-style: normal ; color: #1d1d1d ;} #lastMinute a { display: block ; height: 78px ; text-decoration: none ;} #lastMinute a:hover .bName { color: #fff ;} #lastMinute a:hover span { text-decoration: underline ;} #lastMinute a:hover img { border-color: #D27400 ;} #carousel { width: 810px ; margin: 0 auto ;} #carousel .outLi span { float: left ; padding-left: 8px ; line-height: 16px ; color: #fff ; background: url(../images/sprite.png) 2px -1172px no-repeat ;} #lastMinute button { width: 40px ; height: 70px ; background: none ; border: none ; cursor: pointer ; position: absolute ; top: 37px ; text-indent: -9999px ;} /*#lastMinute #carousel ul {position:static !important;} quick carusel problem fix */ #prevCarousel { left: 0px ;} #prevCarousel:hover { background: url(../images/sprite.png) -143px -913px no-repeat ;} #nextCarousel { right: 0px ;} #nextCarousel:hover { background: url(../images/sprite.png) -52px -913px no-repeat ;} #yachtSale { margin: 11px 0 ; line-height: 15px ; color: #fff ; background: #333; padding: 0 0 12px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #yachtSale .inner { float:left; padding:20px 15px 0 22px;} #yachtSale ul {float: left ; padding:20px 0 20px 15px;} #yachtSale ul li { box-sizing: border-box; width:20%; padding: 0 23px 0 8px ; float: left ; color: #d0d0d0 ;} #yachtSale h4 { margin-bottom: 11px ;} #yachtSale h4 a { background:none; color:#fff!important; width: 100%;} #yachtSale img { border: solid 1px #fff ; margin-bottom: 3px ; width: 100%; box-sizing: border-box;} #yachtSale ul a { display: block ; } html[dir="rtl"] #yachtSale ul a { background: url(../images/sprite_rtl.png) right -1245px no-repeat;} #yachtSale h5 { display: block ; float: left ; padding: 0 9px 5px 0; background: url(../images/sprite.png) right -1412px no-repeat ; font-size: 16px; color:#d27400;} html[dir="rtl"] #yachtSale h5 { background: url(../images/sprite_rtl.png) left -1412px no-repeat; padding:0 16px 5px 12px; float:right;} #yachtSale ul a:hover h5 { text-decoration: underline ;} #aboutUs { color: #bfbfbf ; border-bottom: solid 2px #313131 ;} #aboutUs .outLi { width: 215px; padding: 15px 22px 0 0 ; float: left ; line-height: 16px ;} #aboutUs .first { line-height: 14px ;} #aboutUs .topMargin { margin-top: 21px ;} #aboutUs p a { background: url(../images/sprite.png) -211px -1412px no-repeat ;} #aboutUs h4 { margin-bottom: 5px ;} #aboutUs strong { color: #d27400 ;} #allRef { display: block ; float: right ;} #aboutUs h5 { display: block ; padding: 0 0 1px 11px ; font-size: 12px ; color: #d27400 ; background: url(../images/sprite.png) -212px -2747px no-repeat ; cursor: pointer ;} html[dir="rtl"] #aboutUs h5 { background: url(../images/sprite_rtl.png) 210px -2747px no-repeat; padding: 0 10px 1px 0;} #aboutUs div p { padding-bottom: 14px ; display: none ;} #aboutUs div .open { display: block ;} #aboutUs ul { margin: 8px 0 ;} #aboutUs ul li { padding-left: 9px ; line-height: 17px ; background: url(../images/sprite.png) 1px -739px no-repeat ; font-weight: bold ;} html[dir="rtl"] #aboutUs ul li { background: url(../images/sprite_rtl.png) -3px -739px no-repeat; padding-right:9px; padding-left:0;} #articles { color: #aeaeae ;} #articles li { width: 31%; padding: 36px 22px 0 0 ; float: left ; line-height: 16px ;} html[dir="rtl"] #articles li { float:right;} #articles .first { padding-top: 15px ;} #articles p a { background: url(../images/sprite.png) -211px -1412px no-repeat ;} #articles h4 { margin-bottom: 5px} #articles h4 a { color:#fff!important} #articles h5 { display: block ; padding: 0 0 1px 0 ; font-size: 12px ; color: #d27400 ;} #articles img { border: solid 1px #fff ;} #allArticles { display: block ; float: right ;} #wallpapers { border-top: solid 2px #313131; margin-top:10px; padding-top:15px; clear:both} #wallpapers .inner { padding-top:15px; } #wallpapers ul { float: left ; padding:10px 0 25px 0; width: 100%; } #wallpapers ul li { width: 14.5%; float: left ; color: #d0d0d0 ; text-align:center; margin:0 2.5% 0 0 ; } #wallpapers ul li img { border:solid 1px #fff; width: 100%; } #wallpapers ul li.last { margin: 0 0 0 0 ; } #wallpapers a {color:#999 !important; width: 100%;} /*@media screen and (-webkit-min-device-pixel-ratio:0) { #footer { padding-left: 1px; padding-right: 2px;}}*/ #footer { width: 990px ; margin: 0 auto ; clear: both ;} #footerTop { padding: 0 10px ; background: #696969 ;} #bottomNav { height: 62px ; margin-bottom: 8px ; /*background: url(../images/top.jpg) center top no-repeat;*/} html[dir="rtl"] #bottomNav { background: url(../images/top_rtl.jpg) center top no-repeat; position:relative; padding-left:348px;} #bottomNav li { float: left ; background: url(../images/vert_sprite.png) left -176px no-repeat ;} html[dir="rtl"] #bottomNav li { float:right; background-position:right -176px;} #bottomNav .first { background: none ;} html[dir="rtl"] #bottomNav .first {background: url(../images/vert_sprite.png) right -176px no-repeat;} #bottomNav li a {display: block;height: 46px;padding: 0 18px;line-height: 46px;color: #ddd!important;font-size: 14px;font-weight: bold;} .frontPage #bottomNav li a {padding: 0 20px;font-weight: bold;} #bottomNav #lastUpdate { width: 75px ; /*padding: 11px 0 0 11px;*/ padding: 11px 0 0 0px; background: none ; color: #888 ; font-size: 11px ; display: none;} html[dir="rtl"] #bottomNav #lastUpdate { position:absolute; top:0; left:0; padding:11px 0 0;} #lastUpdate span { display: block ; color: #fff ; font-size: 13px ;} #bottomNav #goTop { background: none; float: right; display: none; } html[dir="rtl"] #bottomNav #goTop { position:absolute; top:0; left:88px;} #bottomNav #goTop a { /*padding: 13px 0 0 22px;*/ padding: 13px 17px 0 24px; font-size: 11px ; color: #888!important ; background: url(../images/sprite.png) left -3676px no-repeat ; margin: 0 auto ;} html[dir="rtl"] #bottomNav #goTop a { padding:13px 0 0 9px;} .innerFooter #bottomNav #goTop { text-align: center ; margin-right:50px; float: right;} html[dir="rtl"] .innerFooter #bottomNav #goTop { margin-left:0;} .innerFooter #bottomNav #goTop a { background-position: -1px -3676px ;} #info {height: 152px;} #info li {width: 27%;height: 130px;padding: 0 15px; color:#DDD;float: left;line-height: 16px;border-left: solid 1px #444;box-sizing: border-box;} #info li:first-of-type{border-left:0;} #info a { color: #ddd!important ;} #info p { margin-bottom: 11px ; color: #ddd ;} #info h4 { font-size: 12px ; font-weight: bold ; color: #ddd ; margin: 0px ;} #info .first { border: none ;} #info .first a { text-decoration: underline ; background: none ;} /* #info p a { background: url(../images/sprite.png) -211px -2805px no-repeat ;} */ html[dir="rtl"] #info p a {/*background: url(../images/sprite_rtl.png) 3px -2805px no-repeat;*/ background:none;} #creditCard { width: 181px ; padding-top: 40px ; margin-bottom: 9px ; background: url(../images/sprite.png) left -2850px no-repeat ;} #share { height: 16px ; margin-top: 7px ; background: url(../images/sprite.png) left -2936px no-repeat ;} #share a { display: block ; float: left ; width: 16px ; height: 16px ; margin-right: 10px ;} #payGuaranty { padding: 2px 0 2px 56px ; background: url(../images/sprite1.png) -369px -735px no-repeat ;} #shareVert { background: url(../images/sprite.png) left -3760px no-repeat ; line-height: 27px ;} #shareVert a { display: block ; padding-left: 24px ; font-weight: bold ; color: #262626!important; width:200px;} #shareVert h4 { color: #262626!important; margin-left:4px; float:left} #shareVert #share { margin:5px 0 0 10px; float:left} #shareVert #share a { display: block ; float: left ; width: 16px ; height: 16px ; margin-right: 10px ; padding-left:0} /*#footerBottom { padding: 5px 10px 30px 0 ; text-align: right ; background: #444 ;} */ #footerBottom a { color: #000!important ;} /* Main nav sa jahtama */ .yachtMainNav #navHome a { width: 17px; // background: url(../images/sprite.png) 9px -95px no-repeat!important ; } .lightBluePage .yachtMainNav #navHome a { width:0; } .yachtMainNav#mainNav a { padding: 0 8px!important; } :root .yachtMainNav#mainNav a { padding:0 13px \0/IE9!important; } /* IE9 */ .lightBluePage .yachtMainNav#mainNav a { padding: 0 36px!important; } :root .lightBluePage .yachtMainNav#mainNav a { padding:0 35px \0/IE9!important; } /* IE9 */ #breadcrumb { height: 45px; line-height: 45px; padding-left: 8px; clear: both; display: inline-block;} #breadcrumb li { float: left ; color:#777;} html[dir="rtl"] #breadcrumb li { float:right;} #breadcrumb a { display: block ; float: left ; padding: 0 11px 0 7px ; background: url(../images/sprite.png) right -2971px no-repeat ; font-weight: bold ; color: #777!important ;} html[dir="rtl"] #breadcrumb a {background: url(../images/sprite_rtl.png) left -2971px no-repeat;} #breadcrumb .active a { color: #999!important ; background: none ;} .inlineshare {float:right;margin-top:10px;text-align:center;} .inlineshare li {float:left;padding-right:4px;} #pricelistSearch { clear: both ; font-weight: bold ; background: url(../images/pricelist_filters_bg.gif) left bottom repeat-x ;} #pricelistSearch p { color: #2e2e2e ;} #plSearchTop { height: 38px ; padding: 0 20px ; background: url(../images/vert_sprite.png) left -1045px repeat-x ;} #plSearchBtm { padding: 0 20px ;} #pricelistSearch h2 { display: block ; padding-top: 8px ; float: left ; font-size: 18px ; font-weight: bold ; color: #ff9933 ; text-shadow: 1px 1px 1px #333 ; margin: 0px ;} html[dir="rtl"] #pricelistSearch h2 { float:right;} #pricelistSearch .top { float: right ; border-left: solid 1px #333 ;} html[dir="rtl"] #pricelistSearch .top { float:left;} #pricelistSearch .top li { float: left ;} #pricelistSearch .top a { height: 38px ; line-height: 38px ; padding: 0 15px ; display: block ; color: #fff!important ; text-shadow: 1px 1px 1px #333 ; border-right: solid 1px #333 ; background: url(../images/vert_sprite.png) left -457px repeat-x ;} #pricelistSearch .top a.booking { text-transform:uppercase; color:#FF9933!important;} #pricelistSearch p { clear: both ; padding: 9px 0 6px 0 ; line-height: 16px ; border-bottom: solid 1px #666 ; margin: 0px ;} #pricelistSearch form { border-top: solid 1px #999; position:relative;} #pricelistSearch form ul {height: auto;width: 930px;padding-bottom: 20px;} #pricelistSearch form li { /*padding-right: 14px ;*/ padding-right: 6px; float: left ;} #pricelistSearch form li.blocked {opacity: 0.4;} html[dir="rtl"] #pricelistSearch form li { float:right;} /*#pricelistSearch .search { width: 110px ;}*/ #pricelistSearch .last { padding: 0 0 0 15px;} /*#pricelistSearch .last.search { float: right; }*/ #pricelistSearch .last.search a { display: inline-block; margin-left: 20px; line-height: 9px; /* height: 100%; */ vertical-align: baseline; } #pricelistSearch .region { width: 145px ; padding-right: 51px ; position: relative ;} #pricelistSearch label { display: block ; height: 30px ; line-height: 30px ; font-size: 12px ; color: #fff;text-transform:uppercase} #pricelistSearch li.selectedfilter label {background:#B36500; border:1px dashed #333; height:auto; line-height:16px; margin-top:2px; padding:5px;} html[dir="rtl"] #pricelistSearch label { background: url(../images/sprite_rtl.png) 137px -2742px no-repeat; padding-right:11px; padding-left:0;} #pricelistSearch .styledSelect { width: 143px ;} #pricelistSearch .customSelect { width: 136px ; box-shadow:2px 4px 5px #525252 ; -webkit-box-shadow:2px 4px 5px #525252 ; -moz-box-shadow: 2px 4px 5px #525252 ; margin-bottom: 19px ; color: #000 ; font-size: 12px ; border: none ;} /* ovdje smo sakrili guest dropdown na compare pricelist -> pricelist2.asp ***** dodana je klasa na li od guest unutar filter-functions.inc.asp */ #pricelistSearch .guest { display:none; } /* */ #pricelistSearch a { color: #252525!important ;} #pricelistSearch form a { display: block ; height: 30px ; line-height: 35px ; text-align: center ; font-weight: normal ; color: #acacac!important ; background: url(../images/sprite.png) center -3066px no-repeat ; overflow:hidden;} #pricelistSearch a span { padding: 3px 0 5px 24px ; background: url(../images/sprite.png) left -3136px no-repeat ;} #pricelistSearch .last p { font-weight: normal ; color: #000 ; padding-top: 15px ;} #pricelistSearch .last a { background: none ; text-align: right ;} #pricelistSearch #clrSelect { padding-right: 11px ;} #pricelistSearch .last a span { padding-left: 0 ; background: none ;} #pricelistSearch #pricelistSearchLink { width: 85px ; height: 24px ; line-height: 24px; font-weight: bold ; color: #ffffff !important;background-color: #c05d00; margin: 30px auto 19px auto ; text-align: center;} #regionMap.fancyPopup { width: 28px ; height: 28px ; position: absolute ; top: 22px ; right: 2px ; background: url(../images/sprite.png) 2px -3185px no-repeat ;} #regionMap.fancyPopup.sticked { position:relative; right:auto; top:12.5px;} #regionMap.fancyPopup:hover { border-color:#fff} .region-special #regionMap.fancyPopup { display:block; position:relative; top:0px; right: 0px; float: left; border:1px solid #555; width:22px; height:22px; margin: 3px 8px 3px 0; padding:1px; background: url(../images/sprite.png) -2px -3188px no-repeat ;} .util { width: 490px ; height: 25px ; padding-top: 20px ; clear: both ; /*margin: 0 auto;*/} .util.yachtDetails {width:335px; padding:0px} .util li { float: left ;} .util a, #printOffer {display: block;height: 25px;white-space: nowrap;padding: 0 20px 0 26px;line-height: 25px;/*float: left ;*/text-transform: uppercase;font-size: 12px;color: #878787!important;text-decoration: none;} #printOffer { color: #d27400!important ; margin: 20px 0; } .util .at15t_email, .util .at15t_print { display:none} .toList { background: url(../images/sprite.png) 9px -4002px no-repeat ;} .sendFriend { background: url(../images/sprite.png) 0 -3272px no-repeat ;} .printPage { background: url(../images/sprite.png) 0 -3302px no-repeat ;} .savePDF { background: url(../images/sprite.png) 0 -3334px no-repeat ;} #selectionPrices { padding-left: 6px ;} #selectionPrices p { height: 55px ; line-height: 60px ; padding: 0 0 0 18px ; background: url(../images/sprite.png) 0 -3219px no-repeat ; font-size: 12px ; color: #868686 ; margin: 0px ;} html[dir="rtl"] #selectionPrices p { background:none;} #selectionPrices small { color: #afafaf ;} #selectionPrices strong { color: #b9b9b9 ;} #selectionPrices h3 { margin-bottom: 4px ; font-size: 18px ; font-weight: normal ; color:#d46f00 ;} #selectionPrices .util { width: auto ; float: right ; padding-top: 0 ; margin: -25px 0 0 0 ;} html[dir="rtl"] #selectionPrices .util { float:left;} #selectionPrices .util li { float: left ;} .listPage #selectionPrices { padding-left: 27px ;} .pricelistSearchResults { width: 100% ; margin: 5px 0 ; text-align: center ; color: #fff ;} .pricelistSearchResults td , .pricelistSearchResults th { padding: 4px ;} .pricelistSearchResults thead { font-size: 10px ;} .pricelistSearchResults thead th { padding-bottom: 5px ; color: #c0c0c0 ; font-weight: normal ; background: url(../images/table_bg.png) left -108px no-repeat ; border: solid 1px #242424 ; border-bottom: none ; border-left: none ; letter-spacing: 0.5px ;} .pricelistSearchResults thead .first { background-position: 0px -286px ; width:25%; } .pricelistSearchResults thead td { background: url(../images/table_bg.png) left -165px no-repeat ; border: solid 1px #242424 ; border-bottom: none ; white-space: nowrap;} .pricelistSearchResults tbody {} .pricelistSearchResults tbody th {padding-left: 8px;text-align: left;border: solid 1px #000;border-left: none;background: url(../images/table_bg.png) left -226px no-repeat;font-size:12px;/* position: relative; */} .pricelistSearchResults tbody td { border: solid 1px #000 ; background: url(../images/table_bg.png) left -351px no-repeat ; font-size:12px; white-space: nowrap; line-height: 17px;} .pricelistSearchResults tbody .normal { font-weight: normal ;} .pricelistSearchResults caption { padding: 7px ; background: #232323 ; border-bottom: solid 1px #000 ;} #holder caption h4 { margin-bottom: 4px ; font-size: 14px ; font-weight: bold ; color: #d46f00 ;} #holder caption p { margin: 0px ;} .sriDiv { width: 415px ; padding: 40px 30px 0 30px ; float: left ; color: #fff ; font-size: 12px ; line-height: 18px ;} #holder .sriDiv h5 { display: inline ; font-size: 12px ; font-weight: bold ; color: #d46f00 ;} .sriDiv ul { margin-bottom: 20px ;} .sriDiv ul li { padding-left: 10px ; background: url(../images/sprite.png) -212px -2747px no-repeat ;} /* Unutarnja obicna */ #sidebar { width: 230px ; clear: both ; float: left ;} #rightContent { width: 78% ; padding: 0 0 0 15px ; float: left ; font-size: 12px ; line-height: 16px ;} #sidebar h5 { display: block ; height: 19px ; padding: 5px 0 0px 10px ; background: url(../images/sprite1.png) left top no-repeat ; margin: 0px ; font-weight: bold ; color: #fff ;} #sidebar h5 span { text-transform:uppercase} #sideNav h5 , #sidebar #searchYacht h5 { display: block ; height: 19px ; padding: 5px 0 0 10px ; background: url(../images/sprite1.png) left -27px no-repeat ; margin: 0px ; font-weight: bold ; color: #fff ; cursor: pointer ;} #sideNav .opened h5 { background: url(../images/sprite1.png) left top no-repeat ;} #sideNav .link { margin-bottom: 1px ; background: url(../images/sideNav_bg.gif) bottom no-repeat ;} #sideNav .link ul { display: none ; padding: 5px 0 ;} #sideNav .opened ul { display: block ;} #sideNav a { display: block ; padding: 5px 20px 4px 20px ; background: url(../images/sprite.png) -203px -2982px no-repeat ; color: #fff!important ; text-decoration: none ;} #sideNav a:hover , #sideNav .active { color: #D27400!important ; background: url(../images/sprite.png) -203px -1408px no-repeat ;} #sidebar #searchYacht { margin: 20px 0 ; padding-bottom:10px; background: url(../images/sprite1.png) left no-repeat ; border-bottom:1px solid #2E2E2E;-moz-border-radius-topleft: px; -moz-border-radius-topright: px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: px px 5px 5px; border-radius: px px 5px 5px; } #sidebar #searchYacht table { margin: 16px 0 16px 10px ; color: #fff ;} #sidebar #searchYacht th { padding-right: 13px ; text-align: left ;} #sidebar .paddTd { padding-right: 4px ;} #sidebar #advSearchLink { padding: 0px 8px 0 0 ;} #sidebar #booking-inquiry { text-align:center; padding:10px; background:#191919; border:1px solid #2E2E2E; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #sidebar #booking-inquiry a { font-size:16px; text-transform:uppercase;} .innerPage h2 { font-size: 20px ; font-weight: normal ; color: #d46f00 ; margin: 0 0 18px 0 ;} .innerPage h3 { font-size: 16px ; font-weight: bold ; color: #d46f00 ; line-height: 25px;} .innerPage h3.criteria { text-transform:uppercase;} .innerPage .grey16H3 { font-size: 16px ; color: #8e8d8d ; margin-bottom: 5px ;} .innerPage h4 { font-size: 12px ; font-weight: normal ; color: #d46f00 ;} .innerPage p { margin-bottom: 20px ; color: #fff ;} .innerPage .boat-pricelist p {margin-bottom:10px;} .contentImg { border: solid 5px #2a2a2a ;width:100%;} #rightContent .contentImg { margin-bottom: 18px ;} #rightContent ul, #rightContent ol, #wide ul, #wide ol { margin-bottom: 20px ; color: #fff ; padding-left:20px; } #rightContent ul li, #rightContent ol li, #wide ul li, #wide ol li { padding-bottom:5px; list-style:outside; } .innerPage big { display: block ; font-size: 14px ; margin-bottom: 20px ;} /* Unutarnja izbor */ #wideContent { clear: both ; font-size: 12px ; line-height: 16px ; color: #cecece ;} .wideContentPadd { padding: 0 5px ;} .box3 { width: 308px ; height: 350px ; float: left ; background: url(../images/sprite1.png) right bottom no-repeat ;} .box3Middle { margin: 0 8px ;} .box3 h3 { height: 24px ; padding: 7px 0 0 13px ; color: #fff ; text-shadow: 1px 1px 1px #333 ; background: url(../images/sprite1.png) right top no-repeat ;} .box3 h3 a, .box3 h3 a:hover { color: #fff!important; text-decoration:none; background-image:none; padding:0; } .box3 p { margin: 0 ; padding: 11px 12px ; color: #CECECE ;} .box3 ul { padding: 0 10px ;} .box3 ul a { display: block ; padding: 0 0 0 20px ; font-weight: bold ; background: url(../images/sprite.png) -203px -2986px no-repeat ;} /* box charter */ .box-charter {width:32.7%;height: 355px;float: left;/* background: url(../images/sprite1.png) right no-repeat; */margin-bottom:10px;} .box-charter img {width:100%;} .box-charterMiddle { margin: 0 8px ;} .box-charter h3 { height: 24px ; padding: 7px 0 0 13px ; color: #fff ; border-radius: 4px 4px 0 0; text-shadow: 1px 1px 1px #333 ; background: #cd6500; background: -moz-linear-gradient(top, #cd6500 1%, #6e2d00 100%); background: -webkit-linear-gradient(top, #cd6500 1%,#6e2d00 100%); background: linear-gradient(to bottom, #cd6500 1%,#6e2d00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd6500', endColorstr='#6e2d00',GradientType=0 ); } .box-charter h3 a, .box-charter h3 a:hover { color: #fff!important; text-decoration:none; background-image:none; padding:0; } .box-charter p { margin: 0 ; padding: 11px 12px 5px 12px ; color: #CECECE; display:block; min-height:75px;} .box-charter ul { padding: 5px 10px 0 10px;} .box-charter ul li { margin:0 0 5px 0;} .box-charter ul a { display: block ; padding: 0 0 0 20px ; font-weight: bold ; background: url(../images/sprite.png) -203px -2986px no-repeat ;} html[dir="rtl"] .box-charter ul a { background:none;} /* Regije */ #regionNav { background: url(../images/sprite1.png) left bottom no-repeat ;} #regionNav ul { padding: 5px 4px 8px 4px ;} #regionNav a { display: block ; padding: 4px 26px ; font-size: 14px ; color: #fff!important ; background: url(../images/sprite1.png) -257px -41px no-repeat ;} #regionNav a:hover , #regionNav a.active { color: #c2670f!important ; background: url(../images/sprite1.png) -257px -75px no-repeat ; text-decoration: none ;} #regionNav h5, #regionyacht h5, #selectBase h5 { font-size:13px; padding:4px 0 1px 10px } #regionyacht { height: 90px ; margin: 20px 0 ; background: url(../images/sprite1.png) left bottom no-repeat ;} #regionyacht select { margin: 10px 11px ; max-width: 209px ;} #regionyacht span { margin: 10px 11px ; width: 202px ;} #regionyacht #searchYachtBtn { display: block ; text-align: center ;} #regionyacht #searchYachtBtn.customBtn { font-size:14px; text-transform:uppercase; font-weight:bold} #selectBase { background: url(../images/sprite1.png) left bottom no-repeat ;} #selectBase ul { padding: 8px 0 ;} #selectBase a { display: block ; padding: 1px 20px ; background: url(../images/sprite.png) -203px -2984px no-repeat ; color: #fff!important ; font-size:14px; margin:0 0 6px 0} #selectionInfo h5 { display:none} #selectionInfo p { font-size:14px; color:#D27400;} #regionNav #pulaLink { background: url(../images/sprite1.png) -257px -112px no-repeat ;} #regionNav #rijekaLink { background: url(../images/sprite1.png) -257px -138px no-repeat ;} #regionNav #zadarLink { background: url(../images/sprite1.png) -257px -163px no-repeat ;} #regionNav #sibenikLink { background: url(../images/sprite1.png) -257px -189px no-repeat ;} #regionNav #splitLink { background: url(../images/sprite1.png) -257px -215px no-repeat ;} #regionNav #dubrovnikLink { background: url(../images/sprite1.png) -257px -241px no-repeat ;} /* Lista */ #sortListResults { height: 25px ; padding: 10px 20px ; clear: both ; color: #AFAFAF ;margin: 0 5px;} #selectionPrices #sortListResults { float: right ; margin-top: -44px ;} html[dir="rtl"] #selectionPrices #sortListResults { float:left;} #sortListResults li { float: left ; height: 19px ; line-height: 19px ; margin-right: 6px ; padding: 0 0 0 6px ; font-size: 12px ;} html[dir="rtl"] #sortListResults li { float:right;} #sortListResults .selected {background: url(../images/sprite1.png) left -61px no-repeat;} #sortListResults a { display: block ; height: 19px ; float: left ; font-weight: bold ;} #sortListResults .selected a { padding: 0 23px 0 0 ;} #sortListResults .asc a { background: url(../images/sprite1.png) right -51px no-repeat ;} #sortListResults .desc a { background: url(../images/sprite1.png) right -77px no-repeat ;} #listSearchResults { padding: 0 10px 10px 10px ; clear: both ;} #listSearchResults a, #listSearchResults.dailyList .item {display: block;padding: 15px;float: left;position: relative;} #listSearchResults a:hover { text-decoration: none ;} #listSearchResults a:hover img { border-color: #D27400 ;} #listSearchResults .title { font-size: 14px ; font-weight: bold ;} #listSearchResults small { float: right ; color: #fff ;} html[dir="rtl"] #listSearchResults small { float:left;} #listSearchResults .holder { display: block ; width: 270px ; height: 96px ; padding: 4px ; border: solid 1px #6f6f6f ; background: url(../images/sprite1.png) -264px -283px no-repeat ; margin-top: 7px ;} #listSearchResults img {border: solid 3px #fff;} #listSearchResults .details {display: block;width: 131px;float: right;color: #fff;} #listSearchResults .details span { display: block ; padding: 1px 0 1px 18px ; background: url(../images/sprite.png) -206px -2802px no-repeat ;} html[dir="rtl"] #listSearchResults .details span {background: url(../images/sprite_rtl.png) 120px -2802px no-repeat; padding:1px 13px 1px 0;} #listSearchResults .details strong { font-size: 12px ;} #listSearchResults .details .price { margin-top: 7px ; padding-right: 5px ; background-position: -206px -2799px ;} #listSearchResults .price strong { font-size: 15px ; color: #ffaf60; margin-left:12px} #listSearchResults #ownerBox { width:auto; float:none; margin-left:0} #listSearchResults #ownerBox .b1, #listSearchResults #ownerBox .b2, #listSearchResults #ownerBox .b5 { display:none} #listSearchResults #ownerBox a { float:none; display:inline; padding:0} #listSearchResults #ownerBox ul a { padding: 0 0 0 12px } #listSearchResults.lastminute h2 { margin:26px 0 0px; } #listSearchResults.dailyList .item { padding: 13px !important;} #listSearchResults.dailyList .item .title {color: #d27400; } #listSearchResults.dailyList .detailLink {padding: 0;} #listSearchResults.dailyList .dt-enqButtonSend {margin-left: 10px;} /**/ .redPage #listSearchResults .price strong { font-size: 15px ; color: #ffaf60; margin-left:0px; } /**/ #listSearchResults .details .discount { width: 40px ; height: 43px ; background: url(../images/sprite1.png) -257px -428px no-repeat ; text-indent: -9999px ; position: absolute ; top: 31px ; left: 2px ;} #listSearchResults .details .lastminutedate { position: absolute; left: 23px; bottom: 23px; padding:3px; background-color:#D27400; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; background-image: none; } @media screen and (max-width: 1289px){ #listSearchResults .details .lastminutedate {bottom: 20px;left: 20px;} } @media screen and (max-width: 480px){ #listSearchResults .details .lastminutedate {bottom: 5px;left: 5px;} } #listSearchResults span b { color: #868686; font-size: 12px; height: 18px; left: 23px; } span.family { background: url(../images/family_icon.png); text-indent: -99999px; background-size: 100%; position: relative; } #listSearchResults .details span.family { width: 8px; height: 20px; position: absolute; top: 46px; left: 47px; /*border-radius: 6px;*/ background: url(../images/family_icon.png) !important; background-size: 100% 100% !important; } span.daily-flag { background: url(../images/daily.png); text-indent: -99999px; background-size: 100%; position: relative; } #listSearchResults .details span.daily-flag { width: 32px; height: 11px; position: absolute; top: 51px; left: 82px; background: url(../images/daily_white.png) !important; background-size: 100% 100% !important; } #delimiter { height: 20px ; background: url(../images/vert_sprite.png) left -1060px repeat-x ; border: solid 1px #333 ;margin: 0 5px;} .listText { clear: both ; font-size: 12px ; line-height: 18px ; color: #fff ;margin: 0 20px 0 28px;} .listText h3 { font-size: 16px ; margin: 15px 0 10px 0 ;} .listText img { float: left ; padding: 1px ; border: solid 1px #D27400 ; margin: 0 10px 0 0 ;} .bazaText { margin-bottom: 20px ;} /* Detalji */ #leftContent { width: 700px ; float: left ; line-height: 18px; position: relative; } #rightSidebar { width: 240px ; padding-left: 10px ; margin-top: -20px ; float: left ; color: #000 ;} #leftContent h2 {padding-left: 15px;float: left;margin: 12px 0 22px 0; width:50%;} html[dir="rtl"] #leftContent h2 { float:right;} #leftContent p { color: #8E8D8D ;} #idYear { display: block ; padding: 14px 0 0 10px ; float: left ; font-size: 16px ; color: #5c5b5b ;} html[dir="rtl"] #idYear { float:right;} .specialOffer { display:block; float:left; width:35px; height:35px; text-indent:-5000px; background:url("../images/sprite1.png") no-repeat scroll -261px -428px; /* top: 200px; */ /* position: absolute; */ /* top: 10px; */} html[dir="rtl"] .specialOffer { float:right;} #mediaHolder { padding: 7px 5px ; background: #363636 ; clear: both ; position:relative;} #mediaHolder .buttonHolder {position:absolute;left:10px;bottom: 12%;z-index:502;background:url("../images/sendBttn_bck.png") right -110px no-repeat;padding-right:31px;} #mediaHolder a.sendEnquiri.booking { background:url("../images/sendBttn_bck.png") left 0 no-repeat; padding:6px 20px; height:auto; color:#FFF !important;} #mediaHolder a.sendEnquiri.booking:hover { text-decoration:none; color:#EFEFEF !important;} #rightSidebar .textBox { background:#434343; padding:5px 0; margin-bottom:5px;} #gallery {} #video { display: none ; text-align: center ;} #gallery #bigImage { width: 688px ; height: 352px ; text-align: center ; background: url(../images/yachtshow-img-bg.gif) repeat ; border:1px solid #232323} #gallery #bigImage img { display:block; max-width:660px} #gallery #bigImage td { padding:5px} /* Old thumbnail style gallery ----- #thumbsHolder { width: 654px ; height: 84px ; margin: 11px 0 5px 15px ; position: relative ; overflow: hidden ;background: url(../images/gallery_thumb_bg.png) -6px top repeat-x ;} #thumbs { position: absolute ;} #thumbs td { padding: 0 6px 0 6px ;} #thumbs td a { display: block ; width: 116px ; height: 80px ; border: solid 2px #ae5900 ; background-position: center center ; background-repeat: no-repeat ;} #thumbs img { display: none ;} #btn_hld { position: relative ;} #btn_hld input { width: 17px ; height: 57px ; position: absolute ; top: -75px ; border: none ; background: none ; cursor: pointer ;} #btn_hld #prev { left: -5px ; background: url(../images/sprite1.png) -260px -520px no-repeat ;} #btn_hld #next { right: -2px ; background: url(../images/sprite1.png) -313px -520px no-repeat ;} */ /**/ .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 660px ; height: 84px ; padding: 11px 14px 5px 14px ; position: relative ; overflow: hidden ; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 660px ; height: 84px; background: url(../images/gallery_thumb_bg.png) -6px top repeat-x ; } .jcarousel-skin-tango DIV { } .jcarousel-skin-tango .jcarousel-item { padding: 0 6px 0 6px ; } .jcarousel-skin-tango .jcarousel-item a { display: block ; width: 116px ; height: 80px ; border: solid 2px #ae5900 ; background-position: center center ; background-repeat: no-repeat ; } .jcarousel-skin-tango .jcarousel-item a img { width: 116px ; height: 80px ; display: none ; } .jcarousel-skin-tango .jcarousel-item .play-ico { display:block; } .jcarousel-skin-tango .jcarousel-item div { margin:0!important; } .jcarousel-skin-tango .jcarousel-item-horizontal { } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango LI { background:none; padding-left:0; } /* Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { width: 17px ; height: 57px ; position: absolute ; top: 25px ; border: none ; background: none ; cursor: pointer ; right: -2px ; background: url(../images/sprite1.png) -313px -520px no-repeat ; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png);} .jcarousel-skin-tango .jcarousel-next-horizontal:hover { } .jcarousel-skin-tango .jcarousel-next-horizontal:active { } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; } .jcarousel-skin-tango .jcarousel-prev-horizontal { width: 17px ; height: 57px ; position: absolute ; top: 25px ; border: none ; background: none ; cursor: pointer ; left: -5px ; background: url(../images/sprite1.png) -260px -520px no-repeat ; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; } /**/ /************************** / / / Flexslider sync / / / ***************************/ #nav-slider, #main-slider {margin: 0;border: 0;background: transparent;border-radius: 0;position: relative;} #nav-slider { overflow: hidden; cursor: pointer; } #nav-slider .slides li { margin: 0 3px; max-height: 90px; } /*#nav-slider .slides li img { height: 100%; }*/ #main-slider { min-height: 352px; overflow: hidden; margin-bottom: 10px; } #main-slider .flex-direction-nav { display: block; } #mediaHolder .buttonHolder { left: -5px; } #nav-slider .flex-direction-nav a { /*color: #000 !important;*/ } #nav-slider .flex-direction-nav a:before { font-size: 40px; padding: 10px 0; } #gallery { position: relative; } .ar #gallery { direction: ltr; } #main-slider .fade { position: absolute; text-align: left; z-index: 1; right: 0; bottom: 0px; } #main-slider .flex-direction-nav .flex-prev:before { left: 0 !important; padding: 10px 0; } #main-slider .flex-direction-nav .flex-next:before { right: 0 !important; padding: 10px 0; } .videoGallery { display: block; position: relative; } #main-slider .videoGallery { max-height: 352px; background-repeat: no-repeat; } #main-slider .videoGallery .videoImage { /*height: 100%;*/ } .videoGallery a { background-image: none !important; display: block; height: 100%; width: 100%; } .videoGallery img { width: 100%;left:30%;top:30%;} #main-slider img.play-ico, #nav-slider img.play-ico { width: auto; left: 50%; margin-left: -35%; top: 15%; } #main-slider img.play-ico { margin-left: -5%; top: 30%; } #photo_video { /* height: 29px ; */ /* margin-top: -1px ; */ /* margin-bottom: 10px ; */ z-index: 1500;} #photo_video li { padding-left: 10px ; float: right ; display:none; z-index: 10000;} #photo_video a { display: block ; height: 29px ; padding: 0 16px 0 0 ; font-size: 11px ; font-weight: bold ; color: #7d7d7d!important ; z-index: 10000;} #photo_video a span { display: block ; height: 29px ; line-height: 29px ; z-index: 10000; padding: 0 0 0 31px ;} #photo_video .active { background: url(../images/sprite1.png) left -86px no-repeat ;} #photo_video .active a { background: url(../images/sprite1.png) right -107px no-repeat ; z-index: 10000;} .yachtPriceHolder {margin-top: 16px;} #detaljiYoutube { width: 640px ; height: 390px ;} #photoIcon span { background: url(../images/sprite1.png) -364px -457px no-repeat ;} #videoIcon span { background: url(../images/sprite1.png) -363px -498px no-repeat ;} .active #photoIcon span { background: url(../images/sprite1.png) -364px -426px no-repeat ;} .active #videoIcon span { background: url(../images/sprite1.png) -363px -536px no-repeat ;} #ownerBox { width: 96%; padding: 4px ; margin: 0 0 10px 15px ; float: right ; background: #363636 ; font-size: 11px ; line-height: 15px ; color: #fff;} #ownerBox p {color:#FFF;} #ownerBox img { border: solid 2px #565656 ;} #ownerBox .inner { padding: 1px 12px ;} #ownerBox h3 { margin-bottom: 5px ;} #skype { background: url(../images/sprite1.png) -265px -630px no-repeat ; text-decoration: none ;} #ownerBox ul { padding-bottom: 5px ; border-top: solid 1px #1e1e1e ;} #ownerBox ul a { display: block ; padding: 0 0 0 12px ; font-weight: bold ; color: #acacac!important ; background: url(../images/sprite.png) -211px -2987px no-repeat ;} #ownerBox .first { padding-top: 5px ; border-top: solid 1px #545454 ;} .quickEntry { display: block ; padding: 3px 0 3px 25px ; background: url(../images/sprite1.png) -982px -144px no-repeat ; float:left} #pricePerWeek { width: 700px ; font-weight: bold ;} #pricePerWeek th { font-weight: bold ;} #pricePerWeekHead { clear: both ; width: 700px ; border: solid 1px #6a2b00 ; border-bottom: solid 1px #353535 ; background: url(../images/vert_sprite.png) left -540px repeat-x ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d26800+0,6e2d00+100 */ background: #d26800; /* Old browsers */ background: -moz-linear-gradient(top, #d26800 0%, #6e2d00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d26800 0%,#6e2d00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d26800 0%,#6e2d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26800', endColorstr='#6e2d00',GradientType=0 ); /* IE6-9 */ } #pricePerWeekHead th { width: 70% ; height: 44px ; text-align: left ; padding: 0 15px ; color: #fff ; text-shadow:0; font-size: 16px;} #pricePerWeekHead td { width: 30% ; height: 28px ; text-align: right ; padding: 0 15px ;} #pricePerWeek tbody td , #pricePerWeek tbody th {height: 37px;border: solid 1px #353535;border-top: none;border-bottom: solid 1px #000;text-align: center;background-color: #F4F4F4;color:#D06700;font-size: 13px;padding: 0 5px;} #pricePerWeek tbody th { background-position: -1px -51px ;} #pricePerWeekFoot { width: 700px ; font-weight: normal ; background: #353535 ; font-size: 11px ; line-height: 19px ;} #pricePerWeekFoot th { width: 50% ; text-align: left ; padding: 6px 10px 6px 10px ; border-left: solid 1px #353535 ; border-right: solid 1px #000 ; white-space: nowrap ; color: #fff ;} #pricePerWeekFoot th, #pricePerWeekFoot th a { color:#d27400 !important;} #pricePerWeekFoot td { width: 50% ; text-align: left ; padding: 6px 0 6px 10px ; white-space: nowrap ;} #pricePerWeekHead a { display: block ; padding-right: 10px ; font-weight: normal ; color: #ffd5ac!important ; background: url(../images/sprite.png) right -2747px no-repeat ;} html[dir="rtl"] #pricePerWeekHead a { background:url("../images/sprite_rtl.png") no-repeat scroll left -2747px transparent;} #pricePerWeekFoot a { display: block ; padding-right: 10px ; float: left ; background:url(../images/sprite.png) right -1410px no-repeat ; color: #a8a8a8!important ; clear: both ;} html[dir="rtl"] #pricePerWeekFoot a { background:url(../images/sprite_rtl.png) left -1410px no-repeat; padding-right:0; padding-left:10px;} #pricePerWeekFoot a.security-deposit { clear: both; display: inline-block; float: left; padding-left: 0; margin-right: 5px;} #pricePerWeekFoot span { float: left ;} #pricePerWeek .head td { background: url(../images/table_bg.png) 0px 0px no-repeat ; font-size: 11px ; border-bottom: solid 1px #353535 ; color: #a1a0a0 ;} #pricePerWeek .head th { background: #545454; background: -moz-linear-gradient(top, #545454 0%, #363636 100%); background: -webkit-linear-gradient(top, #545454 0%,#363636 100%); background: linear-gradient(to bottom, #545454 0%,#363636 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#363636',GradientType=0 ); font-size: 11px ; border-bottom: solid 1px #353535 ; color: #a1a0a0 ;} .priceIncl { float:right;} .extras { margin-top:20px;} #priceInfo, #note { padding: 12px; float: left; } #note {width:60%} #priceInfo a { font-weight: bold ;} #priceInfo ul { margin: 0 30px 0px 0 ; float:left;} #priceInfo ul a, #note ul li { padding-left : 14px ; background: url(../images/sprite.png) -211px -2748px no-repeat ;} html[dir="rtl"] #priceInfo ul a { background:none;} #priceInfo .disclamer { font-size:10px; float:left;} .sendEnquiri { display: block ; padding-right: 45px ; padding-left:20px; height: 61px ; line-height: 61px ; float: right ; background: url(../images/send_enquiry.gif) right no-repeat ; margin-top: 10px ; margin-bottom: 25px; font-size: 20px ; font-weight: bold ; text-transform: uppercase ;} .sendEnquiri.price {position:relative; float:right;background: url(../images/send_enquiry_arrow.png) right no-repeat;} html[dir="rtl"] .sendEnquiri { background:url("../images/sprite1.png") no-repeat scroll -434px -522px transparent; padding-left:75px; padding-right:20px;} .back {display: block;/* width: 30px; */position: absolute;right: 15px;top: 13px;/* height: 34px; */float: right;} .back i {font-size: 28px;color: #EDB064;} .back.popup {display:none;} .billingInfo{display: none;} .billingInfo h2 {padding-left: 0 !important; float: none !important;} #rightSidebar p { /* color: #000 ; */} #rightSidebar .sendEnquiri { display: block ; width: 215px ; padding-left: 25px ; height: 62px ; line-height: 64px ; float: left ; background: url(../images/sprite1.png) -370px -659px no-repeat ; font-size: 20px ; font-weight: bold ; text-transform: uppercase ; color: #e9e9e9!important ;} .redPage #rightSidebar .sendEnquiri { line-height: 30px; font-size: 13px; } html[dir="rtl"] #rightSidebar .sendEnquiri { background: url(../images/sprite1_rtl.png) -370px -659px no-repeat;} #rightSidebar h4 { display: block ; height: 17px ; padding: 5px 15px ; clear: both ; border: solid 1px #6a2b00 ; background: url(../images/vert_sprite.png) left -540px repeat-x ; color: #fff ; font-weight: bold ; text-shadow: 1px 1px 1px #333 ; min-height: 17px; height: auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d26800+0,6e2d00+100 */ background: #d26800; /* Old browsers */ background: -moz-linear-gradient(top, #d26800 0%, #6e2d00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d26800 0%,#6e2d00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d26800 0%,#6e2d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26800', endColorstr='#6e2d00',GradientType=0 ); /* IE6-9 */ } #rightSidebar h5, #rightSidebar h6 { font-size:14px; display: block ; height: 18px ; padding: 6px 15px ; clear: both ; border: solid 1px #3d3d3d ; background: url(../images/vert_sprite.png) left -627px repeat-x ; color: #bbb ; font-weight: bold ; text-shadow: 1px 1px 1px #333 ;} #rightSidebar h6 { color:#FF7A19} #mbInfo { padding: 5px 9px ; background: #ccc ;} #mbInfo li { padding: 0 5px ;/* background: url(../images/sprite.png) -209px -2680px no-repeat ;*/} #mbInfo p { padding: 4px 0 ; margin: 0 ;color:#000;} /*#mbInfo .first p { border-bottom: solid 1px #aaa ;} #mbInfo .last p { border-top: solid 1px #eee ;}*/ #techSpecs, table#techSpecs { width: 100% ; text-align: left ; font-size: 12px ; line-height: normal ;} #techSpecs div, #techSpecs tr { background: #ccc url(../images/vert_sprite.png) left -591px repeat-x ; padding:4px 10px; border-bottom: solid 1px #000} html[dir="rtl"] #techSpecs div { text-align:right;} #techSpecs span, #techSpecs td {color: #000; font-weight:bold } #techSpecs td, #techSpecs th { padding:6px 10px} #techSpecs td { font-weight:normal} #techSpecs th { text-align:right} #techSpecs thead td { padding:3px 10px} #techSpecs label, #techSpecs th{ padding-right:10px ; color: #000} html[dir="rtl"] #techSpecs label { float:right;} #techSpecs label.yes, #techSpecs label.no ,#techSpecs th.yes,#techSpecs th.no { width:40%} #inventory , #adEquipment { display: block ; height: 17px ; padding: 7px 15px ; /*background: url(../images/sprite1.png) -760px -174px no-repeat;*/ background:#C51313; border-bottom: solid 1px #000 ; color: #fff!important ; font-weight: bold ; text-shadow:none; } html[dir="rtl"] #adEquipment, html[dir="rtl"] #inventory { background: url(../images/sprite1_rtl.png) -760px -174px no-repeat;} #inventory, #adEquipment { color:#fff !important; text-transform:uppercase} #inventory:after, #adEquipment:after {content: '\e80b'; font-family: "fontello"; padding-left: 20px;} #inventory:hover, #adEquipment:hover {text-decoration: none;} #modelVars { padding: 7px 9px ; background: #ccc ; font-size: 12px ;} #modelVars li { padding: 5px 0 ; clear: both ;} #modelVars a { font-weight: bold ;} #modelVars .bases a { font-size: 11px ; color: #3a3a3a!important ; line-height: 13px ;} #modelVars img { float: left ; margin-right: 10px ; border: solid 1px #b0600c ;} #modelVars .img { height: 47px ; padding: 10px 0 ;} #modelVars .small { font-size: 11px ;} .variants { margin-top: 5px; margin-bottom: 10px; /* padding-top: 200px; */} #rightSidebar .yachtServices { padding: 5px 9px ; background: #2e2e2e ; font-size: 11px ; border-bottom: solid 1px #000;} #rightSidebar .yachtServices li { padding: 1px 0 1px 16px ; background: url(../images/sprite.png) -207px -2985px no-repeat; color: #bbb;} html[dir="rtl"] #rightSidebar .yachtServices li { padding: 1px 10px 1px 0; background: url(../images/sprite_rtl.png) 218px -2985px no-repeat;} #rightSidebar .yachtServices a { color: #c96001!important ;} #fancyBoxInline { display: none ;} #enquiryForm table{ margin-left:20px;} #enquiryForm.popupFancyBox {width:390px;} #enquiryForm.popupFancyBox table {margin-left: 40px;} #PaymentOption, #HowToBook {width:auto; min-height:489px; height: 98vh;} #paymentGuarantee, #hgk-htz-approved { width:auto; min-height:350px} #paymentGuarantee .popupContent, #hgk-htz-approved .popupContent { padding:13px} #BookingProcedure {width:auto; min-height:603px} #PaymentOption .popupContent, #HowToBook .popupContent, #BookingProcedure .popupContent, #hgk-htz-approved .popupContent{ padding:10px 15px} .popupFancyBox {width: 330px;/* border: solid 5px #474747; */background: #000;font-size: 12px;color: #b5b5b5;} .popupFancyBox table { width: 260px ; margin: 5px 5px ;} .popupFancyBox table table { margin: 0px auto ;} .bookingFormHolder { width: 805px ; height:530px; padding-left:35px;} #inline_map {width:860px;} .popupFancyBox .topText { padding: 10px 20px 0 20px ;} .popupFancyBox .topText img { float: left ; display: block ; margin-right: 12px ; border:2px solid #AE5900;} .popupFancyBox .topText p { margin-bottom: 10px ;} .popupFancyBox .vaTop { padding: 0 5px ;} .popupFancyBox th { padding: 3px 10px 3px 0 ; text-align: left ;} .popupFancyBox td { padding: 5px 0 ;} .popupFancyBox th label { font-size: 12px ; font-weight: normal ;} .popupFancyBox .enqTextBox { width: 180px ; height: 21px ; line-height: 24px ; padding: 0 10px ; background: #404040 ; border: solid 2px #585858 ; -moz-border-radius:4px ; -webkit-border-radius:4px ; font-size: 14px ; color: #e3e3e3 ;} #calendar_trigger_button { float: right ; padding: 1px 5px 0 0 ;} //#charterDateStart, #charterDateEnd, .startVisible, .endVisible { width: 86px; padding:2px 2px 2px 6px;font-size: 12px; text-align: left;} #rightSidebar .textBox.dateFilter { position:relative;} .refreshBttn, .apiSearch .bttn, .pricelistSearch .bttn { position:absolute; top:45px; right:4px; z-index:60; padding:5px 7px 2px; background:#cd5900; color:#FFF !important; font-weight: bold; margin-top:-2px;} .refreshBttn:hover, .apiSearch .bttn:hover, .pricelistSearch .bttn:hover { text-decoration:none; background:#c36600;} .startVisible, .endVisible { background:#FFF; color:#333; font-size:11px; position:absolute; top:0; left:0; z-index:53; padding:0 7px 0 3px; cursor:pointer;} form[name="searchform"] .startVisible, form[name="searchform"] .endVisible { color:#000;} #searchYacht .startVisible, #searchYacht .endVisible { font-weight:normal;} #searchYacht input { color:#333; font-weight:normal;} /* #pricelistSearch #charterDateStart, #pricelistSearch #charterDateEnd { */ /*width:57px;*/ /*width: 86px;height: 20px;*/ /*padding:1px 0 1px 5px;*/ /*}*/ #pricelistSearch .fieldHolder.first { margin-right:5px;} .innercal { float:none; padding:0; position:absolute; top:6px; right:3px; z-index:55; cursor:pointer; width: 70px; /* overflow: hidden; */} .fieldHolder { position:relative;} #rightSidebar .fieldHolder { margin:8px 0 5px 17px;} #rightSidebar .slideBox { color:#FFF; font-size:11px; display:none; position:absolute; /*top:229px;*/ top: 5px; width:200px; right:0; margin-right:-200px; background:#434343;} #rightSidebar .slideBox .hrline { border-bottom:1px solid #B28500;} #rightSidebar .slideBox .infoTable { width:100%;} #rightSidebar .slideBox .infoTable td { padding:2px; vertical-align:top;} #rightSidebar .slideBox .infoTable td.rightColumn { text-align:right;} #rightSidebar .slideBox .inner { padding:8px;} #rightSidebar .slideBox .info { padding:25px; line-height:13px; text-align:center;} #rightSidebar .slideBox .sendEnquiri { background-position:-370px -666px; background-color:#444; font-size:11px !important; height:48px; line-height:50px; width:100%; box-sizing: border-box; margin-bottom:20px; margin-left:10px; padding-left:10px;white-space:nowrap;} .hlight { color:#D46F00;} .popupFancyBox .enqTextBoxDate { width: 140px ;} .popupFancyBox textarea { padding: 10px ; margin-bottom: 5px ; background: #404040 ; border: solid 2px #585858 ; -moz-border-radius:4px ; -webkit-border-radius:4px ; font-size: 14px ; color: #e3e3e3 ;} .checkboxFancy { margin-right: 3px ;} .popupFancyBox h3 { display: block ; padding: 8px 10px 12px 15px ; font-size: 16px ; font-weight: bold ; color: #c16300 ; border: solid 1px #000 ; background: url(../images/vert_sprite.png) left -674px repeat-x ;} .popupFancyBox table h4 { display: block ; padding: 6px 10px 6px 10px ; font-size: 14px ; font-weight: bold ; color: #c16300 ; border: solid 1px #000 ; background: url(../images/vert_sprite.png) left -674px repeat-x ; text-align: center ;} .sendFormBtn {display: block;width: 252px;/* height: 27px; */line-height: 27px;text-align: center;margin: 15px auto;text-transform: uppercase;color: #fff;font-weight: bold;font-family: sans-serif;font-size: 12px;background: #DF7D03;border: none;cursor:pointer;} #inventorna { width: 91.5%; padding: 0 50px 50px 50px ; margin: 0 auto ; background: #000 ;} #inventornaOwner {width: 520px;padding: 15px 24px 20px 0px;float: left;/*background: #363636 ;*/background: transparent;font-size: 13px;color: #fff;} #inventornaOwner ul {} #inventornaOwner ul li { float:left; margin-right:10px} #inventornaOwner h3 { font-size: 22px ; color: #d67600 ; margin-bottom: 10px ;} #inventornaOwner table { border-collapse: separate ; text-align: left ; line-height: 19px ;} #inventornaOwner th { width: 100% ; font-weight: normal; vertical-align: top ; float:left} #inventornaOwner td { width: 100% ; vertical-align: top ; float:left} #inventorna #ownerBox { width:auto; margin:0; float:none} #inventorna #ownerBox .first { width:100%} #inventorna #ownerBox ul a { width:25%} #inventorna #ownerBox .b1, #inventorna #ownerBox .b2, #inventorna #ownerBox .b5{ display:none} #inventorna .util { margin:0 auto; width:230px; padding:10px 0} #inventorna .util.insider { position:absolute; right:10px; top:0px;} #inventorna h2 { display: block ; padding: 10px 0 12px 0 ; font-size: 22px ; color: #924201 ;} #inventBottom { clear: both ;} #inventornaLeft { width: 276px ; float: left; } #inventornaRight { width: 276px ; padding-left: 20px ; float: left ;} #inventornaLeft, #inventornaRight { width: 45%; } #inventornaRight { padding: 0; margin-left: 10px; } #inventornaRight #techSpecs .yes { background-position: 64px -133px; } #inventornaLeft img { display: block ; margin-bottom:5px; float:left; width: 50%; max-width: 176px; } /*#inventornaLeft img:first-child { padding-right:10px; }*/ #inventBottom h4 { display: block ; /*height: 17px ;*/ height: auto; padding: 5px 15px ; margin: 9px 0 1px 0 ; clear: both ; border: solid 1px #6a2b00 ; background: url(../images/vert_sprite.png) left -540px repeat-x ; font-size: 14px ; color: #fff ; font-weight: bold ; text-shadow: 1px 1px 1px #333 ;} #inventornaRight h4 { margin-top: 0 ;} #inventornaRight ul { padding: 10px 15px ; color: #fff ; font-size: 12px ;} #inventornaRight ul li { margin-bottom: 10px ; padding-left: 12px ; background: url(../images/sprite.png) -212px -2986px no-repeat ;} #inventBottom table { width: 100% ; text-align: left ; font-size: 11px ;} #inventBottom thead td { background: url(../images/vert_sprite.png) left -728px repeat-x ; color: #fff ; font-weight: bold ;text-shadow: 1px 1px 1px #333 ;} #techSpecs .yes { background: url(../images/sprite1.png) 79px -133px no-repeat ;} #techSpecs .no { background: url(../images/sprite1.png) 79px -182px no-repeat ;} #inventBottom th {} #popup .util { float: right ; width: auto ; padding: 0px ;} .popupFancyBox .util { width: 120px ; padding-top: 10px ; float: right ; clear: none ; height: auto ;} .popupFancyBox .util a { float: none ;} /* Inner page header */ #topLinks { padding-right: 5px ; float: right ;} #topLinks li {padding-top: 7px ; float: left ;} #topLinks li a { display: block ; padding: 0 3px ; line-height: 10px ; float: left ; color: #ccc!important ;border-right: solid 1px #ccc} #topLinks .last-item { border:none} #topLinks .home { border-right: solid 1px #ccc} .frontPage #topLinks .home { display:none} /* Blue page */ .bluePage #mainNav { background-position: left -773px ; border-left: solid 1px #00223f ; border-right: solid 1px #00223f ;} .bluePage #mainNav li { background-position: left -822px ;} .bluePage #mainNav li a { padding: 0 26px ;} :root .bluePage #mainNav li a { padding:0 26px \0/IE9; } /* IE9 */ .bluePage #navHome a { background-position: 19px -4033px!important ; width:0px!important; } #wide { padding: 22px 0 ; } #wideLeft , #wideRight { width: 435px ; padding: 22px 15px ; float: left ;} .indent { padding-left: 20px ;} /* Light blue page */ .lightBluePage #mainNav { background-position: left -236px ; border-left: solid 1px #00223f ; border-right: solid 1px #00223f ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007de8+0,00223f+100 */ background: #007de8; /* Old browsers */ background: -moz-linear-gradient(top, #007de8 0%, #00223f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #007de8 0%,#00223f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #007de8 0%,#00223f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007de8', endColorstr='#00223f',GradientType=0 ); /* IE6-9 */ } .lightBluePage #mainNav li { background-position: left -300px ; background: none; } .lightBluePage #mainNav li a { padding: 0 34px ;} .lightBluePage #navHome a { background-position: 30px -4134px!important ;} .lightBluePage .boxChoice h3 { background-position: right -40px; } .lightBluePage .boxChoice h3 span { background-position: left -40px; } .leftImg { float: left ; border: solid 5px #2a2a2a ;} #rightFloatContent { width: 450px ; float: right ;} #rightFloatContent h2 { margin-top: 0px ;} #rightFloatContent p { color: #cecece ;} /* Red page */ .redPage #mainNav { background-position: left -884px ; border-left: solid 1px #5a0000 ; border-right: solid 1px #5a0000 ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c52020+0,5a0000+100 */ background: #c52020; /* Old browsers */ background: -moz-linear-gradient(top, #c52020 0%, #5a0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c52020 0%,#5a0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c52020 0%,#5a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52020', endColorstr='#5a0000',GradientType=0 ); /* IE6-9 */ } .redPage #mainNav li { background-position: left -948px ; background: none; } .redPage #mainNav li a { padding: 0 8px!important ;} .redPage #navHome a { background-position: 13px -4083px!important ;} .redPage .boxChoice h3 { background-position: right -80px; } .redPage .boxChoice h3 span { background-position: left -80px; } #brokerCijena { height: 31px ; padding: 0 16px ; line-height: 31px ; background: url(../images/sprite1.png) right -258px no-repeat ;text-align: right ;} #brokerCijena span { float: left ; font-size: 16px ; color: #fff ;} #brokerCijena strong { font-size: 18px ; font-weight: bold ; color: #ffca96 ;} .redPage #listSearchResults .featured .discount { background: url(../images/sprite1.png) no-repeat scroll -307px -428px transparent; } .redPage #listSearchResults .featured { color: #c80000!important ;} .redPage #listSearchResults .featured .price strong { color: #ff4f4f ;} .redPage #listSearchResults .featured img { border-color: #ff4f4f ;} .redPage #listSearchResults .featured:hover .holder { border-color: #C80000 ;} #listRedBottom { padding: 10px 0 0 25px ; clear: both ;} /* Red detalji */ #pricePerBoat { width: 100% ; height: 31px ; margin: 10px 0 ; clear: both ; color: #fff ; text-shadow: 1px 1px 1px #333 ;} #pricePerBoat th { padding-left: 18px ; padding-top: 2px ; font-size: 14px ; background: url(../images/vert_sprite.png) left -352px repeat-x ; border: solid 1px #333 ; border-right: solid 1px #959595 ; text-align: left ;} #pricePerBoat td { width: 198px ; padding-left: 18px ; font-size: 18px ; font-weight: bold ; background: url(../images/vert_sprite.png) left -540px repeat-x ; border: solid 1px #572300 ;} /* green page */ .greenPage #mainNav { background-position: left -1270px ; border-left: solid 1px #00223f ; border-right: solid 1px #00223f ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13be1f+0,164201+100 */ background: #13be1f; /* Old browsers */ background: -moz-linear-gradient(top, #13be1f 0%, #164201 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #13be1f 0%,#164201 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #13be1f 0%,#164201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13be1f', endColorstr='#164201',GradientType=0 ); /* IE6-9 */ margin-bottom: 10px; } .greenPage #mainNav li { background-position: left -1330px ; background: none;} .greenPage #mainNav li a { padding: 0 26px ;} .greenPage #navHome a { background-position: 19px -4184px!important ; width:0px!important;} /* yellow page */ .yellowPage #mainNav { background-position: left -1389px ; border-left: solid 1px #66630A ; border-right: solid 1px #66630A ; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dab925+0,66630a+100 */ background: #dab925; /* Old browsers */ background: -moz-linear-gradient(top, #dab925 0%, #66630a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #dab925 0%,#66630a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #dab925 0%,#66630a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab925', endColorstr='#66630a',GradientType=0 ); /* IE6-9 */ margin-bottom: 10px; } .yellowPage #mainNav li { background-position: left -1449px ; background: none;} .yellowPage #mainNav li a { padding: 0 32px ;} .yellowPage #navHome a { background-position: 25px -4232px!important ; width:0px!important; } /* Blue choice */ .boxChoice { float: left ; background: url(../images/box.png) right bottom no-repeat ; margin: 5px 0 17px 0 ;} .boxChoice .inner { height: 250px ; padding: 9px 11px ; float: left ; background: url(../images/box.png) left bottom no-repeat ;} .boxChoice p { color: #a4a4a4 ;} .boxChoice h3 { display: block ; background: url(../images/box-top.png) right top no-repeat ; color: #fff ; text-shadow: 1px 1px 1px #333 ; margin-bottom: 1px ;} .boxChoice h3 span { display: block ; padding-left: 12px ; height: 30px ; line-height: 30px ; background: url(../images/box-top.png) left top no-repeat ; padding-right:5px;} .boxChoice h3 a, .boxChoice h3 a:hover { color: #fff!important; text-decoration:none; } .boxChoice308 .inner { height:160px} .boxChoice180 { width: 19.1% ; margin-right: 10px ;} .boxChoice180 img, .boxChoice308 img {width:100%;} .boxChoice308 { width:32%; margin-right:8px} .boxChoiceLast { margin-right: 0px ;} /* Print.css */ @media print { #container { width: 575px ; padding: 0px ; margin: 0px ;} #holder { padding: 0px ;} #yachtHolder, #chooseYacht { height:103px!important; margin:10px 0 50px 0} #yachtNav li a { margin-right:1px; border:none} #colorBoxes { width:100%; margin:0 0 30px 0} #colorBoxes h4 a { text-decoration:none} #orangeBox { width:80%; margin:0; padding:0} #blueBox { width:20%; margin:0; padding:0} #blueBox a { text-decoration:none } #orangeBox .outLi { padding-left: 0 ; width:31%; padding:0; margin:0} #orangeBox .outLi li{ padding-left: 0} #blueBox a { padding: 0; margin:0} #blueBox a.fancyPopup {display: block!important; visibility: visible; padding:0; margin:0} #infoBoxes div { height:auto; width:23%; margin:0 13px 30px 0; padding:0} #infoBoxes div li { padding-left:0} #bookingBox { border:none; padding:0; width:100%; page-break-after:always} #bookingBox p { padding:0; width:80%} #bookingBox ul { padding:0; width:20%;} #bookingBox h4 { float:none; padding:0} #bookingBox ul a.fancyPopup {display: block!important; visibility: visible;} #yachtSale, #yachtSale div, #yachtSale .inner { width:100%; height:auto} #yachtSale .inner { padding:0} .yb,.availability-form,.calculation-form {display: none !important;} #yachtSale ul li { padding-left:0; padding-bottom:20px} #yachtSale h5 { padding:0} #aboutUs { border:none; width:100%; height:auto; margin:0 0 20px 0} #aboutUs .outLi { width:23%; height:auto; padding:0; margin:20px 13px 0 0} #aboutUs #allRef { float:none} #aboutUs h5 { padding:0} #articles li:last-child { display:none; visibility:hidden} #wallpapers { display:none; visibility:hidden} #wallpapers a {color:#999 !important;} #leftContent { width: 575px ;} #gallery #bigImage { width: auto ;} #mediaHolder { border: 0px ;} #pricePerWeek { width: auto!important ;} #pricePerWeek thead th , #pricePerWeek thead td { border: solid 1px #000 ;} #pricePerWeek tfoot th , #pricePerWeek tfoot td { width: auto ; border: solid 1px #000 ;} #pricePerWeek * { float: none!important ; text-shadow: 0px 0px 0px #333!important ;} #rightSidebar { float: none ;} #rightSidebar h4 , #rightSidebar h5 , #inventory, #adEquipment , #inventBottom h4 , #inventBottom thead td { height: auto ; color: #000!important ; text-shadow: 0px 0px 0px #333 ; border: none ;} .box3 { float: none ;} .box3 h3 { text-shadow: 0px 0px 0px #333!important ;} #topHeader, #orangeBox .outLi a.blockLink , #header , #breadcrumb , #pricelistSearch , #thumbsHolder , #btn_hld , #photo_video , #footer , .util , #lastMinute , #listSearchResults .details .discount , #searchYacht, #yachtGo, #selectionPrices #sortListResults { display: none ;} #inventBottom th { text-indent: 0px ;} } /* POPUP CALENDAR */ div.calendar { position: absolute; bottom:10!important;} .calendar, .calendar table { border: 1px solid #C16300 ; font-size: 11px; color: #000; cursor: default; background: #F1F8FC; z-index:1103;} .calendar .button { text-align: center; padding: 2px;} .calendar .nav {} .calendar thead .title { font-weight: bold; text-align: center; background: #000; color: #fff; padding: 2px;} .calendar thead tr { background: #404040; color: #fff;} .calendar thead .daynames { background: #E3E3E3;} .calendar thead .name { border-bottom: 1px solid #206A9B; padding: 2px; text-align: center; color: #000;} .calendar thead .weekend { color: #a66;} .calendar thead .hilite { background-color: #34ABFA; color:#000;} .calendar thead .active { background-color: #006AA9; border: 1px solid #008AFF; padding: 2px 0px 0px 2px;} .calendar tbody .day { width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px;} .calendar tbody .day.othermonth { font-size: 80%; color: #bbb;} .calendar tbody .day.othermonth.oweekend { color: #fbb;} .calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; text-align: center ;} .calendar tbody .rowhilite td { background: #def;} .calendar tbody .rowhilite td.wn { background: #F1F8FC;} .calendar tbody td.hilite { background: #def;} .calendar tbody td.active { background: #cde;} .calendar tbody td.selected { font-weight: bold; border: 1px solid #000; background: #fff; color: #000;} .calendar tbody td.weekend { color: #C16300;} .calendar tbody td.today { font-weight: bold; color: #C16300;} .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { visibility: hidden;} .calendar tbody .emptyrow { display: none;} .calendar tfoot .footrow { text-align: center; background: #206A9B; color: #fff;} .calendar tfoot .ttip { background: #000; color: #fff; border-top: 1px solid #206A9B; padding: 1px;} .calendar tfoot .hilite { background: #B8DAF0; color: #000;} .calendar tfoot .active { background: #006AA9;} .calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100;} .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px;} .calendar .combo .label-IEfix { width: 4em;} .calendar .combo .hilite { background: #34ABFA; font-weight: bold;} .calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #F1F8FC; font-weight: bold;} .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #E3F0F9;} .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #F1F8FC;} .calendar td.time .ampm { text-align: center;} .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold;} .calendar td.time span.hilite { border-color: #000; background-color: #267DB7; color: #fff;} .calendar td.time span.active { border-color: red; background-color: #000; color: #A5FF00;} /*_______Calendar - new________*/ .DynarchCalendar { border: 1px solid #aaa; -moz-user-select: none; -webkit-user-select: none; user-select: none; background: #e8e8e8; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; position: relative; cursor: default; } .DynarchCalendar table { border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; } .DynarchCalendar-topBar { border-bottom: 1px solid #aaa; background: #ddd; padding: 5px 0 0 0; } table.DynarchCalendar-titleCont { font-size: 130%; font-weight: bold; color: #444; text-align: center; z-index: 9; position: relative; margin-top: -6px; } .DynarchCalendar-title div { padding: 5px 17px; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-hover-title div { background-color: #fff; border: 1px solid #000; padding: 4px 16px; background-image: url("img/drop-down.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-pressed-title div { border: 1px solid #000; padding: 4px 16px; background-color: #777; color: #fff; background-image: url("img/drop-up.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-bottomBar { border-top: 1px solid #aaa; background: #ddd; padding: 2px; position: relative; text-align: center; } .DynarchCalendar-bottomBar-today { padding: 2px 15px; } .DynarchCalendar-hover-bottomBar-today { border: 1px solid #000; background-color: #fff; padding: 1px 14px; } .DynarchCalendar-pressed-bottomBar-today { border: 1px solid #000; background-color: #777; color: #fff; padding: 1px 14px; } .DynarchCalendar-body { position: relative; overflow: hidden; padding-top: 5px; padding-bottom: 5px; } .DynarchCalendar-first-col { padding-left: 5px; } .DynarchCalendar-last-col { padding-right: 5px; } .DynarchCalendar-animBody-backYear { position: absolute; top: -100%; left: 0; } .DynarchCalendar-animBody-back { position: absolute; top: 5px; left: -100%; } .DynarchCalendar-animBody-fwd { position: absolute; top: 5px; left: 100%; } .DynarchCalendar-animBody-now { position: absolute; top: 5px; left: 0; } .DynarchCalendar-animBody-fwdYear { position: absolute; top: 100%; left: 0; } .DynarchCalendar-dayNames { padding-left: 5px; padding-right: 5px; } .DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-navBtn { position: absolute; top: 5px; z-index: 10; } .DynarchCalendar-navBtn div { background-repeat: no-repeat; background-position: 50% 50%; height: 15px; width: 16px; padding: 1px; } .DynarchCalendar-hover-navBtn div { border: 1px solid #000; padding: 0; background-color: #fff; } .DynarchCalendar-navDisabled { opacity: 0.3; filter: alpha(opacity=30); } .DynarchCalendar-pressed-navBtn div { border: 1px solid #000; padding: 0; background-color: #777; color: #fff; } .DynarchCalendar-prevMonth { left: 25px; } .DynarchCalendar-nextMonth { left: 100%; margin-left: -43px; } .DynarchCalendar-prevYear { left: 5px; } .DynarchCalendar-nextYear { left: 100%; margin-left: -23px; } .DynarchCalendar-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ddd; overflow: hidden; opacity: 0.85; filter: alpha(opacity=85); } .DynarchCalendar-menu table td div { text-align: center; font-weight: bold; padding: 3px 5px; } .DynarchCalendar-menu table td div.DynarchCalendar-menu-month { width: 4em; text-align: center; } .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #fff; color: #000; } .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #777; color: #fff !important; } .DynarchCalendar-menu-year { text-align: center; font: 16px "lucida grande",tahoma,verdana,sans-serif; font-weight: bold; } .DynarchCalendar-menu-sep { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; border-top: 1px solid #888; background: #fff; margin-top: 4px; margin-bottom: 3px; } .DynarchCalendar-time td { font-weight: bold; font-size: 120%; } .DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; } .DynarchCalendar-time-down { background: url("img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-sep { padding: 0 2px; } .DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; } .DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; } .DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; } /* body */ .DynarchCalendar-hover-week { background-color: #ddd; } .DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber { width: 1.7em; padding: 3px 4px; text-align: center; } .DynarchCalendar-weekNumber { border-right: 1px solid #aaa; margin-right: 4px; width: 2em !important; padding-right: 8px !important; } .DynarchCalendar-day { text-align: right; color: #222; } .DynarchCalendar-day-othermonth { color: #888; } .DynarchCalendar-weekend { color: #C16300; } .DynarchCalendar-day-today { color: #00f; font-weight: bold; } .DynarchCalendar-day-disabled { opacity: 0.5; text-shadow: 2px 1px 1px #fff; } .DynarchCalendar-hover-date { padding: 2px 3px; background-color: #eef; border: 1px solid #88c; margin: 0 !important; color: #000; } .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; } .DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #C16300; } .DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; } .DynarchCalendar-day-selected { padding: 2px 3px; margin: 1px; background-color: #aaa; color: #000 !important; } .DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; } /* focus */ .DynarchCalendar-focusLink { position: absolute; opacity: 0; filter: alpha(opacity=0); } .DynarchCalendar-focused { border-color: #000; } .DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar { background-color: #ccc; border-color: #336; } .DynarchCalendar-focused .DynarchCalendar-hover-week { background-color: #ccc; } .DynarchCalendar-tooltip { position: absolute; top: 100%; width: 100%; } .DynarchCalendar-tooltipCont { margin: 0 5px 0 5px; border: 1px solid #aaa; border-top: 0; padding: 3px 6px; background: #ddd; } .DynarchCalendar-focused .DynarchCalendar-tooltipCont { background: #ccc; border-color: #000; } @media print { .DynarchCalendar-day-selected { padding: 2px 3px; border: 1px solid #000; margin: 0 !important; } } .DynarchCalendar-prevYear div:after { content:"<<";} .DynarchCalendar-nextYear div:after { content:">>";} .DynarchCalendar-prevMonth div:after { content:"<";} .DynarchCalendar-nextMonth div:after { content:">";} /*_____eof calendar new_____*/ /* hidden field */ .nebo { display: none; } /* Debug css dok ne proradi img server #bigImage IMG { width:678px; height:362px; }*/ #listSearchResults SPAN IMG { float:left; width:133px; height:89px; } html[dir="rtl"] #listSearchResults SPAN IMG { float:right;} /*novo*/ #info .at15t_twitter, #info .at15t_facebook { display:none} /* FancyBox styles */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0 solid #000; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox/fancy_close.png') no-repeat; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0; height: 86%; width: 35%; margin-bottom:50px; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0; } #fancybox-right { right: 0; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0 -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox/fancybox-x.png') 0 -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* IMAGE ICONS DROPDOWN MENU - language selection */ /************** Skin 1 *********************/ .dd {/*display:inline-block !important;*/text-align:left;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;float:left;width: 163px!important;} .dd .ddTitle { text-indent:0; cursor:default; overflow:hidden; height: 19px ; width: 163px ; padding: 4px 0 0 0px ; background: url(../images/sprite.png) right -70px no-repeat ; color: #999 ; /*border: solid 1px #000 ; */ } html[dir="rtl"] .dd .ddTitle { background: url(../images/sprite_rtl.png) left -70px no-repeat} .dd .ddTitle span.arrow { float:right; display:inline-block;width:16px; height:16px; cursor:pointer; margin-right:5px; } html[dir="rtl"] .dd .ddTitle span.arrow { float:left;} .dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px; padding-bottom:0!important; background-position: 5px center!important; } .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0; } .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { position:absolute; border:1px solid rgba(0,0,0,0.2); border-top:none; display:none; margin:0; width: 162px!important ; height:auto!important; overflow:auto; overflow-x:hidden !important; background-color:#fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .dd .ddChild .opta a, .dd .ddChild .opta a:visited { padding-left:10px } .dd .ddChild a { display:block; padding:5px 0 5px 2px; text-decoration:none; color:#333!important; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd .ddChild a:hover { background-color:#66CCFF; } .dd .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; } .dd .ddChild a.selected { background-color:#66CCFF; } .hidden {display:none;} .dd .borderTop{border-top:1px solid #c3c3c3 !important;} .dd .noBorderTop{border-top:none 0 !important;} /************* use sprite *****************/ .dd .ddChild a.sprite, .dd .ddChild a.sprite:visited { padding-left:26px; } .dd .ddChild a.sprite:hover { background-color: #eee; } .dd .ddChild a.choose, .dd .ddChild a.choose:visited { background:none; padding-left:6px; } .dd .ddChild a.croatian, .dd .ddChild a.croatian:visited,.croatian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/hr.png) 5px center no-repeat!important; } .dd .ddChild a.english, .dd .ddChild a.english:visited,.english #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/en.png) 5px center no-repeat!important; } .dd .ddChild a.german, .dd .ddChild a.german:visited,.german #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/de.png) 5px center no-repeat!important; } .dd .ddChild a.italian, .dd .ddChild a.italian:visited,.italian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/it.png) 5px center no-repeat!important; } .dd .ddChild a.french, .dd .ddChild a.french:visited,.french #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/fr.png) 5px center no-repeat!important; } .dd .ddChild a.poland, .dd .ddChild a.poland:visited,.poland #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/pl.png) 5px center no-repeat!important; } .dd .ddChild a.spanish, .dd .ddChild a.spanish:visited,.spanish #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/es.png) 5px center no-repeat!important; } .dd .ddChild a.norvegian, .dd .ddChild a.norvegian:visited,.norvegian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/no.png) 5px center no-repeat!important; } .dd .ddChild a.swedish, .dd .ddChild a.swedish:visited,.swedish #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/se.png) 5px center no-repeat!important; } .dd .ddChild a.finnish, .dd .ddChild a.finnish:visited,.finnish #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/fi.png) 5px center no-repeat!important; } .dd .ddChild a.czech, .dd .ddChild a.czech:visited,.czech #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/cz.png) 5px center no-repeat!important; } .dd .ddChild a.slovak, .dd .ddChild a.slovak:visited,.slovak #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/sk.png) 5px center no-repeat!important; } .dd .ddChild a.slovenian, .dd .ddChild a.slovenian:visited,.slovenian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/si.png) 5px center no-repeat!important; } .dd .ddChild a.hungarian, .dd .ddChild a.hungarian:visited,.hungarian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/hu.png) 5px center no-repeat!important; } .dd .ddChild a.russian, .dd .ddChild a.russian:visited,.russian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/ru.png) 5px center no-repeat!important; } .dd .ddChild a.portuguese, .dd .ddChild a.portuguese:visited,.portuguese #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/pt.png) 5px center no-repeat!important; } .dd .ddChild a.chinese, .dd .ddChild a.chinese:visited,.chinese #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/cn.png) 5px center no-repeat!important; } .dd .ddChild a.turkish, .dd .ddChild a.turkish:visited,.turkish #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/tr.png) 5px center no-repeat!important; } .dd .ddChild a.japanese, .dd .ddChild a.japanese:visited,.japanese #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/jp.png) 5px center no-repeat!important; } .dd .ddChild a.arabic, .dd .ddChild a.arabic:visited,.arabic #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/ae.png) 5px center no-repeat!important; } .dd .ddChild a.ukrainian, .dd .ddChild a.ukrainian:visited,.ukrainian #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/ua.png) 5px center no-repeat!important; } .dd .ddChild a.dutch, .dd .ddChild a.dutch:visited,.dutch #langSelect_titletext SPAN.ddTitleText { background:url(../images/flags/nl.png) 5px center no-repeat!important; } .croatian #langSelect_titletext SPAN.ddTitleText, .english #langSelect_titletext SPAN.ddTitleText, .german #langSelect_titletext SPAN.ddTitleText, .italian #langSelect_titletext SPAN.ddTitleText, .french #langSelect_titletext SPAN.ddTitleText, .poland #langSelect_titletext SPAN.ddTitleText, .norvegian #langSelect_titletext SPAN.ddTitleText, .english #langSelect_titletext SPAN.ddTitleText, .swedish #langSelect_titletext SPAN.ddTitleText, .finnish #langSelect_titletext SPAN.ddTitleText, .czech #langSelect_titletext SPAN.ddTitleText, .slovenian #langSelect_titletext SPAN.ddTitleText, .hungarian #langSelect_titletext SPAN.ddTitleText, .russian #langSelect_titletext SPAN.ddTitleText, .portuguese #langSelect_titletext SPAN.ddTitleText, .chinese #langSelect_titletext SPAN.ddTitleText, .turkish #langSelect_titletext SPAN.ddTitleText, .japanese #langSelect_titletext SPAN.ddTitleText, .arabic #langSelect_titletext SPAN.ddTitleText, .ukrainian #langSelect_titletext SPAN.ddTitleText, .dutch #langSelect_titletext SPAN.ddTitleText, .slovak #langSelect_titletext SPAN.ddTitleText, .spanish #langSelect_titletext SPAN.ddTitleText {padding-left:25px !important;} /******************************************/ /* Basic table design */ .mainTable { width: 100% ; margin: 5px 0 ; text-align: center ; color: #fff ;} .mainTable td , .mainTable th { padding:6px 4px ;} .mainTable thead { font-size: 10px ;} .mainTable thead th { padding-bottom: 5px ; color: #c0c0c0 ; font-weight: normal ; background: url(../images/table_bg.png) left -108px no-repeat ; border: solid 1px #242424 ; border-bottom: none ; border-left: none ; letter-spacing: 0.5px ;} .mainTable thead .first { background-position: 0px -286px ;} .mainTable thead td { background: url(../images/table_bg.png) left -165px no-repeat ; border: solid 1px #242424 ; border-bottom: none ;} .mainTable tbody { font-weight: bold ;} .mainTable tbody th { padding-left: 8px ; text-align: left ; border: solid 1px #000 ; border-left: none ; background: url(../images/table_bg.png) left -226px no-repeat ;} .mainTable tbody th { padding-left: 8px ; text-align: left ; border: solid 1px #000 ; border-left: none ; background: url(../images/table_bg.png) left -226px no-repeat ;} .mainTable tbody td { border: solid 1px #000 ; background: url(../images/table_bg.png) left -351px repeat ;} .mainTable tbody td p { margin-bottom:0px} .mainTable tbody .normal { font-weight: normal ;} .mainTable caption { padding: 7px ; background: #232323 ; border-bottom: solid 1px #000 ;} .mainTable .highlightLine td { color:#FF9C32; } .mainTable.tableType2 tbody td { background-image: none; background-color: #565656; } .baseMap { margin-bottom: 20px; } .listLinkBox { display: block; border: 1px solid #505050; padding: 5px; margin-bottom: 10px; background: url(../images/listLinkBox-bg.jpg) #2e2e2e right top no-repeat; } .listLinkBox:hover { text-decoration:none; } .listLinkBox img { vertical-align: middle; display: inline-block;} .listLinkBox span { font-weight: bold; margin-left: 5px; display: inline-block; font-size:14px; vertical-align:middle; padding:0 0 0 15px; } .ProdBox {padding:20px;} li { display: block; margin: 0; padding: 5px; float: left; overflow: hidden;} .social-buttons .socialite { display: block; position: relative; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO8AAAAUCAYAAABlJWpjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUANS8xOS8xNBVJno8AAA1jSURBVHic7Zzbb1TVF8c/Z26dmV4cO73S2kFbSpF2RGpohILUCylVooAmQkijD4QYEh98Mv4LPJj4oCZiTCAGFeQiSHiw1UCipRA7plVgHCFtoUPrdJy2c2FuZ34P/M7xzMw50ylSOv7y+yaTOWfvtfbZe81ae6+19j4jAPj9/lQ4HEYURQAEQSCVSqGGXHXK+vno5uPPB1arlYqKCkGL/uDBg9uqqqoW3ActhEIhdu3adTofWkEQmJ6eTk1PTxMOh+Vyqa9KOQmCgCiKCIKQxp9KpWQaqSyTTgmr1YrdbsdutxekTCKRSOrq1auUlZUt6He+F13K5NFqQ608F29m3ezsLGvXrl0SeQs+ny8Vj8cpKSlJ69y9Gp8WFiK8fBEMBjGZTJSXl2dp89dff71t586d99RuLhw/fpwdO3bMq6xerzcVDAapqanBbDZnGZxSGRYC5W+TyRuJRLh9+zalpaXU1NQUnEyGhoZSDoeD8vLy+96HpYLf72d0dJQnn3zygcvbEA6Hefjhh4F0Q7ofhrvQ9hY6G5eUlDAzM6NabzQa8+/oAmAwGPKi8/l8NDU1IQgCyWRSk05t1p8PmYYr3RuNRurr6/F4PNTU1GTxLbVMysrK/qcMF6C8vJxAIKBat9jylqWea8WVFCXXyqnGl48hKmnuZcK4n97B/UQsFgOyx6dmdMp7rbpMqMk6lUqh0+nkZ/8fDwZLpYOGTMOUvk+cOMHt27fTiLUUqrq6mh07duT90Hxd6HzoCtV4IdsYdTqd6mQl1WXySPFtPoYstS2Kopy7KEQkEoml7sL/DAyZsZekKErDVSZW1DA5OalarmV8Ulk8HsftdtPY2IjZbM7LcJX8hQxRFIlGo7hcLubm5hgfHycWi8l9Ly0tZcuWLVRUVMj0EpSJqXyNWeIvZMNdaHzv8XiYnZ1lxYoVlJaWLlKv/r2Q3WYt91WpKNJ1U1MT27dvB+4Gzx6PJ6vhSCTCsWPH2LhxI8uXL5fLJyYm+O6779i9ezexWIzz589TX1+P2WxO4/83GGguiKLI4cOH6erqorOzE4PBwJkzZ3C73axcuZKenh4ikYiq+6sWpiivT58+zcTEBPv27ct6rrT6FiLUxuPxeHA4HJhMprSxHz9+nJs3b1JTU0Nra2sar8fjYWhoCEifEFauXInT6cy5UyI9WytcyZS9IAgEAgH0en1aUrcQoJuPIHP7AmD79u3MzMzgdrsJBAJZg5HuE4lElptUUVHB1q1b0ev16HQ6iouLs57zT/HVV19tk9pdKoiiiMVioampiUgkwuzsLM8++yxms5lr167hdrtJJpOymyt9lK6vKIoyTTKZJBwOc+7cObxeL0BanZJHDYUgE7jbZ2V//X4/H3zwAd9//z1er5dkMsnw8DCBQACLxYLX66W/vz9NLpWVlTQ2NlJXV8fvv/+O3W6nsbGR2tpaue1MOUpyUsossy+ZNNJ9X18fly9flvMKSl6tZOSDkPe8xquFyclJTp06xfT0NECaWy0NUg0zMzNcunQpiyaZTHL27Fn6+/tlui+//JKPPvqIEydO5J2EOXny5Lbly5fz3HPP3evQ7guk2V3pKieTSR599FEApqamZBlofT7//HO5LYAvvviCyclJDAZD1gqhlGfmhFkoMlFDR0cHlZWVDA8Pc/ToUQYGBvB4PBiNRoxGIyaTiZGREe7cuUMoFEIQBEpLS2lvb6e9vR2AtrY21q5di9fr5dKlS8BdGRw5cgS/3w/ArVu3OHfuHABXrlzh0KFDHDlyhOvXr8sT3tTUFMeOHePQoUNcvHgRURQZHx9nbGyM4eFhjh8/TigUmndMD0reCzLesrIyNmzYAEBxcTEbNmygrKwMUN/yUB4ukBCPx5mens7a5+zr6+Ovv/6is7OTWCzG2bNnaW5uZt++fQiCwODgoOYKL+HUqVPbnE4n69atW8iwFgXJZJJgMMidO3fSDKy4uFje1tFCpnsp3a9YsYI9e/ZgNBo1aTL5C0kmUiyv9DLi8Tg9PT1UVlZitVq5du0awWAQQRAwGAwUFRVRVFTEhx9+yMTEhMwbj8eJx+PAXVnH43EsFguDg4OIosjo6ChjY2OMjIyQSqUYHh5Gr9dz/fp1+vv75XDm6NGjTExMMDc3x2effcaqVavo6elhZGSEwcFB7HY7NpuN6upqnnrqKUwmU1r/M/X+Qco7vw26/6Kqqor169cDUFdXR11dHbdv32Z2dhbQjlMzY4pMo+7r62Nubo7XX38dk8mE3+8nEAjg8Xjw+XzMzs5mKazUbqHEH5mQ3KsrV66wZs0aue+hUAiDwUBTU5OcgMo8OXXo0CHi8TiCIPDpp59iNBrp7e1l48aNssJKz1BCauPfEPNK94IgUFxcjMPh4I8//gDStx91Oh3l5eXYbDbi8bjm4RZBEHA4HASDQf7880/cbjfNzc0MDw/T0dGB2+1m586dnD9/nubmZjnH0tjYyMjICDabjdraWmpqahBFkVWrVjE4OMi6desoLS3FbrfzyCOPpMl2qfMyOrXVUQsej4cDBw4Ad92QAwcOyALXakOrXeVzjUYj0WiUmZmZNOV7/PHHaWtr4/nnn6ezs3Pe/r388sunh4aGGBwcnJd2sSFt37hcLjmG++2337hx4wavvPKKvPIqE0zS9d69e9m/fz8Wi4X9+/ezd+9eUqlUVuignP21DLaQZAJ/9zkUCsn9NhgMdHR0UF1dnaYXknE4nU62bt1KS0tL2ngzwy6AJ554gqtXr/LLL7/Q09MDwMDAAHq9ntraWgRBwOv14nK5cLlcVFVVsWLFCkRRZG5ujp9//hmXy0U8Hmf9+vVpMk4mk6rhjRIPUt66+fZLtdyx+WgB9Ho9kUgEURSJxWJy/Kf8iKLI5s2bcTqdnDhxgqmpKcrKyrDZbExNTVFdXc2yZcuystFaz9y5c+fpX3/9lb6+vnkHv5hIpVLs2rWLlpYWbt68ycmTJ/npp5948cUXsdlsaYqgVBBBEIhEIvJ56FAoRDgczoptJeVWKrHWPm+hyAT+nrRNJhN9fX24XC4mJiZwuVwEg0FVg2xsbCSRSGSNK3N7LZVKsXr1ai5evEhDQwMGg4HW1lYGBgbkjHVjYyOCIPDMM8/wwgsvUFNTQ21tLU1NTQSDQdrb2+nu7qapqYmGhgbZM/L7/USj0bzG+KDkndNtdjgcgPoJK7PZLNePjo6m8Un0er2eCxcucOHCBQBsNhudnZ1prrPBYEAURTo6OojFYpw6dYrXXnuNnp4evv32Wz7++GMAWlpa6OrqymtQb7755ulvvvlmW17EiwQp27x582ZisRgHDx6UyyXXV21iVJb19vZy584duVxrvz2TV20VLgSZKL0qg8HA5s2b+fHHHxkaGqKoqAi9Xp+2U1FRUUFHR4esI5AuH5PJRElJCWazWa5ftmwZxcXFOJ1ORFGUjbetrQ1RFGlvbycQCPD+++8D0NDQQG1tLRUVFbz00kt88sknsiv/6quvIooia9as4ejRo7jdbt566y0sFsu8Y30Q8s4y3nyOOeazAlutVnbv3q1av2fPHoAsmk2bNrFp0yb5XtoL1ul0aedn8zl1tNSQ3NxoNIpOp6OiooLp6WnOnDnDxo0bqaurUz1RJvEKgiBnV6Uyiaa3txcg7W0lJV+hxrxAmrchrYBOp5OJiQk5M2wymVi2bBn19fUkk0nVU1mSXN555x3C4XCaJ/P222+TTCaJxWLYbDbee+89YrGYnNjq7u6mu7ubRCKB2WwmGAySSCRobW3F6XQSi8WwWq2Ew2ESiQQOh4N3330XgGg0qjrRLgXSjFepTNXV1QwODspKB2C32/H5fHK5z+cD7sYZWscs80Gu01Qmk0mTtpANWBRFbty4gc/nIx6PYzKZsFgshEIhfvjhB55++mkee+yxNB6lDJTJp0zZBoNBIDufoBWHFQrUsuLxeJzS0lJaWlrkI6LwdwY5V1uAnCxVlisnNbWzBlK9TqdL45e8nMx2lZltNSyVDqYZr1KwO3bsWNB55QehMGovQRSqokp7hJs2baK4uBi9Xk8qlaK/v5+rV68yMDBAeXk5Dz30kGYbamPMJwdRqCuvmpIrDVrtwIPWizL343fPJadcL+Pczz78ExiUs12uN4TywUL5JPpcPGqGutRCywcmk4ktW7YQDoeZm5uTy7u6uigpKeHy5cvcunVLNt5cCqp2rTXbx2IxioqKFmNI9wVav3fmGJX0ym8tz0vrWtmO1jPU+qhVrwxN5jPwxYbOarXKp0bUBLUQqMVv+dLfS5vBYBCr1arKl8vN+SfIt92GhgaGh4eJRqNpGeFAIMDq1auBuwddMrc8Ml1fra2JzIx9KpUiGo0yPj5OfX39P+r7QpFvuzMzM3LmXG3XQXmtdmw0s055r3WdWZbrGbn41doRRZFQKJTlui9ULguF1K4A4PP5Uso4Id8VNBfdYs9KOp0Oq9VKeXm55l+QHD58eFsut3Sh8Pv9vPHGG3n/Dc61a9dSY2Nj8haZ2qo53yqRyaNWJz3PZDLhcDhobm4uSJn4/f7U6Oho3i/v/xuQSCRy/g3OYsr7P8r3PJIpOu2gAAAAAElFTkSuQmCC') 0 0 no-repeat; } .social-buttons .socialite-loaded { background: none !important; } .social-buttons .facebook-like { width: 81px; height: 22px; background-position: 0 0; } .social-buttons .googleplus-one { width: 62px; height: 22px; background-position: -84px 0; } .social-buttons .twitter-share { width: 90px; height: 22px; background-position: -154px 0; } #menu-icon { display: hidden; width: 40px; height: 40px; background: #000 url(../images/menu-icon.png) center; } a:hover#menu-icon { background-color: #444; border-radius: 4px 4px 0 0; } nav { width: 100%; float: right; padding: 20px 0 0 0; } .bookingform table td, .bookingform table td th, .bookingform table td tr { color: #fff; } .responsiveGallery { display: none; } /*#fancybox-title { margin-left: 0 !important; }*/ .adjustGallery { display: none; } /*.videoGallery { position: relative; }*/ /* ====================================================================0 BOOKING FORM REDESIGN ======================================================================== */ .bookingForm-redesign { padding: 10px 20px; background: #000; font-size: 12px; color: #fff; } .bookingForm-redesign #bookingShipInfo { color: #b5b5b5; width:100%; } .bookingForm-redesign #bookingShipInfo, .bookingForm-redesign #bookingShipInfo img { float: left; } .bookingForm-redesign #bookingShipInfo img { margin: 0 10px 10px 0; } .bookingForm-redesign #bookingShipInfo .title { font-size: 16px; display: block; text-indent: 0; width: 100%; margin-bottom: 6px; padding: 10px 10px 9px 10px; background: #DF7D03; color: #fff; width: 100%; padding-right: 30px; box-sizing: border-box; } .bookingForm-redesign .bookingform table { /*width: 100%;*/ text-align: center; clear: both; } .bookingForm-redesign .bookingform label { /*float: left;*/ } .bookingForm-redesign .bookingform input, .bookingForm-redesign .bookingform table label, .bookingForm-redesign .bookingform select, .bookingForm-redesign .bookingform textarea { padding: 5px; border: none; font-family: inherit; min-width: 248px; box-sizing: border-box; } .bookingform select { width: 248px; font: 13.3333px Arial; } .bookingForm-redesign .bookingform input[type="checkbox"] {min-width: initial;} .bookingForm-redesign .bookingform table .customSelect { display: none; } /* .bookingForm-redesign .bookingform table select { opacity: 1; width: 100%; text-align: center; height: auto; } .bookingForm-redesign .bookingform table select.styledSelect { position: relative; height: auto; background: #efefef; color: #333; font-size: 13px;} */ .bookingForm-redesign .bookingform table td { padding: 5px 0; /*width: 50%;*/ text-align: left; } .bookingForm-redesign .bookingform table td.tableLeftLabel { /*text-align: right;*/ width: 150px; height: auto !important; } .bookingForm-redesign .bookingform table .sendFormBtn { height: auto; font-size: 14px!important; margin: 0; margin-top: 20px; background: #d27400; color: #fff !important; text-shadow: none; -webkit-appearance: initial; border-radius: 0; } .bookingForm-redesign .bookingform table input, .bookingForm-redesign .bookingform table textarea {width: 100%;border: none;border: 1px solid transparent;background: #eee;color: #333;font-size: 13px;box-sizing: border-box;min-width: initial;} .bookingForm-redesign .bookingform table input[type="checkbox"], .bookingForm-redesign .bookingform table input[type="radio"] { width: auto; vertical-align: middle; } .bookingForm-redesign .bookingform table input::-webkit-input-placeholder { opacity: 0; } .bookingForm-redesign .bookingform table input:-moz-placeholder { /* Firefox 18- */ opacity: 0; } .bookingForm-redesign .bookingform table input::-moz-placeholder { /* Firefox 19+ */ opacity: 0; } /*.bookingForm-redesign .bookingform table input:-ms-input-placeholder { opacity: 0; }*/ .bookingForm-redesign .bookingform table textarea::-webkit-input-placeholder { opacity: 0; } .bookingForm-redesign .bookingform table textarea:-moz-placeholder { /* Firefox 18- */ opacity: 0; } .bookingForm-redesign .bookingform table textarea::-moz-placeholder { /* Firefox 19+ */ opacity: 0; } /*.bookingForm-redesign .bookingform table textarea:-ms-input-placeholder { opacity: 0; }*/ .bookingForm-redesign .sendFormBtn {margin: 15px 0;} .bookingForm-redesign .formsimple legend { margin: 10px 0; color: #fff; font-size: 14px; } #simpleForm.bookingForm-redesign #button { height: auto; font-size: 14px!important; margin: 0; margin-top: 20px; background: #d27400; color: #fff !important; text-shadow: none; -webkit-appearance: initial; border-radius: 0; border: none !important; text-transform: uppercase; font-weight: bold; font-family: sans-serif; cursor: pointer; line-height: 27px; text-align: center; display: block;} /*______From booking2_____*/ .bookingForm-redesign .bookingform table td {padding: 5px 2px 5px 0 !important;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element #calendar-trigger { /*right: -30px !important; top: 8px;*/ right: 3px !important; top: 6px; } .bookingForm-redesign .bookingform table .sendFormBtn { margin-top:0 !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) { width:23% !important; padding-left:0 !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) { width: 23% !important; /*margin-left: 134px !important;*/ } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) { width:23% !important; } //input[type='text']:focus { border:4px solid #9ecaed; box-shadow:0 0 4px #9ecaed;} .bookingForm-redesign.mobileForm .bookingform table tr.half td.tableLeftLabel.mobileVisible label { padding: 5px; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element input[name="StartDate"] { padding: 3px; } @media screen and (max-width:768px){ .bookingForm-redesign .bookingform table .inline-element td.tableLeftLabel { height: 52px !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) td { width: 100%; } } @media screen and (max-width:480px){ .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) { margin-left: 0px !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2), .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) { width: 20% !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) { width:30% !important; margin-right: 35px !important; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) td input {width: 80%;} #leftContent h2 {width:100%;} #note {width:100%;} } /*_____________*/ .enqTextBoxDate {max-width: 82px;} // input[name="StartDate"] {background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMTMvMTcQAM5oAAAAIklEQVQYlWNkYGD4z0Ak+P///3+G////42UzEWsa4xCwGgD+5i7ZC9sDgAAAAABJRU5ErkJggg==') right bottom no-repeat !important;} .popupFancyBox.redesignEnquiry { border: none; } .popupFancyBox.redesignEnquiry h3 { color: #fff; background: #c16300; margin-bottom: 20px; } .popupFancyBox.redesignEnquiry .sendFormBtn { background: #d27400; border-radius: 0; height: auto; color: #fff; width: 100%; } #enquiryForm.popupFancyBox.redesignEnquiry table { margin-left: 0; margin: 0 auto; width: auto; } .popupFancyBox.redesignEnquiry table th { width: 100px; } .popupFancyBox.redesignEnquiry table input, .popupFancyBox.redesignEnquiry table textarea { background: #efefef; color: #333; border-radius: 0; border: none; padding: 5px; } .popupFancyBox.redesignEnquiry table input[type="checkbox"], .popupFancyBox.redesignEnquiry table input[type="radio"] { width: auto; vertical-align: middle; } .inlineElements {max-width: 248px;} .inlineElements td {width: 33.3333%;} .inlineElements input {height: 27px;} #simpleFormComingOutOfPrintedOffer.bookingForm-redesign { background: #000; color: #b5b5b5; } /* ================================== MOBILE FORM STYLE ================================ */ .bookingForm-redesign.mobileForm .bookingform table input::-webkit-input-placeholder { opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table input:-moz-placeholder { /* Firefox 18- */ opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table input::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table input:-ms-input-placeholder { opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table textarea::-webkit-input-placeholder { opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table textarea:-moz-placeholder { /* Firefox 18- */ opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table textarea::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table textarea:-ms-input-placeholder { opacity: 1; } .bookingForm-redesign.mobileForm .bookingform table td.tableLeftLabel { padding: 0; } .bookingForm-redesign.mobileForm .bookingform table td.tableLeftLabel.mobileVisible label { display: block; padding: 0; } .bookingForm-redesign.mobileForm { } .boat-flags { position: absolute; top: 0; right: 0; } .ar .boat-flags { left: 0; right: auto; float: left; } .ar .boat-flags .higlight { float: left; } .boat-flags .flags, .boat-flags .highlight { position: relative; float: left; min-width: 150px; } .boat-flags .flags { padding: 0 10px; } .boat-flags .flags .data { float: left; width: 50%; } .boat-flags span.daily-flag { background: url(../images/daily_white.png); } .boat-flags span.family, .boat-flags span.daily-flag { background-repeat: no-repeat; background-position: center; display: inline-block; width: 100%; background-size: contain; padding: 3px 0px; } .higlight {display:block;float:right; text-align:center;margin-right:3px; color: #000; /*position: absolute; top: 0; right: 0;*/ z-index: 0;} html[dir="rtl"] .higlight {float: left;} .higlight .data {float:left;text-align:center;margin: 0 2px;line-height: 17px;font-size: 12px; color:#fff;padding: 3px 5px 6px 5px; font-weight: bold;z-index: 0;} .higlight .data span {font-size:16px;color:#d27400; line-height: 26px;} .yachtDescriptionHolder { margin-top: 20px; } .headerMobilePhone { display: none; } .mobile-search-trigger, .mobile-lang-trigger { display: none; } #pricelistSearch { background: #333; } #pricelistSearch p { color: #fff; display: none; } #pricelistSearch form { border: none; padding: 15px 0 0;} h3.search-title { display: none; } .nav-slider-holder { display: table; width: 100%; } .nav-slider-holder .video-holder { display: table-cell; width: 130px; padding-right: 3px; } .layoutImage { display: table-cell; width: 130px; padding-right: 3px;} .layoutImage img {width: 100%;} .nav-slider-holder .video-holder.mobile { display: none; } .nav-slider-holder #nav-slider { display: table-cell; } /*#nav-slider .slides li { max-height: 105px; }*/ .yachtPageOwnerDetail #ownerBox { width: 100%; padding: 0; margin: 0; margin-top: 0; padding-top: 5px; margin-bottom: 10px; /*background: transparent;*/ } .yachtPageOwnerDetail #ownerBox p { float: left; margin-right: 25px; } .yachtPageOwnerDetail #ownerBox ul { clear: both; border: none; } .yachtPageOwnerDetail #ownerBox ul li { border: none; } #rightSidebar .mainInfo { margin-bottom: 5px; } .refreshBttn, .apiSearch .bttn, .pricelistSearch .bttn { position: relative; top: auto; left: auto; right: auto; margin: 0 17px; padding: 4px 10px 5px; /*display: block !important;*/ width: 100%; border:0 none; cursor: pointer; } .alwaysVisible { display: block !important; } #bookingShipInfo p { padding-bottom: 10px; } a.avail { display: block; background-color: #fff; font-weight: bold; padding: 5px 10px; border: 0; border-radius: 3px; font-size: 16px; margin-right: 5px; } .apiSearch .bttn, .pricelistSearch .bttn {display: block; margin: 20px 0; text-align: center; text-transform:uppercase;} #rightSidebar .textBox.dateFilter table { margin-bottom: 5px; } #rightSidebar .textBox.dateFilter { padding-bottom: 10px; } #yachtNav { width: 97%; } // #yachtNav li { width: 12.1%; } /*********** TEST FORM BOOKING_SHR2.ASP *************************/ .bookingForm-redesign .bookingform table.shr-2 {width: 500px;} .bookingForm-redesign .bookingform table.shr-2 tr {display:block;} .bookingForm-redesign .bookingform table.shr-2 tr td {display:block;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element { /*float:left;*/ float:right; display: inline-block; width:33%; /*text-align: left;*/ text-align: center;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) {width: 24%;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) td {width: auto;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) {padding-left: 5px;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) {/* padding-left: 30px; */} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element td.tableLeftLabel {display: inline-block; /*width: auto;*/ width: 100%; text-align: center; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element td {display: inline-block; width: auto; float: none !important; margin: 0 auto;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element td label {display:block; margin-right: 5px;} .bookingForm-redesign .bookingform table.shr-2 tr:nth-child(5) {/*padding-top: 14px; */clear:both;} .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(1) {width:25%; float: left} .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(2) {/*width:60%;*/ width: 75%; float:left;} .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(2) input {width:100%; box-sizing: border-box;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element #calendar-trigger {right: -24px;top: 8px;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element input[name="Passengers"] {width: 40px;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element input[name="StartDate"] {width: 90px;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element input[name="Duration"] {width: 40px;} .bookingForm-redesign .bookingform table.shr-2 tr td input.checkboxFancy {display:inline-block; width: auto;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element td { width: 100%; text-align: center; } /*__________Form redesign___CYC________*/ .bookingform .inputbox {padding: 7px;border: 0 none; outline: none; margin-bottom: 10px;} .bookingform .calRight {/* float: right; */position: absolute;/* margin: 5px 0 0 -18px; */} .bookingform * {border:0 none;} .bookingform fieldset, .bookingform .parentfieldset { margin: 0 0 10px 0; border: 0 none; padding: 15px; background: #222;} .bookingform .bookimg { float: left; padding-right: 15px; } .bookingform .labset {position: relative;/* float: left; */display: inline-block;} .formFieldsWrapper label {display: block;} .labelWrapper label {display: inline;} .formElementWrapper {padding-bottom: 20px;} .total-boats-wrapper { position: relative; color: #fff; padding: 5px 10px; display: inline-block; position: absolute; right: 10px; /*top: 25px;*/ bottom: 0; text-align: center; } .total-boats-wrapper .total-boats { display: inline-block; margin-left: 10px; font-size: 24px; color: #ff9933; } .total-boats-wrapper span { display: block; } .ProdBox { position: relative; min-height: 44px; } .mobile-yacht-count { display: none; } /* FAVORITES */ .hide { display: none !important; } .show { display: block; } .favorites-holder { position: fixed; left: 0; top: 10px; z-index: 1; } .ar .favorites-holder { right: 0; left: auto; z-index: 9999; } .ar .favorites-holder .open-favs { text-align: right; } .favorites-list { color: #FFF; font-size: 11px; position: relative; /*top: 229px;*/ width: 200px; /*right: 0;*/ /*margin-right: -200px;*/ background: #434343; display: block; float: left; } .favorites-list h4 { display: block; padding: 9px 15px 10px 60px; clear: both; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #333; background: #333; } .favorites-list ol { padding: 10px 20px; } .favorites-list ol li { list-style: inherit; } .favorite-item { color: #d27400; display: block; } #rightSidebar { position: relative; } .favs-list {} .open-favs { display: block; /*width: 30px; height: 30px;*/ font-size: 27px; position: absolute; z-index: 2; display: block; /*background: url(../images/favorites-list-icon1.png);*/ /*background: url(../images/favorites-list-icon2.png);*/ background-size: 100% 100%; margin-bottom: 10px; text-align: left; } .open-favs .icon-heart { color: #994600; } .addToFavs { position: absolute; top: 15px; left: 10px; font-size: 32px; z-index: 1; } .favorites-list .sendEnquiri { background-position: -408px -666px; font-size: 13px !important; height: 48px; line-height: 50px; width: 127px; margin-top: 10px; margin-left: 10px; padding-left: 10px; white-space: nowrap; } .favoritesEnquiryButton { display: block; background: #D57A29; color: #FFF !important; padding: 6px 10px; text-align: center; width: 90px; margin: 10px auto; } .favorites-count { position: absolute; top: 0; width: 20px; height: 20px; color: #fff; font-size: 13px; left: 32px; top: -7px; border-radius: 50%; background: #D57A29; text-align: center; line-height: 19px; font-weight: bold; } .ar .favorites-count { left: auto; right: 25px; } .clearbutton { display: block; margin: 6px 0; float: left; padding: 10px; clear: both; } .toTop-arrow { display: none; /*display: block;*/ position: fixed; /* right: 20px; */ left: 5px; bottom: 20px; font-size: 24px; line-height: 24px; cursor: pointer; width: 40px; height: 35px; border-radius: 50%; background-color: rgba(0,0,0,0.5); text-align: center; padding-top: 5px; z-index: 99; } .toTop-arrow.visible { display: block; } .pdfLink { font-size: 18px;} /* daily trips pages */ .daily-trips { padding-bottom: 10px; } .daily-trips #yachtHolder { position: relative; margin-bottom: 0; height: auto; /*margin-top: 200px;*/ } .daily-trips-search { width: 98%; min-height: auto; height: 260px; /*position: absolute; bottom: 40px; left: 10px;*/ background: rgba(0,0,0,0.3); padding: 20px; box-sizing: border-box; background: url(../images/daily-charter-mosaic.jpg); background-repeat: no-repeat; } .daily-trips-search h1 { text-indent: 0; width: 100%; font-size: 36px; line-height: 52px; color: #fff; } .daily-trips-search select { min-width: 200px; width: 50%; padding: 6px; font-size: 18px; color: #606060; } .daily-trips h2 { margin-bottom: 10px; margin-top: 20px; line-height: 24px; } .trip-boxes { float: left; width: 100%; margin: 20px 0; margin-top: 0; } .trip-boxes .trip-box { float: left; /*width: 31.3333%; margin: 1%;*/ width: 30%; height: 250px; box-sizing: border-box; position: relative; overflow: hidden; margin: 5% 0; margin-top: 0; } .trip-boxes .trip-box.tb-left { margin-right: 3.333%; } .trip-boxes .trip-box.tb-right { margin-left: 3.333%; } .trip-boxes .trip-box a { display: block; width: 100%; height: 100%; } .trip-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; /*max-width: 100%;*/ height: 100%; width: auto; } .trip-box-content { z-index: 2; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.4); } .trip-box-content h3, .trip-box-content span { color: #fff; } .trip-box-content h3 { padding: 5px 10px; font-size: 24px; line-height: 28px; text-transform: uppercase; } .trip-prices { background: grey; text-align: right; padding: 8px; box-sizing: border-box; position: relative; } .trip-prices .per-group { position: absolute; left: 0; text-align: left; /* top: 16px; */ background: #000; display: inline-block; top: -2px; padding: 8px; min-width: 100px; } .trip-prices .per-group:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 32px 32px 0 0; border-color: #000000 transparent transparent transparent; position: absolute; right: -32px; top: 0; } .trip-box.custom .trip-box-content {bottom: 20px;} .trip-box.custom .trip-box-content {background: transparent; bottom: 0;} .trip-box.custom {border: 2px solid #fff;} /* detail trip page */ .daily-trips #leftContent, .daily-trips #rightSidebar { } .daily-trips #rightSidebar { box-sizing: border-box; margin-top: 0; } .dt-dp-enq { background: #d26800; background: -moz-linear-gradient(top, #d26800 0%, #6e2d00 100%); background: -webkit-linear-gradient(top, #d26800 0%,#6e2d00 100%); background: linear-gradient(to bottom, #d26800 0%,#6e2d00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26800', endColorstr='#6e2d00',GradientType=0 ); padding: 30px 0; } .dt-dp-sendEnquiri { display: block; margin: 15px; background: #fff; color: #d27400; padding: 15px; border-radius: 5px; text-align: center; font-size: 18px; font-weight: bold; } .dt-dp-enq span { color: #C8B6B4; text-align: center; display: block; } .dt-dp-price { width: 100%; background: #000; color: #fff; font-size: 24px; padding: 10px 0; line-height: 26px; font-weight: bold; text-align: center; } .dt-dp-highlights { background: #323232; margin: 20px 0; padding: 15px; color: #fff; line-height: 24px; } .dt-dp-highlights h1 { color: #fff; font-size: 18px; font-weight: bold; text-align: center; text-indent: 0; display: block; margin: 10px 0; width: 100%; float: none; } .dt-dp-highlights ul li { position: relative; padding-left: 10px; } .dt-dp-highlights ul li:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #d27400; display: inline-block; position: absolute; left: -5px; top: 6px; } .dt-dp-greyParagraph h1 { color: #fff; font-size: 18px; line-height: 24px; font-weight: bold; text-align: left; text-transform: uppercase; text-indent: 0; display: block; margin: 10px 0; width: 100%; float: none; } .dt-dp-greyParagraph { background: #323232; width: 74%; padding: 10px; box-sizing: border-box; } .dt-enqButtonSend { background-color: #fff !important; background-image: none !important; padding: 5px; color: #d27400; padding: 15px; border-radius: 3px; text-align: center; font-size: 14px; font-weight: bold; padding-left: 0 !important; width: 80%; margin: 0 auto; margin-top: 6px; padding: 4px !important; } /*daily trips sidebar */ #moreTours { text-transform: uppercase; font-size: 16px; text-align: center; color: #fff; display: block; } #moreToursList { width: 200px; position: absolute ; right: 0px ; top: 300px ; z-index: 100 ; padding: 10px 0; background: #3e3e3e ; border: solid 1px #8a8a8a ; border-right: none ; border-top: none ;right:-210px;} #moreToursList .trip-boxes .trip-box { width: 100%; margin: 0 !important; height: 175px; } #moreToursList .trip-box-content h3 { font-size: 18px; } #moreToursList .trip-prices .per-group { min-width: 50px; } #moreToursList .trip-prices .per-group:after { border-width: 28px 32px 0 0; } .apiSearch, .pricelistSearch {color: #f5f5f5; background: #363636; display: block; padding: 20px; text-align: left;} .apiSearch table, .pricelistSearch table { width: calc(100% - 5px); direction: ltr; } /* .apiSearch tr:nth-child(even) th, .apiSearch tr:nth-child(even) td, .pricelistSearch tr:nth-child(even) th, .pricelistSearch tr:nth-child(even) td {padding:7px 10px;} */ .apiSearch tr.highlightSave th, .apiSearch tr.highlightSave td, .pricelistSearch tr.highlightSave th, .pricelistSearch tr.highlightSave td {background-color: #cd5900; font-weight: bold;color:#FFF;} .apiSearch th, .pricelistSearch th {text-align: left; padding: 8px 10px;} .apiSearch td, .pricelistSearch td {text-align: right; padding: 8px 10px;} .apiSearch *, .pricelistSearch * {box-sizing: border-box;} .apiSearch .wrapper, .pricelistSearch .wrapper {padding: 10px 0;position: relative;} .apiSearch .refreshBttn, .pricelistSearch .refreshBttn {margin: 0; outline: none;} .apiSearch form, .pricelistSearch form {margin-bottom: 20px;position:relative;} .boat-pricelist {margin-top:20px;} .boat-pricelist p {padding-bottom:0;width:60%} .saturdays-selector-wrapper,.week-num-selector-wrapper,.submit-btn-wrapper {float:left;padding-right: 10px;} .boat-summary {margin-top:50px;} .higlightSave, .available { float: right; font-size: 16px; text-align: center; margin: 25px 10px 10px 0; color: #fff; padding: 10px; border-radius: 6px; line-height: 22px; } .available,.higlightSave { background: #18984b; max-width: 250px; font-size: 12px; } .available.underOption { background: #cd5900; } #dataYouSaved2Highlight { font-weight: bold; font-size: 20px; } #dataUrl { display: inline-block; padding: 4px 10px 3px; background-color: #fff } #dataUrl a {font-weight: bold;} #yachtPdfs, #yachtPdfs li {float:right;} #yachtPdfs li {margin-left:20px;} #yachtPdfs li a:before { content: ""; display: block; background:url("../images/pdficon.png") center no-repeat; height: 50px; } /* Cookies Policy */ .cookies-eu.hw { /*background: rgba(51, 51, 51,.9); color: #fff;*/ padding: 10px; z-index: 16000002; margin: 0 auto; width: 600px; /*border: 1px solid #000;*/ border: none; line-height: 12px; background: rgba(255, 255, 255,1); color: #000; height: 30px; background-color: #FFF; -webkit-box-shadow: 2px -1px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px -1px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px -1px 10px 0px rgba(50, 50, 50, 0.75); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cookies-eu-content-holder { vertical-align: -webkit-baseline-middle; float: left; width: 85%; } .cookies-eu-button-holder { float: none; /*margin-top: 15px;*/ display: block; float: right; width: 15%; text-align: right; } .cookies-eu-ok { display: inline-block; /*margin-right: 35px;*/ color: #fff; border: none; background: url(../images/vert_sprite.png) left -540px repeat-x; background: #d26800; background: -moz-linear-gradient(top, #d26800 0%, #6e2d00 100%); background: -webkit-linear-gradient(top, #d26800 0%,#6e2d00 100%); background: linear-gradient(to bottom, #d26800 0%,#6e2d00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26800', endColorstr='#6e2d00',GradientType=0 ); color: #fff; padding: 6px 12px; cursor: pointer; } .cookies-eu-ok a { color: #fff; } .cookies-eu-link { display: inline-block; color: #fff; font-weight: bold; margin-top: 5px; text-decoration: underline; } .fb-like.fb_iframe_widget { z-index: 999; } .iframePopup #cookiesOptInMessage {display: none !important;} #searchYacht .styledSelect {position: relative;width: 100% !important;opacity: 1;font-size: 13px;color: #000;border: none;background: #ccc;height: 26px;} #searchYacht.searchPage {/* background: #333; */} #searchYacht.searchPage form { width: 100%; padding: 5px; } #searchYacht.searchPage th { padding: 0; width: 40%; } #searchYacht.searchPage tr.half { /*width: 50%;*/ } #searchYacht.searchPage tr.half th, #searchYacht.searchPage tr.half td { width: 50%; } #searchYacht.searchPage .fromTo { padding-left: 0; } #searchYacht.searchPage .iBorder { border: none; } #searchYacht.searchPage .styledSelect {height: 30px;} #searchYacht.searchPage #searchBtn { margin: 0 auto; margin-top: 10px; } #searchYacht.searchPage .styledSelectSmall .styledSelect { width: 100% !important; } #searchYacht.searchPage th {vertical-align: top;text-align: left;vertical-align: middle;} #searchYacht.searchPage .fromTo { padding: 5px 10px 0 0; } #searchYacht.searchPage .iBorder {position:relative;min-width:100%;margin: 0;} #searchYacht.searchPage tr:nth-child(6) select {width:auto;} #searchYacht td {font-size: 14px;padding: 5px 2px;} #searchYacht #searchBtn { font-size: 14px!important; margin: 0; margin-top: 20px; background: #d27400; color: #fff !important; text-shadow: none; -webkit-appearance: initial; border-radius: 0; margin: 0; width: 100% !important; margin-top: 20px; height: 30px!important; } /*#rightSidebar .slideBox { right: -20px; }*/ /* ========================================================================== Media Queries ========================================================================== */ @media screen and (min-width:1290px){/* wide detail page */ /* body.wideView { background: url(../images/top_wide.jpg) center -62px no-repeat #444 ; font-family: Arial, sans-serif ; font-size: 11px ; } body.wideView.hasSidebar { background: url(../images/top_wide.jpg) center -62px no-repeat #444 ; font-family: Arial, sans-serif ; font-size: 11px ; }*/ html[dir="rtl"] body.wideView { /* background: url(../images/top_rtl.jpg) center -62px no-repeat #444; */} body.yachtshow.no-img { background-color:#444 ; background-image:none; } /* .wideView #wrapper { background: url(../images/rpt-y_transp.png) center top repeat-y ; } */ .wideView #container { width: 970px ; /*padding: 0 10px ; */ margin: 0 auto ; background: url(../images/background-center.jpg) center top no-repeat;} @-moz-document url-prefix() { .wideView #container { background:url(../images/background-center.jpg) top no-repeat;}} @media screen and (-webkit-min-device-pixel-ratio:0) { /*.wideView #container { background:url(../images/top_wide.jpg) -466px -62px no-repeat;}*/ } /*html[dir="rtl"] .wideView #container { background: url(../images/top_rtl_wide.jpg) center -62px no-repeat ;} */ .wideView #container {width: 1260px;} .wideView #wrapper {background:rgba(0, 0, 0, 0) url("../images/rpt-y_transp_wide.png") repeat-y scroll center top;} .wideView #leftContent {width: 74%;} .wideView #leftContent.leftContentModelPage {width: 100%!important;} .wideView #rightSidebar {width: 24.8%; padding-left: 1%;} .wideView #pricePerWeek, .wideView #pricePerWeekHead, .wideView #pricePerWeekFoot {width: 100%;} .wideView #rightSidebar .slideBox {margin-right:auto; position: relative; width: 100%;} .wideView #rightSidebar .slideBox .sendEnquiri {margin-left: 0;} .wideView #contact {left: auto; right: 0;} .wideView #footer {width: 1277px;} .wideView #holder #footer {width: 100%;} .wideView #slogan {width: 60%;} .wideView .newsletter {left: 392px;} .wideView .innerFooter #bottomNav #goTop {margin-right: 189px;} html[dir="rtl"] .wideView .innerFooter #bottomNav #goTop {margin-left: 107px;} .wideView .stickypanel {width: 1239px !important;} body.hasSidebar{padding-right:170px;} html[dir="rtl"] body.hasSidebar{padding-right:0;padding-left:170px;} .wideView #listSearchResults .details .price {background: #222;} .wideView #listSearchResults > a, .wideView #listSearchResults.dailyList .item {width: 33.333%; box-sizing:border-box;} .wideView #listSearchResults .holder {width: 100%; height: auto; box-sizing:border-box; background:#333;} .wideView #listSearchResults .holder:before, .wideView #listSearchResults .holder:after { content:" "; display:table;} .wideView #listSearchResults .holder:after { clear:both;} .wideView #listSearchResults .holder { *zoom:1;} .wideView #listSearchResults SPAN IMG, .wideView #listSearchResults.dailyList .detailLink { width: 66%; height: auto; box-sizing:border-box;} .wideView #listSearchResults.dailyList .detailLink img {width: 100%;} .wideView #listSearchResults .details {width: 34%; padding-top:15px;} .wideView #listSearchResults .title {font-size: 18px;} .wideView #listSearchResults .details .discount {top: 37px;} .wideView .yachtMainNav#mainNav a {padding: 0 9px!important;} #pricelistSearch form ul {width: 100%;} #pricelistSearch form li {width: auto;padding: 0 16px 0 0; box-sizing: border-box;} #holder .styledSelect {width: 100%;} #holder .styledSelect#Region {width: 143px;} #pricelistSearch .last.search a {margin-left: 12px;} } @media screen and (min-width:1290px){ /* index */ /*.wideView #chooseYacht {width:995px;} .wideView #yachtGo, #chooseYacht { height: 410px;} .wideView #chooseYacht #slider img {width: 100%; height: auto;} .wideView #yachtHolder {height: 430px;} .wideView #yachtHolder #searchYacht {height: 410px; background: #333;} .wideView #bottomNav #goTop {margin-right: 144px;} .wideView #aboutUs .outLi {width: 21%;} .wideView #articles li {width: 31%;} .wideView #carousel {width: 1178px !important;} .wideView #lastMinute {background: #8B8B8B;} .wideView #lastMinute button#prevCarousel {background: url(../images/sprite.png) left -1048px no-repeat;} .wideView #lastMinute button#nextCarousel {background: url(../images/sprite.png) 20px -921px no-repeat;} .wideView #bookingBox p {width: 620px;} .wideView #infoBoxes .box {width: 276px;} .wideView #yachtNav span {padding: 15px 4px 0px;} .wideView #infoBoxes .box .inner {background: #fff;}*/ .wideView #yachtNav img {width:153px;} .wideView #chooseYacht {width:995px;} .wideView #yachtGo, #chooseYacht { height: 410px;} .wideView #chooseYacht #slider img {width: 100%; height: auto;} .wideView #yachtHolder {height: 445px;} .wideView #yachtHolder #searchYacht {height: 400px; background: #333;} .wideView .innerPage #yachtHolder {height:auto;} .wideView #bottomNav #goTop {margin-right: 144px;} .wideView #aboutUs .outLi {width: 23.2%;} .wideView #articles li {width: 31%;} .wideView #carousel {width: 1178px !important;} .wideView #lastMinute button#prevCarousel {background: url(../images/sprite.png) left -1048px no-repeat;} .wideView #lastMinute button#nextCarousel {background: url(../images/sprite.png) 20px -921px no-repeat;} .wideView #bookingBox p {width: 720px;} .wideView #infoBoxes .box {width: 278.5px;} .wideView #yachtNav span {padding: 15px 0 20px 0; width: 100%; font-size: 18px; color: #d27400;height: 45px} .wideView #infoBoxes .box .inner {background: #eee;} .wideView #mainNav a {padding:0 29px!important; font-size: 16px;} .wideView .frontPage h3 { font-size: 16px ; font-weight: bold ; color: #fff ; margin-bottom: 6px ;} #yachtNav li {width: 12.5%;} } @media screen and (max-width: 1480px){ body.hasSidebar #specialOfferList, body.hasSidebar #specialOffer {display:none;} body.hasSidebar {padding-right: 0;} /*#mainNav a {padding: 0 10px;}*/ } @media screen and (max-width: 1320px){ .mobile-video {display:none;} #rightSidebar .slideBox { position: relative; top: 0; width: 100%; margin-right: 0; } } @media screen and (max-width: 1300px){ .wideView #listSearchResults.mainList .holder {height: auto;min-height: 155px;box-sizing:border-box;background:#333;} #listSearchResults.mainList .details {width:121px;} } @media screen and (max-width: 1180px){ #blueBox {width:180px;} html[dir="rtl"] #container { background: url(../images/background-center-narrow-rtl.jpg) top no-repeat ;} #topHeader { height: 32px ; padding-top: 10px ; position: relative ; z-index: 99 ;} .mobile-video {display:none;} #specialOfferList {display:none;} #specialOffer {display:none;} .util { padding-top: 0; } #searchYacht input, .startVisible, .endVisible { height: auto; line-height: 20px; } #moreToursList { display: none; } .flexslider .slides img {width: 100% !important;} } @media screen and (max-width: 1289px){ #wrapper { background: rgba(0, 0, 0, 0) url("../images/rpt-y_transp.png") repeat-y scroll center top; } #container { background: url(../images/background-center-narrow.jpg) top no-repeat; } } @media screen and (max-width: 1024px) { .mobile-video {display:none;} .nav-content-holder p {display:none;} .favorites-holder, .addToFavs { display: none; } .ProdBox { min-height: 58px; } #rightSidebar {margin-top: 53px;} } @media screen and (max-width: 1023px){ .mobile-video {display:none;} #slogan2 {display: none;} *{box-sizing:border-box;} #listSearchResults .holder { box-sizing: content-box; } #pricelistSearch form a { background: none; } #pricelistSearch form span {/* display: none; */} #pricelistSearch #pricelistSearchLink { margin: 0; margin-top: 25px; } .jcarousel-skin-tango .jcarousel-container-horizontal { height: 92px; } #logo.logo-mobile {display:block!important; text-indent: 0px; position: relative; top: auto;left: auto;} #header {height:auto;} nav {float: none;} #yachtHolder {width:100%; display:table; clear: both; height:auto; margin-bottom:0px; position: relative;} #chooseYacht {width:70%;} #yachtHolder #searchYacht {width:30%; min-width: 245px;} .fade {display:none!important;} #wrapper {background:black; width:100%;} #wrapper #container {background:black; width:100%;} #yachtNav {height:auto; background:none;position: relative; padding-top: 50px;} #yachtNav img {margin-top:10px;} #yachtNav li {float: none; width:auto; display: inline-block; /*margin-bottom: 15px;*/ width:24%;} #yachtNav li a {float: none; float:right;} #infoBoxes .box { width:48%; margin:1%; display: block; float: left; border-right: 0; } #yachtSale .inner {float: none;} #yachtSale ul {float: none; padding:10px 20px; display:table; margin-top:20px;} #yachtSale ul li {width:50%; float: none; display:inline-block; vertical-align: top; margin-bottom:20px;} #yachtSale h5 {float: none; background:none;} #aboutUs .outLi {width:48%; margin:1%;} #articles {display:table; clear: both;} #articles .first {padding:0px;} #articles li {width:48%; margin:1%; vertical-align: top; padding:0px;} #footer{width:100%;} #bookingBox {display:none;} #lastMinute {display:none;} #colorBoxes {display:none;} .social {display:none;} #slogan {display: none;} .newsletter {display:none;} #contact {display:none;} #bottomNav {display:none;} #wallpapers {display:none;} .dd .ddTitle { height: 24px; } .stickypanel { width: 98% !important; left: 1%; } #pricelistSearch form ul { width: 100% !important; } #pricelistSearch form ul { /*height: 170px;*/ } #mainNav li ul.tabs { display: none !important; } #mainNav #navHome { display: none; } #rightSidebar h4, #rightSidebar h5, #rightSidebar h6, #inventory, #adEquipment { height: 30px; } .boxChoiceLast, .boxChoice308, .box-charterMiddle, .box-charter { margin-right: 20px; } .box-charterMiddle { margin-bottom: 10px; } /*#listSearchResults a { width: 50%; } #listSearchResults .holder { width: 100%; background: #2F2F2F; }*/ .customSelect { height: 23px; } #breadcrumb {/* height: 20px; */} } @media screen and (min-width:80em) { .appBox {display:block;} } @media screen and (max-width: 995px){ .mobile-video {display:none;} #listSearchResults .details { width: 50%; } #rightSidebar .sendEnquiri { width: 100%; } #rightSidebar {width:100%;} .mainBoatInfo,.boatInfoRight {width:50%;float:left;margin-top:0;padding-top:0;} .mainBoatInfo {padding-right:10px;} /*.variants {display:none;}*/ #leftContent, #pricePerWeekHead, #pricePerWeek, #pricePerWeekFoot { width: 100%; } #rightContent { width: 100%; margin-top: 20px; } #rightSidebar .slideBox .sendEnquiri { float: none; clear: both; } .daily-trips-search { bottom: auto; top: 10px; } .daily-trips-search select { font-size: 16px; min-width: 150px; width: 40%; } .daily-trips-search h1 { font-size: 32px; line-height: 48px; } .dt-dp-greyParagraph {width: 100%;} .daily-trips #rightSidebar {padding-left: 0;} } @media screen and (max-width: 875px){ .SiteSearchHolder INPUT.input80percent {width: 60%;} .SiteSearchHolder .formbutton {position: absolute; right: 10px;} #chooseYacht {width:100%;} #yachtHolder #searchYacht { width: 30%; min-width: 245px; position: absolute; right: 0; z-index: 1; top: 0; } #searchYacht .startVisible, #searchYacht .endVisible { /*display: none;*/ } #yachtHolder #searchYacht th { padding-right: 5px; } #searchYacht input,.startVisible, .endVisible { height: 24px; line-height: 20px; width: 90px; } .ipad #searchYacht input {line-height: 12px;} #yachtHolder #searchYacht table { margin-left: 7px; } /*#fancybox-overlay { max-height: 100vh !important; } #fancybox-wrap { top: 40vh !important; }*/ #rightSidebar h4, #rightSidebar h5, #rightSidebar h6 { font-size: 14px; padding: 5px 10px; line-height: 24px; border: none; text-shadow: none; height: auto; } #rightSidebar h4, #pricePerWeekHead { background: #d46f00; } #rightSidebar .textBox { padding: 0 0px 10px 0px; } #rightSidebar .fieldHolder { margin: 10px; } .startVisible, .endVisible { display: none; } //#charterDateStart, #charterDateEnd, .startVisible, .endVisible { width: 100px; } #mbInfo p { display: block; } #inventory { height: auto; line-height: 16px; /* margin: 10px 0; */ /* width: 100%; */} #rightSidebar .yachtServices { line-height: 20px; } #pricePerWeekHead th, #pricePerWeekHead td { height: auto; padding: 10px; } #pricePerWeekHead a { margin-top: 0 !important; } table.priceTable.twoLayout#pricePerWeek tr { width: 30%; } .popupFancyBox.bookingFormHolder .vaTop { width: 100% !important; } .popupFancyBox textarea, .popupFancyBox .enqTextBox { } .popupFancyBox table h4 { font-size: 12px; padding: 5px; background: #262626; } #breadcrumb a { line-height: 21px; background: url(../images/sprite.png) right -2983px no-repeat; } .util { width: 100%; height: 35px; padding-top: 0; position: relative; margin-bottom: 20px; } #sideNav { display: none; } #sidebar { width: 100%; margin-bottom: 20px; } #yachtHolder #searchYacht, #sidebar #searchYacht { background: #333; } #sideNav h5, #sidebar #searchYacht h5 { font-size: 16px; height: 28px; background: #d27400; } /*.stickypanel { width: 100% !important; position: relative !important; }*/ .stickyreplace { display: none !important; } #plSearchTop { display: inline-block; height: auto; padding: 0; background: #444444;} #pricelistSearch h2 { padding: 0 10px; margin: 8px 0; } #pricelistSearch .top { width: 100%; padding: 0 10px; background: #646464; } #pricelistSearch .top a { background: none; border: none; } #pricelistSearch form ul { width: 100%; height: auto; display: inline-block; } #pricelistSearch { /*background: #888888;*/ } #pricelistSearch form li, #pricelistSearch form li table { width: 100%; } .fieldHolder { margin-bottom: 7px; } // #pricelistSearch #charterDateStart, #pricelistSearch #charterDateEnd { min-width: 150px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #pricelistSearch .customSelect { display: none; } #pricelistSearch .styledSelect { min-width: 150px; width: 50%; position: relative; color: #000; background: #fff; opacity: 1; } #regionMap.fancyPopup.sticked { margin-top: 10px; } #pricelistSearch .search {width: 100%;padding: 0;} #pricelistSearch #pricelistSearchLink { box-shadow: none; min-width: 150px; width: 60%; margin-left: 0; color:#FFF;background: #C16300; text-shadow: none; padding: 5px; height: auto; font-size: 13px; margin-top: 20px;} #regionMap.fancyPopup { display: none; } .innercal { display: none; } #selectionPrices #sortListResults { margin-top: 0; height: 40px; padding: 10px 0; float: none; display: inline-block; } .listPage #selectionPrices { padding: 0; } /*#listSearchResults a { padding: 10px; } #listSearchResults .holder { width: 100%; height: auto; display: inline-block; background: #2F2F2F; } */ #leftContent, #gallery #bigImage { width: 100%; } #listSearchResults .details { width: 50%; } #rightSidebar .sendEnquiri { width: 100%; } #pricelistSearch form a { background: transparent; color: #fff; } #pricelistSearch form a span { color: #fff; } #pricelistSearch form { width: 50%; } #pricelistSearch .styledSelect, #pricelistSearch #pricelistSearchLink { width: 100%; } #pricelistSearch form li { padding-right: 0; } /*.welcome-text {display:block;}*/ } @media screen and (max-width:875px) and (min-width:481px){ #pricelistSearch form {width: 100%;} #pricelistSearch form li, #pricelistSearch form li table {width: auto;} #pricelistSearch #pricelistSearchLink {width: auto;} #pricelistSearch .fieldHolder.first {margin-right: 0;} #pricelistSearch form a {height: auto; line-height: 23px;} #plSearchTop {display: block;} #pricelistSearch .styledSelect, #pricelistSearch select {min-width: unset; width: auto; margin-right: 2px;} #pricelistSearch {position: relative;} #pricelistSearch label {height: auto; line-height: 15px; padding-top: 7px;} #plSearchBtm {padding: 0 5px;} #pricelistSearch #pricelistSearchLink {margin-top: 10px;} #pricelistSearch form ul {padding-bottom: 10px;} #selectionPrices #sortListResults {padding: 5px 0;} #selectionPrices p {height: auto; line-height: 26px; background-position: 0 -3238px;} } @media screen and (max-width: 824px){ .mobile-video {display:none;} /*mobile menu*/ .mobile-menu {display:inline-block; position: absolute; right: 10px; top: 50px; font-size: 24px;} #midHeader { height: auto; } nav { padding: 0; } #mainNav {float:none; display:none;} #mainNav {background:none; border:0; height:auto;} #mainNav a {text-indent: 0px; background:none!important; display: block; float: none; color: #fff; } #mainNav li {background:none; display: block; float: none; border-bottom: 1px solid #222; position: relative; color: #fff;} #mainNav li:after { content: ""; position: absolute; top: 10px; right: 10px; font-size: 28px; color: #fff; z-index: 1; width: 18px; height: 28px; /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAArElEQVR4nO3WPQoCMRCG4W+FVfdWQUTFW25r5SIi4mk8hD/da2GKFBbZhIyCGZguw0N+JkkDyDImploF/wp0knpJXbYIxOSVd1yAeWTNx4wd6ICbR8856JjBC+Du0RMwKw0KWAIPjx6BaWlQwCpAD2PR1M3fAE+P7oG2NChgG6C72Lqcxk97ZhJntw5mN5ReUtNDY9oWpo3vML7avnJ590CXgwFqoP7aKvjj4Atxf8JNb8sTIQAAAABJRU5ErkJggg==');*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAArElEQVR4nO3VoQ2FQAyA4Z8XDGGDZ1gCzwBMxALMgGANBjh/HoVhBzwCSBCIK727kEDNVfTypUmbJtZaYsYvqvaBrwJzoNnfKGAHtMCgRV3BHliASou6ggaofaCSofGCSqdUjd5ZCxV6dw+v0CwkCGCBcc9L4B8SzNm6Ktm6rIEpFHhg1Qkzrp+loAqTgmpMAnrBJGDnA5OAPTBrMYDUsc4AhQY64rEX/wOfC676dy3dc7ASUAAAAABJRU5ErkJggg=='); } /*booking page*/ .bookingFormHolder {width:100%; height:auto; padding-left: 0px;} .popupFancyBox.bookingFormHolder table {width:100%;} .popupFancyBox.bookingFormHolder .vaTop {width:50%;} #mainNav #navHome { display: none; } #mainNav a { padding: 0 10px; } #mainNav .impressum {display: block;} .box-charter { margin-bottom: 10px; margin-right: 10px; } .box-charter p { min-height: 0; } .redPage #mainNav { border: none; } .boxChoice { background: #242424; width: 100%; } .boxChoice .inner { background: #242424; } .boxChoice h3 span { background: #A41010; } .boxChoice p { line-height: 20px; } /*.box-charterMiddle, .box-charter { }*/ .box-charter { width: 100%; background: #0D0D0D; } .box-charter h3 { padding: 7px 13px; height: 30px; background: #d46f00; } .refreshBttn { display: inline-block; width: auto; } #searchYacht.searchPage { margin-left: 0; } } @media screen and (max-width:768px){ .boat-pricelist {margin-top:30px;} /******** TEST FORM BOOKING_SHR2 ***********/ /*.bookingForm-redesign .bookingform table.shr-2 {width: 100%;}*/ /*.bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(1) {display:none;}*/ .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(2) {width: 75%; float:left;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) {width: 28%; } .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) td {width: 100%;/* text-align: center; */} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(2) td input {width:100%;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) {width: 40%; padding-left: 60px; margin: 0px 2%;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) td {/* text-align: center; */ width:100%;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) td label {padding: 5px; /* text-align: center; */ width:100%; display:block;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(3) td input {width: 100%; height: 27px;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) {width: 28%; /* padding-left:30px; */} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) td {/* text-align: center; */ width:100%;} .bookingForm-redesign .bookingform table.shr-2 tr.inline-element:nth-child(4) td input {width: 100%;} } @media screen and (max-width:767px){ #rightSidebar .textBox.dateFilter { display: none; } .popupFancyBox table { width: 100% !important; } .trip-boxes .trip-box { width: 46%; margin: 2%; } .trip-boxes .trip-box.tb-right { margin-left: 2%; } .trip-boxes .trip-box.tb-left { margin-right: 2%; } } @media screen and (max-width:745px){ #gallery #bigImage img, .jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; } } @media screen and (max-width:680px){ #rightSidebar {width:100% !important;} .boatInfoRight {/*position:absolute;*/float:right;} /*booking page*/ .popupFancyBox.bookingFormHolder .vaTop {width:100%;} #detailForm .popupFancyBox.bookingFormHolder {height:auto;} /*mobile menu*/ .mobile-menu {display:inline-block; float:right;} #mainNav {float:none; display:none;} #mainNav {background:none; border:0; height:auto;} #mainNav a {text-indent: 0px; background:none!important; display: block; float: none;} #mainNav li {background:none; display: block; float: none;} /*booking page*/ .bookingFormHolder {width:100%; height:auto; padding-left: 0px;} .popupFancyBox.bookingFormHolder table {width:100%;} .popupFancyBox.bookingFormHolder .vaTop {width:50%;} /******** TEST FORM BOOKING_SHR2 ***********/ .bookingForm-redesign .bookingform table.shr-2 {width: 100%;} /*.bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(1) {display:none;}*/ .boat-flags .flags .data { width: 100%; } .daily-trips-search { position: relative; width: 100%; left: auto; top: auto; } .daily-trips-search h1 { font-size: 26px; line-height: 32px; margin: 10px 0; } .innerPage .daily-trips-search p { line-height: 18px; margin-bottom: 10px; } .daily-trips-search select { width: 80%; } .daily-trips #yachtHolder { height: 360px; } } @media screen and (max-width:680px){ .mobile-video {display:none;} #info { height: auto; } .box-charter p { min-height: 0; } /*#listSearchResults a { width: 100%; }*/ /*.higlight { position: relative; width: 100%; margin: 10px 0; z-index: 1;}*/ .boat-flags { position: relative; width: 100%; margin: 10px 0; z-index: 1;} .wideView #listSearchResults > a, .wideView #listSearchResults.dailyList .item {width: 100%; max-width: 375px;} .wideView #listSearchResults .holder {width: 100%; height: auto; box-sizing:border-box; background:#333;} .wideView #listSearchResults .holder:before, .wideView #listSearchResults .holder:after { content:" "; display:table;} .wideView #listSearchResults .holder:after { clear:both;} .wideView #listSearchResults .holder { *zoom:1;} .wideView #listSearchResults SPAN IMG, .wideView #listSearchResults.dailyList .detailLink { width: 66%; height: auto; box-sizing:border-box;} .wideView #listSearchResults.dailyList .detailLink img {width: 100%;} .wideView #listSearchResults .details {width: 34%; padding-top:15px;} .wideView #listSearchResults .title {font-size: 18px;} .wideView #listSearchResults .details .discount {top: 37px;} #listSearchResults small {padding-top: 5px;} } @media screen and (max-width:630px){ .mobile-video {display:none;} #yachtSale ul li {width:100%; padding:0px; float: none; margin-top: -7px; display:table; clear:both;} #yachtSale ul a {background:none; text-align: center; width: 50%; margin-right:10px;} #yachtSale img {width:100%; float: left; margin-right: 15px;} #yachtNav {float:none; width:100%;} #yachtNav li {width:33%; float: left; margin-top: -1px;} .clr {display:block;} #rightSidebar { width: 100%; } /*#listSearchResults .details { width: 100%; }*/ .cookies-eu.hw { width: 75%; left: 0; margin-left: 0; height: 70px;} .cookies-eu-content-holder { width: 80%; } } @media screen and (max-width:540px){ .mobile-video {display:none;} .ProdBox {display: none;} #infoBoxes .box{width:100%; margin: 0px 0px 20px 0px;} #aboutUs .outLi {width:100%;} #lang {display:none;} #nav-slider, .nav-slider-holder #nav-slider { display: none; } #main-slider { min-height: 0; margin-bottom: 0; overflow: visible; } #main-slider .flex-control-paging li a { /*background: rgba(210, 116, 0, 0.5);*/ background: rgba(255,255,255,0.5); width: 5px; height: 5px; } #main-slider .flex-control-paging li a.flex-active, #main-slider .flex-control-paging li a:hover { background: rgb(210, 116, 0); } #main-slider .flex-control-nav { bottom: -90px; margin-bottom: 45px; } #breadcrumb, .boatInfoRight { display: none; } .total-boats-wrapper { display: none; } .mobile-yacht-count { display: inline-block; float: right; position: relative; margin-right: 5px; } .mobile-yacht-count .total-boats:before { content: "("; position: absolute; left: 0; top: 7px; } .mobile-yacht-count .total-boats:after { content: ")"; position: absolute; right: 0; top: 7px; } #rightSidebar { display: table; float: none; } #rightSidebar .textBox.dateFilter { margin-top: 25px; } #rightSidebar .mainBoatInfo { display: table-header-group; width: 100%; } #rightSidebar h4 { background: #292929; } #rightSidebar .disclamer { font-size: 10px; color: #8E8D8D; } .techInfo, #rightSidebar .mainInfo { margin-bottom: 10px; position: relative; } #rightSidebar .techInfo h4, #rightSidebar .mainInfo h4, #inventoryListMobile h4, .innerPage .yachtDescriptionHolder h3.grey16H3, #rightSidebar .variants h4 { padding: 5px 10px; position: relative; font-size: 18px; } #rightSidebar .techInfo h4:after, #inventoryListMobile h4:after, #rightSidebar .mainInfo h4:after, .yachtDescriptionHolder.mobile h3:after, .variants h4:after { content: "+"; position: absolute; top: 5px; right: 10px; font-size: 28px; color: #fff; /*font-family: FontAwesome;*/ z-index: 1; } .mainInfo h4 { } .inventoryWrapper, #techSpecs, #mbInfo, #rightSidebar .techInfo a.adjust, .variants #modelVars { display: none; } .inventoryWrapper #techSpecs {display: table;} /*#rightSidebar .techInfo.mobile a.adjust { display: block; }*/ #rightSidebar .techInfo.mobile #techSpecs { height: auto !important; } .yachtDescriptionHolder { float: left; /*margin: 20px 0;*/ margin: 10px 0; width: 100%; background: #ccc; margin-bottom: 5px; } .yachtDescriptionHolder h3 { color: #fff; /*background: #d46f00;*/ background: #292929; display: inline-block; width: 100%; line-height: 24px; } .innerPage .yachtDescriptionHolder h3.grey16H3 { color: #fff; margin-bottom: 0; } .yachtDescriptionHolder p.description, .innerPage.redPage .yachtDescriptionHolder p.description { display: none; color: #000; } #leftContent .yachtDescriptionHolder p.description { color: #000; padding: 5px 9px; } #ownerBox { width: 100%; } /* ==== HEADER REDESIGN ==== */ #header { /*margin-bottom: 10px !important;*/ } #topHeader { display: none; position: absolute; /*top: 75px;*/ top: 70px; width: 100%; /*left: 0;*/ left: 10px; right: 10px; width: auto; height: 60px; padding-top: 0; background: #d27400; } #topHeader.search, #topHeader.lang { display: block; background: #292929; /*background: #1B1B1B;*/ z-index: 9999; height: 109px; border-bottom: 5px solid #d27401; -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.68); -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.68); box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.68); } #topHeader.lang {height: 58px;} #topHeader.search {height: 66px;} #topHeader.lang #lang {display: block;position: absolute;bottom: 15px;left: 10px;width: 93%;} .lang .dd {width: 100% !important;} .lang .dd .ddTitle {width: 100%;} .lang .dd .ddChild {width: 100% !important;} #topHeader .SmallerHolder { float: none; width: 100%; height: 50px; } #topHeader .SiteSearchHolder { /*background: #000;*/ background: #292929; /*background: #1B1B1B;*/ } #topHeader.search #lang {display: none;} #topHeader.lang #SmallSiteSearchForm {display: none;} #header .headerMobilePhone { display: none; } #header .mobile-menu { left: 0; top: 20px; right: auto; } .mobile-search-trigger, .mobile-lang-trigger { display: block; position: absolute; /* right: 20px;*/ right: 0; top: 10px; font-size: 24px; cursor: pointer; width: 34px; height: 80px; text-align: center; padding-top: 10px; } .mobile-lang-trigger {right: 34px;} .mobile-search-trigger.open, .mobile-lang-trigger.open { background: #292929; /*background: #1B1B1B;*/ } .mobile-search-trigger img { width: 100%; } #header #logo.logo-mobile { float: none; margin: 0 auto; width: 100px; height: auto; } #header #logo.logo-mobile img { width: 100%; } #SmallSiteSearchForm { float: none !important; } #topHeader .SiteSearchHolder .inputbox { /*width: 85%;*/ width: 80%; /*height: 50px;*/ height: 40px; border: none; box-shadow: none; /*background: #D46F00; color: #fff;*/ opacity: 1; background: #fff; color: #292929; margin: 10px; font-size: 16px; } #topHeader .SmallerHolder .formbutton { /*background: url(../images/icon-right.png) no-repeat center; background-size: 100%;*/ background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; float: right; width: 50px; height: 60px !important; border: none; position: relative; } #topHeader .SmallerHolder:after { content: '\e80b'; font-family: "fontello"; position: absolute; right: 10px; color: #fff; font-size: 20px; top: 20px; } #mediaHolder { padding: 0; border: none; background: transparent; } #mediaHolder .buttonHolder { bottom:0; left: -10px; } .nav-slider-holder { width: auto; margin-top: 10px; } .nav-slider-holder .video-holder { display: none; } .layoutImage {display: none;} .nav-slider-holder .video-holder.mobile { display: block; width: 100%; } .nav-slider-holder .video-holder.mobile iframe { max-width: 100%; border: none; } #holder { padding: 0;} #midHeader { padding-top: 5px; } .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(1) {display:none;} .bookingForm-redesign .bookingform table.shr-2 tr td:nth-child(2) {width: 100%; float:none;} .bookingForm-redesign .bookingform table.shr-2 tr:first-of-type td:nth-child(1), .bookingForm-redesign .bookingform table.shr-2 tr:first-of-type td:nth-child(2) {display: block;} .pricelist-table-wrapper { overflow-x:scroll; overflow-y:visible; width:100%; /*margin-left:100px;*/ } .pricelistSearchResults { table-layout: fixed; width: 100%; margin-left: 100px; } .ar .pricelistSearchResults { margin-left: 0; margin-right: 100px; } .pricelistSearchResults td, .pricelistSearchResults th { vertical-align: top; border-top: 1px solid #ccc; padding:10px; width:100px; } .pricelistSearchResults th, .pricelistSearchResults thead .first { position:absolute; left:0; width:130px; } .ar .pricelistSearchResults th, .ar .pricelistSearchResults thead .first { position:absolute; left:auto; right: 0; } .pricelistSearchResults thead th { padding-bottom: 10px; } .boat-flags .flags, .boat-flags .highlight { min-width: 0; } .pricelistSearchResults tbody th { min-height: 40px; padding: 3px; } .trip-boxes .trip-box { width: 96%; margin: 5% 2%; max-width: 378px; } #listSearchResults .details span {text-align: left;} .daily-trips #listSearchResults {padding: 0;} #listSearchResults.dailyList .dt-enqButtonSend {width: 91%; margin: 0;} .daily-trips #listSearchResults .detailLink {margin-bottom: 0;} } @media screen and (max-width: 625px){ table#pricePerWeekHead {width:100%; display:block;} table.priceTable#pricePerWeek {width:100%; display:block;} table.priceTable#pricePerWeek {width:100%; display:block;} table.priceTable.twoLayout#pricePerWeek tr {width:50%; display:block; float: left;} table.priceTable.threeLayout#pricePerWeek tr {width:33.333%; display:block; float: left;} table.priceTable#pricePerWeek tr th {padding-top: 10px; display:block; float: left; width:100%;} table.priceTable#pricePerWeek tr td {padding-top: 10px; display:block; float:left; width:100%;} .customSelect {height:22px;} #pricePerWeekHead {width:100%; display:block;} #pricePerWeekHead th {width:100%;} #pricePerWeekHead td {width:100%;} #pricePerWeek {width:100%; display:block;} table.priceTable tr {width:30%; display:block; float: left;} table.priceTable tr th, table.priceTable tr td {float: left; /*width:100%;*/ width:50%; } } @media screen and (max-width: 480px){ #yachtNav {padding-top:0;} .higlightSave, .available { float:none; margin: 10px auto 10px auto; } #SmallSiteSearchForm .SmallerHolder .formbutton:after {display: none;} .partner, .partners { display: none} .show {margin:0;} .help {padding:10px !important; margin: 20px 0 !important; text-align: center !important;} input[type=submit] {padding: 10px;} .yachtshow .cookies-eu.hw, .yachtshow .zopim {bottom: 60px !important;} .zopim {right: 0 !important;} #bookingShipInfo img {width: 150px;} #yachtPdfs, #yachtPdfs li {float:left;} .availabilityHolder {text-align: center;} .available {margin:0;float:none; display:inline-block;} .loading.first .loadingCircle {margin:10% auto;} .yachtPriceHolder {margin-top:0;} #yachtNav li a#gt6, #yachtNav span {padding-top:0;} .saturdays-selector-wrapper, .week-num-selector-wrapper, .submit-btn-wrapper {float:none; padding-right:0;padding-bottom:5px;width:100%;} .saturdays-selector-wrapper select, .week-num-selector-wrapper select {width:80%;} .yachtshow #calculation-form .saturdays-selector-wrapper, .yachtshow #calculation-form .week-num-selector-wrapper {width: 50%; float: left;} .yachtshow #calculation-form .saturdays-selector-wrapper select, .yachtshow #calculation-form .week-num-selector-wrapper select {width: 100%;} .yachtshow #calculation-form .submit-btn-wrapper {text-align: left;} .yachtshow #calculation-form .refreshBttn {width: 99.5%;} .yachtshow #calculation-form .iBorder {width: 99%;} .yachtshow .availability-holder {padding: 10px 0;} .boat-summary {margin-top:30px;} .apiSearch form, .pricelistSearch form {text-align:center;} .apiSearch .refreshBttn, .pricelistSearch .refreshBttn { width: 80%;margin-top: 5px;} .boat-pricelist {margin-top:0;clear:both;} .apiSearch h3, .pricelistSearch h3 {text-align: center;} .yb {float:left;} select {width:50%;} #pricelistSearch select {height: 30px;} .back.popup {display:block; right: 0; padding: 0; top: -27px !important; width: 30px; height: 30px;} .daily-trips #yachtHolder { height: 40px; } /*.bookingForm-redesign.mobileForm .bookingform label { display: none; }*/ .bookingform .tableLeftLabel {height: 52px;} #yachtNav span {width:100%;} .mobile-video {position: absolute; left: 0; bottom: -25px;display:block;z-index: 100;} #yachtSale li {display:block;float:left;padding:0;margin:0;} #yachtSale span {display:none;} #yachtSale img {width:133px; float: left; /* margin-right: 15px; */} #iframe2, #creditCard {display:none;} #yachtSale h5 {position:absolute;background: rgba(0,0,0,0.5);padding:10px;/* width: 38%; *//* margin-top: 35px; */ width:100%; bottom: 0px;} .mainBoatInfo,.boatInfoRight {width:100%;} .mainBoatInfo {padding-right:0;} #rightSidebar .sendEnquiri {display: none;} #yachtNav {width: 100%;} #yachtNav li {display:block; width: 100%; margin-bottom: 10px;} #yachtNav li a {display: block; float: none; background: #292929; padding: 6px 5px 7px 2px; border:1px solid #454545;} #yachtNav li a img {height: 100%; float: none; margin-top: 0px;} #yachtNav .nav-img-holder {float: left; width: 35%;} #yachtNav .nav-img-holder img {width:100%;} #yachtNav .nav-content-holder {float:left; width:65%; padding-left: 10px; text-align: left} #yachtNav .nav-content-holder span {color:#E06D01;padding: 0px;font-size: 16px;} #yachtNav .nav-content-holder p {font-weight: normal; font-size: 10px; display:block;} body {background-image: none;} .careers {display: none;} /* #yachtNav span { padding: 6px 4px 6px; width: 134.5px;position:absolute; margin-top: 47px; display:block; color: #fff; background-color: rgba(0, 0, 0, 0.39);}*/ #yachtSale h4 { margin-bottom: 0;} #yachtSale ul {margin-top:0; width: 100%;} #yachtSale ul li { width: 50%; float: left; clear: none; display: block; padding: 5px; } #yachtSale ul a { display: block; width: 100%; margin: 0; position: relative;} #yachtSale ul img { width: 100%; margin:0; float: none;} #yachtSale h5 {/* float:right; */ } #yachtSale .inner p {display:none;} #listSearchResults {text-align: center;} #listSearchResults .item .title {text-align: left; display: block;} #listSearchResults a { padding:0px; display:inline-block; float:none; text-align: left; margin-bottom:10px;} .higlight .data { float: left; padding: 5px 5px 5px 0; } #leftContent h2 {margin-bottom:10px;} #pricelistSearch p {display:none;} #pricelistSearch form { width: 100%; } #leftContent a.sendEnquiri.booking { left: 0; z-index: 1; padding: 0 10px; position: fixed; bottom: 0; width: 100%; background: #d27400; color: #fff !important; text-align: center; z-index: 9999; margin-bottom: 0; } #rightSidebar .slideBox .sendEnquiri { display: none; } .quickEntry { display: none; } /*#gallery { display: none; }*/ .responsiveGallery, .adjustGallery { display: block; } .responsiveGalleryList { display: block; list-style: none; } .responsiveGalleryList li { display: inline-block; } .responsiveGalleryList img.boatImageResponsive { width: 100%; } .adjustGallery { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABAElEQVR4nKXTPUoEQRAF4G/WAXNRUAM10QXRK/iDmTcwMhFDMTMwMDcwkY0MBS/gAQS9gT+wCgYGCrJQR9g1mFloh1kXxgdNweO9rqpHdxYR/oNWDbeFwR9nJxXnZV3DOiawP6bpKebQx1MWEce4QNZgg0EWET1MNzCjyGCUuYM2JsvaqRPldSROcI0rbOIRB/jAeSrMImJQMb9jBbfYTfhXrKKL5XSFKh4UCW9U+DZmcJ+SdRcMuecK/41e1TPqIeWKnd8S816p3x53wQLO8FKOPYt53JX8UiquC3GIG1wqkl/EUTnFL2QR0S07NUILh/hq6P/Mku88pT6TUegjfgB+z0FspxiJhQAAAABJRU5ErkJggg==') no-repeat; text-indent: -100%; display: block; margin: 8px 0 0 120px;} .fieldHolder .innercal { display: none; } /*.refreshBttn { display: block; }*/ .frontPage #yachtNav { width: 100%; } #chooseYacht {display: none;} .welcome-text {font-size: 1.4em; margin-bottom: 16px;color:#D27400;text-align: center;font-weight: 600;} /*.clr {display:none;}*/ /*#yachtNav {float: left; width:50%;}*/ #yachtHolder #searchYacht {float: left; margin-right: 20px;} /*#yachtNav {margin-top: 0px;} #yachtNav li {width:50%; float: left;} #yachtNav li {float: none; width:49%; display: inline-block;margin-bottom: 15px;}*/ #yachtHolder #searchYacht, .frontPage #yachtSale { position: relative; } #chooseYacht { width: 100%; display: table-header-group; float: none; } #yachtHolder #searchYacht { width: 80%; float: none; margin: 0 auto; } #yachtGo li img { width: 100%; } #topHeader #lang, #specialOffer, #specialOfferList, #contact, .newsletter, #slogan, .social, #bookingBox, #lastMinute, #colorBoxes, #infoBoxes, #aboutUs, #articles, #wallpapers, #bottomNav {display:none;} #header {height:auto; /*margin-bottom: 10px;*/} #SmallSiteSearchForm:focus {opacity:1;} #logo {display:none;} .bookingform {width:100%;} #yachtHolder {height:auto; margin-bottom: 0px;} #yachtHolder #searchYacht {width:100%;height:auto;min-height: initial;float: none;margin-bottom: -3px;/*padding-bottom: 10px;*/background: #000;} #chooseYacht {float:none; width:100%; display: none;} .welcome-text { display: block; } /*#yachtNav li {float: none; width:49%; display: inline-block;}*/ #footer {width:100%; margin-bottom: 40px;} #info {height:auto;} #info li {float: none; width:100%; height:auto; border-left:none; margin-bottom: 15px;} #footerBottom {display:none;} #footerTop {padding:10px 0px;} .SmallerHolder input { width: 275px; } #yachtHolder #searchYacht table {width: 100%;/*margin: 7px;*/margin: 0;/* margin-left: 8px; */} table.priceTable tr th, table.priceTable tr td {display: inline-block; width:100%;} #searchYacht .fieldHolder { min-width: 150px; border: none; width: 60%; margin-bottom: 10px; } #searchYacht input {height: 100%;width: 100%;line-height: 30px;font-size: 13px;border: none;background: #ccc;height: 22px;margin-top: 20px !important;} #searchYacht .startVisible, #searchYacht .endVisible { width: 100%; font-size: 16px; border: none; line-height: 29px; display: none; } table.priceTable tr th { font-size: 18px; } #yachtHolder #searchYacht th, #sidebar #searchYacht th { display: block; padding-top: 10px; } table.priceTable tr { padding-bottom: 10px; } #searchYacht .customSelect { display: none; } #searchYacht .styledSelect {position: relative;width: 100% !important;opacity: 1;font-size: 13px;color: #000;border: none;background: #ccc;height: 26px;} #searchYacht .iBorder {/*min-width: 150px;*/min-width: 0;/*width: 60%;*/width: 100%;} #searchYacht .region-special #regionMap.fancyPopup { float: left; right: -15px; display: none; } #searchYacht .advSearch { margin-top: 15px; font-size: 12px; text-align: center; font-weight: normal; line-height: 24px; padding-bottom: 10px; } #searchYacht p.advSearch a { margin-left: 10px; } #searchYacht td.search-button { width: 100%; } //.charterDateField, #pricelistSearch label.charterDateField { display: none; } .box-charter { height: auto; } .box-charter h3 { padding: 7px 13px; height: 30px; background: #d46f00; } .box-charter ul { margin-bottom: 30px; } .box-charterMiddle { margin: 0; margin-bottom: 10px; } .innerPage .box-charter p { min-height: 0; height: auto; margin-bottom: 10px;} .boxChoice h3 span { background: #A41010; } .boxChoice p { line-height: 20px; } .redPage #mainNav { border: none; } #mainNav li ul.tabs { display: none !important; } #sidebar { width: 100%; } #sidebar #sideNav { display: none; } #rightContent, .util { width: 100%; } .innerPage h2 { margin: 20px 0; } .listLinkBox span { margin-top: 7px; } .innerPage p { margin-bottom: 1px; } .listLinkBox img { width: 100%; } .table.shipsIntroList.motorIntroList { width: 100%; } .shipsIntroList .td { display: inline-block; } .shipsIntroList .td p { margin-bottom: 30px; } a.shipIcon { margin-right: 0; } .util a { height: 35px; } #pricelistSearch .startVisible, #pricelistSearch .endVisible { display: none; } /*.stickypanel { width: 100% !important; position: relative !important; }*/ .stickyreplace { display: none !important; } #plSearchTop { display: inline-block; height: auto; padding: 0; background: #444444;} #pricelistSearch h2 { padding: 0 10px; margin: 8px 0; } #pricelistSearch .top { width: 100%; padding: 0 10px; background: #646464;} #pricelistSearch .top a { background: none; border: none; } #pricelistSearch form ul { width: 100%; height: auto; display: inline-block; } #pricelistSearch { /*background: #888888;*/ } #pricelistSearch form li, #pricelistSearch form li table { width: 100%; } #pricelistSearch form li table.charterDateField { width: 50%; } #pricelistSearch form li table.charterDateField .styledSelect {background-color: #fff;width: 100%;} .fieldHolder { margin-bottom: 7px; } #pricelistSearch #charterDateStart, #pricelistSearch #charterDateEnd { /*min-width: 150px;*/ min-width: 0; width: 95%; /* background: #eee; */} #pricelistSearch .customSelect { display: none; } #pricelistSearch .styledSelect { min-width: 240px; /* width: 50%; */ /* width: 100%; */ position: relative; color: #000; /* background: #ccc; */ opacity: 1; font-weight: bold; font-size: 13px;} #pricelistSearch table .styledSelect { width: 100%; } #regionMap.fancyPopup.sticked { margin-top: 10px; } #pricelistSearch .search { width: 100%; } #pricelistSearch #pricelistSearchLink { display: block; box-shadow: none; min-width: 150px; width: 60%; margin-left: 0; background: #fff; text-shadow: none; padding: 5px; height: auto; font-size: 14px; margin: 0; /* margin-top: 20px; */ background: #d27400; color: #fff !important; text-shadow: none; -webkit-appearance: initial; border-radius: 0; margin: 20px 0 0 44px;} #selectionPrices #sortListResults { margin-top: 0; height: 40px; padding: 10px 0; float: none; display: inline-block; } .listPage #selectionPrices { padding: 0; } /*#listSearchResults a { padding: 10px; width: 100%; } #listSearchResults .holder { width: 100%; height: auto; display: inline-block; background: #2F2F2F; } */ #leftContent, #gallery #bigImage { width: 100%; } #rightSidebar h4, #rightSidebar h5, #rightSidebar h6 { font-size: 14px; padding: 5px 10px; line-height: 24px; border: none; text-shadow: none; height: auto; } #inventoryListMobile h4 {font-size: 18px;} #rightSidebar h4 { /*background: #d46f00;*/ background: #292929; } #rightSidebar .textBox { padding: 0 0px 10px 0px; } #rightSidebar .fieldHolder { margin: 10px; } .startVisible, .endVisible { display: none; } //#charterDateStart, #charterDateEnd, .startVisible, .endVisible { width: 100px; } #mbInfo p { display: block; } #inventory { height: auto; line-height: 16px; margin: 10px 0; } #rightSidebar .yachtServices { line-height: 20px; } #pricePerWeekHead th, #pricePerWeekHead td { height: auto; padding: 3px; } #pricePerWeekHead a { margin-top: 0 !important; } table.priceTable.twoLayout#pricePerWeek tr { width: 30%; } .popupFancyBox.bookingFormHolder .vaTop { width: 100% !important; } .popupFancyBox textarea, .popupFancyBox .enqTextBox { line-height: 18px; } .popupFancyBox table h4 { font-size: 12px; padding: 5px; background: #262626; } #breadcrumb a { line-height: 21px; background: url(../images/sprite.png) right -2983px no-repeat; } body{width:100%;} #midHeader {height:auto;} .innerPage h2 {line-height: 1em;} .listLinkBox img {padding-top: 10px;} .mobile-menu {position: absolute;right: 0;top: 50px;} #wrapper {width:100%; background:black; } #breadcrumb {/*display:none;*/} .boxChoice308 {width:98%;margin:0 auto;} .boxChoice { float:none; margin-top: 20px;} .boxChoice308.boxChoice a img {width:100%;} .boxChoice .inner {float: none;} .SmallerHolder INPUT {width: 69%;} .redPage #mainNav {border:0; background:white;} .yachtMainNav #navHome a {background:transparent!important;} #mainNav {/*position: absolute;*/ position: relative; width:100%; background:black!important; z-index: 99;} #pricelistSearch h2 {padding-bottom:10px;} #priceInfo ul {margin-top:15px;} .util {display:none;} /*#rightSidebar .slideBox {display: none!important;}*/ #searchYacht form table tr {/*padding-bottom: 10px;*/} #detailForm .popupFancyBox .topText {padding:0px;} #bookingForm {border:0;} .bookingform fieldset{width:100%; max-width: 320px; display:block;} .bookingform table {display:block; width:100%; margin:0px;} .bookingform table table { padding-left: 10px;} .bookingform table tbody {display:block; width:100%;} /*.bookingform table td {width:300px!important;}*/ .bookingform table td, .bookingform table th, .bookingform table tr {/* display:block; *//* display:inline-block; *//*width:98%;*//* width: 100%; */} .popupFancyBox.bookingFormHolder .vaTop {padding:0px;} #detailForm .popupFancyBox .sendFormBtn {margin:0 auto; float: none;} .bookinfo {padding-left: 10px;} .innerPage p {display:block;} .innerPage.redPage p {display:block;} #pricelistSearch .customSelect {box-shadow: none;} #calendar_trigger_button {display:none;} /*charter*/ .box-charter {width:100%; height:auto; float:none; margin-bottom:20px;} .box-charter img {width:100%;} .box-charter.box-charterMiddle {margin:0px 0px 20px 0px;} /*catamarans*/ #rightContent {width:100%;} .listLinkBox img {width:100%;} .shipsIntroList .td {width:100%; display:block;} .table {width:100%;} /*gulets*/ #rightContent {padding-left: 0px; float: none;} #sidebar {margin-bottom: 20px; float: none;} /*luxuryyachts*/ .util {width:100%;} /*motorboats*/ a.shipIcon {width:100%; max-width: 296px;} /*yachts list*/ /*.ProdBox {display:none;}*/ nav {padding:0px; /*width:263px;*/ width: 100%; } #Panel1 {/*width:100%!important;*/ width:98%!important; /*position: relative!important;*/ /*top:auto!important;*/ top: 0 !important;} #plSearchTop {height:auto; padding:0px;width: 100%;} #pricelistSearch .top {border-left:0; float: none; /* display: table; */display: none;} #pricelistSearch .top li {padding:0px; width:33.3%; float: left;} #pricelistSearch form ul {height:auto; width:100%; padding-bottom: 10px;} #pricelistSearch {/*background:#999;*/} /*#sortListResults {background:#999;}*/ #selectionPrices #sortListResults {float: none;color: #b9b9b9;margin-left: 0;} #pricelistSearch .top a {line-height: 12px; padding-top:7px;} .stickyreplace {display:none!important;} /*#listSearchResults SPAN IMG { width: 50%; } #listSearchResults a {float:none; padding:0px; margin-bottom: 20px;}*/ #pricelistSearch h2 {float:none; text-align: center;} .listPage #selectionPrices {padding-left:0px;padding-top: 10px;} #SmallSiteSearchForm {width: 100%;} .SiteSearchHolder.SmallerHolder {/*width: 90%;*/} #pricelistSearch form a {display:none;} #selectionPrices p {background:none;float: none;display:block;padding: 0px;height: auto;line-height: 14px;} #pricelistSearch form li {float:none;} #sortListResults {height:auto; padding:10px 5px; color:black;} #sortListResults li {/* float: none; */display:block;padding-left: 0;padding-right: 5px;} /*#listSearchResults small {padding-right: 12px;}*/ #pricePerBoat {display: block; height:auto;} #pricePerBoat * {width:100%; display:block;} #pricePerBoat td {width:100%;} #pricePerBoat th {border-right:0;} /*.sendEnquiri {width:100%;}*/ #idYear {padding:14px 0px; font-size: 14px;} #rightSidebar {width:100%; margin-top: 0px; padding-left: 0px;} #rightSidebar .sendEnquiri {width:100%; margin-bottom: 10px;} #rightSidebar h4 {padding:0px 15px;} #inventoryListMobile h4 {padding: 5px 10px;} #rightSidebar h5, #rightSidebar h6 {padding:0px 15px;} #fancybox-title {width:100%!important;} #leftContent {width:100%; float:none;} #gallery #bigImage {width:100%; height:auto;} #gallery #bigImage img {width:100%;} #mediaHolder .buttonHolder {display:none;} .dailyYachtShowPopup #mediaHolder .buttonHolder {display: block;} .jcarousel-skin-tango .jcarousel-container-horizontal {width:100%; height:auto; padding:11px 0px 5px 0px;} #sidebar {display:none;} #pricePerWeekFoot {display:block; width:100%;} #pricePerWeekFoot tbody {width:100%; display:block;} #pricePerWeekFoot tr {display: block; width: 100%;} #pricePerWeekFoot th {width:100%; display: block; white-space: normal;} #pricePerWeekFoot td {width:100%; display: block; white-space: normal;} .priceIncl {width:100%; text-align: left;} #pricePerWeekHead {background:none; border:none; background: none repeat scroll 0% 0% rgb(212, 111, 0); padding:0;} #pricePerWeekHead th {width:100%;} #pricePerWeekHead a {margin-top:15px;} table#pricePerWeekHead {width:100%; display:block;} table.priceTable#pricePerWeek {width:100%; display:block;} table.priceTable#pricePerWeek {width:100%; display:block;} table.priceTable.twoLayout#pricePerWeek tr {width:50%; display:block; float: left;} table.priceTable.threeLayout#pricePerWeek tr {width:33.333%; display:block; float: left;} table.priceTable#pricePerWeek tr th {padding-top: 10px; display:block; float: left; width:100%;} table.priceTable#pricePerWeek tr td {padding-top: 10px; display:block; float:left; width:100%;} .customSelect {height:22px;} #pricePerWeekHead {width:100%; display:block;} #pricePerWeekHead th {width:100%; font-size: 12px;} #pricePerWeekHead td {width:100%;} #pricePerWeek {width:100%; display:block;} table.priceTable tr {width:30%; display:block; float: left;} table.priceTable tr th, table.priceTable tr td {float: left; /*width:100%;*/ width:50%; } .boxChoice308 .inner { height: auto; } #pricelistSearch form li { padding-right: 0; } .refreshBttn { /*top: 36px; right: 0; padding: 5px 2px;*/ font-size: 12px; } .half {width: 50%;float: left;} .half td {width:100%;} .padl {padding-left:15px;line-height: 18px;margin-top: 10px;} #topHeader { position: absolute; width: auto; /*right: 0;*/ } /*#SmallSiteSearchForm { width: auto; margin-top: 12px;}*/ .headerMobilePhone { display: block; float: left; height: 20px; color: #fff; line-height: 119.9px; margin-left: 15px; font-size: 14px;} #logo.logo-mobile { float: left; } .frontPage #searchYacht h3, .frontPage #yachtSale h3 { text-align: left; padding: 10px; } .frontPage #searchYacht h3:after, .frontPage #yachtSale h3:after { content: "+"; position: absolute; top: 0px; right: 10px; font-size: 28px; color: #fff; z-index: 1; } .frontPage #yachtSale h3:after {top:9px;} .frontPage #yachtSale { padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .frontPage #yachtSale .inner {padding:0;} .frontPage #searchYacht form, .frontPage #searchYacht .advSearch, .frontPage #yachtSale ul { display: none; } #yachtNav li a { float: none; } /*#yachtNav img { width: 90%; margin: 0 auto; }*/ #yachtNav img { width: 90%; margin: 0 auto; margin-top: 10px; margin-bottom: -5px; } #plSearchTop { background: #000; } #pricelistSearch h2 { padding-bottom: 0; background: #000; } #pricelistSearch form { width: 100%; border: none; } /*.listPage #pricelistSearch form */ //#pricelistSearch form table td { width: 100%; } #pricelistSearch form table .styledSelect { width: 50%; } #pricelistSearch label, #pricelistSearch .styledSelect { width: 50%; float: left; min-width: 0; } #pricelistSearch form li {clear: both;} #pricelistSearch select {margin-bottom: 15px;} #pricelistSearch { background: #000; } #pricelistSearch .styledSelect { background: #ccc; } #pricelistSearch #pricelistSearchLink { width: 100%; margin: 0; margin-top: 20px; margin-bottom: 20px; } h3.search-title { display: block; text-align: left; padding: 10px; margin: 10px 0 0; color: #fff; position: relative; background: #292929; } h3.search-title:after { content: "+"; position: absolute; right: 10px; font-size: 28px; color: #fff; z-index: 1; } #plSearchBtm { display: none; padding:0; } #plSearchBtm.open { display: block; } .frontPage #yachtSale.mobile { padding: 0; margin-top: 15px; } .frontPage #yachtSale.mobile .inner { padding: 10px 15px; } .frontPage #yachtSale.mobile ul { display: none; } .frontPage #yachtSale.mobile ul.open { display: block; } .frontPage #yachtSale.mobile h4 { position: relative; } .frontPage #yachtSale.mobile h4 a { display: block; padding: 5px; } .frontPage #yachtSale.mobile h4:after { content: "+"; position: absolute; top: 6px; right: 10px; font-size: 28px; color: #fff; z-index: 1; } address a {cursor: pointer!important;} address span { display:block; margin: 5px 0px 5px 0px; text-align: center; padding: 15px; background: #ff9933; color: #000 !important; /*background: #292929; color: #fff;*/ } #info address span a { //font-size: 14px; /*color: #fff !important;*/ color: #000 !important; } address span br { display: none; } address > a { display: block; margin: 5px 0px 5px 0px; text-align: center; padding: 15px; background: #ff9933; } .fax-hide {display:none;} .total-boats-wrapper { margin-bottom: 30px; } .mobile-yacht-count {display: block;float: none;/*position: absolute; right: 34px; top: 44px; z-index: 5;*/position: absolute;top: 55px;right: 0;} #pricelistSearch .mobile-yacht-count h2 {background:none;} .total-boats {display: inline-block;position: relative;font-size: 11px;} .mobile-yacht-count .total-boats:before {left: -5px;top: 0;} .mobile-yacht-count .total-boats:after {right: -5px;top: 0;} .toTop-arrow { right: -10px; } .wideView #listSearchResults SPAN IMG, .wideView #listSearchResults.dailyList .detailLink { width: 60%;} .wideView #listSearchResults .details {width: 40%; padding-top:5px;} #listSearchResults .price strong {margin-left: 0;} } @media screen and (max-width:360px) { #yachtNav img { width: 100%; } } @media screen and (max-width:320px) { /*#listSearchResults span img { width: 110px; height: auto; }*/ } @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?89234246'); src: url('fonts/fontello.eot?89234246#iefix') format('embedded-opentype'), url('fonts/fontello.woff?89234246') format('woff'), url('fonts/fontello.ttf?89234246') format('truetype'), url('fonts/fontello.svg?89234246#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?89234246#fontello') format('svg'); } } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-ok:before { content: '\e800'; } /* '' */ .icon-cancel:before { content: '\e801'; } /* '' */ .icon-plus:before { content: '\e802'; } /* '' */ .icon-plus-squared:before { content: '\e803'; } /* '' */ .icon-minus:before { content: '\e804'; } /* '' */ .icon-minus-squared:before { content: '\e805'; } /* '' */ .icon-pencil:before { content: '\e806'; } /* '' */ .icon-edit:before { content: '\e807'; } /* '' */ .icon-pencil-squared:before { content: '\e808'; } /* '' */ .icon-down-open:before { content: '\e809'; } /* '' */ .icon-left-open:before { content: '\e80a'; } /* '' */ .icon-right-open:before { content: '\e80b'; } /* '' */ .icon-up-open:before { content: '\e80c'; } /* '' */ .icon-paper-plane:before { content: '\e80d'; } /* '' */ .icon-paper-plane-empty:before { content: '\e80e'; } /* '' */ .icon-search-1:before { content: '\e80f'; } /* '' */ .icon-youtube-play:before { content: '\e810'; } /* '' */ .icon-menu:before { content: '\e811'; } /* '' */ .icon-globe:before { content: '\e812'; } /* '' */ .icon-heart:before { content: '\e813'; } /* '' */ .icon-thumbs-up:before { content: '\e814'; } /* '' */ .icon-heart-empty:before { content: '\e815'; } /* '' */ .icon-file-pdf:before { content: '\e816'; } /* '' */ .icon-list-1:before { content: '\e817'; } /* '' */ .icon-download:before { content: '\e818'; } /* '' */ .icon-star:before { content: '\e81b'; } /* '' */ .icon-star-empty:before { content: '\e81c'; } /* '' */ .icon-basket-2:before { content: '\e81d'; } /* '' */ .icon-cart-plus:before { content: '\e81e'; } /* '' */ .startVisible, .endVisible {display:none;} /*#plSearchBtm * {visibility: visible!important; opacity: 1!important;} #plSearchBtm .styledSelect {position: relative;}*/ #holder .styledSelect {position: relative; opacity:1;} .customSelect {display: none;} /*.styledSelect {position: relative; opacity:1;}*/ #calendar-trigger {right: 2px;top: 9px;position: absolute;} #inventornaOwner > img {display:none;} .boat-summary hr { display: block; height: 2px; border: 0; border-top: 2px solid #d27400; margin-top: 0; padding-bottom: 20px; } .iframePopup {background:#000 !important;} h2 span {display: none;} /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { body {visibility: visible;} * { background: transparent!important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } /*a[href]:after { content: " (" attr(href) ")"; }/* /* Dont show links for a hrefs */ abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3, h4, h5 { orphans: 3; widows: 3; } h2, h3, h4, h5 { page-break-after: avoid; border:none!important; } /* Don't show this stuff*/ #topHeader, #sidebar, .util { display: none; visibility: hidden; } /* main stuff */ #leftContent { width:65%!important; padding:0px; margin:0px} #rightSidebar { width:30%!important; float:right; padding:0px; margin:0} #container, #holder, #rightContent, #inventorna, #inventornaOwner { width:100%!important; padding:0; margin:0; } #inventornaOwner th, #inventornaOwner td { width:100%!important; font-size:10px; float:left; border:none; padding:0} #inventornaOwner ul li { float:left; margin:0 5px 0 0} #inventBottom h4 { font-size:10px} #inventornaOwner h3 { font-size:18px; margin-bottom:5px} #inventorna h2 { font-size:16px; padding-bottom:5px} #inventorna #techSpecs td, #inventorna #techSpecs th { padding:2px 0; border-bottom:1px dotted #ccc;} #inventBottom table { font-size:9px} #print-logo { display:block!important; left:0; padding:0; margin:0; position:absolute; } #print-logo img, #print-logo p { float:left;} #print-logo p { padding-top:30px; } #holder { padding-top:100px; } .contentImg { border:none; } #wideContent h2 { padding-left:0; } .listPage #sortListResults, .listPage .listText { display:none} /* yacht show view */ #ownerBox, .fancyPopup, .sendEnquiri, #priceInfo ul, #inventory, #adEquipment, #modelVars li.img, #modelVars li.small, #rightSidebar h5, #rightSidebar h6, .yachtServices { display: none!important; visibility: hidden; } #rightSidebar h4 { margin-top:20px!important; } #priceInfo p a[href]:after { content: " (" attr(href) ")"; } #priceInfo p.disclamer { font-size:8px} #leftContent h2 { margin-bottom:0px} #gallery #bigImage { height: auto; width: 70%; text-align: left; padding: 0; border:none; } #gallery #bigImage img { width:100%; } #pricePerWeekHead, #pricePerWeek, #pricePerWeekFoot { width: 100%!important; border:none } #pricePerWeekHead td { display:none} #pricePerWeek tbody td, #pricePerWeek tbody th { height:0px; font-size:10px;} #pricePerWeek tbody th { font-size:8px!important} #pricePerWeekFoot th { border:none} #pricePerWeekFoot td { text-align:right; padding-right:10px; padding-bottom:25px} #pricePerWeek { border:1px solid #000;} #pricePerWeek { text-align:left; } #mbInfo { display:none} #mbInfo .last p { border-top:none; } #mbInfo li, #rightSidebar h4 { padding:0; background:none; } #rightSidebar h4{ display:none} #modelVars { display:none} .yachtshowbox { width:100%!important} #modelVars li.bases a { text-decoration:none!important; } #content-short { width:100%!important; } #top-icons, #headerShort, #fullfooter, #content-right3, .bookleft a, .formsubmit, .buying, .uvjeti, .steps { display:none;} #contentprice { padding-top:20px; width:100%; } #content-left4 { width:100%;} #content-short { padding-top:20px; width:720px; } #content-short table td, #content-left4 table td { border:1px solid #000; } .popup {width:100%;} .printDiv, .FilterHolder { display:none; } table.textcjenik { border-collapse:collapse; } .textcjenik td { padding:1px; margin:0; border:1px solid #555; line-height:100%; } #smallphoto, #Photo, .bigicon, .inventorList, .msg_list, .PaymentO, #bottomHolder, .backTo, .addthis, .crumbsHolder, .litleBack, .bigBox1, .bigBox3 { display:none; } .bigLeft { margin-left:0; width:360px; float:left; margin-top:0; } .TechRight {float:right; width:260px; margin-top:0; } .BoatName a {display:none; } .bigBox2, .mainInfo { width:360px; text-align:left; } .lcpad, .whysailwithus, .guarantee, .righttitles, .similar, .CompleteOffer, #header-left, #list3 { display:none; } .contact { display:block; position:absolute; top:0; } .contact h2 {display:none; } .BoatName { margin-top:170px; } .bigLeft {width:400px; } .BoatName h1 { font-size:24px; color:#000; font-style:normal; padding-left:0; } .priceTable { width:100%!important; } #pricePerWeek tbody td, #pricePerWeek tbody th { font-size: 13px !important; height: auto; padding: 5px;} #pricePerWeek tbody td { font-size: 16px !important;} .InventoryPrint { width:100%!important; font-size:13px; } .InventoryPrint td { font-size:13px; } .InventoryPrint .contact { position:relative; } .InventoryPrint .content-left3 { width:50%; } .InventoryPrint h1 { font-size:20px; } .InventoryPrint hr { display:none } .navigWhite { font-weight:normal; font-size:15px; } .techdatarow3, .txt2 { font-size:14px; } .FilterHolder, .FilterResults, .inputboxFilter { width:100%; } .inputboxFilter { padding:0; margin:0; } .FilterResults { display:none;} /* fancybox popup */ #fancybox-overlay, #fancybox-wrap, #fancybox-outer, #fancybox-content, #HowToBook, #BookingProcedure, #PaymentOption, #inventorna { background:#fff!important; border:none!important; width:100%!important; height:100%!important; top:0!important; left:0!important; padding:0; margin:0; } #techSpecs { width:260px; font-size:10px; position: fixed; top: 210px; left: 555px;} #techSpecs th[class]:after { content: " " attr(class) ""; } #techSpecs th, #techSpecs td { border-bottom:1px dotted #ccc;} #inventornaLeft, #inventornaRight { width:48%; height:100%!important; padding:0!important; margin:0!important; } #inventornaRight { float:right; } body.no-img h1 { display:none; } /* pricelist print styles */ #selectionPrices p { padding:0!important; } .pricelistSearchResults thead th, .pricelistSearchResults tbody th { border:1px solid #000; } #searchResultsInfo .sriDiv { width:100%!important; height:100%!important; padding-left:0!important; margin:0!important; } #leftContent, #rightSidebar{width: 100% !important; float: none !important;} #mediaHolder, #gallery {width: 100%;} .inlineshare, .dateFilter, .addToFavs, .fade, #cookiesOptInMessage {display: none !important;} #pricePerWeekFoot, .adjust, .specialOffer {display: none !important;} #leftContent h2, #pricePerWeekHead th {padding-left: 0 !important; float: none!important;} #leftContent h2 {margin: 10px 0 10px 5px !important; font-size:27px; padding-top: 15px;} .boat-flags {right: 24px; padding-left:120px;} .slides {width: 100% !important; transform: translate3d(0px, 0px, 0px) !important;} #main-slider .slides li, .video-holder {display: none !important; } #main-slider .slides li:first-child {display: block !important; width: 540px !important;} .nav-slider-holder {padding-top: 50px;} .nav-slider-holder .slides li {display: none !important;} .nav-slider-holder .slides li:nth-child(1), .nav-slider-holder .slides li:nth-child(3), .nav-slider-holder .slides li:nth-child(5), .nav-slider-holder .slides li:nth-last-child(1) {display: block !important; float: left;} h2 span {font-size: 14px; display: block; padding: 5px 0;} .slides li img {margin-bottom: 2px;} .nav-slider-holder .slides li {width: 25% !important; height: auto !important; max-height: 250px !important; box-sizing: border-box; margin: 0 !important;} .nav-slider-holder .slides li img {width: 100% !important; border:1px solid #fff;} #techSpecs {height: auto !important;} #priceInfo {padding-left: 0; line-height: 12px;} /*.yachtPriceHolder {page-break-before:always;}*/ .priceIncl {float: none; position: relative;} .flex-viewport {height: auto !important;} .dt-dp-enqButton {display: none !important;} .apiSearch h3, .pricelistSearch h3, #availability-form, #calculation-form, .boat-pricelist p {display:none;} /*.higlight > .data {display: none;} .higlight > .data ~ .data {display: block;}*/ .higlight .data span {text-transform: capitalize;} .higlight .data a {display: none;} .yachtDescriptionHolder {display: none;} .availability-holder {display: none;} .print-availability .availability-holder, .print-availability .billingInfo{display: block;} .print-availability #gallery, .print-availability #note, .print-availability .disclamer, .print-availability #techSpecs, .print-availability .higlight {display: none !important;} .print-availability .billingInfo h2 {padding-left: 0px !important; margin-left: 0px !important;} .print-availability .boat-summary {margin-top:0;} #printOffer {display: none;} .paymentTitle {display: block; padding: 10px 0; font-size: 20px;} .yachtPriceHolder {margin-top: 0;} .yachtPriceHolder h3 {display: none;} .print-inventory #inventornaRight {} .print-inventory #techSpecs {position: static;} .print-inventory #inventornaOwner {display: none;} .print-inventory #inventorna {padding-top: 75px;} } // quick fix to reararnge category boxes on home page @media screen and (min-width:481px){ #yachtNav .nav-content-holder p {display:none;} .nav-content holder span {top:0;} } #regionNav {background:none; display: inline-block;float:left;width: 30%;margin-right:20px;background-color:#404040;min-height:320px;border-radius: 4px;} #regionNav a {max-width: 200px;} //#regionNav a:hover, #regionNav a.active {background: none} #selectBase {background: none;background-color:#404040;min-height:320px;border-radius: 4px;} #regionyacht {display: inline-block;float:left;width:20%;padding-right: 50px;margin-right:20px;margin-top:0;background:none;background-color:#404040;min-height:320px;border-radius: 4px;} #selectBase {display: inline-block;float:left;width:40%;border-radius: 4px;} .baseBlockMap {clear:both;} #regionNav h5, #regionyacht h5, #selectBase h5 {color:#FFF;font-weight: bold;font-size:16px;padding:15px 0 10px 15px;} .euroimage {position: absolute;margin-top: 99px;} .aboutRegion {float:right;width: 63%} #footer h3 {font-size:11px; color:#ddd;padding-left:18px;} #mc_embed_signup input.button { background-color:#c05d00; padding:5px; width:auto; font-size:12px; color:#fff; outline: none; border:none; margin-top:10px; border-radius:3px;padding: 8px 10px;} #mc_embed_signup label{ padding-bottom:0;} #mc_embed_signup .button {height: auto} #mc_embed_signup {padding: 10px 0 20px 20px;} #mce-EMAIL { padding:5px; min-width: 203px;border: none;outline: none} @media screen and (max-width:900px){ #regionNav,#regionyacht,#selectBase {width:100%;float:none;min-height:150px;margin-bottom:20px;} #regionyacht form {text-align: center} .regionsHome img {width:100%;margin-bottom:20px;} .euroimage {position: relative;margin-top: 99px;} .euroimage img {width:100%;} .aboutRegion {float:none;width: 100%} .newslettter {text-align: center} #info a,#info p {color:#000 !important;} #slogan2{display: none} } .pricelistSearchResults thead tr td.marked, .pricelistSearchResults tbody tr td.marked, .priceTable tbody tr td.marked { background: #d26800!important; color: #fff!important; } .priceTable tbody tr th.marked { color: white!important; font-size: 1.1em!important; } a.availibilityMark { padding: 3px; font-size: 0.8em; padding-right: 20px; background: #d27400 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAQDAwMEAwQEBAQGBAQEBggGBAQGCAkHBwgHBwkLCQkJCQkJCwkLCwwLCwkODg8PDg4UFBQUFBYWFhYWFhYWFhb/2wBDAQUFBQkICRELCxEUEA0QFBgXFxcXGBgWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhb/wAARCAANAA0DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgj/xAAkEAABAwMDBAMAAAAAAAAAAAACAQMEBRESABMhBgcxMkFhcf/EABUBAQEAAAAAAAAAAAAAAAAAAAYF/8QALBEAAQIDBQUJAAAAAAAAAAAAAQIRAAMSBDEyQVEFBhNhcSEiUmKBkZKx4f/aAAwDAQACEQMRAD8Ao6Ex0LHoUGlSqNIkxoQtyzZQ2MSl7CSSeyJ4TXJCxsXH1bRaciySRw+GoplqLXXpZzizfPSEyzaVTCsLAKuzO52a76gx3LplEnuQai208k1w348+S4oCryso0TZYskYpYXcfheNHN5JMusTEhlKKquZSweK+x1LFSDhDEDR316QrpvTbNSpcScr6srOitqrWzGcxvGGP7G0pF635/PGkMyyptHfurc3A4m5ZN6xHmWoy1UthOp8T6wT7mKNISmxhTf3zkSVOwNWzRpvGzYCi22r3XnnRzeNQQpCR5lfI/kV9iqrqV0Hs+vWP/9k=') 98% 2px no-repeat; color: white!important; } .pricelistSearchResults a {display: inline-block; margin: 0 5px 0 0; white-space: nowrap;} div.allVariations { text-align: center; width: 100%; } div.allVariations a { display: block; width: 110px!important; height: 24px!important; line-height: 24px!important; font-weight: bold; color: #ffffff !important; background-color: #c05d00; margin: 30px auto 19px auto!important; text-align: center; } .partner { width: 100%; height: auto; text-align: center; margin-left: auto; margin-right: auto; margin-bottom:20px; margin-top:30px; } .partners { width: 200px; float: left; margin: 10px; } .partners h5 {height: 25px;} .offerserror, .offersresult { font-size: 16px; font-weight: bold; color: red!important; line-height: 25px; } .offersresult { color: white!important; } .baseDescription { clear:both; float:left; } .baseGallery img { float:left; border:none; width:100%; } .basePhotoWrapper { height:256px; overflow:hidden; border: solid 1px #D27400; width:32%; float:left; margin:10px 10px 20px 0; } @media screen and (max-width:1024px){ .basePhotoWrapper { height:auto; } } .loadingAvailabilityYb, .loadingBookingYb { background: #cd5900!important; color: #FFF !important; opacity: 0.8!important; filter: alpha(opacity=80)!important; padding: 20px!important; width: 100%; display: block; font-size: large!important; border: 1px solid #FFF; } .loadingAvailabilityYb img, .loadingBookingYb img { float: none!important; width: auto!important; } .loadingBookingYb { float: left!important; margin: 30px 0px 100px 0px!important; } .responsiveTableBig { padding-right: 10px; margin-bottom: 1.5em } .responsiveTableBig table { margin-bottom: 0 } @media only screen and (max-width:2880px) { .responsiveTableBig { padding-right: 0; overflow-x: auto; overflow-y: auto; width: 100% } .responsiveTableBig table { table-layout: fixed; width: auto; margin-left: 255px; } .responsiveTableBig table th { white-space: nowrap } .responsiveTableBig table tbody th, .responsiveTableBig table thead th.first { position: absolute; z-index: 5; left: 20px; width: 203px; background-color: #FFF } .responsiveTableBig table thead th.first, .responsiveTableBig table tbody th { width: 256px; box-sizing: border-box; } } @media (min-width:1200px) { .responsiveTableBig { padding-right: 0 } } .responsiveTableBigPrices{ padding-right:10px; margin-bottom:1.5em } .responsiveTableBigPrices table{ margin-bottom:0 } @media only screen and (max-width:2880px){ .responsiveTableBigPrices{ padding-right:0; overflow-x:auto; overflow-y:auto; width:100% } } @media (min-width:1200px){ .responsiveTableBigPrices{ padding-right:0 } } .responsiveTable{ padding-right:10px } @media only screen and (max-width:800px){ .responsiveTable{ padding-right:0 } .responsiveTable .table-cf:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 } .responsiveTable * html .table-cf{ zoom:1 } .responsiveTable table{ border-collapse:collapse; border-spacing:0 } .responsiveTable td,.responsiveTable th{ margin:0; vertical-align:top } .responsiveTable table{ position:relative } .responsiveTable thead{ display:block; float:left } .responsiveTable tbody{ display:block; width:auto; text-align:left; position:relative; overflow-x:auto; white-space:nowrap } .responsiveTable thead tr{ display:block } .responsiveTable th{ display:block; text-align:right } .responsiveTable tbody tr{ display:inline-block; vertical-align:top } .responsiveTable td{ display:block; min-height:1.25em; text-align:left } .responsiveTable th{ border-bottom:0; border-left:0; white-space:nowrap } .responsiveTable td{ border-left:0; border-right:0; border-bottom:0 } .responsiveTable table{ display:inline-block!important; width:auto!important } } @media (min-width:1200px){ .responsiveTable{ padding-right:0 } } @media only screen and (max-width:800px){ .smaller .responsiveTable tr>th{ font-size:16px } } @media only screen and (max-width:540px){ .responsiveTableBig table thead th.first, .responsiveTableBig table tbody th { padding: 10px 4px; left: 10px; } } #listSearchResults { } .bestPriceInfo { padding: 5px 10px 30px; } .bestPriceInfo img { float: left; margin-right: 50px; border: 0 none !important; } .bestPriceText { color: #fff; font-size: 21px; min-width: 200px; max-width: 500px; float: left; padding-top: 20px; } .bestPriceText span { font-style: italic; font-size: 16px; } .boatItem { position: relative; } .bestPrice:after { content: ""; width: 50px; height: 50px; display: block; position: absolute; bottom: -10px; right: 0; background: url(../images/bestprice.png) left top no-repeat; background-size: contain; } @media only screen and (max-width:762px){ .bestPriceInfo img { margin: 0 auto; float: none; } .bestPriceText { float: none; width: 100%; font-size: 18px; } .bestPriceText span { font-size: 12px; } } @media only screen and (max-width:400px){ .bestPrice:after { bottom: -23px; right: -12px; } } /*colors*/ /*row padding*/ /*Font*/ button { background: none; border: 0; color: inherit; /* cursor: default; */ font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; /* for input */ -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none; } #availability-form { min-height: 40px; } #availability-relatedboats.table_wrapper { overflow-x: auto; direction: rtl; } .table_offers { font-size: 14px; color: white; text-align: left; width: 90%; margin: 0 auto; white-space: nowrap; margin-left: 5px; } .table_offers td { border-bottom: 1px solid gray; text-align: left; padding: 10px; /*border-bottom: 1px solid gray; text-align:center; width: 128px;*/ } .top_offer td.table_offers { border-bottom: 1px solid #ff7300; } .table_offers td:last-of-type { padding: 0 0 0 1rem; border-bottom: none; } .table_offers th { font-weight: normal; padding: 1rem .5rem; text-transform: uppercase; text-align: left; } .table_offers tr:last-of-type { border-bottom: none; } .table_offers tr.top_offer { background-color: #ff7300; } /* .table_offers tr th:first-child { background-color: #525252; } */ .table_offers tr td:first-child, .table_offers tr th:first-child { position: -webkit-sticky; position: sticky; left: -5px; letter-spacing: -.2px; text-align: left; max-width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .table_offers .current { border: none; background-color: gray; font-weight: bold; } .table_offers .current_txt { white-space: normal; width: 26px; font-size: 11px; background-color: #363636; line-height: 12px; text-align: center; font-weight: 500; /*font-size: 9px; background-color: #525252;*/ } .table_offers .td_num { text-align: center; } .table_offers .crossed_price { text-decoration: line-through; padding-right: 6px; } .table_offers .new_price { color: #ffba82; font-weight: bold; } .top_offer .new_price, .table_offers .btn_book { color: #363636; } .btn_book, .table_offers .btn_book { border-radius: 5px; background-color: #ff7300; color: #fff !important; padding: .3rem 1rem; cursor: pointer; } .table_offers .btn_book:hover { background-color: #b45100; -webkit-transition: 0.2s; transition: 0.2s; } .table_offers .btn_back { background-color: #363636; } .table_offers .title_color { color: #ff7300; } .table_offers .first, .table_offers .last { /* background-color: #525252; */ } .table_offers thead .first { background-color: #363636; } .table_offers tr.current .first { background-color: #808080; } .top_offer .first * { color: #fff !important; } .table_offers .top_offer .first, .table_offers .top_offer .last { background-color: #ff7300; } .table_offers .current .table_offers .first, .table_offers .current .last { background-color: gray; } .table_offers .first { z-index: 99; background-color: #363636; } .table_offers .first:before { content: ''; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 5px; height: 100%; top: 50%; left: -5px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .top_offer .first:before { background-color: #ff7300; } .current .first:before { background-color: gray; } .table_offers .last { position: relative; text-align: right; } .table_offers .last:before { content: ''; border-top-right-radius: 8px; border-bottom-right-radius: 8px; position: absolute; width: 5px; height: 100%; right: -5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .top_offer .last:before { background-color: #ff7300; } .table_offers .current .last:before { background-color: gray; } .table_offers tr.top_offer:nth-child(1) .first:before { content: ''; border-top-left-radius: 8px; border-bottom-left-radius: 0px; } .table_offers tr.top_offer:nth-child(1) .first:before { content: ''; border-top-left-radius: 8px; border-bottom-left-radius: 0px; } .table_offers tr.top_offer:nth-child(1) .last:before { content: ''; border-top-right-radius: 8px; border-bottom-right-radius: 0px; } .table_offers tr.top_offer:nth-child(2) .first:before { content: ''; border-top-left-radius: 0px; border-bottom-left-radius: 8px; } .table_offers tr.top_offer:nth-child(2) .last:before { content: ''; border-top-right-radius: 0px; border-bottom-right-radius: 8px; } /*# sourceMappingURL=table.css.map */ .yachtshow #chat-application {bottom: 55px !important;} .mainInfo .yachtDescription { font-size: 12px; } .availibility-warning { font-size: 18px; color: orange!important; } #rightSidebar .mainInfo { font-size: 13px; } .covid { font-size: 16px; background-color: #292929; padding: 12px 10px 16px 10px; text-align: center; margin: 0 auto; } .covid a { color: #ff6e3f!important; font-weight: bold; } .covid a:hover { text-decoration: none; opacity: 0.8; } .covid a:after { content: '\e80b'; font-family: "fontello"; padding-left: 5px; font-size: 14px; } @media only screen and (max-width:762px){ .covid { margin-bottom: 0; padding-bottom:10px; } }