﻿.yachtListingTitle { line-height:28px; clear:both; font-weight:bold; margin-bottom:7px; padding-left:10px; font-size:13px; color:#34343E; background-color:#eff1f3;}

.ListingView { margin-left:6px; margin-right:6px; clear:both; }
.ListingView .yacht { width:100%; vertical-align:top;border-bottom: solid 1px #dddada; padding:0 0 4px 0; margin-top:6px;}
.ListingView .Certified { border: solid 1px #ffce00;background-color:#ffefd6; }
.ListingView .Certified .title {background-color:White; line-height:20px; border-bottom:solid 1px #ffce00;}
.ListingView .Certified .yacht { margin-top:2px; }
.ListingView .images { width:80px; vertical-align:top; padding-left:5px; }
.ListingView .images img { margin-bottom:4px; }
.ListingView .yachtImg { background:url(../../../App_Themes/YB3/images/yacht-image-bg-transparent.png) no-repeat; width:60px; height:45px; padding:5px 5px 10px 5px; margin-bottom:0; }
.ListingView .price { text-align:right; }
.ListingView .price a { padding-right:5px; color:#DB0405; text-decoration:underline; font-size:13px;}
.ListingView .yachtTitle {padding-right:5px; text-align:right; font-style:italic;}
.ListingView .details {padding-right:5px;text-align:right;  }
.ListingView .rating {vertical-align:middle; line-height:18px;white-space:nowrap;}
.ListingView .rating a {font-weight:normal!important;}
.ListingView .rating img {float:left; margin-right:7px;}
.ListingView .yachtName {white-space:nowrap;}
.ListingView .yachtName a {font-weight:bold;}
.ListingView .yc1 { font-weight:bold; color:#eea405; padding-left:5px;}
.ListingView .yc2 { font-weight:bold; color:#646364;}

.GalleryView { clear:both; margin:0 0 0 3px; overflow:hidden;}
.GalleryView .yacht{ width:178px; padding:7px 5px 8px 5px; float:left; overflow:hidden; border-bottom:solid 1px #dddada;}
.GalleryView .yachtImage {width:168px; height:134px; text-align:center; padding:4px; border:solid 1px #dddee7; background-color:#e7e7ef; margin-bottom:3px;}
.GalleryView .yachtImage img {max-width:168px; max-height:134px;}
.GalleryView .yachtName { margin-bottom:4px; text-align:left;white-space:nowrap;}
.GalleryView .yachtName a {font-weight:bold;}
.GalleryView .price img {float:left;}
.GalleryView .price span a {float:right; color:#DB0405; text-decoration:underline;}

.TableViewWrapper { margin:0 5px 0 5px; }
.TableView {clear:both; width:100%; vertical-align:middle!important; font-size:10px; clear:both; border-collapse:collapse;}
.TableView td { padding:5px 3px 5px 3px; border-bottom: solid 1px #dddada!important;}
.TableView .yachtName a { font-weight:bold;}
.TableView .price { text-align:right;}
.TableView .price a { color:#DB0405; text-decoration:underline; }
.TableView .images { width:40px;}
.TableView .rating {font-size:9px;border-bottom: solid 1px #dddada!important;}
.TableView .rating a { line-height: 18px;}
.TableView .camera { width:18px; height:19px; background:url(../../../App_Themes/YB3/images/camera.gif) no-repeat;}
.TableView .equipIndex {padding-top:3px;}

.yachtCriteria { margin-bottom:15px; overflow:hidden; }
.yachtCriteria .filters { float:right; margin-right:10px; clear:right;}
.yachtCriteria .filters .label { text-align:right; padding-right:5px;}
.yachtCriteria .filters select { width:175px; font-family:Verdana; font-size:11px; height:19px;}

.listingViewInactive, .galleryViewInactive, .tableViewInactive, .listingViewActive, .galleryViewActive, .tableViewActive
{border:0; width:20px; height:14px; cursor:pointer;}

.listingViewInactive { background: url(images/listingview.gif) no-repeat; }
.galleryViewInactive { background: url(images/galleryview.gif) no-repeat; }
.tableViewInactive { background: url(images/tableview.gif) no-repeat; }

.listingViewActive { background: url(images/listingviewActive.gif) no-repeat; }
.galleryViewActive { background: url(images/galleryviewActive.gif) no-repeat; }
.tableViewActive { background: url(images/tableviewActive.gif) no-repeat; }

.listingViewInactive:hover { background: url(images/listingviewOver.gif) no-repeat; }
.galleryViewInactive:hover { background: url(images/galleryviewOver.gif) no-repeat; }
.tableViewInactive:hover { background: url(images/tableviewOver.gif) no-repeat; }

.viewButtons { float:left; height:20px; padding-top:4px; margin-left:10px;}
.viewMode { float:left; color:#000; padding-top:4px; padding-left:5px;}
.yachtsLoadingProgress { float:left; margin-left:10px;  background: url(images/loader.gif) no-repeat; width:24px; height:24px;}
