/*Default MLS stuff*/
#MLSListing .PropertyOverview td.PhotoCell img {width:300px;margin-right:5px;}
#MLSListing .PropertyOverview td.ThumbnailCell {text-align:center;padding-top:5px;}
#MLSListing .PropertyOverview td.ThumbnailCell img {height:50px;max-width:75px;}
#MLSListing table.PropertyOverview td.PriceCell {text-align:right;}
#MLSListing table.PropertyOverview td.PriceCell .Price {font-weight:bold;}
#MLSListing table.PropertyOverview td.AddressCell {vertical-align:top;}
#MLSListing table.sectionHeading {width:100%;}
#MLSListing table.sectionHeading td.longRow {width:70%;}
#MLSListing table.sectionHeading td.title {width:10%;font-weight:bold;}
#MLSListing table.sectionHeading td.shortRow {width:20%;}
#MLSListing table.PropertyFeatures {width:100%;}
#MLSListing table.PropertyFeatures td {width:50%;padding:0 5px;}
#MLSListing table.PropertyFeatures td table td {width:auto;padding:0;}
#MLSListing table.PropertyFeatures td table {width:100%;}
#MLSListing table.PropertyFeatureDetails td.CategoryHeading {text-align:center;font-weight:bold;border:1px solid;}
#MLSListing table.Disclaimer img {height:30px;}
#MLSListing table.Disclaimer td {padding-right:5px;}
#MLSListing table.Disclaimer td.rightCellCourtesy {text-align:center;padding:0;font-weight:bold;}
#MLSListing table.Disclaimer td.LastUpdated {text-align:center;font-style:italic;padding:5px 0;}
#MLSListing #PrintPage {text-align:right;}
#MLSListing #PrintPage a img {margin-right:5px;}
#MLSListing table.PropertyFeatureDetails {margin-top:5px;}

#PropertySearchResults img.MLSPhoto {height:90px;max-width:150px;}
#PropertySearchResults td {vertical-align:top;}
#PropertySearchResults td.PriceANDMLS {text-align:right;}

/*Carousel and Lightbox declarations*/
ul#ThumbnailCarousel {
	/*display:block;*/
	width:300px;
	overflow:hidden;
	/*margin-left:32px !important;*/
}

.jcarousel-clip-horizontal {
    height: 55px;
    width: 300px;
}
.jcarousel-clip-vertical {
	height:55px;
	width:300px;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-next-horizontal {
    width: 30px;
    height: 30px;
    cursor: pointer;
		color:#FFFFFF;
		position:absolute;
		top:10px;
		left:270px;
		background-image:url('/ssirealestate/scripts/lightbox/fancy_nav_right.png');
}

.jcarousel-prev-horizontal {
    width: 30px;
    height: 30px;
    cursor: pointer;
		color:#FFFFFF;
		position:absolute;
		left:0;
		top:10px;
		background-image:url('/ssirealestate/scripts/lightbox/fancy_nav_left.png');
}

#ThumbnailCarousel li.jcarousel-item {height:52px;text-align:center;vertical-align:middle;float:left;list-style-type:none;margin:0 3px;display:block;}
#ThumbnailCarousel li.jcarousel-item a {}
#MLSListing table.PropertyOverview td.ThumbnailCell #ThumbnailCarousel li.jcarousel-item img, #MLSListing div.PropertyOverview li.jcarousel-item img {height:50px;max-width:none;}
#fancybox-wrap #fancybox-title-over {background-image:none;color:#000000;}

#MLSListing div.PhotosSection {width:43%;float:left;padding:1%;}
#MLSListing div.PhotosSection div.PhotoCell img {width:100%;}
#MLSListing div.PropertySummary {width:53%;float:left;padding:1%;}
#MLSListing div.PropertySummary div.AddressCell {width:50%;float:left;margin-bottom:1em;}
#MLSListing div.PropertySummary div.PriceCell {width:50%;float:left;text-align:right;margin-bottom:1em;}
#MLSListing div.MenuButtons {float:left;width:40%;margin-bottom:1em;clear:both;}
#MLSListing div.MenuButtons a {float:left;display:block;}
#MLSListing div.MenuButtons a.MapLink, #MLSListing div.MenuButtons a.PrintPageLink {width:42%;margin-bottom:.4em;}
#MLSListing div.MenuButtons a.PrintPageLink {clear:left;}
#MLSListing div.MenuButtons a.ShowingLink, #MLSListing div.MenuButtons a.RequestInfoLink {width:55%;margin-bottom:.4em;}
#MLSListing div.mortgageCell, #MLSListing div.PriceCellCommercial {float:left;width:60%;font-weight:bold;text-align:center;margin-bottom:1em;}
#MLSListing div.mortgageCell span.supersmall, #MLSListing div.PriceCellCommercial span.supersmall {font-size:.83em;}
#MLSListing div.PropertyFeatures {clear:both;}
#MLSListing div.DescriptionCell {clear:both;}
#MLSListing div.PropertyFeatureDetails {float:left;width:49%;margin:0 .5% .1em .5%;min-width:23em;}
#MLSListing div.PropertyFeatureDetails div.CategoryHeading {text-align:center;font-weight:bold;clear:both;}
#MLSListing div.PropertyFeatureDetails div.FieldTitle, #MLSListing div.PropertyFeatureDetails div.FieldData {width:50%;float:left;height:1.25em;}
#MLSListing div.PropertyFeatureDetails div.OneColumn {width:100%;}
#MLSListing div.PropertyFeatureDetails div.FieldTitle {font-weight:bold;}
#MLSListing div.PropertyFeatureDetails table {width:100%;}
#MLSListing div.PropertyFeatureDetails table td {text-align:center;}
#MLSListing div.PropertyFeatureDetails td.FieldTitle {text-align:left;font-weight:bold;}
#MLSListing div.PropertyFeatureDetails tr.HeadingRow td.FieldTitle {text-align:center;}

#MLSListing div.sectionHeading div.shortRow {width:15%;float:left;padding-top:5px;}
#MLSListing div.sectionHeading div.longRow {width:65%;float:left;padding-top:5px;}
#MLSListing div.sectionHeading div.title {width:20%;float:left;text-align:center;font-weight:bold;}
#MLSListings div.sectionHeading {clear:both;}

#MLSListing div.Disclaimer {clear:both;}
#MLSListing div.LastUpdated {clear:both;text-align:center;}
#MLSListing div.Disclaimer img {max-width:100%;width:8.5em;}
#MLSListing div.rightCellLogo {float:right;}
#MLSListing div.PhotosSection div.jcarousel-clip-horizontal {width:100%;}
#MLSListing div.PhotosSection div.jcarousel-next-horizontal {left:auto;right:0;}
#MLSListing div.Disclaimer div.rightCellCourtesy {float:right;width:20%;text-align:center;height:3.5em;font-weight:bold;margin:0 1%;}
#MLSListing div.AgentSection {clear:both;float:left;width:100%;}
#MLSListing div.AgentSection div.leftCell {width:20%;float:left;box-sizing:border-box;padding:2px;}
#MLSListing div.AgentSection div.centerCell {width:65%;float:left;box-sizing:border-box;padding:2px;}
#MLSListing div.AgentSection div.leftCell img {max-width:100%;}
#MLSListing div.AgentSection div.rightCell {width:15%;float:left;}
#MLSListing div.AgentSection div.PhoneList div.PhoneLabel {width:50px;float:left;}

@media screen and (max-device-width: 580px), screen and (max-width: 580px) {
    #MLSListing div.PropertyFeatureDetails {width:100%;margin:0 0 .1em 0;float:none;min-width:100%;clear:both;}
    #MLSListing div.PhotosSection {width:98%;float:none;margin:0;}
    #MLSListing div.PropertySummary {width:98%;float:none;margin:0;}
    #MLSListing div.MenuButtons {float:none;width:100%;margin-bottom:1em;clear:both;}
    #MLSListing div.MenuButtons a {text-align:center;}
    #MLSListing div.mortgageCell, #MLSListing div.PriceCellCommercial {width:100%;}
    #MLSListing div.Disclaimer div.rightCellCourtesy {float:none;width:100%;height:auto;margin:0;}
    #MLSListing div.sectionHeading div.shortRow {width:15%;float:left;}
    #MLSListing div.sectionHeading div.longRow {width:55%;float:left;}
    #MLSListing div.sectionHeading div.title {width:30%;float:left;text-align:center;font-weight:bold;}
    #MLSListing div.AgentSection div.leftCell {width:100%;float:none;box-sizing:border-box;padding:2px;text-align:center;}
    #MLSListing div.AgentSection div.centerCell {width:100%;float:none;box-sizing:border-box;padding:2px;text-align:center;}
    #MLSListing div.AgentSection div.leftCell img {max-width:100%;}
    #MLSListing div.AgentSection div.rightCell {width:100%;float:none;text-align:center;}
    #MLSListing div.AgentSection div.PhoneList div.PhoneLabel {width:100%;float:none;}
    #MLSListing div.sectionHeading div.shortRow {width:30%;}
    #MLSListing div.sectionHeading div.longRow {width:30%;}
    #MLSListing div.sectionHeading div.title {width:40%;float:left;text-align:center;font-weight:bold;}
    a.PrintLink, #MLSListing div.MenuButtons a.PrintLink {display:none;}
}