/* inherited from styles.YachtCouncil.css */ .BoatSearch table { width: 98%; } .BoatSearch td { font-family: "Times New Roman", Times, serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 9pt; padding-top: 10px; padding-bottom: 10px; } .BoatSearch td table td { font-family: "Times New Roman", Times, serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 9pt; padding-top: 5px; padding-bottom: 5px; } .BoatSearch2 td { font-family: "Times New Roman", Times, serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 9pt; padding-top: 0px; padding-bottom: 0px; } .inBOX td { width:auto; } a.linkbold { font-size:12pt; } .BoatSearch { margin-top: 20px; margin-bottom: 20px; } /* LISTINGS IN GRID MODE yacht sales pg */ .BoatSearch.GridMode .Boat { width: 23%; float: left; margin: 0 1% 10px; display: block; } /* .BoatSearch.GridMode .Boat:nth-child(4n+1) { clear: both; } */ .BoatSearch.GridMode .Boat .Picture { width: 100%; height: 160px; min-height: initial; display: block; } .BoatSearch.GridMode .Boat .Details { width: 100%; } .BoatSearch.GridMode .Boat .Details h2 { width: 100%; text-align: left; margin: 5px 0 5pt !important; padding: 0; font-size: 13pt; } .BoatSearch.GridMode .Boat .Details h2::before, .BoatSearch.GridMode .Boat .Details h2::after { width: 0; margin-right: 0; margin-left: 0; } .BoatSearch.GridMode .Boat .Details h4 { margin: 0 !important; font-size: 10pt; } .BoatSearch.GridMode .Boat .Details h4 .Price { font-size: 10pt; padding: 3px 4pt 3px; } .BoatSearch.GridMode .Boat .Details p { display: none; } .BoatSearch.GridMode .Boat .Details p.More { display: block; margin: 13px 0 0 !important; } .BoatSearch.GridMode .Boat .Details p.More span:last-child { display: none; } /* 211104 - adjustments for Vessels' INFO */ #INFO .two-col { margin-right: 3vw; margin-left: 3vw; } #DETAILS > i { display: block; color: #006; margin: 0 3vw 20pt; font-size: 8pt; } /* Listings styles */ .BoatSearch { margin: 20px 3vw; } .Boat { display: flex; flex-direction: row; margin-bottom: 20pt; font-family: Georgia, "Times New Roman", Times, serif; min-height: 310px; } .PictureLink { width: 25%; } .Picture { background-size: cover; background-color: #0064; height: calc( 100% - 12pt); width: 100%; background-repeat: no-repeat; background-position: center; margin-top: 12pt; } .Details { width: 75%; /*padding-bottom: 14pt;*/ } .Details h2 { margin: 0 10px 5pt; font-size: 18pt; padding-top: 0; } #MAIN .Details h2 { margin-top: 0; padding-top: 0; } .Details h3 { margin: 0 10px 3pt; } .Details h4 { margin: 0 10px 6pt; font-size: 12pt; } .Details p { margin: 0 10px 3pt; font-size: 10pt; line-height: 14pt; } .Details p.More { font-size: 8pt; border-top: dotted 1px #999; padding-top: 5pt; margin-top: 5pt; text-align: left; } .Price { background-color: #339; color: #FFF; padding: 2px 6pt; font-weight: normal; border-radius: 3pt; white-space: nowrap; } .Pager { background-color: #eef4f9; padding: 10px; text-align: right; margin: 20pt 0; } .Pager a { background-color: #3393; color: #000; text-decoration: none; padding: 3px 3pt; border-radius: 2px; margin: 0 2pt; line-height: 1.9; } .Pager a:hover { background-color: #339; color: #FFF; } .Details a, .Details:visited { color: #339; text-decoration: none; } .Details a:hover { text-decoration: underline; } .Details .More span { white-space: nowrap; } .HalfL { float: left; width: 50%; text-align: left; } .HalfR { float: right; width: 50%; text-align: right; } .CLEAR { clear: both; } p.ResultsIntro { font-weight:normal !important; } /* INTERESTED FORM */ #MAIN .InterestedTitleL, #MAIN .InterestedTitleR { padding: 0; } #MAIN .InterestedTitleR h3 { text-align: right; margin-right: 0; } #MAIN .InterestedTitleR h3 a { color: #FFF; } form#sort { margin-right: 3vw; } #MAIN form#sort h3 { margin-right: 0; }