/* BOATS LIST TOP */

div#boats_list_top {
	background-color: #F2F2F2;
	border: 1px solid #BABABA;
	padding: 5px 12px;
	margin: 0 0 23px;
	border-radius: 10px;
	color: #333333;
	position: relative;
	line-height: 1.6;
}

div#boats_list_top p.title {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

div#boats_list_top table {
	width: 100%;
	border-collapse: collapse;
}
div#boats_list_top table td {
	text-align: center;
}


/* NAVIS BOATLIST */

#navis_boats_list {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.7;
	position: relative;
	width: 100%;
}
#nbl_boats_list {
    border-collapse: separate;
    border-spacing: 1px;
    margin: 0;
    width: 100%;
		table-layout: auto;
}

#navis_boats_list td {
	position: relative;
}

.nbl_pager img {
	vertical-align: middle;
	cursor: pointer;
}

#navis_boats_list #nbl_search_box_left {
	vertical-align: top;
	width: 230px;
}

@media print {
	#navis_boats_list #nbl_search_box_left {
		display: none;
	}
}

#navis_boats_list #nbl_search_box_left #nbl_search_box {
	width: 230px;
	background-color: #F2F2F2; /*#E8E8E8*/
	margin: 32px 0 4px 0;
	padding: 3px 6px 10px;
	text-align: center;
	border: 1px solid #BABABA;
	color: #333333;
	position: relative;
	top: 0;
	left: 1px;
	vertical-align: top;
}

#navis_boats_list #nbl_search_box_top #nbl_search_box {
	background-color: #F2F2F2;
	border: 1px solid #BABABA;
	border-radius: 15px 15px 0 0;
	color: #333333;
	margin: 0 auto;
	position: relative;
	top: 1px;
	left: 0;
	padding-bottom: 14px;
}
#navis_boats_list #nbl_search_box_top #nbl_search_box table {
	margin: 0 auto;
}
#navis_boats_list #nbl_search_box_top .pager_cell {
	width: 220px;
	vertical-align: middle;
}
#navis_boats_list #nbl_search_box_top .single_cell {
	width: 110px;
}
#navis_boats_list #nbl_search_box_top .double_cell {
	width: 242px;
}
#navis_boats_list #nbl_search_box_top .search {
	text-align: center;
	width: 150px;
	vertical-align: middle;
}

#navis_boats_list select {
	margin: 0;
}
#navis_boats_list input.text {
	/* Questo metodo non è compatibile con IE7
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	*/
	width: 214px;
}
#navis_boats_list input.text50 {
	width: 99px;
}
#navis_boats_list input.date {
	z-index: 1;
	position: relative;
}
#navis_boats_list #nbl_search_box_left table td {
	text-align: left;
	padding: 0 5px;
}
#navis_boats_list #nbl_search_box_top table td {
	text-align: left;
	padding: 0 10px;
}
#navis_boats_list #nbl_search_box_left table th {
	text-align: left;
	font-weight: normal;
	padding: 8px 6px 0;
}
#navis_boats_list #nbl_search_box_top table th {
	text-align: left;
	font-weight: normal;
	padding: 8px 11px 0;
}
#navis_boats_list #nbl_search_box .form {
	width: 100%;
}
#navis_boats_list #nbl_search_box .searchSubmit {
	width: 130px;
	height: 28px;
	margin: 12px 0 5px;
}
#navis_boats_list .nbl_pager .pagedisplay {
	font-weight: bold;
	padding: 0 5px;
	vertical-align: middle;
	color: #333333;
	font-size: 10pt;
}
#navis_boats_list .nbl_pager select.pagesize {
	display: inline;
	width: 160px;
}

#navis_boats_list #nbl_search_box .ui-slider {
	font-size: 10px;
	margin: 3px 7px 0 5px;
}
#navis_boats_list #nbl_search_box .ui-slider-range {
	background-color: #E8E8E8;
	background-image: none;
}
#navis_boats_list #nbl_search_box .ui-slider-handle,
#navis_boats_list #nbl_search_box .ui-widget-content {
	border-color: #ABABAB;
}



table#navis_boats_list #nbl_boats_list_td {
	vertical-align: top;
}

#navis_boats_list #nbl_boats_list {
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0;
	width: 100%;
}
#navis_boats_list #nbl_boats_list img {
	vertical-align: middle;
	border-style: none;
}

#navis_boats_list #nbl_no_results_left,
#navis_boats_list #nbl_no_results_top {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #333333;
	background-color: #F2F2F2;
	border: 1px solid #BABABA;
	border-top-style: none;
	padding: 30px 0;
	display: none;
}

#navis_boats_list #nbl_no_results_left {
	padding: 50px 0;
}

#navis_boats_list .popup {
	display: none;
	position: relative;
	z-index: 50;
}
#navis_boats_list .popup table {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #888888;
	background-color: white;
}
#navis_boats_list .popup table td {
	background-color: white;
	white-space: nowrap;
	vertical-align:middle;
	text-align: center;
}
.select2,
.select2-container,
.select2-container--default {
	width:100% !important;
}
.nbl_pager {
	margin:5px 0 0 0;
}
#nbl_search_box_left #nbl_search_box {
    padding: 0;
}
#nbl_search_box_left .nbl_pager {
	margin-bottom: 10px;
}
/*.free-text-box {
	border: 1px solid #aaa !important;
	height:28px !important;
}*/
.free-text-box {
	/*height: 34px !important;*/
	border: 1px solid #ccc !important;
}
.label-title {
		font-size:8.5pt;
}
@media (min-width:768px) and (max-width:1111px) {
	.label-title {
		font-size:7.1pt;
	}
}
@media (min-width:768px) and (max-width:929px) {
	.label-title-small {
		font-size: 7.3px;
	}
}
.thumbnail-style {
	margin: 10px 20px;
	background-color:#f2f2f2;
	border: 1px solid #a0a0a0;
}
/*@media (max-width:991px) {
	.thumbnail-style {
		height: 330px;
	}
}*/
/*@media (min-width:992px) {
	.thumbnail-style {
		height: 300px;
	}
}*/
/*.thumbnail-style:hover {
    box-shadow: 0 0 8px #ddd;
		transition: box-shadow 0.2s ease-in-out 0s;
}*/
/*.grid-title p {
	font-size:16px
}*/
.nbl_boats_list_large h3 {
	font-size:24px !important;
}
.grid-data {
    margin:5px 0 0 0;
		/*text-align:center;*/
}
.grid-data .boat-title {
	 display:table-cell;
	 height: 50px;
	 vertical-align: middle;
}
.grid-data p.grid-price {
    margin-bottom: 0;
}
.grid-data .boat-name {
	padding: 0 15px;
}
.grid-data p, .grid-data div {
	font-size:13px;
}
.grid-data h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 10px 0px 0px;
}
.grid-data p {
	margin: 15px 0 15px;
}
.easyPaginateNav {
	width:100% !important;
	text-align:left;
	margin-top:12px;
}
.easyPaginateNav a {padding:5px;font-size:16px;color:black;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
.list-style-buttons {
	text-align: right;
}
.list-style-buttons input {
	border: solid 0 #000000; 
	width: 24px; 
	height: 24px;
	text-indent: -99999px;
}
.list-style-buttons input#lista {
	background-image: url(../../images/boats_list/viewdett.png);
}
.list-style-buttons input#griglia {
	background-image: url(../../images/boats_list/viewthumb4.png);
}
.list-style-buttons input#lista-grande {
	background-image: url(../../images/boats_list/viewdett-large.png);
}
.list-style-buttons input#griglia-tre {
	background-image: url(../../images/boats_list/viewthumb3.png);
}
.cropped-img-160 {
	width: 100%;
	height: 160px !important;
	object-fit: cover;
}
.cropped-img-230 {
	width: 100%;
	height: 230px !important;
	object-fit: cover;
}
/*LIST*/
@media (min-width: 1200px) {
	.img-cropped-list {
		width: 100%;
		height: 100px !important;
		object-fit: cover;
	}
}
@media (min-width: 990px) and (max-width: 1200px) {
	.img-cropped-list {
		width: 100%;
		height: 80px !important;
		object-fit: cover;
	}
}
@media (min-width: 768px) and (max-width: 989px) {
	.img-cropped-list {
		width: 100%;
		height: 140px !important;
		object-fit: cover;
	}
}
@media (max-width: 767px) {
	.img-cropped-list {
		width: 100%;
		height: 260px !important;
		object-fit: cover;
	}
}
/*LIST LARGE*/
@media (min-width: 1200px) {
	.img_cropped_list_large {
		width: 100%;
		height: 250px !important;
		object-fit: cover;
	}
}
@media (min-width: 990px) and (max-width: 1200px) {
	.img_cropped_list_large {
		width: 100%;
		height: 200px !important;
		object-fit: cover;
	}
}
@media (min-width: 768px) and (max-width: 989px) {
	.img_cropped_list_large  {
		width: 100%;
		height: 200px !important;
		object-fit: cover;
	}
}
@media (max-width: 767px) {
	.img_cropped_list_large  {
		width: 100%;
		height: 260px !important;
		object-fit: cover;
	}
}