/*

	-- -- -- -- -- -- --
	Sutton.com 
	Listings CSS
	-- -- -- -- -- -- --

*/



/* -- General Style for this section -- */
	.price {color: #828282; letter-spacing: -1px; font-weight: normal; display: inline; float: right;}
	.price .hundreds {font-size: 0.8em; letter-spacing: 0;}
	.price a:link, .price a:visited {border: 0; vertical-align: middle; text-decoration: none}
	sub {color: #828282; position: relative; top: -3px; left: -2px;}


/* -- Results Pager -- */	
	.resultsPager {font-size: 0.9em;padding:0;margin:0;height:3.5em;} 
  .resultsPager h3 {padding:0;margin:0;border: none; font-weight: normal; color: #f00; font-size: 1em; text-transform: none;} 
  .resultsPager p {color: #555555;padding:0;margin:0;}
  .resultsPager .results {width: 62%; float: left; padding-right: 3%;} 
  .resultsPager .sort    {width: 30%; float: left; padding-left: 3%; background: url(../img/divider-v-grey.gif) repeat-y;}
	.minor {margin: 2em 0;}

	/* 
		supporting style for rounded corners
		  oh, for a better cross-browser way to do 
		  this in a liquid layout...
	*/
	div.rounded {background: #000 url(../img/pager-tr.gif) no-repeat top right;border-width: 1px 1px 1px 1px;border-style:solid;border-color:#828282;} 
	div.rounded div {background: url(../img/pager-tl.gif) no-repeat top left;} 
	div.rounded div div {background: url(../img/pager-br.gif) no-repeat bottom right;} 
	div.rounded div div div {background: url(../img/pager-bl.gif) no-repeat bottom left; padding: 8px;}
	div.rounded div div div div {background: none; padding: 0;}
	
	.results ul { margin: 3px 0; }
	.results li { display: inline; list-style-type: none; margin: 0; padding: 3px;}
	.results li.current {font-weight: bold; color: #828282; background: #fff; border: solid 1px #D0D0D0; border-width: 0 1px 1px 0;}
	.results li a { padding: 3px; text-decoration: none; color: #f00; font-weight: bold; }	
	.results .more {color: #fff;}
	
	.mortcalc { background: url(../img/ico-calc.gif) no-repeat; }
	
	
	#resultsPager .sort h3 {display: block; margin: 0 0 0.2em 0;}
	.sort a:link, .results .sort a:visited {border: none; font-weight: bold;}
	.sort li {position: relative; padding-left: 0px; list-style: none; margin: 0;}
	.sort strong {padding-left: 24px; }
	.sort li a.moveup:link, .sort li a.moveup:visited {display: block; width: 10px; height: 10px; text-indent: -9000px; background: url(../img/arrows-up-down.gif) no-repeat; position: absolute; top: 2px; left: 0; line-height: 10px; border: none;}
	.sort li a.moveup:hover {background-position: 0 -10px}
	.sort li a.moveupselected:link, .sort li a.moveupselected:visited {display: block; width: 10px; height: 10px; text-indent: -9000px; background: url(../img/arrows-up-down.gif) no-repeat; position: absolute; top: 2px; left: 0; line-height: 10px; border: none; background-position: 0 -10px}
	.sort li a.movedown:link, .sort li a.movedown:visited {display: block; width: 10px; height: 10px; text-indent: -9000px; background: url(../img/arrows-up-down.gif) no-repeat -13px 0; position: absolute; top: 2px; left: 11px; line-height: 10px; border: none;}
	.sort li a.movedown:hover {background-position: -13px -10px}
	.sort li a.movedownselected:link, .sort li a.movedownselected:visited {display: block; width: 10px; height: 10px; text-indent: -9000px; background: url(../img/arrows-up-down.gif) no-repeat -13px 0; position: absolute; top: 2px; left: 11px; line-height: 10px; border: none; background-position: -13px -10px}


/* -- Search Results: Listings -- */
	.listingResult {margin: 0; padding: 20px 10px 20px 0px; position: relative; background: url(../img/divider-h-grey.gif) repeat-x left bottom;}
	.alt {background-color: #222;}

	.listingPhoto {background: #fff; border: solid 1px #DBDBDB; padding: 4px; width: 138px; position: absolute; left: 25px; top: 20px; margin-bottom: 20px; margin-right: 10px;}
	.listingPhoto a:link, .listingResult .listingPhoto a:visited {border: none;}
	.listingPhoto a.morephotos:link, .listingPhoto a.morephotos:visited {position: absolute; top: -1px; right: 4px; display: block; width: 64px; height: 20px; background: url(../img/link-morephotos.gif) 0 0; text-indent: -9000px;}
	.listingPhoto .tools {position: absolute; top: 115px; left: 0; width: 148px; height: 24px; background: url(../img/search-tools.gif) no-repeat; line-height: 1px;}
	.listingPhoto .tools li {display: inline;}
	.listingPhoto .tools a:link, .listingPhoto .tools a:visited {display: block; position: absolute; top: 0; height: 24px; text-indent: -9000px;}
	.listingPhoto .tools .save a:link, .listingPhoto .tools .save a:visited {left: 0; width: 63px;}
		.listingPhoto .tools .save a:hover {background: url(../img/search-tools.gif) no-repeat 0 -24px;}
	.listingPhoto .tools .map a:link, .listingPhoto .tools .map a:visited {left: 63px; width: 85px;}
		.listingPhoto .tools .map a:hover {background: url(../img/search-tools.gif) no-repeat -63px -24px;}

	.listingResult .context {margin-left: 180px;}
	.listingResult h3 {border: none; font-size: 1.15em; margin: 0; padding: 0 5em 6px 0; line-height: 1; position: relative; text-transform: capitalize;}
	.listingResult h3 a:link, .listingResult h3 a:visited {border: none;}
	.listingResult .price {position: relative; top: -1em;}
	.listingResult .details {font-size: 0.9em; margin: 0 0 1em 0;}
	.listingResult .details li {display: inline; margin: 0;}
	.listingResult .details li.neighbourhood {color: #000; font-weight: bold; margin-right: 7px; padding-right: 7px; background: url(../img/divider-v-grey.gif) repeat-y right top;}
	.listingResult table {font-size: 0.9em; position: relative; left: -7px;}
	.listingResult caption {display: none;}
 	.listingResult th {color: #828282; padding: 2px 7px; border-bottom: 2px solid #828282; border-bottom: 2px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
	.listingResult td {color: #fff; padding: 2px 7px; text-align: center;border-right:1px solid #fff; border-left:1px solid #fff;}
	.listingResult th.first, .listingResult td.first {border-left:0px;}
	.listingResult th.last, .listingResult td.last {border-right:0px;}
	

	
	
/* -- Search Results: Sidebar Items -- */
	#sidebar .sidepanel {margin-bottom: 1px;}
	
	.areamap img {border: solid 4px #fff; margin: 7px;}
	.sidepanel h4 {text-transform: none; background: none; padding: 0; margin: 0;}
	.regioninfo, .pricerange, .char {padding: 0 15px; font-size: 0.9em;}
	.regioninfo dl {line-height: 2em;}
	.regioninfo dt {width: 5em; margin: 0 1em 0 0; float: left; clear: left;}
	.regioninfo dd {margin-left: 6em;}
	#sidebar .regioninfo ul {padding: 10px 0;}
	#sidebar .regioninfo li {display: inline;}
	#sidebar .regioninfo li a:link, .regioninfo li a:visited {display: block; padding: 1px 0 1px 15px; background: url(../img/arrow-smallwhite.gif) no-repeat 0 8px; border: none; text-decoration: underline;}
	.pricerange, .char, .amenities {padding: 15px;}
	.pricerange p, .char p, .amenities p {text-align: right;}
	.pricerange label, .char label, .amenities label {width: 60px; display: block; float: left; clear: left; padding-top: 0.3em; text-align: left;}
	.pricerange select {width: 120px;}

	.char label {width: 80px;}
	.char select {width: 100px;}
	
	.amenities table {width: 200px; margin: 0 0 1em 0;}
	.amenities th {font-weight: normal; font-size: 0.9em; text-align: left;}
	.amenities th.minor {color: #828282; text-transform: uppercase; font-size: 0.8em;}
	.amenities td {padding-right: 5px;}
	.amenities td select {width: 50px;}
	
	#sidebar h3.unused {margin: 0 0 1px 21px; padding: 0; width: 230px; height: 24px;}
	.unused a:link, .unused a:visited {display: block; border: none; color: #fff; line-height: 24px; padding: 0 0 0 10px; background: #A6A6A6 url(../img/unused-filters.gif) no-repeat; height: 24px;}
	.unused a:hover {background-color: #999696;}
	
	

/* -- Individual Listings -- */
/* old
	.listingOverview {background: url(../img/divider-h-grey.gif) repeat-x left bottom; padding-bottom: 2em; margin-bottom: 2em; position: relative;}
	.listingOverview dl {margin: 1em 0 1em 0;}
	.listingOverview {margin-bottom: 0; padding-bottom: 15px;}
	.listingOverview dl {margin: 1em 0 0 0;}
*/	
	.listingDetail {overflow: auto; padding: 0; border-left: 1px solid #828282;border-right: 1px solid #828282;border-top: 1px solid #828282; }
	.listingDetail img {background: #fff; border: solid 1px #DBDBDB; padding: 4px;}
	.listingPhotos a:link, .listingPhotos a:visited {border: none;}

	.singlePhoto {overflow: auto; background: #222 url(../img/divider-h-grey.gif) repeat-x left bottom; padding: 15px 10px 13px 10px;}
	.singlePhoto .listingPhotos {float: left; margin-right: 25px;}
	.singlePhoto p {line-height: 2; font-size: 1.1em;}

	.multiplePhotos .listingPhotos {overflow: auto; background: #222 url(../img/divider-h-grey.gif) repeat-x left bottom; padding: 15px 10px 13px 10px;}
	.multiplePhotos #main_listing_photo {float: left; margin-right: 25px;}
	.multiplePhotos p {line-height: 2; font-size: 1.1em; margin: 0; padding: 15px 0; background: url(../img/divider-h-grey.gif) repeat-x left bottom;}





	.individualListing h3 {border: none; font-size: 1em; margin: 0.5em 0;}

	body.listingsPage {background: none;}
	.listingsPage .listing-context p {margin: 2em 1em;}
	.listingOverview {background: url(../img/divider-h-grey.gif) repeat-x left bottom; padding-bottom: 2em; margin-bottom: 0; padding-bottom: 15px; position: relative; overflow: auto;}
	.listingOverview dl {margin: 1em 0 0 0;}
	.listingOverview dd {clear: right;}
	.listingOverview h1 {color: #f00; border: none; margin: 1em 0 0 0; padding: 0 6em 0 0; font-size: 1.2em; text-transform: capitalize;}
	.listingOverview .price {float: right; line-height: 1; font-size: 1.3em; position: relative; top: -1.4em; margin-bottom: -1em;}
	.listingOverview p {clear: left;}
	.listingOverview .region {font-weight: bold; float: left; margin-right: 2em;}
	.listingOverview .realtor {text-align: right;}
	
	#features {margin-top: 2em;}
	#features li {display: inline; float: left; margin: 0 5px 10px 0; width: 80px; text-align: center;}
	#features p {clear: left; font-size: 0.9em;}
	
	#listing-properties {padding-top: 10px;width: 45%; float: left;}
	#listing-realtor {padding-top: 10px;width: 45%; float: right;}
	#listing-properties dd, #listing-realtor dd {color: #888; border-bottom: solid 1px #e4e4e4; line-height: 2;}
	#listing-properties dd strong, #listing-realtor dd strong {color: #fff; font-weight: normal;}

	#listing-properties dd.photo, #listing-realtor dd.photo {border-bottom: 0;}
	dd.photo {float: right;}
  	dd.photo a:link, dd.photo a:visited {border: none;}
  	dd.photo img {padding: 5px; border: solid 1px #E2E2E2;}
	#listing-realtor dd.name, #listing-realtor dd.designation, #listing-realtor dd.phone, #listing-realtor dd.email, #listing-realtor dd.web {border-bottom: 0; padding-bottom: 1px;}
	dd.web {margin-bottom: 2em;}
	
	.listing-pager {margin: 0; padding: 0;}
	.listing-pager li {display: inline; list-style: none; margin: 0; padding: 0;}
	.listing-pager li a:link, .listing-pager li a:visited {display: block; float: left; border: none; padding: 0;}
	.listing-pager li.previous a:link, .listing-pager li.previous a:visited {background: url(../img/arrow-whitecircle-left.gif) no-repeat; padding: 0px 10px 5px 24px; }
  .listing-pager li.next a:link, .listing-pager li.next a:visited {text-align: right; background: url(../img/arrow-whitecircle.gif) no-repeat right top; padding: 0px 24px 5px 10px;}




/* -- Intra-listing Nav -- */
	.block-listings-nav h3 {color: #fff; background: #A6A6A6 url(../img/h3-sidebar.gif) no-repeat; border: 0; margin: 0; padding: 7px 11px; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px;}
	.block-listings-nav dl {padding: 13px 9px; margin: 0;}
	.block-listings-nav dt a:link, .block-listings-nav dt a:visited {border: solid 1px #F1F1F1; width: 160px; font-size: 1em; display: block; padding: 0 0 0 25px; margin: 0; line-height: 21px;}
	.block-listings-nav dd {padding: 0 0 0 25px; margin-bottom: 6px; font-size: 0.9em; color: #555;}
	.block-listings-nav .price {float: none; display: inline; letter-spacing: 0; color: #555;}

	.block-listings-nav dt.current a:link, .block-listings-nav dt.current a:visited {background: #F1F1F1 url(../img/arrow-whitecircle.gif) no-repeat; font-weight: bold;}
	.block-listings-nav dd.current {font-weight: bold; color: #222;}
	.block-listings-nav dd.current .price {font-weight: bold; color: #222;}
	
	.listings-nav-select {color: #555; font-size: 0.9em; padding: 6px 0 9px 20px;}
	.listings-nav-select a {margin: 0 5px;}

/* -- virtual tour -- */
	.virtual_tour {text-align:center; border-left: 1px solid #828282;border-right: 1px solid #828282;border-bottom: 1px solid #828282; } 
	.listingDetail .virtual_tour img, .virtual_tour img {border:0; padding:0; margin: 0 0 1px 0; vertical-align: middle;}
	.listingDetail .virtual_tour a, .virtual_tour a     {border:0; text-decoration:none;}