@charset "utf-8";
/* CSS Document */

body {
	font-family: ReithSans, Arial, Helvetica, freesans, sans-serif;
    font-size: 100%;
	color: #182b46;
	margin: 0;
	padding: 0;
	color: #000000;
    font-size: 100%;
	background-color: #ffffff;
 	}
	
.overformbackground {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	display: none;
	z-index: 999;
	opacity: 0.7; 
	background-color: black;
}
	

html {
  overflow-y: scroll;
}

#Socialheader {
	position: absolute; 
	bottom: 1px; 
	right: 12px;
	cursor:pointer;
	z-index: 9999;
}

.spxx {
	background-color: black;
	color: white;
	padding: 4px;
	font-size: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

.InstaTab {
	display: block; 
	text-align: center;
}

.InstaTabHidden {
	display: none;
}

.Insta {
	display: block;
	padding: 0px;
	margin: 4px;
	text-align: center;
}

.Insta p {
	text-align: left;
}

.Insta h2 {
	display: inline-block;
	margin: 10px 0px 10px 0px;
	cursor:pointer;
	text-align: center;
}

.SiteList {
	display: inline-block; 
	padding: 0px 20px 20px 10px; 
	vertical-align: top;
}
.SiteList img {
	width: 354px; 
	height: 194px;
}
.SiteListShot {
	padding: 4px;
	background-color: #d2cfcf;
	font-size: 90%;
	text-align: center;
	position: relative;
	top: -4px;
}

.CategoryList {
	display: inline-block;
	padding: 5px;
}

.CategoryList h3 {
	background-color: #e7ec85;
	cursor:pointer;
	text-align: center;
	margin: 2px;
	padding: 4px;
}

.CategoryImage {
	width: 354px;
	height: 194px;
	background-repeat: no-repeat; 
}
.InstaTabUnselected {
	background-color: #044969;
	color: white;
	border-radius: 3px;
	padding: 10px;
}
.InstaTabSelected {
	background-color: #8f614f;
	color: white;
	border-radius: 3px;
	padding: 10px;
}


.AreaSearch {font-weight: bold; font-size: 101%; }

#SocialheaderInner {display: inline-block; position: relative; top: -6px; }
#SocialheaderInner a:link { background-color: #ff00cc; color: white; padding: 2px 8px; margin: 0px; text-decoration: none; margin: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#SocialheaderInner a:visited { background-color: #ff00cc; color: white; text-decoration: none;}
#SocialheaderInner a:current { background-color: #ff00cc; color: white; text-decoration: none;}
#SocialheaderInner a:hover {background-color: #090; color: white; text-decoration: none;}
#Socialheader img {padding: 0px; margin: 2px;}
/* =========================================================== */



#PropertyDetailImage img {
	max-width: 100%; 
}

// ----------------------------------------------------------------------------
.superimpose-background {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	display: none;
	z-index: 999;
	opacity: 0.8; 
}
.superimpose {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	display: none;
	z-index: 999;
	overflow: scroll;
	background-color: white;
	padding: 10px 5px;
}
.superimpose-core {
	overflow: scroll;
	height: 100%; 
	width: 100%; 
	min-width: 900px;
	margin: auto auto;
	background-color: #d1d5e9;
	position: fixed;
	padding: 10px;
	top: 0%;
	left: 0%;
	border: medium groove #666;
}
// ----------------------------------------------------------------------------

// ----------------------------------------------------------------------------
.overformbackground {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
	z-index: 999;
/*	opacity: 0.8; */
	background-color: black;
	transform:translate(-50%,50%);
}
.overform {
	position: fixed;
	top: 20%;
	width: 840px;
	left: 20%;
	height: 610px;
	display: none;
	z-index: 999;
	padding: 10px;
	background-color: #d4ecff;
	border: medium groove #666;
}
.overform-core {
	overflow: scroll;
	height: 100%; 
	width: 100%; 
	min-width: 900px;
	margin: auto auto;
	background-color: white;
	position: fixed;
	padding: 10px;
	top: 0%;
	left: 0%;
	border: medium groove #666;
}
// ----------------------------------------------------------------------------


.ScrollMoreHigh {
	background-color: red;
}

#WebTimeLapse {
	background-color: green;
	text-align: center;
	font-size: 9px;
}

#WebTimeLapse img {	
	cursor:pointer;
	margin: 2px;
}



.ConcertinaTabContainer {
	position: relative;
	left: 0px;
	padding: 0px 0px 0px 0px;
	height: 580px;
	overflow: hidden;
/*	overflow: hidden; */
/*	background-color: #AFC8E4; */
}

.ConcertinaBody {
	margin: 0px 0px;
	width: 100%; 
	height: 580px;
	overflow: hidden;  
	background-color: #d2e6ff;
	}
.ConcertinaTab {
	display: inline-block;
	height: 20px;
	background-color: #f0f2f5;
	margin: 4px 0px 0px 2px;
	padding: 5px;
	vertical-align: middle;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
	font-size: large;
	overflow: hidden;  
	}
.ConcertinaTab a:link {  text-decoration: none; }
.ConcertinaTab a:visited {  text-decoration: none; }
.ConcertinaTab a:current {  text-decoration: none; }
.ConcertinaTab a:hover {  text-decoration: underline;}

.ConcertinaCurrentTab {
	display: inline-block;
	height: 20px;
	background-color: #CCFF00; 
	border: 1px solid #BFD2EA;
	margin: 4px 0px 0px 2px;
	padding: 5px;
	vertical-align: middle;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
	font-size: large;
	}
.ConcertinaCurrentTab a:link {  text-decoration: none; }
.ConcertinaCurrentTab a:visited {  text-decoration: none; }
.ConcertinaCurrentTab a:current {  text-decoration: none; }
.ConcertinaCurrentTab a:hover {  text-decoration: underline;}

.ConcertinaSearchTab {
	display: inline-block;
	height: 20px;
	background-color: #FF6600; 
	color: white;
	border: 1px solid #BFD2EA;
	margin: 4px 0px 0px 2px;
	padding: 5px;
	vertical-align: middle;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
	font-size: large;
	}
.ConcertinaSearchTab a:link {  text-decoration: none; }
.ConcertinaSearchTab a:visited {  text-decoration: none; }
.ConcertinaSearchTab a:current {  text-decoration: none; }
.ConcertinaSearchTab a:hover {  text-decoration: underline;}

.ConcertinaCategoryBox {
	position: absolute; 
	top: 45px; 
	right: 10px; 
	z-index: 60; 
	background-color: white; 
	padding: 5px; 
	opacity: 0.9;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	}
.ConcertinaCategoryBox h2 {
	margin: 0px; 
	padding: 0px;
	color: #06C;
	}

.WETourSlideshow {
	padding-left: 0px;
	margin-left: 890px;
}
.WETourSlideshow h2 {font-weight: italic; font-size: 10px; margin-block-start: 0; margin: 10px 0px 0px 0px;}
.WETourSlideshow h3 {font-weight: normal; font-size: inherit; margin: 0px 0px 0px 0px; padding: 5px 10px;}
.WETourSlideshow h4 {font-style: italic; font-weight: normal;  margin: 0px;}
	
.WETourSlideshow a:link {   }
.WETourSlideshow a:visited {   }
.WETourSlideshow a:current {  }
.WETourSlideshow a:hover {   }

.TourSlideshowItem {
	float: left; 
	vertical-align: top; 
	margin: 0px 0px 0px 0px; 
	padding: 10px; 
	background-color: #eaeaf1;
	color: black;
	font-size: 12px;
}

.WETourSlideshowAgentPanel {
	list-style: none;
	display: inline-block;
}
.WETourSlideshowAgentPanel h5 {
	padding: 2px;
	margin: 2px;
}

.WETourSlideshow label {
	display: block; 
	vertical-align: bottom; 
	width: 100%; 
	font-size: 12px; 
	text-align: center;
}

.WETourSlideshow select {
	padding: 10px;
}
#HeaderMenuLeft {
	float: left;
}

.GeneralForm {
	background-color: #DAEAFE;
	display: inline-block;
	width: 450px;
	padding: 10px;
	text-align: left;
	margin: auto auto;
	border: 1px double #999;
}
.GeneralForm label {
	width: 120px;
	display: inline-block;
	text-align: right;
}
.GeneralForm p {
	padding: 4px;
	margin: 2px;
}
/* =========================================================== */

.EditComment {
	margin: 0px 0px 0px 160px;
	color: #390;
	font-size: 12px; 
    display: inline-block;
	}

#DocumentContent {
	visibility: visible;
}

#WESlideBack img {
	border: 4px solid black;
}

#WEViewBox {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 99%; 
	width: 99%; 
	background-color: black; 
	color: white; 
	padding: 5px;
}
#WEViewBox a:link { color: white; text-decoration: none; }
#WEViewBox a:visited { color: white; text-decoration: none; }
#WEViewBox a:current { color: white; text-decoration: none; }
#WEViewBox a:hover { color: white; text-decoration: none;}
#WESlideControl {
	margin: 0px;
	padding: 0px;
}
#WEFrame {
	display: block;
	text-align: justify;
	text-align-last: center;
	margin: 10px;
}

#WEFrame label {
	font-weight: bold;
}

#WEFrame h1 {
	text-align: left;
}

#ScrollReadout {
	display: block;
	padding: 0px 15px 4px 5px;
	margin: 0px auto;
	height: 50px;
	z-index: 8000;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}
@media screen and (orientation:portrait) and (max-device-width: 1000px) {
	.WEBlock {
		width: 350px;
		padding: 0px;
		margin: 0px;
	}
	#WEFrame {
		text-align: center;
		margin: 0px 0px 10px 0px;
	}
	#ScrollReadout {
		display: none;
	}
	#Socialheader {
		display: none;
	}
}

#ScrollReadout img {
	margin: 0px 5px;
}


#ScrollReadout ul {
	padding: 2px 0px;
}

#ScrollReadout li {
	text-align: center;
	background-color: #D7E3F2;
	border: 1px solid #BFD2EA;
	overflow: hidden; 
	padding: 5px 5px; 
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
}

#ScrollReadout a:link li { text-decoration: none; }
#ScrollReadout  a:visited li { text-decoration: none; }
#ScrollReadout a:current li { text-decoration: none; }
#ScrollReadout a:hover li {text-decoration: none; background-color: #00c42f;}


.chart {
	width: 100%;
	display: inline-block;
	padding: 5px;
	margin: 2px;
	text-align: justify;
}

.chart label {
	display: inline-block;
	background-color: #003;
	padding: 5px;
	margin: 2px;
	overflow: hidden;
	border:thin;
	white-space: nowrap;
}

.chart input {
	display: inline-block;
}

.chart select{
  width: 150px;
  height: 30px;
  padding: 5px;
  color: white;
  background-color: #003;
}
.chart select option { color: white; }
.chart select option:first-child{
  color: white;
}

.chart a:link  { text-decoration: none; color: #0F0;}
.chart  a:visited  { text-decoration: none; color: #CC3;}
.chart a:current  { text-decoration: none; }
.chart a:hover { text-decoration: underline; }

@media screen and (orientation:landscape) and (max-device-width: 1000px) {
	.WEBlock {
		width: 350px;
		padding: 0px;
		margin: 0px;
	}
	#WEFrame {
		text-align: center;
		margin: 0px 0px 10px 0px;
	}
}

.Highlight a:link { color: white; }
.Highlight a:visited { color: white; }
.Highlight a:current { color: white; }
.Highlight a:hover {color: white;}

.PropertyHeaderCell {
	display: inline-block; 
	padding: 5px; 
	font-weight: bold;
}
/*
.PropertyHeaderCell a:link { color: white; }
.PropertyHeaderCell a:visited { color: white; }
.PropertyHeaderCell a:current { color: white; }
.PropertyHeaderCell a:hover {color: white;}
*/

.HiDiv {
}

#WESlideshowTagBlock {
	float: right; 
	font-size: 12px; 
	width: 340px; 
	height: 640px; 
	overflow: scroll; 
	overflow-x:hidden; 
	margin: 0px 35px 0px 0px; 
	padding: 0px; 
	text-align: left;
}

@media only screen and (max-device-width: 1000px) {
  /* define mobile specific styles come here */
}

/* Portrait */
@media screen and (orientation:portrait) and (max-device-width: 1000px) {
	#AHouseHomeBox img {max-height: 100%;}
}
/* Landscape */
@media screen and (orientation:landscape) and (max-device-width: 1000px) {
	#AHouseHomeBox img {max-width: 100%;}
	#WESlideshowTagBlock {width: 220px;}
}

.NWEHomeFloats {
	background-color: #CCDDEE;
	font-size: 12px;
	}


.NWEHomeFloats h2 {
	padding: 2px;
	margin: 0px;
	background-color: #B6CEE7;
}
.NWEHomeFloats p {padding: 0px; margin: 0px;}
.NWEHomeFloats hr {padding: 0px; margin: 2px; border-top: 1px solid #CCCCCC; border-bottom: 0px solid blue; border-left: 0px solid blue; border-right: 0px solid blue; height: 0px;}
@media screen and (orientation:portrait) and (max-device-width: 1000px) {
	.NWEHomeFloats {font-size: 10px;}
}
@media screen and (orientation:landscape) and (max-device-width: 1000px) {
	.NWEHomeFloats {font-size: 10px;}
}

.HiDiv a:link {
	text-align: center; 
	padding: 0px; 
	margin: 0px;
}

a:hover.HiDiv {
	font-weight: bold;
}

#WESlideAction {
	display: inline-block;
}
// -----------------------------------------------------------------




#Snap {
	float: right;
	width: 160px;
	height: 80px;
}

#WEMenu {
	position: fixed; 
	top: 178px; 
	left: 10px; 
	width: 160px; 
	list-style: none;
	background-color: white;
}

.Wet {
	display: none;
}

.TransformedBox h1 {
	background-color: black;
	color: white;
}
.TransformedBox li {
	background-color: #606060;
	padding: 8px;
	list-style: none;
	text-align: left;
	font-size: 18px;
	border: thin solid #666;
	margin-bottom: 2px;
}
.TransformedBox a:link {
	background-color: #C9C9C9;
	color: white;
}
.TransformedBox a:visited {
	background-color: #C9C9C9;
	color: white;
}

.PaginationContainer {
	padding: 20px;
	text-align: center;
}
.Pagination {
	background-color: #999;
	margin-bottom: 40px;
}
.Pagination ul
{
	list-style: none;
}
.Pagination li
{
	list-style: none;
	display: inline-block;
	background-color: white;
	padding: 5px;
	margin: 3px;
	border: 1px solid #666;
}
.NoMatch {
	padding: 10px;
	width: 100%;
	text-align: center;
	text-align-last: center;	
	font-weight: bold;
	font-size: 125%;
}

.MobileLink a:link {background-color: white; color: black; padding: 5px; text-decoration: none;}
.MobileLink a:visited {background-color: white; color: black; padding: 5px; text-decoration: none;}
.MobileLink a:current {background-color: white; color: black; padding: 5px; text-decoration: none;}


#searchID {
	width: 160px;
}

.ZoomContainer {
	position: relative; display: 
	inline-block; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
	text-align: center;
	font-weight: bold;
} // ZoomContainer

#HomeHelpPane {
	position: relative;
	text-align: left;
	display: block;
	width: 730px;
	height: 56px;
	padding: 5px;
	font-size: 12px;
	color: white;
	margin: 15px auto;
	background-color: #333;
	border: 1px solid #E4E4E4;
	clear: both;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.ArchiveThumbnail  {
	border: 1px solid #666666;
}

#HomeHelpPane edit {
	padding: 10px;
}
#HomeHelpPane input {
	padding: 10px;
}
#HomeTown input {
	padding: 10px;
}
#HomeTown edit {
	padding: 10px;
}

#HomeHelpPane select {
	padding: 10px;
}

#AppHeader{
/*	position: absolute; 
	text-align: center; 
	white-space: nowrap; 
	bottom: 0px;
	right: 0px;
	width: 0px; 
	overflow: hidden;  */
}
#AppHeader h1 {
	margin: 0px;
	padding: 0px;
	font-size: large;
	font-weight: normal;
}
#AppHeader h2 {
	margin: 0px;
	padding: 0px;
}

.pbox {
	display: inline-block; 
	vertical-align: top; 
	padding: 3px;
}

.MainMenuOption {
	margin: 0px 10px 0px 0px;
	padding: 0px 4px 0px 0px;
	vertical-align: top;
	font-size: 12px;
	display: inline-block;
}
.MainMenuOption h4 {
	position: relative;
	top: -3px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
	white-space:nowrap;
}

#PageColourSwitch {
	float: right; 
	margin: 0px 0px 0px 5px; 
	text-align: center; 
	line-height: 0.95em; 
	padding: 4px; 
	font-size: 10px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-color: black; 
	color: white;
}

.ArchiveCountReadout {
	border: 1px solid #666666;
	text-align: center;
	background-color: #334a97; 
	position: absolute; 
	right: -22px; 
	top: 90px; 
	font-size: 12px; 
	line-height: 12px; 
	padding: 5px;
	margin: 15px; 
	color: white; 
	opacity: 0.9;
	border-radius: 50%;
}

/* ================================================================================================================ */

.PromptComboWrapper {
	position: relative;
}
.PromptComboWrapper input {
	position: relative;
	z-index: 100;
	}
.PromptCombo {
	background-color: white;
	color: black;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
	padding: 10px;
	display: hidden;
	visibility:hidden;
	z-index: 99999;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 270px;
	max-width: 218px;
	border: thin solid #999;
	cursor:pointer;
	text-align: left;
	text-align-last: left;
	font-size: 14px;
}
.PromptCombo li {list-style: none; white-space: nowrap; z-index: 99999; text-align: left; text-align-last: left;}
.PromptCombo a:link {color: black;}
.PromptCombo a:visited {color: black;}

.WeSiteMenu {
	list-style: none;
}
.WeSiteMenu li {
	list-style: none;
	background-color: #2f88ff66;
	margin: 4px;
	padding: 5px;
	border: 1px solid #06C;
}

/* ================================================================================================================ */

#searchtag {
	width: 215px;
}

#WESearch {
/*	border: 1px solid #B6B6B6;  */
	margin: 0px auto;
	position: relative;
	top: -4px;
	width: 670px;
	padding: 4px 2px 2px 108px; 
	z-index: 2;
	font-weight: bold;
}
#WESearch input {z-index: 3; width: 230px;}
#TagEditor {
	display: inline-block; 
	width: 245px; 
	margin: 0; 
	padding: 5px; 
	border-width: 0;
	}

#IViewerDetails {
position: absolute; 
top: 30%; 
right: 0px; 
width: 10%; 
max-height: 400px; 
font-size: 12px; 
text-align: left; 
overflow: scroll; 
overflow-x: hidden;
background-color: black; 
padding: 10px; 
z-index: 999;
}
#IViewerDetails p {margin: 0px; padding: 0px;}
#IViewerDetails ul {margin: 0px; padding: 0px;}
#IViewerDetails li {margin: 0px; padding: 0px;}

#AppMenuPanel {
	position: absolute;
	top: 64px;
	left: 18px;
	height: 32px;
	overflow: hidden;
	background-color: #FFDFFA;
	font-size: 10px;
	padding: 0px 10px;
	border: 1px solid #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.HorizontalMenu {
	padding: 10px 10px 10px 10px;
	white-space: wrap;
}
.HorizontalMenu ul {
	padding: 0px 0px;
}
.HorizontalMenu li {
	background-color: #FFEFB0;
	font-weight: bold;
	padding: 5px;
	display: inline-block;
	border: 1px solid #999;
	margin: 1px 3px 3px 0px;
}
#HorizontalMenuHi {
	background-color: #94D57D;
}

/* ============================================================== */

#InnerCanvas {display: relative; z-index: 1; width: auto; overflow: hidden; max-width: 880px; margin: 40px auto 0px auto; padding: 5px; background-color: #CCDDEE; font-size: 12px;}

#InnerCanvas h1 {font-size: 12px; font-weight: normal; text-align: center; margin: 0px 0px 2px 0px; padding: 5px 0px;  border-radius: 4px;}
#NWECore {display: block; text-align: center; margin: 0px 0px 0px 0px; padding: 5px 5px; background-color: black;}
#NWECoreImage {padding: 0px 5px 0px 0px;}
#NWECoreImage img {  width: 100%; max-width: 100%; overflow: hidden; border: 2px solid #1B1B1B;}

/*@media screen and (orientation:landscape) and (max-device-width: 800px) {
	#NWECoreImage{ height: 460px; overflow: hidden;}
}
*/
#NWEInfoBox {float: right; width: 290px; padding: 0px 10px 10px 0px; margin: 0px -310px 0px 0px; text-align: left; z-index: 9999; background-color: white;}
#NWEInfo {
	display: block;
	background-color: #FFCC00;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	text-align: left;
	clear: both;
}
#InnerCanvas form {position: relative; margin: 0px auto; text-align: center;  margin: 0px 0px 2px 0px;  background-color: #F7F7F7;}
#InnerCanvas input {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
@media only screen and (max-device-width: 1000px) {
	#NWEInfo {
		padding: 10px 10px;  
	}
}
.NWEInfoFunc {font-weight: normal; font-size: 24px; }
#LocationInput {width: 240px; padding-right: 10px;}
#SearchInput {width: 240px; padding-right: 10px;}
@media screen and (orientation:portrait) and (max-device-width: 1000px) {
.NWEInfoFunc {font-weight: normal; font-size: 16px; }
#LocationInput {width: 100px;}
#SearchInput {width: 100px;}
}
@media screen and (orientation:landscape) and (max-device-width: 1000px) {
.NWEInfoFunc {font-weight: normal; font-size: 18px; }
#LocationInput {width: 200px;}
#SearchInput {width: 200px;}
}



#NWEInfo label {display: inline-block; padding: 0px 10px 0px 0px;}
#NWEInfo p {margin: 0px; padding: 0px 0px 10px 0px;}
#NWEInfo ul {list-style: none; display: inline-block; }
#NWEInfo li {list-style: none; display: inline-block; padding: 0px 15px 0px 0px;}
#NWECommands {display: inline; width: 40px;}
#NWESupplements {text-align: center;}
#NWESupplements h2 {margin: 0px; padding: 0px;}
#NWESupplements img {display: inline; margin: 5px;}
	
#Feet {display: inline-block; width: 100%; margin: 0px;  text-align: center; z-index: 2; font-size: 14px;}
.MobileFeet {position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: white; height: 30px; padding: 0px;}

#Feet a:link { display: block; text-decoration: none; padding: 3px; background-color: green; color: white; width: 100%; }
#Feet a:visited { text-decoration: none; background-color: green; color: white; }
#Feet a:current { text-decoration: none; background-color: green; color: white; }
#Feet a:hover { text-decoration: none; background-color: #F0C; color: white;}

.NWEInfoTags a:link { color: #49013D; }
.NWEInfoTags a:visited { color: #49013D; }
.NWEInfoTags a:current { color: #49013D; }
.NWEInfoTags a:hover { color: #49013D;}

#NWEPrevious {float: left;}
#NWENext {float: right; padding: 0px 5px;}



#NWEDomain {font-size: 80%; text-align: center; margin: 0px 0px 5px 0px; padding: 5px 0px; background-color: #CCCCCC; border-radius: 4px; font-weight: bold;}
#NWEHelpOn {display: inline-block; width: 30px;}
.NWEHelp {display: none;}
.NWEHelp img {float: right;}
#NWEArchiveList {font-size: 80%; white-space:nowrap; text-align: center; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 0px; background-color: #1B1B1B; color: white; overflow: hidden;}
#NWEArchiveList a:link { color: #FFFFFF; }

/* ============================================================== */
.Navigator {
	position: relative;
	display: inline-block;
	height: 140px;
	margin: 10px auto;
	overflow: hidden;
	width: 98%;
	/* background-color: #D7E3F2; */
}
.Navigator li {
	list-style: none;
	position: absolute;
}
.Navigator a:link {
	position: absolute;
	background-color: white;
	color: black;
	white-space: nowrap;
	font-size: 12px;
	padding: 0px 4px;
	text-decoration: none;
	z-index: 99;
	border: 1px solid #C6D2DD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
.Navigator a:visited {color: black;
}
.Navigator a:hover {
	z-index: 999;
	background-color: #AEFFAE;
}
.MapCurrent a:link   {  font-weight: bold; font-size: 140%; background-color: #FECBCB;}
.MapCurrent a:visited { font-weight: bold; font-size: 140%; }
.MapCurrent a:current {  font-weight: bold;  font-size: 140%; }
.MapCurrent a:hover {  font-weight: bold;  font-size: 140%; }

.MapContext a:link   {
	font-weight: bold;
	font-size: 140%;
	background-color: #97FFAC;
}
.MapContext a:visited { font-weight: bold; font-size: 140%; }
.MapContext a:current {  font-weight: bold;  font-size: 140%; }
.MapContext a:hover {  font-weight: bold;  font-size: 140%; }

.MapBig a:link   {    font-size: 105%;}
.MapBig a:visited { font-size: 105%; }
.MapBig a:current {   font-size: 105%; }
.MapBig a:hover {
	font-size: 105%;
}

/* ============================================================== */
.BlackNavigator {
	position: relative;
	width: 860px;
	left: -11px;
	height: 140px;
	margin: 0px auto;
	padding-bottom: 30px;
	overflow: hidden;
	background-color: #333333;
}
.BlackNavigator a:link {
	position: absolute;
	background-color: white;
	color: black;
	white-space: nowrap;
	font-size: 12px;
	padding: 0px 4px;
	text-decoration: none;
	z-index: 99;
	border: 1px solid #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
.BlackNavigator a:link {background-color: black;}
.BlackNavigator a:visited {background-color: black;}
.BlackNavigator a:hover {
	z-index: 999;
	background-color: #FF0000;
	color: white;
}
#BlackNavigatorAreaList {
	z-index: 300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	padding: 2px;
	margin: 0px 0px 10px 0px;
	background-color: #F7F7F7;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
 	}
#BlackNavigatorAreaList a:link {
	position: relative;
	display: inline-block;
	font-size: 110%;
	border: 1px solid #CCCCCC;
	margin: 2px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
}
#BlackNavigatorAreaList a:visited { border: 1px solid #CCCCCC; }
#BlackNavigatorAreaList a:current { border: 1px solid #CCCCCC; }
#BlackNavigatorAreaList a:hover {
	background-color: #FF0000;
	color: white;
}
/* ============================================================== */

#NavigatorAreaList {
	z-index: 300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	padding: 2px;
	margin: 0px 0px 10px 0px;
	background-color: #F7F7F7;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
 	}
#NavigatorAreaList a:link {
	position: relative;
	display: inline-block;
	font-size: 110%;
	border: 1px solid #CCCCCC;
	margin: 2px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
}
#NavigatorAreaList a:visited { border: 1px solid #CCCCCC; }
#NavigatorAreaList a:current { border: 1px solid #CCCCCC; }
#NavigatorAreaList a:hover {
	background-color: #E9E9E9;
}


.UserAnnotation {
	background-color: #F3F3F3;
	color: #003399;
	margin: 6px 0px;
}
.UserAnnotation img {
	vertical-align: middle;
}
.UserAnnotation:link {color: #003399;}	
.UserAnnotation:visited {color: #003399;}

#PopupFrame {
	position: absolute; 
	display: inline-block; 
	background-color: #CCCCCC;
	padding: 5px;
	width: 100%; 
	height: 100%;
}
.SocialIcons {
	display: inline-block;
	background-color: #a6adcd;
	list-style: none;
	width: 100%;
	border: 1px solid #9b9b9b;
	margin: 0px;
}
.SocialIcons li {
	padding: 5px;
	border: 1px solid #e7d5d5;
	display: inline-block;
}
.SocialIcons h5 {
	background-color: #e6ff00;
	padding: 4px;
}
.Information {
	padding: 5px;
	margin: 0px;
	border: medium inset #999;
}
.Information p {
	padding: 0px;
	margin: 0px;
}
.Information h1 {
	padding: 0px;
	margin: 0px;
}
.Information h2 {
	padding: 0px;
	margin: 0px;
}
.Information h3 {
	padding: 0px;
	margin: 0px;
}
/* ============================================================== */
.Postcode {
	display: none;
}
#CatUpdates {
	background-color: #CCC;
	margin: 0px 0px 0px 0px;
}
#TagUpdates {
	background-color: #999999;
}

a:link.refresh {
	background-image:url(../media/refresh-back.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding: 3px 18px 3px 2px;
	margin: 0px;
	} 
a:hover.refresh {background-color: #ff00cc; } 

a:link.help {
	background-image:url(../media/help-back.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding: 3px 18px 3px 2px;
	margin: 0px;
	} 
a:hover.help {background-color: #ff00cc; } 

#PopHelp {
	position: absolute;
	width: 500px;
	top: 300px;
	left: 30%;
	overflow: visible;
	background-color: #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: auto auto;
	padding: 10px;
	zIndex: 999;
	-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

#TownOverlay {
	background-color: #CCCCCC;
	padding: 4px;
	text-align: center;
}
.xoverlay img {
/*	border: thin inset #666; */
}
.overlaybox {
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
.overlaybox ul {
	display: inline-block;
	width: 100%;
	padding: 0px;
	text-decoration: none;
}
.overlaybox li {
	text-decoration: none;
}

.OverlayBoxItem {
	padding: 2px 1px;
	margin: 0px;
	clear: left;
}
.OverlayBoxItem h3 {
	float: left;
	width: 160px;
	height: 100%;
	padding: 2px 5px 2px 1px;
	margin: 0px;
	text-align: right;
	font-size: inherit;
	font-weight: normal;
}
.OverlayBoxItem p {
	margin-right: 20px;
	display: table;
	width: auto;
	min-width: 300px;
	border: 1px solid #999;
margin-block-start: 0em;
    margin-block-end: 0em;
	}
.OverlayBoxItem ul {
	margin: 0px 60px 0px 40px;
	display: table;
	width: auto;
	min-width: 300px;
	border: 1px solid #999;
margin-block-start: 0em;
    margin-block-end: 0em;
	list-style: none;
	}	

.HashSign {
	color: #666;
}
.property {
	width: 300px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	text-align: left;
	font-size:12px;
}
.property h2 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
}
.property h3 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
}
.property h4 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
}
.property h5 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #339900;
}
.property p {
	width: 100%; 
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
.property p b {
	font-weight: bold;
	color: #FF00FF; 
/*	color: #006600;  */
}
.usererror {
	color: red;
	background-color: yellow;
	font-weight: bold;
	padding: 4px;
}

@media screen and (orientation:portrait) and (max-device-width: 800px) {
	.property {
		font-size: 14px;
	}
	.property h3 {
		font-size: 14px;
	}
	.property h4 {
		font-size: 14px;
	}
	.property h5 {
		font-size: 14px;
	}
}
@media screen and (orientation:landscape) and (max-device-width: 800px) {
	.property {
		font-size: 14px;
	}
	.property h3 {
		font-size: 14px;
	}
	.property h4 {
		font-size: 14px;
	}
	.property h5 {
		font-size: 14px;
	}
}


#IViewerImage img {
	max-width: 100%;
}

.Gallery {
	max-width: 100%; 
	margin: 10px auto; 
	padding: 10px; 
	vertical-align: middle;
}
.Gallery h3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	display: inline;
}
.GalleryItem {
	display: inline-block;
	margin: 0px auto 0px auto; 
	padding: 0px 10px 10px 10px; 
	vertical-align: middle;
}
.GalleryItem h3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	display: inline;
}
.GalleryItem img {
	max-width: 99%;
	margin: 0px auto;
}


.GalleryItem p {
	max-width: 80%;
	margin: 0px auto 0px auto;
	padding: 4px;
	text-align: justify;
	font-size: 14px;
}

.GalleryItem hr {
	max-width: 500px;
}

.GalleryItem p a:link {
	font-weight: bold;
	color: #F0C;
	font-size: 18px;
	text-transform: uppercase;
	white-space: nowrap;
}

.GalleryItem p a:visited {
	font-weight: bold;
	color: #F0C;
	font-size: 18px;
	text-decoration: underline;
	}

.FeatureList {
	list-style-type: square;
}

#MobileViewer {
position: fixed;
display: inline-block; 
overflow: scroll; 
left: 0px; 
top: 0px; 
bottom: 0px; 
right: 0px; 
z-index: 900; 
width: 100%;
}

#BlackBody {
	margin: 0px 0px;
	z-index: 1;
	background-color: #0A0A0A;
	color: white;
}
#BlackBody a:link { color: white; }
#BlackBody a:visited { color: white; }
#BlackBody a:current { color: white; }
#BlackBody a:hover {color: white;}
#BlackBody p {
	margin: 0px;
	padding: 5px 0px 15px 0px;
}
#BlackBody form {
	margin: 0px;
	padding: 0px;
}
#BlackBody hr {
	 border-color: #797979;
}
#BlackBody h2 {
	font-size: inherit;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px;
}
#WESlideCurrentShots img {
	border: 2px solid black;
}

#MobileViewer img {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 10px;
}

.Win {
	background-color: #f3f3f3; 
	padding: 0px 0px 0px 0px;
}
.WinAdd {
	background-color: #0F0;
}
.WinPremium {
	background-color: #cb4949;
}
.WinBlog {
	background-color: #96DCFE;
	border: thin inset #369;
}
.WinRated {
	background-color: #e4e8e0;
}
.WinBest {
	background-color: #f17469;
}
.WinPortalAdAgent {
	padding: 0px 5px 5px 5px;
}
.WinFlags {
	background-color: #D6C6FF;
	padding: 0px 5px 5px 5px;
}
.WinFav {
	background-color: #d9c2bd;
}
.WinZero {
	background-color: #E2FEE7;
}
.WinQuestion {
	border: thick dashed #C39;
}
.WinReshoot {
background-color: #FF9;
}
.WinVisibility0 {
	border: 1px dashed red;
	opacity: 0.4;
}
.WinPending {
background-color: #3F6;
border: 1px dashed #F00;
}
.WinFail {
background-color: gray;
}
.WinReject {
background-color: #618761;
}
.WinManual {
	border: medium dotted #F00;
}
.WinDomain {
	background-color: #5f5f5f;
}
.WinSpecial {
	background-color: #069;
}
.WinTimed {
	background-color: #0F9;
}
.WinRem {
	background-color: #666;
}
.WinRegular {
	background-color: #F39;
}

#HSHOptions {
	position: relative;
	max-width: 1000px;
	margin: 20px auto;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 3;
	background-color: #E8E8E8;
	border: thin solid #999;
	-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
opacity: 0.9;
}

#SearchCloud a:link {
	white-space:nowrap;
}

.CoreContent {
	padding: 0px 20px;
}
.PageTitle {
	color: blue; 
}
.ContextTitle {
	font-weight: bold;
}
.ContextDescription {
	font-style: italic;
}
.Description {
color: green;
font-style: italic;
}
comment {
	color: gray;
	font-size: 80%;
}

.CoreContent h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.CoreContent h2 {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.CoreContent p {
	padding: 5px 0px;
	margin: 0px;
}
.CoreContent ul {
	padding: 0px;
	margin: 0px;
	list-style: none; 
	vertical-align: top; 
	display: inline-block;
}
.CoreContent li {
	padding: 0px;
	margin: 0px;
}

#HSHCloud {
	position: relative;
	max-width: 1000px; 
	margin: 20px auto; 
	padding: 10px; 
	z-index: 2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #E8E8E8;
	border: thin solid #999;
	-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
opacity: 0.9;
}

.FeatureList a:hover {
	text-decoration: underline;
}

/*#AlternativeMenu {
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index: 999;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
*/
#AlternativeMenu {
float: right;
	font-size: 10px;
	padding: 0px;
	margin: 10px;
}

#HeaderScrollControl {
	position: absolute;
	top: 28px;
	right: 0px;
	margin: 0px;
	padding: 3px;
	line-height: 75%;
	font-size: 75%;
	z-index: 5;
	font-weight: bold;
	text-align: right;
}

#HeaderScrollControl input[type="text"] {
	overflow: visible;
	width: auto;
	text-align: right;
	font-size: 12px;
}

.property hr {
	margin: 0px;
	padding: 0px;
	height: 1px;
	color: #CCCCCC;
}

.pim {
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	height: 200px;
	clear: both;
 }

.pim img {
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   margin: auto;  
}

#ImageViewer {
position:fixed; 
top: 0px; 
left: 0px;
bottom: 0px;
right: 0px;
z-index:100;
background:black;
color: white;
vertical-align: middle;
text-align: center; 
z-index:1000;
/* text-shadow: 1px 1px #CCCCCC; */
}

/* ========================================================================================================================= */
#AView {
	max-width: 100%; 
	margin: 0px auto; 
	background-color: black; 
	color: white;
	text-align: center;
}

#AViewCurrentBox {
	display: inline-block;
	position: relative;
	clear: both; 
	text-align: center;
	margin: 35px 0px;
	background-color: black; 
}
#AViewCurrent {
	max-width: 100%;
}

#AViewHead {
	display: inline-block;
	width: 100%;
	font-size: 150%;
	background-color: #333;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

#AViewFoot {
	display: inline-block;
	width: 100%;
	font-size: 150%;
	background-color: #333;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #666;
	text-align: center;
	padding: 5px;
}

#AViewDetails {
	display: inline-block; 
	padding: 10px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	max-width: 1200px;
	clear: both; 
	background-color: #333333; 
	text-align: left;
}
#AViewThumbMessage {
	position: absolute; 
	top: 5px; 
	left: 45%;
	text-align: center; 
	z-index: 9999;
	font-size: 18px;
	text-shadow: 2px 2px #999999;
	}
#AViewTopControls {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	text-align: center; 
}
#AViewBack {
	position: relative; width: 100%; height: 100%;  text-align: left; background-color: black; color: #666;
}
#AViewNext {
	position: relative; width: 100%; height: 100%;  text-align: left; background-color: black; color: #666;
}
#AViewThumbs {
	display: block;
	width: 100%;
	height: 100%;
}
#AViewThumbs img {
	margin: 2px;
	border-width: 2px;
	border-style: solid;
}
.AViewCurrentThumb {
	border-color: #C30;
}

#MapStatus {
	background-color: #333;
	padding: 2px 4px;
	font-size: 12px;
	margin-top: 5px;
}
/* ========================================================================================================================= */

#ContextMenu {
	font-weight: bold;
	font-size: 16px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
} 

#ContextMenu a:hover {
	text-decoration: underline;
}

#ImageViewerCore {
background:black;
color: white;
}

#ImageViewerCore a:link {
	color: white;
}
#ImageViewerCore a:visited {
	color: white;
}

.IViewerFunction {
	color: white;
	text-shadow: 1px 1px #CCCCCC;
}

.IViewerFunctionAuto {
	padding: 10px;
	background-color: black;
}

.IViewerFunction a:link {
	color: white;
	text-shadow: 1px 1px #CCCCCC;
}
.IViewerFunction a:visited {
	color: white;
	text-shadow: 1px 1px #CCCCCC;
}

#IViewerInfoCore {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5000; 
	padding: 5px; 
	margin-top: 0px; 
	background-color: black; 
	color: white;
	opacity: 0.0; 
	font-size: 13px;
}

#IViewerInfoCore hr {
	padding: 0px;
	margin: 0px;
}
#IViewerInfoCore a:link {
	color: white;
}
#IViewerInfoCore a:visited {
	color: white;
}


#IViewerThumbs img {

}

.ThumbnailList {
display: inline-block; 
white-space: wrap; 
margin: 5px;
}
.Thumb {
display: inline-block; 
overflow: hidden; 
margin: 5px;
font-size: 10px;
text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------- */


.OForm p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
.OForm cite {
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
}
.OForm label {
	display: inline-block;
	width: 150px;
	text-align: right;
	padding: 0px 10px 5px 0px;
	vertical-align: top;
}
.OForm h1, h2 h3 {
	margin: 0px;
	padding: 0px;
}
.OForm input[type=text] {
	width: 400px;
	padding: 5px 8px;
}
.OForm textarea {
	width: 600px;
	height: 100px;
	vertical-align: top;
	padding: 10px;
}
.OForm input[type=radio],
    input.radio {
     display: inline-block;
      margin: 2px 2px 2px 0px;
      padding: 2px 2px 2px 0px;
    }
}
.OForm select {
	padding: 10px;
}
.OForm em {
	padding: 10px;
}
.OForm hr {
	padding: 0px;
	margin: 5px;
}
.OForm button {
	font-weight: bold;
	padding: 8px;
	margin: 10px 10px 10px 0px;
}

/* ---------------------------------------------------------------------------------------------------------- */
.aform p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
.aform label {
	display: inline-block;
	width: 150px;
	text-align: right;
	padding: 10px 10px 10px 0px;
	vertical-align: top;
}
.aform input {
	width: 400px;
	padding: 10px 10px;
}
.aform textarea {
	width: 400px;
	height: 100px;
	vertical-align: top;
	padding: 10px;
}
.aform select {
	padding: 10px;
}
.aform button {
    border: 1px solid #CCCCCC;
    background-color: #0083c3;
    color: white;
    font-weight: bold;
    padding: 8px 8px;
    margin-right: 10px;
    border-radius: 3px;
	}
.aform img {
}
.aform hr {
	padding: 0px;
	margin: 5px;
}
.aform h1 {
	padding-left: 0px;
}
.aform h2 {
	padding-left: 0px;
}
.sform form {
	margin-left: 40px;
}
.sform input {
	width: 270px;
}

.HomeHelp h3 {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}
.HomeHelp p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#WEZoom {
position: absolute;
left: 100px;
top: 100px;
padding: 10px;
color: white;
background: black;
}
/* -------------------------------------------------------------------- */
a:link.WEZoom {
	overflow: visble;
}
a:link.WEZoom img {
	border: thin inset #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	left: 0px;
	top: 0px;
}

a:hover.WEZoom img {
}
	
/* -------------------------------------------------------------------- */
a:link.HiLink {
	color: #293473;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #d93030;
	text-decoration: none;
}
a:visited.HiLink { 
	color: #293473;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none; 
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #d93030;
}
a:active.HiLink { 
	color: #293473;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #d93030;
}
a:hover.HiLink {
	color: #293473;
	white-space: nowrap;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}
/* -------------------------------------------------------------------- */

#IViewerImageId {
margin: auto; 
position: absolute; 
top: 0; 
left: 0; 
bottom: 0; 
right: 0;
}


.TownMap {
	position: relative;
}

.TownMap a:link {
	position: absolute;
	font-size: 12px;
	padding: 2px;
	background-color: white;
	opacity: 0.8;
	cursor:pointer;
	font-weight: bold;
	color: black;
	border: 1px solid #666;
	white-space:nowrap;
	text-decoration: none;
	-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.TownMap a:visited {background-color: white; cursor:pointer; font-weight: bold; color: black; text-decoration: none;}
.TownMap a:current {background-color: white; cursor:pointer; font-weight: bold; color: black; text-decoration: none;}
.TownMap a:hover {
	background-color: white;
	cursor:pointer;
	font-weight: bold;
	color: #F0F;
	opacity: 1.0;
	text-decoration: none;
	z-index: 500;
	border-top-color: #F0F;
	border-right-color: #F0F;
	border-bottom-color: #F0F;
	border-left-color: #F0F;
}




#LinkUnderline a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

a:link.LinkUnderline {text-decoration: underline;}
a:visited.LinkUnderline {text-decoration: underline;}

/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	width: 100%;
	max-width: 100%;
	padding: 0px 0px; /* the auto value on the sides, coupled with the width, centers the layout */
}

a:link.CLink {
position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-color: green; opacity: 0.0; color: black; padding: 10px; cursor: cell;
}
a:hover.CLink {opacity: 0.5;}

a:link.ALink {
	position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background-color: red; text-align: right; opacity: 0.0; color: black; padding: 10px;
}
a:hover.ALink {opacity: 0.5;}

.SwapContainer {
}
.IconContainer {
	display: inline-block;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	vertical-align: bottom;
}

.MasterMenu {
	position: absolute; bottom: 0px; left: 0px; right: 0px; display: inline-block; background-color: black; color: white; padding: 10px 40px;
}
.MasterMenu li {
	list-style: none;
	display: inline;
	padding: 0px 20px;
}
.MasterMenu a:link {  color: white;}
.MasterMenu a:visited {  color: white;}
.MasterMenu a:hover {  color: white;}

.IconFooter {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	text-shadow: none;
}
a:link.Icon { font-family: Arial;  font-weight: bold; text-decoration: none; color: black;}
a:visited.Icon { color: black;}
a:hover.Icon { color: #0e3f05;}

a:link.HighIcon {color: #06C;}
a:visited.HighIcon {color: #06C;}

a:link.HiIcon {
	color: black;
}
a:visited.HiIcon {color: black;}

a:link #WEFreshest {
	padding-bottom: 10px;
  border-bottom: 1px solid pink;
  line-height: 48px; 
  color: blue;
}
a:link #WEFreshest {
	padding-bottom: 10px;
  border-bottom: 1px solid pink;
  line-height: 48px; 
  color: blue;
}

.UserScreen {
margin: 160px auto 5px auto;
padding: 0px 2px;	
}

.UserScreen h1 {
	background-color: #F7F7F7;
	color: black;
	padding: 4px;
	margin: 10px 0px 0px 0px;
}

.UserScreen h2 {
	background-color: #E6ECFF;
	color: black;
	padding: 4px 8px;
	margin: 0px 0px 5px 0px;
}
.UserScreen h3 {
	background-color: inherit;
/* 	background-color: #DBDBDB; */
	color: black;
	padding: 4px 8px;
	margin: 0px 0px 5px 0px;
}

.UserScreen h2 a:link {
	color: black;
}
.UserScreen h2 a:visited {
	color: black;
}

.UserScreen p {
	padding: 0px 5px;
}
.UserScreen img {
	padding: 0px;
	vertical-align: middle;
}

.WinHead {
display: block; 
padding: 4px; 
min-height: 65px;
}

.SocialIconRow {
	font-size: 10px;
	list-style: none;
	border: 1px solid #CCCCCC;
	padding: 1px 1px;
	background-color: #FFFFFF;
	color: white;
	width: 100%;
	display: inline-block;
	margin: auto auto;
	text-align: center;
	text-align-last: center;
}
.WEToolbar {
	display: inline-block;
	width: 100%;
	min-height: 22px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #CCCCCC;
}
.WEToolbar img {
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
}
.WEToolbar li {
	width: 20px;
	height: 20px;
	margin: 1px 0px 1px 1px;
	padding: 2px 2px;
	display:inline-block;
	list-style: none;
	text-align: center;
	vertical-align: top;
	white-space:nowrap;
	border: 1px solid #FFFFFF;
	}
.WEToolbar h5 {
	display: none;
}
.WEAdminToolbar {
	display: inline-block;
	width: 100%;
	min-height: 24px;
}
.WEAdminToolbar li {
	display: inline-block;
}
.WEAdminToolbarContainer {
	display: inline-block; 
	width: 98%;
	max-width: 380px; 
	padding: 3px; 
	margin: 4px 0px; 
	border: thin solid #EAEAEA; 
	color: #bb4437; 
}

@media only screen and (max-device-width: 1000px) {
	.WEToolbar li {
		width: 10%;  
	}
}

.WEToolbar a:link li {background-color: #FFFFFF;}
.WEToolbar a:visited li {background-color: #FFFFFF;}
.WEToolbar a:current li {background-color: #FFFFFF;}
.WEToolbar a:hover li {background-color: #00c42f;}





.WEToolbar a:link {
	margin: 0px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #666666;
}
.BigSocial .WEToolbar {
	border: thin solid #272727;
}

.BigSocial .WEToolbar li {
	border: thin solid #282828;
	}

#HeaderQuickSelectPanel {
	position: relative;
	bottom: 0px; 
	left: 0px;
	width: 99%;
	font-size: 14px;
	z-index: 777;
	padding: 5px 10px;
	margin: 0px;
	text-align: center;
}
#HeaderQuickSelectPanel a:link  {
	font-weight: bold;
	white-space: nowrap;
}

.AlphaPaginator {
	float: right;
	font-size: 15px;
	display: inline;
	white-space: nowrap;
	text-align: center;
	}
.AlphaPaginator a:link {
	float: right;
/*	width: 3.2%; */
	padding: 4px 4px;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	max-width: 40px;
	font-size: 12px;
	background-color: #EBEBEB;
}
.AlphaPaginator a:visited {
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	font-size: 12px;
}
.AlphaPaginator a:hover {
	text-decoration: underline;
	background-color: #DFDFDF;
	font-size: 12px;
	}
.AlphaPaginator {
	font-size: inherit;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	height: 2em;
	overflow: hidden;
	white-space:nowrap;
	text-align: center;
	background-color: #f6f6ff;
}

a:link.PaginatorSelected { background-color: #0083c3; color: white; }
a:visited.PaginatorSelected { background-color: #0083c3; color: white;}
a:hover.PaginatorSelected { background-color: #0083c3; color: white;}

.WEIntroducer {
	max-width: 860px; 
	margin: 0px auto; 
	padding: 10px;
	font-weight: normal;
	margin: auto auto 5px auto; 
	border: 1px solid #CCCCCC;
}
.WEIntroducer h2 {
	padding: 0px;
	margin: 0px;
}

/*.WEItemPreface {
	position: relative;
	max-width: 354px;
	background-color: #B7DBFF;
	border: 1px solid #B6B6B6;
	text-align: left;
	padding: 0px;
	font-size: 13px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
} */
.WEItemPreface {
	display: inline-block;
	width: 354px;
	overflow: visible;
	vertical-align: top;
	padding: 15px 5px;
	margin: 0px 2px 10px 2px;
	background-color: #B7DBFF;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #202020;
	border-right-color: #202020;
	border-bottom-color: #202020;
	border-left-color: #202020;
/*	border-radius: 10px; */
	}
.WEItemPreface input {
	padding: 5px;
	margin-right: 5px;
	width: 210px;
}
.WEItemPreface p {
	margin: 0px;
	padding: 5px;
	text-align: justify;
}
.WEItemPreface h2 {
	margin: 0px;
	padding: 5px;
	background-color: #002D59;
	color: white;
	font-size: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#WESlideshowFocus {
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: inset;
	border-left-style: solid;
	border-top-color: #900;
	border-right-color: #414141;
	border-bottom-color: #900;
	border-left-color: #414141;
	padding: 0px 4px;
	background-color: black;
}
.WEItemPreface h3 {
	margin: 0px;
	text-align: left;
	padding: 5px;
	background-color: #002D59;
	color: white;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	vertical-align: middle;
}

a:link.WEItemPreface h3 { color: white; }
a:visited.WEItemPreface h3 { color: white; }
a:hover.WEItemPreface h3 { color: white; }

.BodyFooter {
	text-align: center; 
	padding: 8px; 
	white-space: nowrap; 
	background-color: #14202f;
	color: white;
	clear: both;
}

.BodyFooter a:link {color: white; } 
.BodyFooter a:visited {color: white;} 
.BodyFooter a:current {color: white;} 
.BodyFooter a:hover {color: white;} 


.TrendingCategories {
	position: relative; 
	z-index: 1; 
	display: block; 
	clear: both; 
	whitespace: nowrap; 
	padding: 10px 0px; 
	text-align: center;
	background-color: #b5d5fd;
}

.SearchBox {
	background-color: #eaf3ff;
	display: block;
	padding: 10px;
	border: 1px solid #937373;
	margin: 12px;
	max-width: 420px;
	margin-left: 40px;
}

.HommFeature {
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
}

.WEItemPreface img {
	vertical-align: middle;
	margin-right: 0px;
}
.WEItemPreface form {
	padding: 2px;
}
.WEItemPreface input[type="text"] {
	padding: 5px;
	width: 250px;
}
.WEItemPreface button {
	padding: 5px;
	font-weight: bold;
	background-color: #B8C9ED;
}

.WEItemWide {
	display: inline-block;
	position: relative;
	max-width: 878px;
	text-align: left;
	border: 1px solid #3b3535; 
}

.WEItemWide h2 {
	display: none;
}
.WEItemWide p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	}
.WEItemWide h3 {
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
}
.WEItemWide h4 {
	display: inline-block;
	width: 100%;
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
	clear: left;
	white-space:nowrap;
}

.WEItem {
	position: relative;
	width: 354px;
	border: 1px solid #979dd5; 
	text-align: left;
	padding: 5px;
	font-size: 12px;
}
.WEItem p {
	margin: 0px;
	padding: 5px 0px;
	text-align: justify;
	font-style: italic;
}
.WEItem h2 {
	display: none;
}
.WEItem h3 {
	margin: 0px; 
	padding: 0px;
	font-weight: normal; 
	font-size: inherit; 
	font-size: 16px;
	}
.WEItem h4 {
	clear: both;
	color: #524b4b;
	display: block; 
	margin: 0px 0px 0px 0px; 
	padding: 3px 6px; 
	font-weight: normal; 
	text-align: left;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap; 
	}
.WEItem hr {
	padding: 4px;
	margin: 0px;
    height: 0px;
    border: none;
    border-top: 1px solid #B6B6B6;
}
.WEItem h5 {
	display: none;
}
.WESearch {
	display: inline-block;
	text-align: left;
	margin: 2px 0px 0px 0px;
	clear: right; 
	padding-left: 10px;
	list-style: none;
	width: 100%;
}
.WESearch h5 {
	display: none;
}
.WESearch ul {
	list-style: none;
	line-height: 18px;
	width: 100%;
}
.WESearch li {
	list-style: none;
	line-height: 18px;
}
.WESearch a:link {
	clear: right;
}
.ShotTime {
	float: right;
}

.WEDivider {
	width: 30px; 
	height: 30px; 
	margin: -7px auto 0px auto; 
	background-color: black; 
	clear: left;
}
.WEHomm {
	background-color: #78e078;
	text-align: center;
	padding: 5px; 
	font-weight: bold;
}
.WEDomain {
	width: 100%; 
	color: green; 
	text-align: center; 
	text-align-last: center;
	margin: 0px; 
	padding: 0px;
	height: 1.25em;
	overflow: hidden;
	text-wrap: none;
}
.WEDomain a:link {font-weight: normal; text-decoration: none; color: green;} 
.WEDomain a:visited {font-weight: normal; text-decoration: none; color: green;} 
.WEDomain a:current {font-weight: normal; text-decoration: none; color: green;} 
.WEDomain a:hover {font-weight: normal; text-decoration: underline; color: green;} 

.WEKeys {
	width: 100%; 
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding: 6px 2px;
	margin-top: 2px;
	vertical-align: middle;
	text-align: left;
}
.WEKeys img {vertical-align: middle;}
.WEKeys a:link {white-space: nowrap; font-weight: normal; text-decoration: none;} 
.WEKeys a:visited {white-space: nowrap; font-weight: normal; text-decoration: none;} 
.WEKeys a:current {white-space: nowrap; font-weight: normal; text-decoration: none;} 
.WEKeys a:hover {white-space: nowrap;font-weight: normal; text-decoration: underline;} 




/* ---------------------------------------------------------------------- */
/* keep the next 2 together */
.bqstart {
     font-size: 300%;
	 font-weight: bold;
	 margin-top: 50px;
	 margin-right: 5px;
	 font-family:"Times New Roman", Times, serif;
	line-height: 12px;
	position: relative;
	top: 9px;
	left: 0px;
 }
 .bqend {
	position: relative;
	top: 18px;
	left: 0px;
	margin-top: 28px;
	margin-right: 0px;
	 margin-left: 5px;
	padding-top: 0px;
	font-size: 300%;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	line-height: 1px;
 }

#IViewerInfoCore table {
	font-size: 12px;
}


	
/* ---------------------------------------------------------------------- */
.SaleState {
	color: green;
	font-size: 12px;
	vertical-align: middle;
}

.SaleInfo {
	color: #66C;
	font-size: 12px;
	vertical-align: middle;
}

#Header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 500;
	height: 165px;
	background-color: #ffffff; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
/*	box-shadow: 3px 3px 3px #c7c7c7; */
}

#Header h1 {
display: inline; 
position: absolute; 
bottom: 5px; 
padding: 0px; 
margin: 0px 10px 0px 0px; 
font-size: 14px;
}

#HeaderMessage {
	color: green;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	font-weight: bold;
	z-index: 9999;
}
#HeaderMenu {
	float: right;
	padding: 4px;
	margin: 10px 0px 0px 0px; 
	font-size: 12px;
	text-decoration: none; 
	white-space: nowrap;
	overflow: scroll;
	overflow-y:hidden;
	overflow-x:hidden;
	z-index: 800;
	}
#HeaderMenu a:link {text-decoration: none; } 
#HeaderMenu a:hover {text-decoration: underline; } 

#AppMenu{
margin: 0px 0px 4px 0px;
overflow: hidden;
height: 45px;
white-space: nowrap;
}

#AppMenuFrame {
	position: relative;
	display: inline-block;
	margin: 5px 0px 0px 10px;
	padding: 4px 6px 4px 24px;
	z-index: 900;
	}

.WEView  {
	float: right;
	text-align: left;
	background-image:url(/media/expand.png);
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 21px 1px 2px;
	margin: 0px 0px 2px 0px;
	white-space: nowrap; 
	text-decoration: none;
}
.WEView:hover {
	background-image:url(/media/expand-hover.png);
	text-decoration: none;
}

.Share  {
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	height: 18px;
	line-height: 18px; 
	width: 20px;
}
.Share:hover {
	color: #ff00cc;
	text-decoration: none;
}

.Refresh  {
	display: inline-block;
	background-image:url(/media/refresh.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.Refresh:hover {
	background-color: red;
	text-decoration: none;
}
.RefreshActive  {
	display: inline-block;
	background-image:url(/media/refresh.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.RefreshActive:hover {
	background-color: red;
	text-decoration: none;
}

.Like  {
	display: inline-block;
	background-image:url(/media/click-like.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.Like:hover {
	background-color: red;
	text-decoration: none;
}
.UnLike  {
	display: inline-block;
	background-image:url(/media/click-unlike.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.UnLike:hover {
	background-color: red;
	text-decoration: none;
}
.Save  {
	display: inline-block;
	background-image:url(/media/click-save.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.Save:hover {
	background-color: red;
	text-decoration: none;
}
.UnSave  {
	display: inline-block;
	background-image:url(/media/click-unsave.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.UnSave:hover {
	background-color: red;
	text-decoration: none;
}
.Share  {
	display: inline-block;
	background-image:url(/media/click-share.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap; 
	text-decoration: none;
	line-height: 22px; 
	width: 20px;
}
.Share:hover {
	text-decoration: underline;
}
.Twitter  {
	display: inline-block;
	background-image:url(/media/click-twitter.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Twitter:hover {
	text-decoration: underline;
}
.Facebook  {
	display: inline-block;
	background-image:url(/media/click-facebook.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Facebook:hover {
	text-decoration: underline;
}
.Pinterest  {
	display: inline-block;
	background-image:url(/media/click-pinterest.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Pinterest:hover {
	text-decoration: underline;
}
.Youtube  {
	display: inline-block;
	background-image:url(/media/click-youtube.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Youtube:hover {
	text-decoration: underline;
}
.Instagram  {
	display: inline-block;
	background-image:url(/media/click-instagram.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Instagram:hover {
	text-decoration: underline;
}
.Googleplus  {
	display: inline-block;
	background-image:url(/media/click-googleplus.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Instagram:hover {
	text-decoration: underline;
}
.Houzz  {
	display: inline-block;
	background-image:url(/media/click-houzz.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Houzz:hover {
	text-decoration: underline;
}
.Rightmove  {
	display: inline-block;
	background-image:url(/media/rightmove.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Rightmove:hover {
	text-decoration: underline;
}
.Zoopla  {
	display: inline-block;
	background-image:url(/media/zoopla.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Zoopla:hover {
	text-decoration: underline;
}
.Onthemarket  {
	display: inline-block;
	background-image:url(/media/onthemarket.png);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 22px;
	line-height: 22px;
}
.Onthemarket:hover {
	text-decoration: underline;
}

/* =================================================== Like + Save ==================== */
/* =================================================== Like + Save ==================== */

.WERow {
display: block; 
width: 100%; 
text-align:center;
}

.WEBlock {
display:inline-block; 
overflow: visible; 
vertical-align: top; 
padding: 0px;
margin: 0px 10px 10px 4px;
text-align: left;
text-align-last: left;
}

.WEBlock h2 {
	background-color: #293473;
	color: white;
	text-align: center;
	padding: 4px 8px;
	margin: 0px 0px 10px 0px;
	border-radius: 5px;
	font-weight: normal; 
}

/* ----------------------------------------  */
.RefreshForm  {
	background-image:url(/media/refresh-button.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	margin-right: 17px;
	line-height: 34px;
	display: inline-block;
	vertical-align: middle;
}
.RefreshForm:hover  {
	background-image:url(/media/refresh-button-over.png);

}
/* ---------------------------------------- */

.SocialLinks {
/* white-space:nowrap; */
}

.BigSocial {
	max-width: 280px; 
	margin: 0px auto 3px auto; 
	padding: 6px 8px 8px; 8px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background-color: black; 
	color: white;
	clear: left;
	text-align: center;
	align: center;
}

.SocialLinks img {
	margin: 2px 1px 0px 1px;
	vertical-align: middle;
}

.MainMenu {
	white-space: nowrap;
	font-size: 18px;
}

ul.MainMenu {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	margin-top: -5px;
	position: relative;
	z-index: 9999;
	}
ul.MainMenu li {
	    display: inline-block;
list-style-type: none;
text-decoration: none;
margin: 0px 30px 0px 0px;
padding: 0px 0px 0px 0px;
}
.MainMenu select {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#HeaderScrollOffset {
	color: inherit; 
	background-color: inherit; 
	text-align: right; 
	border: 0px;
	display: none;
}

.MainMenu input {
	padding: 10px 10px;
	border: 1px solid #CCCCCC;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
	font-size: 115%;
	}
.MainMenu button {
	border: 1px solid #CCCCCC;
	background-color: #0083c3;
	color: white;
	font-weight: bold; 
	padding: 8px 8px; 
	margin-right: 10px;
	border-radius: 3px;
}
.MainMenu a:link { 
text-decoration: none; 
margin: 0px 3px;
padding: 0px;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #d93030;

}
.MainMenu a:link {text-decoration: none; 	
}
.MainMenu a:visited {text-decoration: none;}
.MainMenu a:current {text-decoration: none;}
.MainMenu a:hover {text-decoration: none;     border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d93030;
}

#SubMenu {
/*					div.style.marginTop = "-5px";
					div.style.zIndex = "999";
*/
}
#SubMenu ul {
	z-index: 9999;
	background-color: #F7F7F7;
	display: inline-block;
	position: absolute;
	margin: 0px auto 0px -20px;
	list-style-type: none;
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #B9B9B9;
	padding: 20px;
	list-style: none;
}
#SubMenu li {display: block;}
#SubMenu a:link { text-decoration: none; }
#SubMenu a:hover {text-decoration: none; }

.selected a:link {color: red; }



.GalleryLink  {
	background-image:url(/media/click-gallery.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 18px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.GalleryLink:hover  {
	background-image:url(/media/click-gallery-hi.png);
}
price {
	font-size: 16px; 
	font-weight: bold;
	vertical-align: middle;
}
salestatus {
	font-size: 12px;
	color: #336; 
	font-weight: bold;
	vertical-align: middle;
}


.BigBox {
	background-color:#E2FF6F;
	border-top-color: #039;
	border-right-color: #039;
	border-bottom-color: #039;
	border-left-color: #039;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}
.UnpopularBox {
	background-color:#999999;
}
.RefreshAdBox {
	background-color: #FF9;
}
#ScrollMore {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-color: #333333;
	color: white;
	padding: 5px 0px;
	text-align: center;
	display: none;
	font-size: 12px;
	font-weight: bold;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #BFD2EA;
	border-right-color: #BFD2EA;
	border-bottom-color: #BFD2EA;
	border-left-color: #BFD2EA;
	box-shadow: 3px 3px 3px #c7c7c7;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#ScrollMore img {
	vertical-align: middle;
}
#ScrollMore a:link  { text-decoration: none; color: white;}
#ScrollMore  a:visited  { text-decoration: none; color: white;}
#ScrollMore a:current  { color: white; text-decoration: none; }
#ScrollMore a:hover { color: white; text-decoration: underline; }


/* ============================================================= */
.ASpotHigh:hover {
	background-image:url(/media/aspot-high.gif);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	text-decoration:none;
}
.ASpotSearch {
	background-image:url(/media/aspot.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}
.ASpotSearch {
	background-image:url(/media/aspot-search.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}
.ASpotFeature  {
	background-image:url(/media/aspot-feature.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}
.WEFeature  {
	background-image:url(/media/aspot-feature.png);
	background-repeat: no-repeat;
	background-position: right; 
	padding-right: 18px;
	margin: 0px;
}
.WEFeature:hover  {
	background-image:url(/media/aspot-feature-hover.png);
}
.HelpCatTitle {
	padding: 0px;
	margin: 0px;
}
.NewsMenu {
	float: left; 
	padding: 10px; 
	width: 180px; 
	font-size: 14px;
}
.NewsMenu ul {
	list-style: none;
}
.NewsMenu li {
	background-color: #d0d4e5;
	border: 1px solid #096;
	padding: 3px;
	margin: 3px;
}
.NewsPane {
	display: block;
	padding: 18px 8px; 
	margin-left: 200px;
}
.NewsPane p {
	padding: 5px;
	margin: 0px;
}
.NewsPane h1 {
	padding: 5px;
	margin: 0px;
}
.NewsPane h2 {
	padding: 0px;
	margin: 0px;
}
.NewsPane h3 {
	padding: 0px;
	margin: 0px;
}
.NewsPane img {
	margin: 4px;
	vertical-align: middle;
}

.Keyword  {
	float: left;
	background-image:url(/media/search.png);
	background-repeat: no-repeat;
	padding: 4px 0px 2px 22px;
	margin: 0px 0px 2px 0px;
	white-space: nowrap; 
	text-decoration: none;
}
.Keyword:hover {
	padding: 4px 0px 2px 22px;
	background-image:url(/media/searchgo.png);
	text-decoration: none;
}
.Town  {
	background-image:url(/media/aspot-location.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
/*	line-height: 18px; */
	margin: 0px;
}
.Town:hover  {
	background-image:url(/media/aspot-location-hover.png);
}
.County  {
	background-image:url(/media/area.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
/*	line-height: 18px; */
	margin: 0px;
}
.County:hover  {
	background-image:url(/media/aspot-ahouse-hover.png);
}
.Feature  {
	background-image:url(/media/aspot-feature.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
	margin: 0px;
}
.Feature:hover  {
	background-image:url(/media/aspot-feature-hover.png);
}

.AHouse  {
	background-image:url(/media/aspot-ahouse.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 21px;
	margin: 0px;
}
.AHouse:hover  {
	background-image:url(/media/aspot-ahouse-hover.png);
}

.Category  {
	background-image:url(/media/aspot-feature.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
	margin: 0px;
}
.Category:hover  {
	background-image:url(/media/aspot-feature-hover.png);
}

/* ================================================================== */

.MobileMenuBlock {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0px;
	z-index: 999;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	padding: 2px 10px;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: #cbc1c1;
	border-left-color: white;
}
.MobileMenuBlock a:link {color: white; text-decoration: none; }
.MobileMenuBlock a:visited {color: white; text-decoration: none;}
.MobileMenuBlock a:current {color: white; text-decoration: none;}
.MobileMenuBlock a:hover {color: white; text-decoration: none;}
.MobileMenuBlock select {
	padding: 10px;
}
.MobileMenuBlock input {
	padding: 10px;
}

.MobileMenu12345 {
	background-color: #333333;
	color: white;
}
.MobileMenuReuses {
	background-color: #47601c;
	color: black;
}


.MobileMenu12345App {
	font-size: 20px;
}
.SectionSelect {
/*	background-color: green; */
}
.LeftMenu {
	float: left;
	width: 64px; *
	font-size: 16px;
	background-color: #7d857f;
	padding: 6px 5px;
	border: 1px solid #666;
	border-radius: 3px;
	height: 20px;
	margin: 5px;
}
.RightMenu {
	float: right;
	width: 64px; 
	font-size: 16px;
	background-color: #7d857f;
	padding: 6px 5px;
	border: 1px solid #666;
	border-radius: 3px;
	height: 20px;
	margin: 5px;
}

#HeaderMargin {
	height: 65px;
	display: inline-block;
}
/* ================================================================== */

@media screen and (orientation:portrait) and (max-device-width: 1000px) {
	#InnerCanvas {width: auto; font-size: 12px;}
	#InnerCanvas p {padding: 8px;}
	#ScrollMore {visibility: hidden;}
.NewsPane {
	margin-left: 10px;
}
.NewsMenu {
display: block;
width: 100%;
padding: 10px;
text-align: center;
}
.Category  {
	margin-botton: 15px;
}
.Town  {
	margin-botton: 15px;
}
.County  {
	margin-botton: 15px;
}
.World  {
	margin-botton: 15px;
}







.NewsMenu li {
	display: inline-block;
}
	
	.ArchiveCountReadout {
		font-size: 14px; 
		padding: 10px; 
	}

	.WEToolbar img {
		width: 20px;
		height: 20px;
	}
	
	.WEToolbar li {
		width: 24px;
		height: 24px;
		padding: 6px 6px;
		margin-right: 5px;
	}
	
	.aform label {
	text-align: left;
}
.aform input {
	padding: 10px;
	width: 95%;
	font-size: 125%;
}
.aform textarea {
	padding: 10px;
	width: 95%;
}
.aform select {
	padding: 10px;
	width: 95%;
}

.WEItem {
	font-size: 18px;
	line-height: 20px;
}

		
	
}
@media screen and (orientation:landscape) and (max-device-width: 1000px) {
.NewsMenu {
display: block;
width: 100%;
padding: 10px;
text-align: center;
}
.Category  {
	margin-botton: 15px;
}
.Town  {
	margin-botton: 15px;
}
.County  {
	margin-botton: 15px;
}
.World  {
	margin-botton: 15px;
}


#HeaderMargin {
	height: 45px;
}
.NewsMenu li {
	display: inline-block;
}
	#InnerCanvas {width: auto; font-size: 12px;}
	#InnerCanvas p {padding: 8px;}
	#ScrollMore {visibility: hidden;}

	.ArchiveCountReadout {
		font-size: 14px; 
		padding: 10px; 
	}
.NewsPane {
	margin-left: 10px;
}

.LeftMenu {
	left: 140px;
}
.RightMenu {
	right: 140px;
}

	.WEToolbar img {
		width: 20px;
		height: 20px;
	}
	
	.WEToolbar li {
		width: 24px;
		height: 24px;
		padding: 6px 6px;
		margin-right: 5px;
	}	

	.aform label {
	text-align: left;
}
.aform input {
	padding: 10px;
	width: 95%;
	font-size: 125%;
}
.aform textarea {
	padding: 10px;
	width: 95%;
}
.aform select {
	padding: 10px;
	width: 95%;
}

.MobileMenu12345 {
	height: 44px;
}

.WEItem {
	font-size: 18px;
	line-height: 20px;
}


}

/* ================================================================== */


.map  {
	background-image:url(/media/map.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}
.map:hover  {
	background-image:url(/media/map-hover.png);
}
.ASpotLocation  {
	background-image:url(/media/aspot-location.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	margin-right: 17px;
	line-height: 18px;
}
.ASpotLocation:hover  {
	background-image:url(/media/aspot-location-hover.png);

}
.ASpotRLocation  {
	background-image:url(/media/aspot-location.png);
	background-repeat: no-repeat;
	background-position: right; 
	padding-right: 18px;
	line-height: 18px;
	margin: 0px;
}
.ASpotRLocation:hover  {
	background-image:url(/media/aspot-location-hover.png);
}

.World  {
	background-image:url(/media/world.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
	line-height: 18px;
	margin: 0px;
	font-style: normal;
}
.World:hover  {
	background-image:url(/media/world-high.png);
	font-style: normal;
}

.ResponsiveLinks {
	display: inline-block;
	width: 80%;
	padding: 0px 0px 30px 0px;
}
.ResponsiveLinks a:link { font-weight: bold; text-decoration: none; }
.ResponsiveLinks a:visited { color: #009900; text-decoration: none; }
.ResponsiveLinks a:current { color: #669900; text-decoration: none; }
.ResponsiveLinks a:hover { color: #FF00CC; text-decoration: underline;}


.Location  {
	background-image:url(/media/aspot-location.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
/*	line-height: 18px; */
	margin: 0px;
}
.Location:hover  {
	background-image:url(/media/aspot-location-hover.png);
}

.Agent  {
	background-image:url(/media/aspot-agent.png);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 18px;
	line-height: 18px;
	margin: 0px;
}
.Agent:hover  {
	background-image:url(/media/aspot-agent-hover.png);
}

.xlinks a:link{
	background-image:url(/media/aspot-doc.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 18px;
}
.xlinks a:hover{
	background-image:url(/media/aspot-doc-float.png);
	background-repeat: no-repeat;
	text-decoration:underline;
}

.ASpotAgent  {
	background-image:url(/media/aspot-agent.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-bottom: 10px;
	line-height: 18px;
	}
.ASpotAgent:hover  {
	background-image:url(/media/aspot-agent-hover.png);
	}
.ASpotDoc  {
	background-image:url(/media/aspot-doc.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-bottom: 10px;
	line-height: 18px;
	}
.ASpotDoc:hover  {
	background-image:url(/media/aspot-agent-hover.png);
	}
.ASpotNear  {
	background-image:url(/media/aspot-near.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 17px;
	margin: 0px 20px 0px 0px;
}

/* ============================================================= */

#AHouseHomeBox {
	position: absolute; 
	display: inline-block;
	top: 150px; 
	left: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
}

#AHouseHomeBox img {
	position: absolute;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	margin: auto;
	width: 100%;
	min-height: 100%;
}



#AHouseHomeBox2 {
	position: absolute; 
	display: inline-block;
	top: 150px; 
	left: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
}

#AHouseHomeBox2 img {
	position: absolute;
	display: inline-block;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
}

#HomeForm {
	display: inline-block; 
	position: absolute; 
	top: 0px; left: 0px; bottom: 0px; right: 0px; 
	margin: auto auto auto auto; 
	width: 690px; 
	height: 230px; 
	overflow: visible; 
	background-color: black;  
	opacity: 0.85; 
	color: white; 
	padding: 10px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#HomeForm label {
		display: inline-block;
	width: 240px;
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}
#HomeForm select {
	padding: 2px;
}
#HomeForm input {
	padding: 2px;
}
#HomeForm p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
#HomeForm a:link {color:white;}
#HomeForm a:visited {color:white;}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {

	padding: 0px 0;
}

.content h1 {
	font-size: 1.5em;
	padding: 0px 14px;
	margin: 0px;
	text-align: left;
}



/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}