.contentBox .content {
	padding: 0 7px;
	width: 946px;
	position: relative;
}

/* ==============================================================
		types
   ============================================================== */

.types {
	background: #dee1de;
	border-bottom: 1px solid #11568b;
	position: relative;
	top: -5px;
	left: 0px;
	padding: 10px 10px 0 10px;
}

.types .icon {
	background: url(../graphics/searchTypesIcon.png);
	width: 47px;
	height: 47px;
	position: absolute;
	top: -8px;
	left: 15px;
}

*html .types .icon {
	top: -8px;
	left: -560px;
}

.types .title {
	font-size: 1.4em;
	color: #000000;
	float: left;
	padding-left: 60px;
	position: relative;
}

.types ul {
	float: left;
	display: block;
	position: relative;
	margin-left: 10px;
}

.types ul li {
	display: block;
	float: left;
	list-style: none;
	font-size: 1.4em;
	padding-bottom: 10px;
}

.types ul li.last a {
	padding-right: 0;
	margin: 0;
	border: 0;
}

.types ul li a {
	color: #11568b;
	border-right: 1px solid #999999;
	padding: 0 10px;
}

.types ul li a:hover {
	color: #11568b;
	text-decoration: none;
}

.types ul li.active {
	background: url(../graphics/searchTypesArrow.png) no-repeat bottom center;
}

/* ==============================================================
		quickSearch
   ============================================================== */

.quickSearch {
	position: absolute;
	top: 10px;
	right: 10px;
}

.quickSearch .input {
	background: #ffffff;
	border: 1px solid #999999;
	font-size: 1.2em;
	font-style: italic;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	float: left;
	width: 180px;
	position: relative;
	margin-top: -2px;
	margin-right: 10px;
}

.quickSearch .submit {
	float: left;
	position: relative;
	margin-top: -3px;
	display: none;
}

/* ==============================================================
		header
   ============================================================== */

h1 {
	font-size: 1.4em;
	color: #000000;
	padding: 10px 0 20px 10px;
}

h1 em {
	text-transform: uppercase;
	font-size: .7em;
	font-style: normal;
	display: block;
}

.noResults {
	font-size: 2em;
	color: #333333;
	padding: 10px 0 20px 10px;
	width: 600px;
}

/* ==============================================================
		searchOptions
   ============================================================== */
   
.searchOptions {
	float: left;
	width: 316px;
}

/* ==============================================================
		block
   ============================================================== */

.block {
	border: 1px solid #999999;
	border-left-width: 0;
	background: #dee1de;
	margin-right: 15px;
	font-size: 1.3em;
}

.block .item .title {
	color: #000000;
	float: left;
	display: block;
	background: url(../graphics/searchLabelArrow.png) no-repeat 0px 7px;
	padding-left: 15px;
}

.searchNow {
	text-align: right;
	padding: 5px 15px 15px 0;
}

.searchNow a {
	color: #11568b;
	font-size: 1.4em;
}

/* ==================================
		sliders
   ================================== */

.sliders {
	padding: 0 15px 20px 15px;
}

.sliders .title {
	width: 70px;
}

.sliders .item {
	padding-top: 20px;
}

.sliders .item .bar {
	clear: both;
	width: 270px;
	font-size: 10px;
}

.sliders .item .value {
	color: #333333;
	padding-left: 5px;
	display: block;
	float: right;
	width: 175px;
}

.sliders .item .value input[type=text] {
	border: 0;
	color: #a5633b;
	background: #f9f2e6;
	width: 185px;
}

.sliders .item #price {
	width: 190px;
}

/* ==================================
		checkboxes
   ================================== */
   
.checkboxes {
	padding: 20px 15px 10px 15px;
}

.checkboxes .item {
	padding-bottom: 10px;
}

.checkboxes .item .checks {
	padding: 10px 0 0 15px;
	clear: both;
	float: none;
}

.checkboxes .item .checks p {
	padding: 2px 0;
}

.checkboxes .item .checks label {
	color: #333333;
	padding-left: 2px;
	font-size: .8em;
}

/* ==================================
		areas
   ================================== */

.areas {
	padding: 20px 15px 20px 15px;
}

.item .radios {
	padding: 5px 0 0 15px;
	clear: both;
}

.item .radios p {
	display: block;
	float: left;
	width: 120px;
}

.item .radios label {
	color: #333333;
	padding-left: 2px;
	font-size: .8em;
}

.areas .pickAreas {
	padding-top: 10px;
	padding-left: 15px;
}

.areas .pickAreas p {
	display: block;
	padding: 2px 0;
}

.areas .pickAreas p.h {
	display: none;
	padding: 2px 0;
}

.areas .pickAreas label {
	color: #333333;
	padding-left: 2px;
	font-size: .8em;
}

/* ==================================
		filter
   ================================== */

.filter {
	padding: 20px 15px 20px 15px;
}

.filter .item .title {
	width: 180px;
	padding-bottom: 10px;
}

.filter .options {
	clear: both;
	padding-left: 16px;
}

.filter .options p {
	padding: 2px 0;
}

.filter .options label {
	color: #333333;
	padding-left: 2px;
	font-size: .8em;
}

/* ==================================
		buttons
   ================================== */

.buttonSearch {
	padding: 10px 11px 6px 0;
	text-align: right;
}

/* ==============================================================
		searchResults
   ============================================================== */

.searchResults {
	float: right;
	padding-right: 15px;
}

/* ==============================================================
		map
   ============================================================== */

.map {
	border: 1px solid #999999;
	width: 613px;
	position: relative;
}

.map .button {
	width: 132px;
	height: 42px;
	position: absolute;
	top: 10px;
	right: 8px;
	z-index:1000;
}

.map .expand a span {
	background-image: url(../graphics/buttonExpandMapOff.png);
}

.map .expand a:hover span {
	background-image: url(../graphics/buttonExpandMapOn.png);
}

.map .close {
	display:none;
}

.map .close a span {
	background-image: url(../graphics/buttonCloseMapOff.png);
}

.map .close a:hover span {
	background-image: url(../graphics/buttonCloseMapOn.png);
}

/* ==============================================================
		results
   ============================================================== */

.result {
	padding: 15px 0;
	clear: both;
	position: relative;
}

.result .thumb {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.result .thumb a {
	border: 1px solid #999999;
	display: block;
}

.result .thumb a:hover {
	border: 1px solid #11568b;
}

.result h3 {
	font-size: 2em;
	color: #000000;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}

.result h3 a {
	color: #11568b;
}

.result h3 a:hover {
	color: #11568b;
	text-decoration: none;
}

.result .price {
	font-size: 1.8em;
	color: #000000;
	float: right;
	padding-top: 3px;
}

.result ul {
	padding-top: 5px;
	font-size: 1.2em;
	color: #333333;
	list-style: none;
	float: left;
}

.result ul li {
	clear: both;
}

.result ul li strong {
	display: block;
	float: left;
	width: 140px;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	padding: 3px 10px 3px 0;
	margin-right: 10px;
	border-right: 1px solid #999999;
}

.result ul li em {
	display: block;
	float: left;
	font-style: normal;
	padding: 3px 0;
}

.result li a {
	border-bottom: 2px dotted #999999;
	color: #11568b;
}

.result li a:hover {
	border-bottom: 2px dotted #999999;
	color: #11568b;
	text-decoration: none;
}

/* ==============================================================
		logos
   ============================================================== */

.idxLogo {
	width: 40px;
	height: 18px;
	position: absolute;
	top: 55px;
	right: 0px;
}

.idxLogo span {
	background-image: url(../graphics/idxLogo.png);
}

.sfrpLogo {
	width: 63px;
	height: 33px;
	position: absolute;
	top: 50px;
	right: 0px;
}

.sfrpLogo span {
	background-image: url(../graphics/sfrpIcon.png);
}

/* ==============================================================
		paging
   ============================================================== */

.resultBar {
	clear: both;
	position: relative;
	bottom: -5px;
	left: 0px;
	width: 926px;
	background: #acc3cb;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 10px;
	text-align: right;
	font-size: 1.2em;
}

.resultBarTop {
	margin-bottom: 20px;
}

.resultBar .sort {
	float: left;
	color: #333333;
}

.resultBar .sort a {
	color: #11568b;
	display: block;
	float: left;
	margin: 0 8px;
	padding: 2px 8px;
	border: 1px solid #999999;
	font-weight: bold;
	margin-top: 3px;
}

.resultBar .sort a.on {
	background: #faecd3;
}

.resultBar .sort a:hover {
	color: #11568b;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #999999;
}

.resultBar .sort strong {
	float: left;
	display: block;
	margin-top: 6px;
	font-weight: normal;
}

.resultBar .sort strong em {
	font-weight: bold;
	font-style: normal;
}

.resultBar .paging {
	float: right;
}

.resultBar .paging a.num {
	color: #333333;
	display: block;
	float: left;
	margin: 0 4px;
	padding: 2px 8px;
	border: 1px solid #999999;
	font-weight: bold;
	margin-top: 3px;
}

.resultBar .paging .tr {
	float: left;
	display: block;
	margin: 0 4px;
	padding: 2px 8px;
}

.resultBar .paging a.on {
	background: #faecd3;
}

.resultBar .paging a.num:hover {
	color: #765415;
	text-decoration: none;
	background: #faecd3;
	border: 1px solid #e3b259;
}

.resultBar .paging em.hell {
	color: #765415;
	display: block;
	float: left;
	margin: 0 4px;
	padding-top: 5px;
	font-weight: bold;
	font-style: normal;
}

.resultBar .paging a.prev {
	width: 116px;
	height: 25px;
	text-align: left;
}

.resultBar .paging a.next {
	width: 80px;
	height: 25px;
	text-align: left;
}

.resultBar .paging a.next span {
	background-image: url(../graphics/buttonNextOff.png);
}

.resultBar .paging a.next:hover span {
	background-image: url(../graphics/buttonNextOn.png);
}

.resultBar .paging a.prev span {
	background-image: url(../graphics/buttonPreviousOff.png);
}

.resultBar .paging a.prev:hover span {
	background-image: url(../graphics/buttonPreviousOn.png);
}


/* ==============================================================
		areas back nav
   ============================================================== */

.backNav {
	padding-left: 10px;
}

.backNav .santaFeAreas {
	width: 183px;
	height: 31px;
	position: relative;
	text-align: left;
	padding-left: 10px;
}

.backNav .santaFeAreas a span {
	background-image: url(/graphics/buttonSantaFeAreas.png);
	margin-left: -10px;
}

.backNav .santaFeAreas a:hover span {
	background-image: url(/graphics/buttonSantaFeAreasOn.png);
}

.backNav .neighborhoodIndex {
	width: 193px;
	height: 31px;
	text-align: left;
	position: relative;
	text-align: left;
	padding-left: 10px;
}

.backNav .neighborhoodIndex a span {
	background-image: url(/graphics/buttonNeighborhoodIndex.png);
	margin-left: -10px;
}

.backNav .neighborhoodIndex a:hover span {
	background-image: url(/graphics/buttonNeighborhoodIndexOn.png);
}