/*--------------------------------------------------------------

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:32px; height:32px;display:inline-block;margin-bottom:10px;line-height:32px;text-decoration:none;}

#jachtOpties .back{background:url('images/back.png') no-repeat; background-position: left center;}

#jachtOpties .print{background:url('images/print.png') no-repeat; background-position: left center;}

#jachtOpties .mail{background:url('images/mail.png') no-repeat; background-position: left center;}

#jachtOpties .slideshow{background:url('images/photos.png') no-repeat; background-position: left center;}



#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 2px; margin:0 2px; text-decoration: none; font-size:16px;font-weight:normal;}

.yf_pagination .active a{color:#000;font-weight:bold;}



.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;}





/**************************** ALPHA LAYOUT  **********************************/



.layout_alpha table th {font-weight:bold;background:#eee;padding:2px 4px;}

.layout_alpha table td img{vertical-align:middle;}

.layout_alpha table td{padding:2px 4px;vertical-align:middle;}

.layout_alpha table tr:nth-child(2n+1){background:#f0f0f0;}

.layout_alpha .yacht_model a{font-weight:bold;text-decoration:none;}





/*************************** BRAVO LAYOUT  **********************************/



.layout_bravo .one_yacht{width:100%;clear:both}

.layout_bravo .one_yacht_image{float:left;margin:5px 10px}

.layout_bravo .yacht_details{overflow:auto;}

.layout_bravo .one_yacht_specs span{width:33%;display: inline-block;}



/**************************** CHARLIE LAYOUT  **********************************/



.layout_charlie .one_yacht{    width: 27.4%;

    margin-right: 4.5%;

    float: left;

    margin-bottom: 50px;

    border: 1px solid #A9A9A9;

    background: #FFF;

    padding: 10px;}

	.layout_charlie .one_yacht img{width:100%;max-width:100%;}

.layout_charlie .one_yacht:nth-child(3n){margin-right:0%}

.layout_charlie .one_yacht:nth-child(3n+1){clear:both;}



/**************************** CUSTOM LAYOUT  **********************************/

#search_box table td{width:33%;text-align:left;padding: 5px 10px 5px 0;}

#search_box table td .input-medium{width:38%;}

#search_box table td input{padding: 10px 8px;    font-size: 16px;}
#search_box table td select{padding: 10px 8px;
    font-size: 16px;
    width: 71%;}

input.search-query.input-xlarge{width:87%;}

.page-id-15588 .container{/*background:#e5e5e5!important;*/}



div#search_box {    text-transform: uppercase;    color: #000;    font-size: 16px;    font-weight: bold;}

.btn-primary{border-radius:6px;background: rgba(69,69,119,1);

background: -moz-linear-gradient(top, rgba(69,69,119,1) 0%, rgba(5,5,57,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,69,119,1)), color-stop(100%, rgba(5,5,57,1)));

background: -webkit-linear-gradient(top, rgba(69,69,119,1) 0%, rgba(5,5,57,1) 100%);

background: -o-linear-gradient(top, rgba(69,69,119,1) 0%, rgba(5,5,57,1) 100%);

background: -ms-linear-gradient(top, rgba(69,69,119,1) 0%, rgba(5,5,57,1) 100%);

background: linear-gradient(to bottom, rgba(69,69,119,1) 0%, rgba(5,5,57,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454577', endColorstr='#050539', GradientType=0 );color:#fff;font-size:16px;font-weight:bold;    border: 0;    padding: 10px;    width: 73%;cursor:pointer;}

.top_bar_bttns{background:#FFF;padding:10px;    border-radius: 5px;margin-top:60px;}

#yf_sorting .yf_sort_button{border: 1px solid #A9A9A9;padding: 5px 20px 5px 10px;    border-radius: 5px;background-color:#fff;}

.yacht_model a{color:#000033;text-transform:none;}

.yacht_details {    color: #000;    font-weight: normal;}

.one_yacht_price {    font-weight: bold;}

div#slider_container_stuurboord {    width: 65%;float:left;}

.right_side_details{width:33%;float:right;}

.opties_list li{background: rgba(223,223,223,1);

background: -moz-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(179,179,179,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,223,223,1)), color-stop(100%, rgba(179,179,179,1)));

background: -webkit-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(179,179,179,1) 100%);

background: -o-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(179,179,179,1) 100%);

background: -ms-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(179,179,179,1) 100%);

background: linear-gradient(to bottom, rgba(223,223,223,1) 0%, rgba(179,179,179,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#b3b3b3', GradientType=0 );width:46%;border-radius:6px;display:inline-block}



#jachtOpties ul li a {

    padding-left: 32px;

    display: inline-block;

    margin: 5px 10px;

    font-weight: bold;

    text-decoration: none;

	line-height:26px;

	height:auto;

}

#yfYachtSpecs table td{text-align:left;}

#yfcontactform {    padding: 30px 0px 0px 0px;}

div#yfcontactform input, #yfcontactform textarea {

    width: 100%;

    padding: 10px 10px;

    font-size: 16px;

}

#yfcontactform textarea{height:80px;}



div#yfYachtSpecs{background: #FFF;  border: 1px solid #ccc;padding: 40px 30px;}



div#yfYachtSpecs,div#yfYachtSpecs p {    color: #000;    font-weight: normal;}

#yfYachtSpecs h3{margin-top:40px;}

#highlights table{width:auto!important; min-width:60%;}

#highlights table td {border-bottom:1px solid #eee;padding:5px 0;}

#specs table td {padding:2px 0;}
.yf_subject{display:none;}

.srr-wrap .srr-title a {    font-weight: bold;}
.galleria-container{background:#C7C7C7}





/* fix for iframe video. */

.yf_boat_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px;
}


.yf_boat_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}







@media only screen and (max-width: 600px) {
    .layout_charlie .one_yacht {
        width: 93%;
        margin-right: 0;
    }
    div#slider_container_stuurboord{width:100%;float:none;}
    .right_side_details{width:100%;float:none;}
}
@media only screen and (min-width:600px) and (max-width: 1070px) {
    .layout_charlie .one_yacht:nth-child(2n){margin-right:0%}
/*    .layout_charlie .one_yacht:nth-child(3n){margin-right:4.5%}*/
    .layout_charlie .one_yacht:nth-child(2n+1){clear:both; margin-right: 4.5%;}
    .layout_charlie .one_yacht:nth-child(3n+1){clear:none;}

    .layout_charlie .one_yacht {
        width: 44%;
        margin-right: 4.5% ;
    }
}

@media only screen and (min-width: 1440px) {
    .layout_charlie .one_yacht {
        width: 28%;
    }
}


.galleria-info-link {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	div#yfYachtSpecs {
	    border: 0px solid #ccc !important;
	    padding: 0px 0px 40px 0px !important;
	}
	.galleria-container {
		margin-bottom: 30px;
	}

	#jachtOpties ul {
	    margin-left: 0 !important;
	}

	.galleria-fullscreenbutton {
		bottom: inherit;
		top:0px !important;
	}

	.galleria-thumbnails-container {
	    max-width: 70% !important;
	}
}