/*-------------------------------------------------------------- 17.0 Jachtpresentatie --------------------------------------------------------------*/ #specs h2{font-weight:bold;} #highlights table tr td b{} h2.yacht_model{font-weight: bold;margin-bottom:15px;} h2.yacht_model .yacht_prijs{float:right;} #mainPicture {width:520px;float:left;} #pictureViewer {float:left;} #jachtOpties ul {list-style:none;list-style-type:none;margin-left:15px;} #jachtOpties ul li a{padding-left:40px; height:32px;display:inline-block;margin-bottom:10px;line-height:32px;text-decoration:none;} #jachtOpties .back{background:url('images/back.png') no-repeat;} #jachtOpties .print{background:url('images/print.png') no-repeat;} #jachtOpties .mail{background:url('images/mail.png') no-repeat;} #jachtOpties .slideshow{background:url('images/photos.png') no-repeat;} #mainPicture img{border: 7px solid #F1F1F1;} #slider .slideScroll,#slider .scrollable{width:150px;} #slider .scrollable .items{width:100%} #slider .scrollable img{max-width:100%;max-height:inherit;} #slider .scrollable{height:308px;} #slider .up,#slider .down{width:100%;} #yf_featured_boats .one_featured_yacht {float: left;width: 220px;margin-right: 13px;} #yf_featured_boats .one_featured_yacht a {text-decoration:none;} #yf_featured_boats .one_featured_yacht:nth-child(4n){ margin-right:0;} #yf_featured_boats .one_yacht_price{color:red;} #yfcontactform{padding:40px;} #yf_sorting .yf_sort_button{background:#EEE url('../images/caret.png') no-repeat;background-position:center right;padding:0px 20px 0px 10px;} #yf_sorting ul{list-style:none; list-style-type:none; margin:0 0 3px 0; padding-left:0;float:left;} #yf_sorting ul{display:none; list-style:none; list-style-type:none; margin:0 0 3px 0; padding-left:0;} #yf_sorting li{ padding:5px 10px; background-position:left center; position:relative;} #yf_sorting li a{color:#001D32; padding-right:15px; background-position:center right; display:inline-block; width:93%;border:0} #yf_sorting .yf_sort_button:hover ul{display:block; clear:both; z-index:9999; position:absolute; background:#fafafa; box-shadow: 1px 2px 2px #ccc; border: 1px solid #ccc; padding:0px;} #yf_sorting ul li{padding:5px 10px; border-bottom:1px solid #eaeaea; margin: 0 !important;} #yf_sorting{float:left;} .right{float:right;} .yf_pagination{list-style:none; list-style-type:none; padding:0px!important; margin:4px 0px;} .yf_pagination li{display: block; float: left;} .yf_pagination li a{color:#3d5054; padding: 0px 8px; margin:0 2px; text-decoration: none; background: #EEE;} .yf_pagination .active a{background:#3D5054; color:#fff;} .new_boat h2.yacht_model{background:#67c0f8!important; color:#fff; clear: both;} #yacht_list,#highlights {clear: both; padding-top:15px;} #yf_main_search table{width: 100%;} #yf_main_search label, #yf_main_search input {display: inline;} #slider{width:178px;float:right} #scrollable{width: 178px;height: 360px;overflow: hidden;} #scrollable ul{list-style:none;list-style-type:none;margin-left:0;padding-left:0;} #scrollable ul li{padding-bottom:3px;} #slider .prevPage, #slider .nextPage{height:20px;width:100%;display:block;} #slider .prevPage{background:url('../images/up.png') no-repeat center center;} #slider .nextPage{background:url('../images/down.png') no-repeat center center;} .mail_subject_yf{display:none;visibility: hidden;} .always_show{display:block!important;} #yacht_image_slider{width:100%;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .galleria-thumb-nav-left,.galleria-thumb-nav-right{bottom:35%;} .vertical .galleria-thumb-nav-left, .vertical .galleria-thumb-nav-right{bottom:0%;right:35%;} .form_saving{background:url(../images/loading.gif) no-repeat;width:46px;height:46px;display:none;} #mag_buttons { position: absolute; bottom: -10px; } .mag_play, .mag_pause { width: 48px; height: 48px; display: inline-block; } .mag_play { background: url('../images/play.png');} .mag_pause { background: url('../images/pause.png');} /**************************** Grid system **********************************/ .clmn-5 {width:5%;} .clmn-10 {width:10%;} .clmn-15 {width:15%;} .clmn-20 {width:20%;} .clmn-25 {width:25%;} .clmn-30 {width:30%;} .clmn-35 {width:35%;} .clmn-40 {width:40%;} .clmn-45 {width:45%;} .clmn-50 {width:50%;} .clmn-55 {width:55%;} .clmn-60 {width:60%;} .clmn-65 {width:65%;} .clmn-70 {width:70%;} .clmn-75 {width:75%;} .clmn-80 {width:80%;} .clmn-85 {width:85%;} .clmn-90 {width:90%;} .clmn-95 {width:95%;} .clmn-100 {width:100%;} .clmn-5, .clmn-10, .clmn-15, .clmn-20, .clmn-25, .clmn-30, .clmn-35, .clmn-40, .clmn-45, .clmn-50, .clmn-55, .clmn-60, .clmn-65, .clmn-70, .clmn-75, .clmn-80, .clmn-85, .clmn-90, .clmn-95, .clmn-100 {float:left;} /* ==================================================================================================================== * SOCIAL SHARE * ====================================================================================================================*/ .arthref{position:fixed;top:0;left:0;z-index:9999}.arthref .overlay{z-index:100;position:fixed;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.8);pointer-events:none;display:none;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.arthref .opaque{background:rgba(0,0,0,0.2)!important}.arthref .overlay.active{opacity:1;pointer-events:all}.arthref .icon-container{z-index:101;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}.arthref .icon-container:before{content:'';height:100%;display:inline-block;vertical-align:middle}.arthref .icon-container .centered{display:inline-block;padding:1em;vertical-align:middle;text-align:left;width:80%;max-width:725px}.arthref .icon-container ul{margin:0;padding:0;list-style-type:none;text-align:center;opacity:0;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;pointer-events:none}.arthref .icon-container ul.active{opacity:1;pointer-events:auto}.arthref .icon-container ul li{display:inline-block;width:80px;height:110px;margin:10px}.arthref .icon-container ul li a{background-color:#617385;border-radius:10px;display:block;width:80px;height:80px;margin:0 0 10px 0}.arthref .icon-container ul li span{text-align:center;font-family:Arial;font-size:12px;font-weight:bold;text-shadow:0 2px 3px rgba(0,0,0,.9);color:#e5e5e5;font-style:normal!important}.arthref .icon-container ul li a.aApple span{background-position:0 0}.arthref .icon-container ul li a.aMySpace span{background-position:-80px 0}.arthref .icon-container ul li a.aBlackBerry span{background-position:-160px 0}.arthref .icon-container ul li a.aWikipedia span{background-position:-240px 0}.arthref .icon-container ul li a.aEMail span{background-position:-320px 0}.arthref .icon-container ul li a.aWordpress span{background-position:-400px 0}.arthref .icon-container ul li a.aDeviantart span{background-position:-480px 0}.arthref .icon-container ul li a.aForrst span{background-position:0 -80px}.arthref .icon-container ul li a.aTechnorati span{background-position:-80px -80px}.arthref .icon-container ul li a.aXBox span{background-position:-160px -80px}.arthref .icon-container ul li a.aAndroid span{background-position:-240px -80px}.arthref .icon-container ul li a.aEvernote span{background-position:-320px -80px}.arthref .icon-container ul li a.aZerply span{background-position:-400px -80px}.arthref .icon-container ul li a.aXing span{background-position:-480px -80px}.arthref .icon-container ul li a.aVimeo span{background-position:0 -160px}.arthref .icon-container ul li a.aTumblr span{background-position:-80px -160px}.arthref .icon-container ul li a.aFacebook span{background-position:-160px -160px}.arthref .icon-container ul li a.aDigg span{background-position:-240px -160px}.arthref .icon-container ul li a.aDelicious span{background-position:-320px -160px}.arthref .icon-container ul li a.aFriendFeed span{background-position:-400px -160px}.arthref .icon-container ul li a.aLinkedIn span{background-position:-480px -160px}.arthref .icon-container ul li a.aPaypal span{background-position:0 -240px}.arthref .icon-container ul li a.aBehance span{background-position:-80px -240px}.arthref .icon-container ul li a.aFoursquare span{background-position:-160px -240px}.arthref .icon-container ul li a.aWindows span{background-position:-240px -240px}.arthref .icon-container ul li a.aSkype span{background-position:-320px -240px}.arthref .icon-container ul li a.aTwitter span{background-position:-400px -240px}.arthref .icon-container ul li a.aPosterous span{background-position:-480px -240px}.arthref .icon-container ul li a.aLastFm span{background-position:0 -320px}.arthref .icon-container ul li a.aQuora span{background-position:-80px -320px}.arthref .icon-container ul li a.aYouTube span{background-position:-160px -320px}.arthref .icon-container ul li a.aPinterest span{background-position:-240px -320px}.arthref .icon-container ul li a.aPath span{background-position:-320px -320px}.arthref .icon-container ul li a.aGooglePlus span{background-position:-400px -320px}.arthref .icon-container ul li a.aFlud span{background-position:-480px -320px}.arthref .icon-container ul li a.aStumbleUpon span{background-position:0 -400px}.arthref .icon-container ul li a.aReddit span{background-position:-80px -400px}.arthref .icon-container ul li a.aRSS span{background-position:-160px -400px}.arthref .icon-container ul li a.aScoutzie span{background-position:-240px -400px}.arthref .icon-container ul li a.aBlogger span{background-position:-320px -400px}.arthref .icon-container ul li a.aGrovershark span{background-position:-400px -400px}.arthref .icon-container ul li a.aAIM span{background-position:-480px -400px}.arthref .icon-container ul li a.aYahoo span{background-position:0 -480px} .arthref .icon-container ul li a.aFlickr span{background-position:-80px -480px}.arthref .icon-container ul li a.aDribbble span,.arthref .icon-container ul li a.aDribble span{background-position:-160px -480px}.arthref .icon-container ul li a.aInstagram span{background-position:-240px -480px}.arthref .icon-container ul li a.aApple{background-color:#272727}.arthref .icon-container ul li a.aMySpace{background-color:#272727}.arthref .icon-container ul li a.aBlackBerry{background-color:#2c2c2c}.arthref .icon-container ul li a.aWikipedia{background-color:#303030}.arthref .icon-container ul li a.aEMail{background-color:#434343}.arthref .icon-container ul li a.aWordpress{background-color:#444}.arthref .icon-container ul li a.aDeviantArt{background-color:#40504c}.arthref .icon-container ul li a.aForrst{background-color:#254619}.arthref .icon-container ul li a.aTechnorati{background-color:#48aa26}.arthref .icon-container ul li a.aXBox{background-color:#61a500}.arthref .icon-container ul li a.aAndroid{background-color:#8acd16}.arthref .icon-container ul li a.aEvernote{background-color:#78ba4e}.arthref .icon-container ul li a.aZerply{background-color:#99bd67}.arthref .icon-container ul li a.aXing{background-color:#036567}.arthref .icon-container ul li a.aVimeo{background-color:#627486}.arthref .icon-container ul li a.aTumblr{background-color:#365471}.arthref .icon-container ul li a.aFacebook{background-color:#3b5998}.arthref .icon-container ul li a.aDigg{background-color:#1b5891}.arthref .icon-container ul li a.aDelicious{background-color:#3274d1}.arthref .icon-container ul li a.aFriendFeed{background-color:#5e94d6}.arthref .icon-container ul li a.aLinkedIn{background-color:#2086bc}.arthref .icon-container ul li a.aPaypal{background-color:#478fda}.arthref .icon-container ul li a.aBehance{background-color:#0d8af8}.arthref .icon-container ul li a.aFoursquare{background-color:#17a4d7}.arthref .icon-container ul li a.aWindows{background-color:#22aee7}.arthref .icon-container ul li a.aSkype{background-color:#00aff0}.arthref .icon-container ul li a.aTwitter{background-color:#00b6f3}.arthref .icon-container ul li a.aPosterous{background-color:#8ab4cd}.arthref .icon-container ul li a.aLastFm{background-color:#b70300}.arthref .icon-container ul li a.aQuora{background-color:#c21d11}.arthref .icon-container ul li a.aYouTube{background-color:#c8312b}.arthref .icon-container ul li a.aPinterest{background-color:#cb2027}.arthref .icon-container ul li a.aPath{background-color:#bf3119}.arthref .icon-container ul li a.aGooglePlus{background-color:#cf4231}.arthref .icon-container ul li a.aFlud{background-color:#ff503e}.arthref .icon-container ul li a.aStumbleUpon{background-color:#eb4924}.arthref .icon-container ul li a.aReddit{background-color:#ff500f}.arthref .icon-container ul li a.aRSS{background-color:#f72}.arthref .icon-container ul li a.aScoutzie{background-color:#f87242}.arthref .icon-container ul li a.aBlogger{background-color:#fc9c4a}.arthref .icon-container ul li a.aGrovershark{background-color:#fca204}.arthref .icon-container ul li a.aAIM{background-color:#ffba00}.arthref .icon-container ul li a.aYahoo{background-color:#640e6b}.arthref .icon-container ul li a.aFlickr{background-color:#ff0084}.arthref .icon-container ul li a.aDribbble,.arthref .icon-container ul li a.aDribble{background-color:#ff0084}.arthref .icon-container ul li a.aInstagram{background-color:#723f2d}.arthref .icon-container ul li a span{display:block;width:80px;height:80px;background:url('../images/social-sprite.png') no-repeat}.arthref .icon-container ul li a{background-image:-webkit-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-moz-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-o-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-ms-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%)}.arthref .icon-container ul li:hover a{background-image:-webkit-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-moz-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-o-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-ms-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%)}.arthref .launchpad .icon-container ul{-webkit-transform-origin:center 20%;-webkit-transform:scale(0.8);-moz-transform-origin:center 20%;-moz-transform:scale(0.8);-o-transform-origin:center 20%;-o-transform:scale(0.8);-ms-transform-origin:center 20%;-ms-transform:scale(0.8);transform-origin:center 20%;transform:scale(0.8)} .arthref .launchpad.active .icon-container ul{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.arthref .launchpadReverse .icon-container ul{-webkit-transform-origin:center 20%;-webkit-transform:scale(1.2);-moz-transform-origin:center 20%;-moz-transform:scale(1.2);-o-transform-origin:center 20%;-o-transform:scale(1.2);-ms-transform-origin:center 20%;-ms-transform:scale(1.2);transform-origin:center 20%;transform:scale(1.2)}.arthref .launchpadReverse.active .icon-container ul{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.arthref .slideTop{top:-100%}.arthref .slideTop.active{top:0}.arthref .slideRight{left:100%}.arthref .slideRight.active{left:0}.arthref .slideBottom{top:100%}.arthref .slideBottom.active{top:0}.arthref .slideLeft{left:-100%}.arthref .slideLeft.active{left:0}.arthref .chain .icon-container ul li{opacity:0}.blurred{-webkit-transition:-webkit-filter 300ms ease-in-out;-moz-transition:-moz-filter 300ms ease-in-out;-o-transition:-o-filter 300ms ease-in-out;-ms-transition:-ms-filter 300ms ease-in-out;transition:filter 300ms ease-in-out;-webkit-filter:blur(15px)}