/*----------------------------------------------------------------------
CONTAINERS
----------------------------------------------------------------------*/
.cell {
	width: 100%; height: auto; max-width: 900px;
	padding: 10px 0px 10px 0px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	}
.searchCell {
	width: 100%; height: auto; max-width: 900px;
	padding: 12px 0px 10px 0px;
	position: relative;
	margin: 0 auto;
	}
.refineCell {
	width: 100%; height: auto; max-width: 900px;
	padding: 12px 0px 20px 0px;
	position: relative;
	margin: 0 auto;
	}
.mapCell {
	width: 100%; height: 600px; max-width: 900px;
	padding: 11px 3px 11px 3px;
	position: relative;
	margin: 0 auto;
	}
.photoCell {
	width: 100%; height: auto;
	padding: 10px 0px 0px 0px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	}
.topicsCell {
	width: 100%; height: auto;
	padding: 10px 0px 0px 0px;
	position: relative;
	margin: 0 auto;
	}
.bodyCell {
	width: 100%; height: auto;
	padding: 18px 0px 20px 0px;
	position: relative;
	margin: 0 auto;
	}
.searchMenu,
.sortMenu,
.filterMenu {
	width: 100%; height: auto;
	padding-bottom: 1px;
	position: relative;
	}
.summaryMessage {
  -webkit-text-size-adjust: 100% !important;
	width: 100%; height: auto;
	padding-top: 12px;
	padding-bottom: 11px;
	position: relative;
	}
.summaryNavigation {
	width: 100%; height: auto;
	padding: 10px 0px 10px 0px;
	position: relative;
	overflow: hidden;
	cursor: default;
	}
.detailNavigation {
	width: 100%; height: auto;
	padding: 10px 0px 10px 0px;
	position: relative;
	overflow: hidden;
	}
.propertyDetails {
	position: absolute; z-index: 10;
	top: 12px; left: 250px;
	width: 160px; height: auto;
	-webkit-font-smoothing: antialiased;
	}
.propertyDescription {
	position: absolute; z-index: 10;
	top: 12px; left: 420px;
	width: 480px; height: auto;
	-webkit-font-smoothing: antialiased;
	}
.propertyListedBy {
	position: absolute; z-index: 8;
	bottom: 12px; left: 420px;
	width: 480px; height: auto;
	-webkit-font-smoothing: antialiased;
	}
.detailDescription {
	position: relative; z-index: 10;
	width: 100%; height: auto;
	-webkit-font-smoothing: antialiased;
	margin: 8px 0px 4px 0px;
	text-align: justify;
	}
.disclaimer {
	position: relative; z-index: 10;
	width: 100%; height: auto;
	-webkit-font-smoothing: antialiased;
	margin: 8px 0px 6px 0px;
	text-align: left;
	}
.propertyButtons {
	position: relative; z-index: 10;
	bottom: 17px; left: 0px;
	width: 480px; height: auto;
	-webkit-font-smoothing: antialiased;
	}
.returnButton {
    width: 180px; height: auto;
    background: #333;
	position: relative;
	margin: 10px auto 0px auto;
    padding: 6px 0px 8px 0px;
    text-align: center;
    cursor: pointer;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 1.0)),
			color-stop(10%, rgba(40,40,40, 1.0)),
			color-stop(90%, rgba(20,20,20, 1.0)),
			color-stop(100%, rgba(10,10,10, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
    }

/*----------------------------------------------------------------------
PHOTOS
----------------------------------------------------------------------*/
.propertyPhoto {
	position: relative; z-index: 5;
	top: 0px; left: 0px;
    margin: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% 120%;
	-moz-background-size: 120% 120%;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	}
.propertyButton {
	position: relative; z-index: 8;
	top: 0px; left: 0px;
    margin: 0px;
    background: #000;
    opacity: 0.0;
    cursor: pointer;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0) inset, 0px 0px 0px 2px rgba(255,255,255,0.2) inset;
	}
.propertyButton:hover { opacity: 0.3; }
.propertyButton:active { opacity: 0.6; }

.antiMedium {
	width: 240px; height: 180px;
	margin: 0px 0px -180px 0px;
	}
.medium {
	width: 240px; height: 180px;
	}
.large {
	width: 450px; height: 330px;
	margin-bottom: 10px;
	}
.antiLarge {
	position: relative; z-index: 4;
	top: 0px; left: 0px;
	width: 450px; height: 330px;
	margin: -340px 0px 10px 0px;
    }
.antiLarge img {
	width: 100%; height: 100%;
    }
.extraLarge {
	width: 900px; height: 600px;
	margin-bottom: 10px;
	background-size: 100% 100% !important;
	-moz-background-size: 100% 100% !important;
	}
.propertyBanners {
	position: relative; z-index: 6 !important;
	top: 0px; left: 0px;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	}
.bannerPhotos {
	position: absolute; z-index: 12;
	top: 1px; left: 1px;
	width: 100%; height: 100%;
    background: url('http://canrealty.net/images/banner-photos.png') no-repeat top left;
	}
.bannerOpenHouse {
	position: absolute; z-index: 12;
	bottom: 1px; right: 10px;
	width: 100%; height: 100%;
    background: url('http://canrealty.net/images/banner-openHouse.png') no-repeat bottom right;
	}

/*----------------------------------------------------------------------
TABLES  -  MISC
----------------------------------------------------------------------*/
.tableHolder {
	position: relative;
	width: 100%;
	padding: 8px 0px 6px 0px;
	}
.tableLeft { width: auto; padding-right: 16px; }
.tableRight { width: auto; }

/*----------------------------------------------------------------------
TABLES  -  PROPERTY SPECS (TOP)
----------------------------------------------------------------------*/
.propertySpecs {
	position: relative; z-index: 10; float: right;
	top: 1px; right: 0px;
	width: 439px; height: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	border-collapse: collapse;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(0,0,0, 0.8)),
			color-stop(50%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 0.8))),
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 0.10)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(0,0,0, 0.8) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 0.8) 100%),
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.10) 0%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(0,0,0, 0.8) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 0.8) 100%),
		linear-gradient(center top,
			rgba(255,255,255, 0.10) 0%,
			rgba(255,255,255, 0.0) 100%);
	}
.propertySpecs .left {
	text-align: left;
	border-width: 1px 1px 1px 1px;
	padding-left: 7px !important;
	padding-right: 8px !important;
	}
.propertySpecs .right {
	text-align: right;
	border-width: 1px 1px 1px 0px;
	padding-right: 7px !important;
	}
.propertySpecs td {
	width: auto; height: auto;
	border-style: solid;
	border-color: #222;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	}
.propertySpecs .label {
	font-size: 12pt; line-height: 15pt;
	color: #777;
	width: 100px;
	}
.propertySpecs .value {
	font-size: 12pt; line-height: 15pt;
	color: #AAA;
	width: auto;
	}
.propertySpecs .altRow { background-color: rgba(50,50,50, 0.3); }

/*----------------------------------------------------------------------
TABLES  -  PROPERTY EXTRAS (BOTTOM)
----------------------------------------------------------------------*/
.propertyExtras {
	position: relative; z-index: 10; float: left;
	top: 0px; right: 0px;
	width: 100%; height: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	border-collapse: collapse;
	}
.propertyExtras .left {
	text-align: left;
	border-width: 1px 1px 1px 1px;
	padding-left: 7px !important;
	padding-right: 8px !important;
	}
.propertyExtras .right {
	text-align: right;
	border-width: 1px 1px 1px 0px;
	padding-right: 7px !important;
	}
.propertyExtras td {
	width: auto; height: auto;
	border-style: solid;
	border-color: #222;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	}
.propertyExtras .label {
	font-size: 10pt; line-height: 13pt;
	color: #777;
	width: 40px;
	white-space: nowrap;
	}
.propertyExtras .value {
	font-size: 10pt; line-height: 13pt;
	color: #AAA;
	width: 40px;
	white-space: nowrap;
	}
.propertyExtras .altRow { background-color: rgba(50,50,50, 0.3); }

/*----------------------------------------------------------------------
TABLES  -  ROOM SPECS (BOTTOM)
----------------------------------------------------------------------*/
.roomSpecs {
	position: relative; z-index: 10; float: right;
	top: 0px; right: 0px;
	width: 100%; height: auto;
	-webkit-font-smoothing: antialiased;
	border-collapse: collapse;
	font-weight: bold;
	}
.roomSpecs .left {
	text-align: left;
	border-width: 1px 1px 1px 1px;
	padding-left: 7px !important;
	padding-right: 8px !important;
	}
.roomSpecs .right {
	text-align: right;
	border-width: 1px 1px 1px 0px;
	padding-right: 7px !important;
	}
.roomSpecs td {
	width: auto; height: auto;
	border-style: solid;
	border-color: #222;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	}
.roomSpecs .label {
	font-size: 10pt; line-height: 13pt;
	color: #777;
	}
.roomSpecs .value {
	font-size: 10pt; line-height: 13pt;
	color: #AAA;
	}
.roomSpecs .col1 { width: 40px; white-space: nowrap; }
.roomSpecs .col2 { width: 40px; white-space: nowrap; }
.roomSpecs .col3 { width: 40px; white-space: nowrap; }
.roomSpecs .col4 { width: auto; }
.roomSpecs .altRow { background-color: rgba(50,50,50, 0.3); }

/*----------------------------------------------------------------------
TEXT STYLES
----------------------------------------------------------------------*/
.title {
	font-size: 12pt; line-height: 14pt;
	color: #555;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	}
.propertyDescription .title {
	font-size: 12pt; line-height: 16pt;
	color: #aaa;
	text-transform: none;
	}
.openHouse {
    color: #DC2525 !important;
    }
.ohBanner {
	font-size: 10pt; line-height: 14pt;
	font-weight: bold;
    color: #DC2525;
    margin-top: 9px;
    }
.description {
	font-size: 12pt; line-height: 14pt;
	color: #CCC;
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	background: transparent !important;
	}
.propertyDescription .description {
	color: #666;
	}
.body {
	font-size: 12pt; line-height: 15pt;
	color: #333;
	}
.disclaimer .title {
	font-size: 11pt; line-height: 12pt;
	color: #333;
	}
.disclaimer .description {
	font-size: 9pt; line-height: 12.5pt;
	color: #555;
	white-space: nowrap;
	-webkit-font-smoothing: subpixel-antialiased;
	}
.propertyListedBy .title {
	color: #333;
	}
.propertyListedBy .description {
	font-size: 9pt; line-height: 12.5pt;
	color: #555;
	white-space: nowrap;
	-webkit-font-smoothing: subpixel-antialiased;
	}
.propertyListedBy a,
.propertyListedBy span { cursor: pointer; color: #555; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); font-weight: bold; -webkit-font-smoothing: antialiased; }
.propertyListedBy a:hover,
.propertyListedBy span:hover { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6); }
.propertyListedBy a:active,
.propertyListedBy span:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }

.summaryNavigation {
	width: 900px;
	font-family: Helvetica, Arial !important;
	font-size: 11pt; line-height: 14pt;
	color: #CCC;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}
.searchMenu,
.sortMenu,
.filterMenu {
	font-family: Helvetica, Arial !important;
	font-size: 11pt; line-height: 14pt;
	color: #CCC;
	-webkit-font-smoothing: antialiased;
	}
.hiddenMenu {
	font-family: Helvetica, Arial !important;
	font-size: 11pt; line-height: 14pt;
	color: #CCC;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}
.summaryMessage {
	font-family: Helvetica, Arial !important;
	font-size: 11pt; line-height: 14pt;
	color: #888;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}
.button {
	font-size: 18pt; line-height: 20pt;
	color: #CCC !important;
	font-weight: bold;
	display: inline-table;
	margin: 0px;
	margin-right: 40px;
    padding: 0px;
	}
.button:hover { color: #FFF !important; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6); }
.button:active { color: #666 !important; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }

.detailNavigation {
	font-family: Helvetica, Arial !important;
	font-size: 11pt; line-height: 19pt;
	font-weight: bold;
	color: #CCC;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	}
.detailNavigation * {
	font-family: inherit !important;
	font-size: inherit; line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-align: inherit;
	-webkit-font-smoothing: inherit;
	}
.detailNavigation a, detailNavigation span { color: #CCC; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }
.detailNavigation a:hover, detailNavigation span:hover { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6); }
.detailNavigation a:active, detailNavigation span:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }

/*----------------------------------------------------------------------
FORM ICONS (DETAIL)
----------------------------------------------------------------------*/
.formButtons {
	position: relative; z-index: 10; float: right;
	top: -56px; right: 0px;
	width: 440px; height: 45px; margin-bottom: -45px;
	}
.formIcon {
	position: absolute;
	width: 24%; height: 100%;
	text-align: center;
	color: #ee3a43;
	font-size: 10pt; line-height: 12pt;
	cursor: pointer;
	}
.formButtons #button1 { top: 0px; left: 0px; }
.formButtons #button2 { top: 0px; right: 38%; }
.formButtons #button3 { top: 0px; right: 0%; }

#button1:hover .buttonTitle { opacity: 0; bottom: -17px; }
#button2:hover .buttonTitle { opacity: 0; bottom: -17px; }
#button3:hover .buttonTitle { opacity: 0; bottom: -17px; }

#button1:hover .iconHolder { width: 55px; height: 45px; top: 0px; }
#button2:hover .iconHolder { width: 55px; height: 45px; top: 0px; }
#button3:hover .iconHolder { width: 55px; height: 45px; top: 0px; }

.buttonTitle {
	position: relative; z-index: 10;
	white-space: nowrap;
	bottom: -7px;
	opacity: 1;
    color: #ee3a43 !important;
    font-weight: bold;
	}
.iconHolder {
    z-index: 40 !important;
	position: relative; z-index: 15;
	width: 34px; height: 28px;
	margin: 0 auto;
	top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	}
#bookViewing { background-image: url('http://canrealty.net/images/icon-bookViewing.png'); }
#moreInfo { background-image: url('../images/icon-moreInfo.png'); }
#tellFriend { background-image: url('http://canrealty.net/images/icon-tellFriend.png'); }

/*----------------------------------------------------------------------
SOCIAL NETWORKING
----------------------------------------------------------------------*/
.socialGathering {
	width: auto; height: auto;
	position: relative; z-index: 500;
	float: right;
	top: 10px;
	}
.socialGathering #twTweet,
.socialGathering #fbLike,
.socialGathering #goog1 {
    float: right;
    margin-left: 10px;
    }
.socialGathering #fbLike {
    margin-right: -5px;
    }
.socialGathering #goog1 {
    top: 2px;
    }
.socialGathering2 {
	width: 200px; height: auto;
	position: relative; z-index: 500;
	display: inline-block;
	top: 8px; left: 50%;
    margin-left: -100px;
	}
.socialGathering2 #twTweet,
.socialGathering2 #fbLike,
.socialGathering2 #goog1 {
    float: right;
    margin-left: 10px;
    }
.socialGathering2 #twTweet {
    margin-right: 5px;
    }
.socialGathering2 #fbLike {
    margin-left: 0px;
    }
.socialGathering2 #goog1 {
    margin-right: 8px;
    top: 2px;
    }

/*----------------------------------------------------------------------
AGENT HEADER
----------------------------------------------------------------------*/
.agentHeader {
	position: relative; z-index: 10;
	width: 100%; height: auto;
	-webkit-font-smoothing: antialiased;
	padding: 11px 0px 11px 0px;
	margin: 0 auto;
	text-align: left;
	}
.agentHeader .title {
	font-size: 11pt; line-height: 12pt;
	color: #333;
	text-align: center;
	}
.agentHeader .description {
	font-size: 10pt; line-height: 13pt;
	color: #555;
	}
.agentHeader p {
 	-webkit-font-smoothing: subpixel-antialiased;
    }
.agentHeader h1 {
	font-size: 12pt; line-height: 16pt;
	color: #AAA;
	}
.agentHeader img {
    float: left;
    height: 140px;
    margin-right: 10px;
    margin-left: 1px;
    border: 1px solid #000;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.25);
    }
.agentHeader a { font-size: 11pt; font-weight:bold; color: #999; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }
.agentHeader a:hover { color: #FFF; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6); }
.agentHeader a:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0); }

/*----------------------------------------------------------------------
SEARCH TOOLBAR
----------------------------------------------------------------------*/
.searchCell .smallTitle {
	font-size: 11pt; line-height: 18pt;
	color: #555;
    margin-left: 10px;
	-webkit-font-smoothing: subpixel-antialiased;
	}
.searchCell h1 {
	font-size: 16pt; line-height: 18pt;
	color: #555;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 5px;
	}
.searchCell h2 {
	font-size: 12pt; line-height: 14pt;
	color: #AAA;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 10px;
	}
.searchCell a {
	font-size: 13pt; line-height: 20pt;
	color: #AAA;
	-webkit-font-smoothing: antialiased;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0);
    margin-top: 3px; margin-bottom: 3px;
    display: inline-block;
    text-decoration: none !important;
	}
.searchCell a:hover { color: #b70000; text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8); margin-left: 8px; }
.searchCell a:active { color: #444; text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 30px rgba(255,255,255,0.0); }

.searchCell label {
    cursor: pointer;
	}
.searchCell .small {
	width: 150px !important;
	}
.searchCell .textField {
	width: 235px;
	margin: 2px 0px 8px 0px;
	position: relative;
	top: 0px; left: 0px;
	}
.textField {
	width: auto; height: auto;
	border: none; outline: none;
	color: #CCC;
	font-size: 10pt; line-height: 9pt;
	padding: 6px 12px 6px 12px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.3)),
			color-stop(100%, rgba(0,0,0, 0.1)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-color: #222;
	}
.textField:focus {
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.1)),
			color-stop(100%, rgba(0,0,0, 0.3)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-color: #444;
	}

.searchCell .left1,
.searchCell .left2,
.searchCell .left3,
.searchCell .right1,
.searchCell .right2,
.searchCell .right3 {
    position: relative; float: left;
    }
.searchCell .left1 { width: 16%; }
.searchCell .left2 { width: 17%; }
.searchCell .left3 { width: 15%; }
.searchCell .right1 { width: 23%; }
.searchCell .right2 { width: 29%; }

.searchCell #txtFirstNameloadingicon,
.searchCell #txtLastNameloadingicon,
.searchCell #txtCityloadingicon {
    top: 7px; right: 6px;
    z-index: 20000 !important;
    position: absolute;
    display: none !important;
    }
.searchCell .searchButtons {
    position: absolute;
    bottom: 2px; left: 0px;
    }
.searchCell .siteButton {
    z-index: 30;
	width: 100px; height: 30px;
	border: none; outline: none;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	}
.searchCell .siteButton:hover {
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
    }
.searchCell .search { background-image: url('http://canrealty.net/images/siteButton-search.png'); }
.searchCell .search:active { background-image: url('http://canrealty.net/images/siteButton-search-down.png'); }

.searchCell .radioBlocker {
    width: 100%; height: 100%;
    position: absolute; z-index: 20;
    top: 0px; left: 0px;
    cursor: default;
    display: none;
    }

.refineCell .textField {
	width: 235px; height: auto;
	border: none; outline: none;
	color: #CCC;
	font-size: 10pt; line-height: 9pt;
	padding: 6px 12px 6px 12px;
	margin: 2px 0px 8px 0px;
	position: relative;
	top: 0px; left: 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 3px 0px rgba(0,0,0,0.3);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.3)),
			color-stop(100%, rgba(0,0,0, 0.1)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.3) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-color: #222;
	}
.refineCell .textField:focus {
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.2) inset, 0px 2px 5px 0px rgba(0,0,0,0.8);
	background-image:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(0,0,0, 0.1)),
			color-stop(100%, rgba(0,0,0, 0.3)));
	background-image:
		-moz-linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-image:
		linear-gradient(center top,
			rgba(0,0,0, 0.1) 0%,
			rgba(0,0,0, 0.3) 100%);
	background-color: #444;
	}
.refineCell .siteButton {
    z-index: 30;
	width: 100px; height: 30px;
	border: none; outline: none;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	margin: 27px 0 0 20px;
	}
.refineCell .siteButton:hover {
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1.0);
    }
.refineCell .search { background-image: url('http://canrealty.net/images/siteButton-refine.png'); }
.refineCell .search:active { background-image: url('../images/siteButton-refine-down.png'); }

.refineCell h2 {
	font-size: 12pt; line-height: 14pt;
	color: #AAA;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 5px;
	text-align:left;
	}
.refineCell .priceLow {
	float:left;
	margin-left:210px;
	}
.refineCell .priceHigh {
	float:left;
	margin-left:20px;
	}

/*----------------------------------------------------------------------
CLEAR BUTTON (TEXT FIELDS)
----------------------------------------------------------------------*/
.clearBtnWrapper,
.clearBtnWrapper * {
    position: relative;
    }
.clearBtn {
    width: 30px; height: 30px;
    background: url('http://canrealty.net/images/textfield-clearIcon-white.png') no-repeat center center;
    z-index: 60000 !important;
    top: -37px; left: 230px;
    position: absolute;
    }
.clearBtnWrapper .showX .sm,
.clearBtnWrapper .hideX .sm {
    left: 145px !important;
    }
.clearBtnWrapper .showX .xsm,
.clearBtnWrapper .hideX .xsm {
    left: 120px !important;
    }
.showX {
    opacity: 1;
    cursor: pointer;
    }
.hideX {
    opacity: 0;
    cursor: default;
    }

/*----------------------------------------------------------------------
SUMMARY TOOLBAR
----------------------------------------------------------------------*/
#theViewButton {
	position: relative;
	width: 150px;
	margin: 0 auto;
	top: -6px;
	margin: 0 auto;
	}
#theBackButton {
	position: absolute;
	top: 4px; left: 11%;
	width: 100px;
	}
#theDetailsButton {
	position: absolute;
	top: 4px; left: 26%;
	width: 100px;
	}
#theFiltersButton {
	position: absolute;
	top: 4px; right: 26%;
	width: 100px;
	}
#theSearchButton {
	position: absolute;
	top: 4px; right: 11%;
	width: 100px;
	}
#theCompareButton {
	position: absolute;
	top: 4px; right: 11%;
	width: 100px;
	}
#theSortButton {
	position: absolute;
	top: 4px; right: 26%;
	width: 100px;
	}
#theNameButton1 {
	position: absolute;
	top: 4px; right: 26%;
	width: 100px;
	}
#theNameButton2 {
	position: absolute;
	top: 4px; right: 11%;
	width: 100px;
	}
.toolbarButton {
	position: relative;
	margin: 0px 2px 0px 2px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-table;
	cursor: pointer;
	opacity: 0.5;
	}

.thin { width: 25px; height: 25px; }
.wide { width: 35px; height: 25px; }

.toolbarButton:hover{ opacity: 1.0; }
.toolbarButton:active { opacity: 0.2; }

#viewList { background-image: url('http://canrealty.net/images/toolbar-viewList.png'); }
#viewList2 { background-image: url('http://canrealty.net/images/toolbar-viewList2.png'); }
#viewIcon { background-image: url('http://canrealty.net/images/toolbar-viewIcon.png'); }
#viewSpotlight { background-image: url('http://canrealty.net/images/toolbar-viewSpotlight.png'); }
#viewMap { background-image: url('http://canrealty.net/images/toolbar-viewMap.png'); }
#backArrow { background-image: url('http://canrealty.net/images/toolbar-backArrow.png'); }
#forwardArrow { background-image: url('http://canrealty.net/images/toolbar-forwardArrow.png'); }
.downArrow { background-image: url('http://canrealty.net/images/toolbar-downArrow.png'); }
.upArrow { background-image: url('http://canrealty.net/images/toolbar-upArrow.png'); }
#detailsIcon { background-image: url('http://canrealty.net/images/toolbar-quicklook.png'); }
#filtersIcon { background-image: url('http://canrealty.net/images/toolbar-filters.png'); }
#compareIcon { background-image: url('http://canrealty.net/images/toolbar-compare.png'); }
#favoritesIcon { background-image: url('../images/toolbar-favorites.png'); }
#searchIcon { background-image: url('http://canrealty.net/images/toolbar-search.png'); }
#sortIcon { background-image: url('http://canrealty.net/images/toolbar-sort.png'); }

.sectionTitle {
	font-size: 8pt; line-height: 12pt;
	font-weight: bold;
	color: #999;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin-top: -4px;
	margin-bottom: -11px;
	}

/*----------------------------------------------------------------------
SUMMARY LOADER
----------------------------------------------------------------------*/
.loadResults {
	cursor: pointer;
	text-align: center;
	color: #BBB;
	text-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	font-size: 14pt; line-height: 13pt;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none; -moz-user-select: none;
	width: 30%; height: auto;
	padding: 15px 20px 16px 20px;
	margin: 20px auto 21px auto;
	position: relative;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(70,70,70, 1.0)),
			color-stop(10%, rgba(60,60,60, 1.0)),
			color-stop(90%, rgba(30,30,30, 1.0)),
			color-stop(100%, rgba(20,20,20, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(70,70,70, 1.0) 0%,
			rgba(60,60,60, 1.0) 10%,
			rgba(30,30,30, 1.0) 90%,
			rgba(20,20,20, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(70,70,70, 1.0) 0%,
			rgba(60,60,60, 1.0) 10%,
			rgba(30,30,30, 1.0) 90%,
			rgba(20,20,20, 1.0) 100%);
	}
.loadResults img {
    margin-top: -4px; margin-bottom: -4px;
    }
.loadResults:hover {
	color: #FFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.7), 0px 0px 10px rgba(255,255,255,0.7);
	}
.loadResults:active {
	color: #999;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.0), 0px 0px 10px rgba(255,255,255,0.0);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(30%, rgba(20,20,20, 1.0)),
			color-stop(100%, rgba(40,40,40, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(20,20,20, 1.0) 30%,
			rgba(40,40,40, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(20,20,20, 1.0) 30%,
			rgba(40,40,40, 1.0) 100%);
	}

.loadResults {
	cursor: pointer;
	text-align: center;
	color: #BBB;
	text-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	font-size: 14pt; line-height: 13pt;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none; -moz-user-select: none;
	width: 30%; height: auto;
	padding: 15px 20px 16px 20px;
	margin: 20px auto 21px auto;
	position: relative;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(70,70,70, 1.0)),
			color-stop(10%, rgba(60,60,60, 1.0)),
			color-stop(90%, rgba(30,30,30, 1.0)),
			color-stop(100%, rgba(20,20,20, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(70,70,70, 1.0) 0%,
			rgba(60,60,60, 1.0) 10%,
			rgba(30,30,30, 1.0) 90%,
			rgba(20,20,20, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(70,70,70, 1.0) 0%,
			rgba(60,60,60, 1.0) 10%,
			rgba(30,30,30, 1.0) 90%,
			rgba(20,20,20, 1.0) 100%);
	}
.loadResults img {
    margin-top: -4px; margin-bottom: -4px;
    }
.loadResults:hover {
	color: #FFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.7), 0px 0px 10px rgba(255,255,255,0.7);
	}
.loadResults:active {
	color: #999;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.0), 0px 0px 10px rgba(255,255,255,0.0);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(30%, rgba(20,20,20, 1.0)),
			color-stop(100%, rgba(40,40,40, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(20,20,20, 1.0) 30%,
			rgba(40,40,40, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(20,20,20, 1.0) 30%,
			rgba(40,40,40, 1.0) 100%);
	}

/*----------------------------------------------------------------------
DIM PAGES / GOOGLE MAPS
----------------------------------------------------------------------*/
.dim {
	position: fixed; z-index:2000 !important;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.88);
	display:none;
	-webkit-user-select: none; -moz-user-select: none;
	}
.closeButton {
    width: 140px; height: auto;
    background: #333;
	position: absolute;
	left: 50%; bottom: -40px;
    margin-left: -70px;
    padding: 6px 0px 8px 0px;
    text-align: center;
    cursor: pointer;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 1.0)),
			color-stop(10%, rgba(40,40,40, 1.0)),
			color-stop(90%, rgba(20,20,20, 1.0)),
			color-stop(100%, rgba(10,10,10, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
    }
.closeText {
	text-align: center;
	color: #CCC;
	font-size: 10pt; line-height: 10pt;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	}
.closeText:hover { color: #DC2525; text-shadow: 0px 0px 3px rgba(0,0,0,0.7), 0px 0px 20px rgba(220,37,37,1.0); }
.closeText:active { color: #666; text-shadow: 0px -1px 2px rgba(0,0,0,1.0), 0px 0px 10px rgba(255,255,255,0.2); }

.mapCanvas {
    width: 100%; height: 100%;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
    }
#mapHolder {
	text-align: center;
	padding: 10px;
	width: 740px; height: 475px;
	top: 50%; margin-top: -270px;
	left: 50%; margin-left: -390px;
	position: fixed;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #222;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(98%, rgba(40,40,40, 1.0)),
			color-stop(100%, rgba(30,30,30, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	}
#walkScoreHolder {
	text-align: center;
	padding: 10px;
	width: 740px; height: 475px;
	top: 50%; margin-top: -270px;
	left: 50%; margin-left: -390px;
	position: fixed;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #FFF;
	}

/*----------------------------------------------------------------------
LOCAL AMENITIES
----------------------------------------------------------------------*/
.expanded {
    height: 674px !important;
    margin-top: -370px !important;
    }
#amenitiesHolder {
	text-align: center;
	padding: 10px;
	width: 940px; height: 600px;
	top: 50%; margin-top: -330px;
	left: 50%; margin-left: -480px;
	position: fixed;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,1.0);
	background: #222;
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(10,10,10, 1.0)),
			color-stop(98%, rgba(40,40,40, 1.0)),
			color-stop(100%, rgba(30,30,30, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(10,10,10, 1.0) 0%,
			rgba(40,40,40, 1.0) 98%,
			rgba(30,30,30, 1.0) 100%);
	}
.amenitiesCanvas {
    width: 100%; height: 480px;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1.0), 0px 0px 0px 2px rgba(255,255,255,0.2);
    }
.iconHolder1 {
    width: 100%; height: 80px;
    position: relative;
    top: 8px; left: -10px;
    }
.iconHolder2 {
    width: 100%; height: 80px;
    position: relative;
    top: 8px; left: -10px;
    }
.iconContainer {
    width: 100%; height: 31px;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px; left:0px;
    opacity: 0.4; filter: alpha(opacity=40);
    }
.amenitiesIcons:hover .iconContainer {
    height: 37px; top: -10px;
    opacity: 1.0; filter: alpha(opacity=100);
    }
.amenitiesIcons {
    width: 80px; height: auto;
    position: absolute;
    top: 0px;
    text-align: center;
    font-size: 8pt; line-height: 10pt;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
    color: #777;
    padding-top: 31px;
    cursor: pointer;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
    }
.amenitiesIcons:hover {
    color: #1c3f95;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6);
    }
.extraAmenities {
    width: 120px; height: auto;
    background: #000;
    position: relative;
    margin: -2px auto 13px auto;
    padding: 6px 6px 8px 6px;
    text-align: center;
    font-size: 10pt; line-height: 12pt;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
    color: #888;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
    cursor: pointer;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(150,150,150,0.1) inset, 0px 2px 4px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 1.0)),
			color-stop(10%, rgba(40,40,40, 1.0)),
			color-stop(90%, rgba(20,20,20, 1.0)),
			color-stop(100%, rgba(10,10,10, 1.0)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 1.0) 0%,
			rgba(40,40,40, 1.0) 10%,
			rgba(20,20,20, 1.0) 90%,
			rgba(10,10,10, 1.0) 100%);
    }
.extraAmenities:hover {
    color: #1c3f95;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.8), 0px 0px 20px rgba(255,255,255,0.6);
    }
.extraAmenities:active {
    color: #555;
    text-shadow: 0px 0px 4px rgba(255,255,255,0.0), 0px 0px 20px rgba(255,255,255,0.0);
    }
.activeAmenity {
    color: #1c3f95 !important;
    }
.activeAmenity .iconContainer {
    opacity: 1.0 !important; filter: alpha(opacity=100) !important;
    height: 31px !important; top: 0px !important;
    }
#amenitiesHolder .icon1 { left: 0px; }
#amenitiesHolder .icon2 { left: 80px; }
#amenitiesHolder .icon3 { left: 160px; }
#amenitiesHolder .icon4 { left: 240px; }
#amenitiesHolder .icon5 { left: 320px; }
#amenitiesHolder .icon6 { left: 400px; }
#amenitiesHolder .icon7 { left: 480px; }
#amenitiesHolder .icon8 { left: 560px; }
#amenitiesHolder .icon9 { left: 640px; }
#amenitiesHolder .icon10 { left: 720px; }
#amenitiesHolder .icon11 { left: 800px; }
#amenitiesHolder .icon12 { left: 880px; }

.iconDivider1 {
	width: 60%; height: 1px;
	position: relative;
    margin: 0 auto;
	background-color: transparent;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(0,0,0, 0.0)),
			color-stop(50%, rgba(0,0,0, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.8) 50%,
			rgba(0,0,0, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(0,0,0, 0.0) 0%,
			rgba(0,0,0, 0.8) 50%,
			rgba(0,0,0, 0.0) 100%);
	}
.iconDivider2 {
	width: 60%; height: 1px;
	position: relative;
    margin: 0px auto 5px auto;
	background-color: transparent;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(255,255,255, 0.0)),
			color-stop(50%, rgba(255,255,255, 0.15)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.15) 50%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(255,255,255, 0.0) 0%,
			rgba(255,255,255, 0.15) 50%,
			rgba(255,255,255, 0.0) 100%);
	}
.distanceHolder {
    width: 104px; height: 30px; overflow: hidden;
    background: #000;
    position: absolute;
    padding-top: 10px;
    bottom: 0px; left: 50%;
    margin-left: -52px;
    z-index: 20;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.1) inset, 0px 0px 0px 1px rgba(0,0,0,0.85), 0px 0px 3px 0px rgba(0,0,0,0.8);
	background:
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(50,50,50, 0.8)),
			color-stop(10%, rgba(30,30,30, 0.8)),
			color-stop(100%, rgba(0,0,0, 0.9)));
	background:
		-moz-linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
	background:
		linear-gradient(center top,
			rgba(50,50,50, 0.8) 0%,
			rgba(30,30,30, 0.8) 10%,
			rgba(0,0,0, 0.9) 100%);
    }
.distanceHolder select {
    width: 80px; height: auto;
    font-size: 12pt;
   }
.checkboxHolder {
    width: auto; height: 0px;
    overflow: hidden !important;
    }

/*----------------------------------------------------------------------
GOOGLE MAPS POPUPS
----------------------------------------------------------------------*/
.mapBubble {
    position: relative;
    width: 350px; height: auto;
    background: transparent;
    overflow: hidden;
    }
.mapBubble * {
    position: relative;
    }
.mapBubble img {
    width: 150px; height: 110px;
    padding: 1px;
    border: 1px solid #999;
    margin-bottom: 15px;
    }
.mapBubble .sidebarLeft {
	font-size: 12pt; line-height: 12pt;
	color: #000;
	font-weight: bold;
    text-align: center;
	float: left;
	}
.mapBubble .sidebarRight {
    width: 186px; height: auto;
	font-size: 10pt; line-height: 16pt;
	color: #000;
	margin-left: 10px; margin-top: 4px;
	float: left;
	}
.mapBubble .sidebarRight h1 {
	font-size: inherit; line-height: inherit;
	color: #999;
    text-transform: lowercase;
    font-weight: normal;
	display: inline;
	}
.mapBubble .sidebarRight a {
	font-size: 12pt; line-height: 16pt;
	font-weight: bold;
	}
.mapBubble a { color: #394BD2; }
.mapBubble a:hover { color: #DC2525; }
.mapBubble a:active { color: #000; }

.mapBubble .detailsButton {
    text-align: center;
    margin-top: 19px;
	}
.mapBubble .formFooter {
    width: 100%; height: 31px;
    margin-top: 10px;
    text-align: center;
    }
.mapBubble .formFooter a {
	font-size: 9pt; line-height: 14pt;
	font-weight: bold;
	}
.mapBubble .formFooter .middle {
    margin-left: 30px;
    margin-right: 30px;
    }
.tagBizBubble {
    width: auto; height: auto;
	font-size: 10pt; line-height: 15pt;
	color: #000;
	text-align: left;
	padding: 0px 5px 0px 5px;
    }
.tagBizBubble h1 {
	font-size: 10pt; line-height: 15pt;
	color: #999;
    font-weight: normal;
	display: inline;
	}
.tagBizBubble h2 {
	font-size: 11pt; line-height: 19pt;
	color: #000;
	-webkit-font-smoothing: antialiased;
	}
.tagBizBubble a {
	font-size: 10pt; line-height: 15pt;
	font-weight: bold;
	}
.tagBizBubble a { color: #394BD2; }
.tagBizBubble a:hover { color: #DC2525; }
.tagBizBubble a:active { color: #000; }

/* PREFERRED CLIENT SPECIFIC - START */
.button {
	font-size: 16pt; line-height: 20pt;
	margin-right: 30px;
	cursor: pointer;
	}
.save-button {
	margin-right: 0;
}
.watcher-search-holder .textField {
	width: 100%;
	}
.watcher-search-holder .name {
	display: inline-block;
	width: 400px;
	margin-right: 40px;
	float:left;
	}
.watcher-search-holder .city {
	display: inline-block;
	width: 100%;
	}
.watcher-search-holder .price {
	display: inline-block;
	width: auto;
	}
.watcher-search-holder .price .low,
.watcher-search-holder .price .high {
	display: inline-block;
	width: 100px;
	margin-right: 40px;
	}
.watcher-search-holder span {
	display: block;
	font-size: 10pt; line-height: 12pt;
	color: #AAA;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 6px;
	}
.property-button-holder {
	float: right;
	display: inline-block;
	margin-right:-10px;
}
.search-holder .address,
.search-holder .price {
	display: inline-block;
	font-size: 10pt; line-height: 12pt;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 10px;
	}
.search-holder .address {
	color: #AAA;
	margin-bottom: 6px;
	}
.search-term {
	display: inline-block;
	font-size: 10pt; line-height: 12pt;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	color: #AAA;
	margin-bottom: 6px;
	text-transform: none !important;
	}
.pcs-button {
	width: auto;
	display: inline-block;
	position:absolute;
	top: 10px;
	right: 0;
	font-size: 12pt; line-height: 12pt;
	color: #bbb;
	padding: 7px 12px 4px 12px;
	border-radius: 4px;
	background: #333;
	cursor: pointer;
	text-transform: none !important;
	}
.pcs-button.special {
	background: transparent;
	}
.pcs-button:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #444;
	}
.pcs-button:active {
	color: #444;
	text-shadow: 0px 0px 6px #444;
	background: #111;
	}
.searchCell .right1-long,
.searchCell .right2-long {
	position: relative; float: right;
	}
.searchCell .right1-long {
	width: 52%;
}
.searchCell .right1-long .floater {
	width: calc(50% - 10px);
	display: inline-block;
	float: left;
	}
.searchCell .right1-long .textField {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
.searchCell .right1-long #txtCityautosuggest,
.searchCell .right1-long #txtCityautosuggest div:first-child {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
.searchCell .right1-long .clearBtn,
.searchCell .right1-long .clearBtnWrapper .showX .sm,
.searchCell .right1-long .clearBtnWrapper .hideX .sm,
.searchCell .right1-long .clearBtnWrapper .showX .xsm,
.searchCell .right1-long .clearBtnWrapper .hideX .xsm {
	left: auto !important;
	right: 0px !important;
	}
.autosuggest {
	width: 100%;
	float: none !important;
	}
.header .search .autosuggest {
	width: 200%;
	}
.autosuggest div:first-child {
	float: none !important;
	}
.autosuggestcontainer {
	width: 100%;
	top: 22px !important;
	}
.header .search .autosuggestcontainer {
	top: 24px !important;
	}
.autosuggestcontainer .yui-ac-content {
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0;
	background-color: #fff;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.homeSearchHolder .search .autosuggestcontainer .yui-ac-content {
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0, 0.4), 1px 0px 0px 0px rgba(0,0,0, 0.4), -1px 0px 0px 0px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0, 0.4), 1px 0px 0px 0px rgba(0,0,0, 0.4), -1px 0px 0px 0px rgba(0,0,0, 0.4);
	box-shadow: 0px 1px 0px 0px rgba(0,0,0, 0.4), 1px 0px 0px 0px rgba(0,0,0, 0.4), -1px 0px 0px 0px rgba(0,0,0, 0.4);
	}
.content .search .autosuggestcontainer .yui-ac-content,
.header .search .autosuggestcontainer .yui-ac-content {
	width: -webkit-calc(100% - 2px);
	width: calc(100% - 2px);
	margin: 0 0 0 1px;
	-webkit-box-shadow: 0px 1px 0px 0px #dadada, 1px 0px 0px 0px #dadada, -1px 0px 0px 0px #dadada;
	-moz-box-shadow: 0px 1px 0px 0px #dadada, 1px 0px 0px 0px #dadada, -1px 0px 0px 0px #dadada;
	box-shadow: 0px 1px 0px 0px #dadada, 1px 0px 0px 0px #dadada, -1px 0px 0px 0px #dadada;
	}
.autosuggestcontainer .yui-ac-shadow {
	display: none !important;
	}
.autosuggestcontainer .yui-ac-bd li {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	padding: 5px 8px 4px 8px;
  }
.autosuggestcontainer .yui-ac-bd li:hover {
	background-color: #ddd;
	}
.autosuggestcontainer .yui-ac-bd li.yui-ac-highlight {
	color: #333;
	background-color: #f50a0a;
	-webkit-font-smoothing: subpixel-antialiased;
	}
.compare-banner * {
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	}
.compare-banner {
	width: 100%; height: 50px;
	position: fixed; z-index: 1000;
	display: block;
	bottom: -60px; left: 0;
	padding: 0; margin: 0;
	background-color: rgba(50,50,50, 0.9);
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.1) inset, 0px -1px 0px 0px rgba(0,0,0, 0.6), 0px -1px 5px 0px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.1) inset, 0px -1px 0px 0px rgba(0,0,0, 0.6), 0px -1px 5px 0px rgba(0,0,0, 0.4);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.1) inset, 0px -1px 0px 0px rgba(0,0,0, 0.6), 0px -1px 5px 0px rgba(0,0,0, 0.4);
	}
.ie8 .compare-banner {
	background: url('http://canrealty.net/images/background-dim.png');
	}
.compare-banner .text {
	font-size: 16pt; line-height: 18pt;
	font-weight: bold;
	color: #eee;
	padding: 13px 15px 15px 15px; margin: 0;
	text-shadow: 0px 1px 4px rgba(0,0,0, 0.4);
	}
.compare-banner .button {
	width: auto; height: auto;
	position: absolute; z-index: 500;
	display: inline-block;
	top: 9px; right: 0;
	padding: 6px 15px 8px 15px; margin: 0 10px 0 10px;
	background-color: #2d81e7;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(20%, rgba(0,0,0, 0.0)),
		color-stop(100%, rgba(0,0,0, 0.3)));
	background-image:
		-moz-linear-gradient(center top,
		rgba(0,0,0, 0.0) 20%,
		rgba(0,0,0, 0.3) 100%);
	background-image:
		-ms-linear-gradient(top,
		rgba(0,0,0, 0.0) 20%,
		rgba(0,0,0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.2) inset, 0px 1px 3px 0px rgba(0,0,0, 0.5);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.2) inset, 0px 1px 3px 0px rgba(0,0,0, 0.5);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.2) inset, 0px 1px 3px 0px rgba(0,0,0, 0.5);
	color: #fff !important;
	text-shadow: 0px 1px 2px rgba(0,0,0, 0.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12pt; line-height: 14pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	text-transform: none !important;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
	cursor: pointer;
	white-space: nowrap;
	}
.compare-banner .button:hover {
	background-color: #579ff6;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.3) inset, 0px 1px 3px 0px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.3) inset, 0px 1px 3px 0px rgba(0,0,0, 0.4);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255, 0.3) inset, 0px 1px 3px 0px rgba(0,0,0, 0.4);
	}
.compare-banner .button:active {
	background-color: #579ff6;
	background-image:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(20%, rgba(0,0,0, 0.3)),
		color-stop(100%, rgba(0,0,0, 0.0)));
	background-image:
		-moz-linear-gradient(center top,
		rgba(0,0,0, 0.3) 20%,
		rgba(0,0,0, 0.0) 100%);
	background-image:
		-ms-linear-gradient(top,
		rgba(0,0,0, 0.3) 20%,
		rgba(0,0,0, 0.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 0.6) inset, 0px 2px 5px 0px rgba(0,0,0, 0.4) inset, 0px 1px 1px 0px rgba(255,255,255, 0.3);
	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0, 0.6) inset, 0px 2px 5px 0px rgba(0,0,0, 0.4) inset, 0px 1px 1px 0px rgba(255,255,255, 0.3);
	box-shadow: 0px 0px 0px 1px rgba(0,0,0, 0.6) inset, 0px 2px 5px 0px rgba(0,0,0, 0.4) inset, 0px 1px 1px 0px rgba(255,255,255, 0.3);
	text-shadow: 0px 1px 2px rgba(0,0,0, 0.6);
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	}
.extra-buttons {
	width: 100%;
	text-align: center;
	padding: 12px 0 8px 0;
}
.property-button input[type=checkbox] {
	display: none !important;
	}
.property-button {
	display: inline-block;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	color: #aaa;
	background: #333;
	cursor: pointer;
	margin: 6px 10px 0 0;
	cursor: pointer;
	font-size: 11pt;
	line-height: 14.5pt;
	outline: none;
	border: none;
	}
.property-button * {
	cursor: pointer;
	}
.property-button:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #444;
	}
.property-button:active {
	color: #444;
	text-shadow: 0px 0px 6px #444;
	background: #111;
	}
.property-button.blue {
	color: #FFF;
	background: #256dc6;
	}
.property-button.blue:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #2d81e7;
	}
.property-button.blue:active {
	color: #1b467a;
	text-shadow: 0px 0px 6px #444;
	background: #0a1a2f;
	}
.property-button.red {
	color: #FFF;
	background: #c72626;
	}
.property-button.red:hover {
	color: #FFF;
	text-shadow: 0px 0px 6px #FFF;
	background: #e82d2d;
	}
.property-button.red:active {
	color: #7b1b1b;
	text-shadow: 0px 0px 6px #444;
	background: #2e0909;
	}
/* PREFERRED CLIENT SPECIFIC - END */

/* NEIGHBOURHOOD INFORMATION SPECIFIC - START */
.neighbourhoodDescription {
	position: relative; z-index: 10;
	top: 0; left: 0;
	width: 100%; height: auto;
	}
.neighbourhoodListedBy {
	position: relative; z-index: 8;
	bottom: 0; left: 0;
	width: 100%; height: auto;
	}
.neighbourhoodButtons {
	position: relative; z-index: 10;
	bottom: 0; left: 0px;
	width: 100%; height: auto;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: right;
	}
.neighbourhoodButtons .button {
	margin-left: 30px;
	margin-right: 0;
	}
.neighbourhoodSpecs {
	position: relative; z-index: 10; float: left;
	top: 10px; right: 0px;
	width: calc(50% - 10px);  height: auto;
	font-weight: bold;
	border-collapse: collapse;
	background-image:
		-webkit-gradient(linear, left bottom, right bottom,
			color-stop(0%, rgba(0,0,0, 0.8)),
			color-stop(50%, rgba(0,0,0, 0.0)),
			color-stop(100%, rgba(0,0,0, 0.8))),
		-webkit-gradient(linear, left top, left bottom,
			color-stop(0%, rgba(255,255,255, 0.10)),
			color-stop(100%, rgba(255,255,255, 0.0)));
	background-image:
		-moz-linear-gradient(left center,
			rgba(0,0,0, 0.8) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 0.8) 100%),
		-moz-linear-gradient(center top,
			rgba(255,255,255, 0.10) 0%,
			rgba(255,255,255, 0.0) 100%);
	background-image:
		linear-gradient(left center,
			rgba(0,0,0, 0.8) 0%,
			rgba(0,0,0, 0.0) 50%,
			rgba(0,0,0, 0.8) 100%),
		linear-gradient(center top,
			rgba(255,255,255, 0.10) 0%,
			rgba(255,255,255, 0.0) 100%);
	}
.neighbourhoodSpecs .left {
	text-align: left;
	border-width: 1px 1px 1px 1px;
	padding-left: 7px !important;
	padding-right: 8px !important;
	}
.neighbourhoodSpecs .right {
	text-align: right;
	border-width: 1px 1px 1px 0px;
	padding-right: 7px !important;
	}
.neighbourhoodSpecs td {
	width: auto; height: auto;
	border-style: solid;
	border-color: #222;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	}
.neighbourhoodSpecs .label {
	font-size: 12pt; line-height: 15pt;
	color: #777;
	text-transform: lowercase;
	width: 140px;
	}
.neighbourhoodSpecs .value {
	font-size: 12pt; line-height: 15pt;
	color: #AAA;
	width: auto;
	}
.neighbourhoodSpecs .altRow { background-color: rgba(50,50,50, 0.3); }

.neighbourhoodSpecsTitle {
	width: calc(50% - 10px);
	float: left;
}
/* NEIGHBOURHOOD INFORMATION SPECIFIC - END */